inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-07-31 17:38:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-1317] Use ADF component for "New" side navigation actions (#347)

Browse Source 
* adf-sidebar-action-menu

* update
This commit is contained in:
Cilibiu Bogdan
2018-05-04 20:39:26 +03:00
committed by Denys Vuika
parent b3ae122c4c
commit 9e264f3fb0
7 changed files with 102 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
src/app/components/sidenav/sidenav.component.html
View File

@@ -1,64 +1,53 @@
<div class="sidenav">
<div class="sidenav__section sidenav__section--new" [ngClass]="{ 'section--new--mini': !showLabel }">
<button *ngIf="showLabel"
[matMenuTriggerFor]="menu"
class="sidenav__section--new__button"
[disableRipple]="true"
mat-raised-button
color="accent">
<div class="sidenav__section sidenav__section sidenav_action-menu">
<adf-sidebar-action-menu [expanded]="showLabel" title="{{'APP.NEW_MENU.LABEL' | translate }}">
<mat-icon sidebar-menu-title-icon >arrow_drop_down</mat-icon>
<div sidebar-menu-expand-icon>
<mat-icon>queue</mat-icon>
</div>
<div sidebar-menu-options>
<button
mat-menu-item
[disabled]="!permission.check(node, ['create'])"
(error)="openSnackMessage($event)"
[adf-create-folder]="node?.id"
[attr.title]="
( permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.CREATE_FOLDER'
: 'APP.NEW_MENU.TOOLTIPS.CREATE_FOLDER_NOT_ALLOWED'
) | translate">
<mat-icon>create_new_folder</mat-icon>
<span>{{ 'APP.NEW_MENU.MENU_ITEMS.CREATE_FOLDER' | translate }}</span>
</button>
<span>{{ 'APP.NEW_MENU.LABEL' | translate }}</span>
<mat-icon>arrow_drop_down</mat-icon>
</button>
<adf-upload-button
mat-ripple
[tooltip]="
(permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FILES'
: 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FILES_NOT_ALLOWED'
) | translate"
[disabled]="!permission.check(node, ['create'])"
[rootFolderId]="node?.id"
[multipleFiles]="true"
[uploadFolders]="false"
[staticTitle]="'APP.NEW_MENU.MENU_ITEMS.UPLOAD_FILE' | translate">
</adf-upload-button>
<button [matMenuTriggerFor]="menu"
*ngIf="!showLabel"
color="accent"
mat-icon-button>
<mat-icon>add_box</mat-icon>
</button>
<mat-menu #menu="matMenu" [overlapTrigger]="false">
<button
mat-menu-item
[disabled]="!permission.check(node, ['create'])"
(error)="openSnackMessage($event)"
[adf-create-folder]="node?.id"
[attr.title]="
( permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.CREATE_FOLDER'
: 'APP.NEW_MENU.TOOLTIPS.CREATE_FOLDER_NOT_ALLOWED'
) | translate">
<mat-icon>create_new_folder</mat-icon>
<span>{{ 'APP.NEW_MENU.MENU_ITEMS.CREATE_FOLDER' | translate }}</span>
</button>
<adf-upload-button
[tooltip]="
(permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FILES'
: 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FILES_NOT_ALLOWED'
) | translate"
[disabled]="!permission.check(node, ['create'])"
[rootFolderId]="node?.id"
[multipleFiles]="true"
[uploadFolders]="false"
[staticTitle]="'APP.NEW_MENU.MENU_ITEMS.UPLOAD_FILE' | translate">
</adf-upload-button>
<adf-upload-button
[tooltip]="
(permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FOLDERS'
: 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FOLDERS_NOT_ALLOWED'
) | translate"
[disabled]="!permission.check(node, ['create'])"
[rootFolderId]="node?.id"
[multipleFiles]="true"
[uploadFolders]="true"
[staticTitle]="'APP.NEW_MENU.MENU_ITEMS.UPLOAD_FOLDER' | translate">
</adf-upload-button>
</mat-menu>
<adf-upload-button
[tooltip]="
(permission.check(node, ['create'])
? 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FOLDERS'
: 'APP.NEW_MENU.TOOLTIPS.UPLOAD_FOLDERS_NOT_ALLOWED'
) | translate"
[disabled]="!permission.check(node, ['create'])"
[rootFolderId]="node?.id"
[multipleFiles]="true"
[uploadFolders]="true"
[staticTitle]="'APP.NEW_MENU.MENU_ITEMS.UPLOAD_FOLDER' | translate">
</adf-upload-button>
</div>
</adf-sidebar-action-menu>
</div>
<div class="sidenav__section sidenav__section--menu" *ngFor="let list of navigation">

17
src/app/components/sidenav/sidenav.component.scss
View File

@@ -8,8 +8,10 @@
border-bottom: 0;
}
.section--new--mini {
&_action-menu {
display: flex;
padding: 16px 24px;
height: 40px;
justify-content: center;
align-items: center;
}
@@ -17,19 +19,6 @@
&__section {
padding: 8px 14px;
position: relative;
&--new {
padding: 16px 24px;
height: 40px;
}
&--new__button {
width: 100%;
}
&--new__button.mat-raised-button {
box-shadow: none !important;
}
}
&-menu {

5
src/app/components/sidenav/sidenav.component.theme.scss
View File

@@ -10,7 +10,10 @@
@include angular-material-theme($theme);
background-color: mat-color($background, background);
border-right: $border;
.adf-sidebar-action-menu-button {
background-color: mat-color($accent);
}
&__section {
border-bottom: $border;