You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
3.3 KiB
HTML
91 lines
3.3 KiB
HTML
<div class="container-fluid">
|
|
<div *ngIf="mainFolder">
|
|
|
|
<p> Path : {{mainFolder.path}}</p>
|
|
<p> Vous êtes dans le dossier : {{mainFolder.name}}</p>
|
|
<button type="button" class="btn btn-warning" (click)="backToParentFolder()" *ngIf="mainFolder.path !== 'Home'">Retour à : {{mainFolder.parent}}</button>
|
|
</div>
|
|
|
|
|
|
<button type="button" class="btn btn-warning" (click)="createBool()" *ngIf="isClickCreateFolder === false">Nouveau dossier</button>
|
|
|
|
|
|
|
|
<div class="md-form input-group" *ngIf="isClickCreateFolder === true">
|
|
<div class="input-group-btn">
|
|
<button class="btn btn-primary btn-lg waves-light" type="button" mdbWavesEffect (click)="createFolder()">Créer</button>
|
|
</div>
|
|
<input type="search" class="form-control" placeholder="Nom du nouveau dossier..." [(ngModel)]="inputCreateFolder">
|
|
</div>
|
|
|
|
|
|
<label class="btn btn-danger col-sm-2 col-md-2" >
|
|
Fichier à ajouter<input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
|
|
</label>
|
|
|
|
<button type="button" class="btn btn-warning" (click)="upload()">Ajouter le fichier {{fileChooseName}}</button>
|
|
<label> Vous avez choisi : {{fileChooseName}}</label>
|
|
</div>
|
|
<table class="table table-striped">
|
|
<thead>
|
|
<tr>
|
|
<th>#</th>
|
|
<th>Nom</th>
|
|
<th>Taille</th>
|
|
<th>Type</th>
|
|
<th>Date d'ajout</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *ngFor="let folder of allUserFolder; let i = index;">
|
|
<td><button type="button" class="btn btn-warning" (click)="openFolder(folder.path)">Ouvrir dossier</button></td>
|
|
<td>{{ folder.name }}</td>
|
|
<td>{{ folder.taille}} Mo</td>
|
|
<td>Folder</td>
|
|
<td>{{ folder.owner }}</td>
|
|
<i class="fa fa-folder-open-o" aria-hidden="true"></i>
|
|
</tr>
|
|
<tr *ngFor="let file of allUserFile; let i = index;">
|
|
<th scope="row">{{ i + 1 }}</th>
|
|
<td>{{ file.name }}</td>
|
|
<td>{{ file.taille / ( 1024 * 1024 ) | number : '1.2-2'}} Mo</td>
|
|
<td>{{ file.extention }}</td>
|
|
<td>{{ file.lastDate }}</td>
|
|
<div *ngIf="file.extention === ('image/jpeg')">
|
|
<img src="../../../public/{{ file._id.toString() }}" class="img-fluid flex-center" width="150" height="150">
|
|
</div>
|
|
<div *ngIf="file.extention === ('image/png')">
|
|
<img src="../../../public/{{ file._id.toString() }}" class="img-fluid flex-center" width="150" height="150">
|
|
</div>
|
|
<div *ngIf="file.extention === ('application/pdf')">
|
|
<i class="fa fa-file-pdf-o" aria-hidden="true"></i>
|
|
</div>
|
|
<div *ngIf="file.extention === ('video/mp4')">
|
|
<i class="fa fa-file-movie-o" aria-hidden="true"></i>
|
|
</div>
|
|
<div *ngIf="file.extention === ('text/plain')">
|
|
<i class="fa fa-file-text-o" aria-hidden="true"></i>
|
|
</div>
|
|
<div *ngIf="file.extention === ('audio/mpeg')">
|
|
<i class="fa fa-file-audio-o" aria-hidden="true"></i>
|
|
</div>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
|
|
|
|
|
|
<!--
|
|
<form enctype="multipart/form-data" method="post" name="fileinfo">
|
|
<label>Fichier à mettre de côté :</label>
|
|
<input type="file" name="file" (change)="fileChangeEvent($event)" required />
|
|
<input type="submit" (click)="upload2()" value="Mettez le fichier de côté." />
|
|
</form>
|
|
<div></div>
|
|
-->
|
|
|
|
|
|
|
|
|