2018-06-06 20:56:21 +00:00
|
|
|
<body class="indigo-skin">
|
2018-05-07 18:30:37 +00:00
|
|
|
|
|
|
|
|
2018-06-24 19:46:30 +00:00
|
|
|
|
|
|
|
|
2018-05-07 18:30:37 +00:00
|
|
|
<!--Double navigation-->
|
|
|
|
<header>
|
|
|
|
|
|
|
|
<!-- Sidebar navigation -->
|
2018-06-06 20:56:21 +00:00
|
|
|
<mdb-sidenav #sidenav class="sn-bg-4 fixed" [fixed]="true">
|
2018-05-07 18:30:37 +00:00
|
|
|
|
|
|
|
<logo>
|
|
|
|
<!-- Logo -->
|
|
|
|
<li>
|
2018-06-07 15:51:45 +00:00
|
|
|
<div class="logo-wrapper flex-center waves-light" style="padding-bottom: 5%">
|
2018-06-24 20:03:29 +00:00
|
|
|
<a href="#"><img style="height: 90px; margin-left: 13%;"src="../../assets/logoSupfile.png" class="img-fluid flex-center"></a>
|
2018-05-07 18:30:37 +00:00
|
|
|
</div>
|
|
|
|
</li>
|
|
|
|
<!--/. Logo -->
|
|
|
|
</logo>
|
|
|
|
|
|
|
|
<links>
|
|
|
|
<!--Social-->
|
|
|
|
<li>
|
|
|
|
<ul class="social">
|
2018-06-08 14:40:12 +00:00
|
|
|
<li><a class="icons-sm fb-ic" href="https://www.facebook.com/ArcadiaDev"><i class="fa fa-facebook"> </i></a></li>
|
2018-05-07 18:30:37 +00:00
|
|
|
<li><a class="icons-sm gplus-ic"><i class="fa fa-google-plus"> </i></a></li>
|
|
|
|
<li><a class="icons-sm tw-ic"><i class="fa fa-twitter"> </i></a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<!--/Social-->
|
|
|
|
<!--Search Form-->
|
2018-06-06 20:56:21 +00:00
|
|
|
<!--<li>-->
|
|
|
|
<!--<form class="search-form" role="search">-->
|
|
|
|
<!--<div class="form-group md-form mt-0 pt-1 waves-light" mdbWavesEffect>-->
|
|
|
|
<!--<input type="text" class="form-control" placeholder="Search">-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--</form>-->
|
|
|
|
<!--</li>-->
|
2018-05-07 18:30:37 +00:00
|
|
|
<!--/.Search Form-->
|
|
|
|
<!-- Side navigation links -->
|
|
|
|
<li>
|
2018-06-07 15:51:45 +00:00
|
|
|
<div class="container-fluid flex-center" style="padding-top: 5%">
|
|
|
|
<button class="btn-primary btn-sm btn-rounded right-aligned waves-light" mdbWavesEffect (click)="getAllUserAppFolder()"><i class="fa fa-refresh" aria-hidden="true"></i></button>
|
|
|
|
</div>
|
2018-06-07 06:44:15 +00:00
|
|
|
<!--<a class="btn-floating btn-sm blue-gradient waves-light" mdbWavesEffect (click)="getAllUserAppFolder()"><i class="fa fa-refresh" aria-hidden="true"></i></a>-->
|
2018-05-07 18:30:37 +00:00
|
|
|
<ul class="collapsible collapsible-accordion">
|
2018-06-07 06:44:15 +00:00
|
|
|
|
2018-05-07 18:30:37 +00:00
|
|
|
<mdb-squeezebox [multiple]="false" aria-multiselectable="false">
|
|
|
|
|
2018-05-31 13:25:36 +00:00
|
|
|
<!-- Collapsible link onclick="function(){ getAllUserAppFolder(); }" -->
|
|
|
|
<mdb-item *ngFor="let folder of allUserAppFolder; let i = index;">
|
|
|
|
<mdb-item-head mdbWavesEffect><i class="fa fa-chevron-right"></i>{{folder.name}}</mdb-item-head>
|
2018-06-07 06:44:15 +00:00
|
|
|
<mdb-item-body *ngIf="allUserAppFolder">
|
2018-05-07 18:30:37 +00:00
|
|
|
<ul>
|
2018-06-07 06:44:15 +00:00
|
|
|
<li><a class="waves-effect" *ngFor="let folderChild of getItemsFolder(folder.name); let i = index;" mdbWavesEffect>{{folderChild.name}}</a></li>
|
2018-06-08 02:57:29 +00:00
|
|
|
<li><a class="waves-effect" *ngFor="let file of getItems(folder?.path); let i = index;" mdbWavesEffect>{{file.name}}</a></li>
|
2018-05-07 18:30:37 +00:00
|
|
|
</ul>
|
|
|
|
</mdb-item-body>
|
|
|
|
</mdb-item>
|
|
|
|
|
|
|
|
</mdb-squeezebox>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<!--/. Side navigation links -->
|
|
|
|
</links>
|
|
|
|
<div class="sidenav-bg mask-strong"></div>
|
|
|
|
</mdb-sidenav>
|
|
|
|
<!--/. Sidebar navigation -->
|
|
|
|
|
|
|
|
<!-- Navbar -->
|
|
|
|
<mdb-navbar SideClass="navbar fixed-top navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav" [containerInside]="false">
|
|
|
|
|
|
|
|
<navlinks class="navbar-container">
|
|
|
|
<!-- SideNav slide-out button -->
|
|
|
|
<div class="float-left">
|
|
|
|
<a (click)="sidenav.show()" class="button-collapse"><i class="fa fa-bars"></i></a>
|
|
|
|
</div>
|
|
|
|
<!--/. SideNav slide-out button -->
|
|
|
|
</navlinks>
|
|
|
|
|
|
|
|
<logo>
|
|
|
|
<!-- Breadcrumb-->
|
|
|
|
<div class="breadcrumbs breadcrumb-dn mr-auto">
|
|
|
|
<p>Welcome</p>
|
|
|
|
</div>
|
|
|
|
<!--/. Breadcrumb-->
|
|
|
|
</logo>
|
|
|
|
|
|
|
|
<navlinks>
|
|
|
|
<ul class="nav navbar-nav nav-flex-icons ml-auto ie-double-nav">
|
|
|
|
<li class="nav-item">
|
2018-06-08 13:30:13 +00:00
|
|
|
<a class="nav-link waves-light" mdbWavesEffect><i class="fa fa-user"></i> <span class="clearfix d-none d-sm-inline-block"> {{currentUser.username}} </span></a>
|
2018-05-07 18:30:37 +00:00
|
|
|
</li>
|
|
|
|
<li class="nav-item" (click)="logout()">
|
|
|
|
<a class="nav-link waves-light" mdbWavesEffect><i class="fa fa-sign-out mr-1"></i> <span class="clearfix d-none d-sm-inline-block">Log out</span></a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</navlinks>
|
|
|
|
</mdb-navbar>
|
|
|
|
<!--/. Navbar -->
|
|
|
|
|
|
|
|
</header>
|
|
|
|
<!--/.Double navigation-->
|
|
|
|
|
|
|
|
<!--Main Layout-->
|
|
|
|
<main style="margin-left: 0%; margin-right: 0%;">
|
|
|
|
<div class="container-fluid" style="margin:0%; padding: 0%">
|
2018-06-08 02:57:29 +00:00
|
|
|
<app-book [socialIdUser]="socialIdUser"></app-book>
|
2018-05-07 18:30:37 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</main>
|
|
|
|
<!--/Main layout-->
|