diff --git a/src/frontend/app/folder/document-list/folder-document-list.component.html b/src/frontend/app/folder/document-list/folder-document-list.component.html index 561535fad3c479cd30bd09d3eda2a179ba9221bf..841871523ff59670d70e652d2c24ba09f9cc780e 100644 --- a/src/frontend/app/folder/document-list/folder-document-list.component.html +++ b/src/frontend/app/folder/document-list/folder-document-list.component.html @@ -61,7 +61,7 @@ <div style="height:90%;overflow:auto;position:absolute;width:100%;"> <table #tableBasketListSort="matSort" cdkDropList id="folder-list" [cdkDropListConnectedTo]="listTodrag()" [cdkDropListData]="data" - [cdkDropListDisabled]="dragInit" mat-table [dataSource]="data" matSort matSortActive="res_id" + [cdkDropListDisabled]="dragInit || appService.getViewMode()" mat-table [dataSource]="data" matSort matSortActive="res_id" matSortDisableClear matSortDirection="asc" style="width:100%;"> <ng-container matColumnDef="res_id"> diff --git a/src/frontend/app/folder/folder-tree.component.html b/src/frontend/app/folder/folder-tree.component.html index fac1743e041677f8587b1f755890221e923d1b4d..f3333c08bf63e25fcdc68ff4ffa60c28336b7938 100644 --- a/src/frontend/app/folder/folder-tree.component.html +++ b/src/frontend/app/folder/folder-tree.component.html @@ -10,7 +10,7 @@ (mouseleave)="hideAction(node)" (click)="selectFolder(node)"> <span style="width: 90%;overflow: hidden;text-overflow: ellipsis;"> <span class="treeLabel" [title]="node.label" [class.drag]="node.drag"> - {{node.label}} <i class="fa fa-users private" *ngIf="node.public" title="{{lang.sharedFolder}}"></i> + <i class="fa fa-users private" *ngIf="node.public" title="{{lang.sharedFolder}}"></i> {{node.label}} </span> </span> <button mat-icon-button [matMenuTriggerFor]="menu" (click)="$event.stopPropagation();showAction(node);checkRights(node);" @@ -27,9 +27,9 @@ </mat-menu> </a> </mat-tree-node> - <mat-tree-node *matTreeNodeDef="let node; when: hasNoContent" matTreeNodePadding matTreeNodePaddingIndent="45px"> + <mat-tree-node *matTreeNodeDef="let node; when: hasNoContent" matTreeNodePadding matTreeNodePaddingIndent="0px"> <form> - <mat-form-field floatLabel="never" style="width: 100%;"> + <mat-form-field floatLabel="never" style="width: 100%;padding-left: 10px;padding-right: 10px;"> <input matInput id="itemValue" #itemValue placeholder="{{lang.addFolder}}..."> <button type="submit" matSuffix mat-icon-button (click)="saveNode(node, itemValue.value)" [disabled]="itemValue.value === ''"> @@ -50,7 +50,7 @@ (mouseenter)="showAction(node)" (click)="selectFolder(node)"> <span style="width: 90%;overflow: hidden;text-overflow: ellipsis;"> <span class="treeLabel" [title]="node.label" [class.drag]="node.drag"> - {{node.label}} <i class="fa fa-users private" *ngIf="node.public" title="{{lang.sharedFolder}}"></i> + <i class="fa fa-users private" *ngIf="node.public" title="{{lang.sharedFolder}}"></i> {{node.label}} </span> </span> <button mat-icon-button [matMenuTriggerFor]="menu" (click)="$event.stopPropagation();checkRights(node);" [disabled]="!node.showAction" style="position: absolute;right:0px;"> @@ -77,7 +77,7 @@ <mat-list-item role="listitem"> <form> <mat-form-field floatLabel="never" style="width: 100%;"> - <input matInput id="itemValue" #itemValue placeholder="{{lang.addFolder}} racine..."> + <input matInput id="itemValue" #itemValue placeholder="{{lang.addRootFolder}}"> <button type="submit" matSuffix mat-icon-button (click)="createRoot(itemValue.value);createRootNode = !createRootNode" [disabled]="itemValue.value === ''"> <mat-icon class="fa fa-check" color="accent" [title]="lang.add"></mat-icon> diff --git a/src/frontend/app/folder/folder-tree.component.scss b/src/frontend/app/folder/folder-tree.component.scss index 7d399a33705a6a1e0708cf4c002ad87c0e458bc8..378c4d4e45bc72ed3832f81d8fbdc7d32c9e58c3 100644 --- a/src/frontend/app/folder/folder-tree.component.scss +++ b/src/frontend/app/folder/folder-tree.component.scss @@ -51,13 +51,13 @@ color: rgb(102, 102, 102); font-size: 12px; font-weight: bold; - height: 30px; + height: 40px; width: 90%; } .mat-tree-node { min-height: 0px; - height: 30px; + height: 40px; ::ng-deep.mat-list-item-content { padding-left: 0px; @@ -80,12 +80,15 @@ form { } .more { + width: 100%; + ::ng-deep.mat-list-item-content { justify-content: center; } } .private { + margin-left: 5px; color: $secondary; } diff --git a/src/frontend/app/folder/folder-tree.component.ts b/src/frontend/app/folder/folder-tree.component.ts index c7ef091fdcee1164d6ff69cf5a1f83dd67bfa514..135bd7a2e0bb08ac13a3a7f1b35308a9c369d93c 100644 --- a/src/frontend/app/folder/folder-tree.component.ts +++ b/src/frontend/app/folder/folder-tree.component.ts @@ -255,6 +255,7 @@ export class FolderTreeComponent implements OnInit { const nestedNode = this.flatNodeMap.get(node); nestedNode.label = value; nestedNode.id = data.folder; + nestedNode.countResources = 0; this.dataChange.next(this.data); this.treeControl.collapseAll(); this.openTree(nestedNode.id); diff --git a/src/frontend/app/list/basket-list.component.html b/src/frontend/app/list/basket-list.component.html index ffb9052d01f8ddd5350c0e1c816e403ddffeb629..7a9761c694373dc5003596157e8e5353e6e3a23d 100644 --- a/src/frontend/app/list/basket-list.component.html +++ b/src/frontend/app/list/basket-list.component.html @@ -63,7 +63,7 @@ </div> <div style="height:90%;overflow:auto;position:absolute;width:100%;"> <table cdkDropList id="document-list" [cdkDropListConnectedTo]="listTodrag()" [cdkDropListData]="data" #tableBasketListSort="matSort" mat-table [dataSource]="data" matSort - matSortActive="res_id" matSortDisableClear matSortDirection="asc" style="width:100%;" [cdkDropListDisabled]="dragInit"> + matSortActive="res_id" matSortDisableClear matSortDirection="asc" style="width:100%;" [cdkDropListDisabled]="dragInit || appService.getViewMode()"> <ng-container matColumnDef="res_id"> <td mat-cell *matCellDef="let row" diff --git a/src/frontend/lang/lang-en.ts b/src/frontend/lang/lang-en.ts index e6b52cbaba7878a8f632affda16161ef45dbf240..19f32bf9bc15fc9e26665918e490f9db94c414c1 100755 --- a/src/frontend/lang/lang-en.ts +++ b/src/frontend/lang/lang-en.ts @@ -1063,4 +1063,5 @@ export const LANG_EN = { "more" : "More", "less" : "Less", "actionsAlt": "Actions", + "addRootFolder": "Add root folder", }; diff --git a/src/frontend/lang/lang-fr.ts b/src/frontend/lang/lang-fr.ts index c43f6b839a8b7a59f89b803dd932183364bbe7d4..a8beab022845f5fdc696c596a444b6e3e4dd02f4 100755 --- a/src/frontend/lang/lang-fr.ts +++ b/src/frontend/lang/lang-fr.ts @@ -1100,4 +1100,5 @@ export const LANG_FR = { "more" : "Plus", "less" : "Moins", "actionsAlt": "Actions", + "addRootFolder": "Nouveau dossier racine", }; diff --git a/src/frontend/lang/lang-nl.ts b/src/frontend/lang/lang-nl.ts index 08f2c00487e0c1d2635b5e8fa04e697de1b340c9..aca34832577374aa7e1633ca6dbf29cb76b51cc1 100755 --- a/src/frontend/lang/lang-nl.ts +++ b/src/frontend/lang/lang-nl.ts @@ -1089,4 +1089,5 @@ export const LANG_NL = { "more" : "More", //_TO_TRANSLATE "less" : "Less", //_TO_TRANSLATE "actionsAlt": "Actions", //_TO_TRANSLATE + "addRootFolder": "Add root folder", //_TO_TRANSLATE };