version stable
This commit is contained in:
commit
c85b69a88d
2
bin/www
2
bin/www
@ -34,8 +34,10 @@ var credentials = {
|
||||
cert: certificate,
|
||||
passphrase: 'titi'
|
||||
};
|
||||
|
||||
//var server = https.createServer(credentials, app);
|
||||
var server = http.createServer(app);
|
||||
|
||||
// server.setSecure(credentials);
|
||||
|
||||
/**
|
||||
|
@ -5,6 +5,12 @@
|
||||
.topButtons {
|
||||
margin-top: 2%;
|
||||
}
|
||||
|
||||
.topButtonsRow {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.app-title {
|
||||
font-size: 24px;
|
||||
}
|
||||
@ -73,3 +79,125 @@
|
||||
.dropzone-container {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
*::after,
|
||||
*::before {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box
|
||||
}
|
||||
html,
|
||||
body {
|
||||
font: 100% 'Arimo', sans-serif;
|
||||
}
|
||||
.filter-wrapper,
|
||||
.keyword-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.filter-wrapper {
|
||||
min-height: 100%;
|
||||
flex-flow: column wrap;;
|
||||
position: relative
|
||||
}
|
||||
.keyword-wrapper {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
#keyword {
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px;
|
||||
font: 1.5em 'Arimo', sans-serif;
|
||||
width: 50%;
|
||||
outline: none;
|
||||
transition: border 0.5s ease-in-out
|
||||
}
|
||||
#keyword:focus {
|
||||
border-color : rgba(81, 203, 238, 1);;
|
||||
}
|
||||
#keyword-button {
|
||||
position: absolute;
|
||||
right: 26%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
font-size: 1.7em;
|
||||
color: #8DB9ED
|
||||
}
|
||||
#keyword-button:hover {
|
||||
color: #ccc
|
||||
}
|
||||
.filter-select {
|
||||
width: 50%;
|
||||
list-style: none;
|
||||
font-size: 1.1em;
|
||||
color: rgb(105, 105, 105);
|
||||
border: 1px solid #ccc;
|
||||
border-top: none;
|
||||
/*so things don't jump around*/
|
||||
position: absolute;
|
||||
left: 25%;
|
||||
top: calc(50% + 25px);
|
||||
max-height: calc(50% - 15px);
|
||||
overflow-y: auto;
|
||||
background: #fff
|
||||
}
|
||||
.filter-select-list img {
|
||||
margin-right: 30px;
|
||||
}
|
||||
.tags {
|
||||
font-size: 12px;
|
||||
font-style: italic;
|
||||
color: #c6c6c6;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
top: -10px;
|
||||
}
|
||||
.filter-select-list:hover .tags {
|
||||
color: #fff;
|
||||
}
|
||||
.filter-select-list {
|
||||
cursor: pointer;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.artist-name {
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
.filter-select-list:hover {
|
||||
background: #C0C0C0;
|
||||
color: #fff
|
||||
}
|
||||
.list-highlight,
|
||||
.list-highlight:hover {
|
||||
background: rgb(55, 55, 55);
|
||||
color: #fff
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.filter-select,
|
||||
#keyword {
|
||||
width: 80%;
|
||||
}
|
||||
#keyword {
|
||||
font-size: 1.3em
|
||||
}
|
||||
.filter-select {
|
||||
font-size: 0.9em;
|
||||
left: 10%;
|
||||
top: calc(50% + 23px);
|
||||
}
|
||||
#keyword-button {
|
||||
right: 11%
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.filter-select,
|
||||
#keyword {
|
||||
width: 95%;
|
||||
}
|
||||
.filter-select {
|
||||
left: 2.5%;
|
||||
}
|
||||
#keyword-button {
|
||||
right: 3.5%
|
||||
}
|
||||
}
|
||||
|
@ -1,21 +1,3 @@
|
||||
<div class="md-form">
|
||||
<i class="fa fa-user prefix grey-text"></i>
|
||||
<input
|
||||
#query
|
||||
(keyup)="filter(query.value)"
|
||||
type="text" class="form-control" placeholder="Cherchez...">
|
||||
<div *ngFor="let folder of filterAllUserFolder">
|
||||
<a (click)="openFolder(folder.path)">{{folder.name}}</a>
|
||||
<p>
|
||||
{{folder?.path}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<mdb-completer [label]="'Find folder'" initialValue="Find folder" (selected)="openFolder('searchStr')" name="autocomplete" [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0">
|
||||
</mdb-completer>
|
||||
|
||||
|
||||
|
||||
<div class="box-container align-middle" fxLayout="column" [ngStyle.lt-sm]="'min-height: 400;'">
|
||||
<dropzone *ngIf="type === 'component'" class="dropzone-container" [config]="config" [disabled]="disabled" fxLayout="row" fxLayoutAlign="start strech" fxFlex="auto" [message]="'Click or drag file here to upload'" (error)="onUploadError($event)" (success)="onUploadSuccess($event)"></dropzone>
|
||||
@ -36,28 +18,52 @@
|
||||
</div>
|
||||
|
||||
<div class="topButtons">
|
||||
<button type="button" class="btn btn-primary btn-sm" mdbTooltip="Back To : {{mainFolder?.parent}}" placement="top" (click)="backToParentFolder()" *ngIf="mainFolder?.path !== 'Home'"><i class="fa fa-chevron-left" aria-hidden="true"></i> {{mainFolder?.parent}}</button>
|
||||
|
||||
<button type="button" class="btn btn-primary btn-sm" mdbTooltip="Nouveau dossier" placement="top" (click)="createBool()" *ngIf="isClickCreateFolder === false">
|
||||
<i class="fa fa-plus-circle" aria-hidden="true"><i class="fa fa-folder-o" aria-hidden="true"></i></i>
|
||||
</button>
|
||||
<div class="row topButtonsRow">
|
||||
<div class="col-md-8 align-middle l-flex--center">
|
||||
<button type="button" class="btn btn-primary btn-sm" mdbTooltip="Back To : {{mainFolder.parent}}" placement="top" (click)="backToParentFolder()" *ngIf="mainFolder.path !== 'Home'"><i class="fa fa-chevron-left" aria-hidden="true"></i> {{mainFolder.parent}}</button>
|
||||
|
||||
|
||||
<button type="button" class="btn btn-primary btn-sm" mdbTooltip="Nouveau dossier" placement="top" (click)="createBool()" *ngIf="isClickCreateFolder === false">
|
||||
<i class="fa fa-plus-circle" aria-hidden="true"><i class="fa fa-folder-o" aria-hidden="true"></i></i>
|
||||
</button>
|
||||
|
||||
|
||||
|
||||
<div class="md-form input-group" *ngIf="isClickCreateFolder === true">
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-primary btn-sm waves-light" mdbTooltip="Créer : {{inputCreateFolder}}" placement="top" type="button" mdbWavesEffect (click)="createFolder()">Créer</button>
|
||||
<div class="md-form input-group" *ngIf="isClickCreateFolder === true">
|
||||
<div class="input-group-btn">
|
||||
<button class="btn btn-primary btn-sm waves-light" mdbTooltip="Créer : {{inputCreateFolder}}" placement="top" 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-secondary btn-sm" mdbTooltip="Choose a file" placement="top" >
|
||||
<i class="fa fa-plus-circle" aria-hidden="true"><i class="fa fa-file-o" aria-hidden="true"></i></i>
|
||||
<input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
|
||||
</label>
|
||||
<button type="button" class="btn btn-default btn-sm" mdbTooltip="Add File : {{fileChooseName}}" placement="top" (click)="upload()" >Ajouter le fichier {{fileChooseName}}</button>
|
||||
<label *ngIf="fileChooseName !== ''"> Vous avez choisi : {{fileChooseName}}</label>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 align-middle l-flex--center">
|
||||
<!--<form class="md-form active-pink active-pink-2 mb-3">-->
|
||||
<!--<div class="row">-->
|
||||
<!--<i class="fa fa-search" aria-hidden="true"></i>-->
|
||||
<!--<input #query (keyup)="filter(query.value)" type="text" class="form-control form-control-sm ml-3 w-75" placeholder="Search File" aria-label="Search">-->
|
||||
<!--<div class="list-group" *ngFor="let folder of filterAllUserFolder">-->
|
||||
<!--<a class="list-group-item list-group-item-action waves-light" (click)="openFolder(folder.path)" mdbWavesEffect>-->
|
||||
<!--{{folder.name}}-->
|
||||
<!--<br>-->
|
||||
<!--{{folder?.path}}-->
|
||||
<!--</a>-->
|
||||
<!--</div>-->
|
||||
<!--</div>-->
|
||||
<!--</form>-->
|
||||
<mdb-completer [label]="'Find folder'" initialValue="Find folder" (selected)="openFolder('searchStr')" name="autocomplete" [(ngModel)]="searchStr" [datasource]="dataService" [minSearchLength]="0">
|
||||
</mdb-completer>
|
||||
</div>
|
||||
<input type="search" class="form-control" placeholder="Nom du nouveau dossier..." [(ngModel)]="inputCreateFolder">
|
||||
</div>
|
||||
|
||||
|
||||
<label class="btn btn-secondary btn-sm" mdbTooltip="Choose a file" placement="top" >
|
||||
<i class="fa fa-plus-circle" aria-hidden="true"><i class="fa fa-file-o" aria-hidden="true"></i></i>
|
||||
<input type="file" style="display: none;" #myPicture name="myPicture" (change)="fileChangeEvent($event)">
|
||||
</label>
|
||||
<button type="button" class="btn btn-default btn-sm" mdbTooltip="Add File : {{fileChooseName}}" placement="top" (click)="upload()" >Ajouter le fichier {{fileChooseName}}</button>
|
||||
<label *ngIf="fileChooseName !== ''"> Vous avez choisi : {{fileChooseName}}</label>
|
||||
</div>
|
||||
|
||||
|
||||
|
@ -10,7 +10,7 @@
|
||||
<logo>
|
||||
<!-- Logo -->
|
||||
<li>
|
||||
<div class="logo-wrapper waves-light">
|
||||
<div class="logo-wrapper flex-center waves-light" style="padding-bottom: 5%">
|
||||
<a href="#"><img style="height: 90px; margin-left: 13%;"src="https://openclipart.org/image/2400px/svg_to_png/190248/slogonormal.png" class="img-fluid flex-center"></a>
|
||||
</div>
|
||||
</li>
|
||||
@ -39,7 +39,9 @@
|
||||
<!--/.Search Form-->
|
||||
<!-- Side navigation links -->
|
||||
<li>
|
||||
<button class="btn peach-gradient btn-sm btn-rounded waves-light" mdbWavesEffect (click)="getAllUserAppFolder()"><i class="fa fa-refresh" aria-hidden="true"></i></button>
|
||||
<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>
|
||||
<!--<a class="btn-floating btn-sm blue-gradient waves-light" mdbWavesEffect (click)="getAllUserAppFolder()"><i class="fa fa-refresh" aria-hidden="true"></i></a>-->
|
||||
<ul class="collapsible collapsible-accordion">
|
||||
|
||||
|
@ -1,4 +1,4 @@
|
||||
<div class="completer-holder md-form" mdbCompleter>
|
||||
<div class="completer-holder md-form" style="margin-top: 0" mdbCompleter>
|
||||
|
||||
<input #mdbInput [attr.id]="inputId.length > 0 ? inputId : null" type="search" class="completer-input form-control mdb-autocomplete" mdbInput [ngClass]="inputClass"
|
||||
[(ngModel)]="searchStr" (ngModelChange)="onChange($event)" [attr.name]="inputName" [placeholder]="placeholder"
|
||||
|
Loading…
Reference in New Issue
Block a user