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

tidyup

Browse Source
This commit is contained in:
Bogdan Cilibiu
2017-10-25 00:42:14 +03:00
parent dd5e9277ff
commit 65a509a7ae
8 changed files with 42 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/components/favorites/favorites.component.html
View File

@@ -77,7 +77,7 @@
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-favorites-" currentFolderId="-favorites-"
selectionMode="multiple" selectionMode="multiple"
[navigate]="false" [navigate]="false"
@@ -89,10 +89,10 @@
<empty-folder-content> <empty-folder-content>
<ng-template> <ng-template>
<div class="app-no-content_block"> <div class="empty-list__block">
<mat-icon>star_rate</mat-icon> <mat-icon>star_rate</mat-icon>
<p class="app-no-content_title">{{ 'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__title">{{ 'APP.BROWSE.FAVORITES.EMPTY_STATE.TITLE' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.FAVORITES.EMPTY_STATE.TEXT' | translate }}</p>
</div> </div>
</ng-template> </ng-template>
</empty-folder-content> </empty-folder-content>

14
src/app/components/files/files.component.html
View File

@@ -78,26 +78,18 @@
</adf-toolbar> </adf-toolbar>
</div> </div>
<div class="inner-layout__content" <div [attr.class]="isValidPath ? 'content--hide' : 'inner-layout__content'">
[ngClass]="{
'inner-layout__content--hide': isValidPath,
'inner-layout__content--show': !isValidPath
}">
<app-generic-error></app-generic-error> <app-generic-error></app-generic-error>
</div> </div>
<div class="inner-layout__content" <div [attr.class]="!isValidPath ? 'content--hide' : 'inner-layout__content'">
[ngClass]="{
'inner-layout__content--hide': !isValidPath ,
'inner-layout__content--show': isValidPath
}">
<alfresco-upload-drag-area <alfresco-upload-drag-area
[rootFolderId]="node?.id" [rootFolderId]="node?.id"
[disabled]="!canCreateContent(node)" [disabled]="!canCreateContent(node)"
[showNotificationBar]="false"> [showNotificationBar]="false">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
[loading]="isLoading" [loading]="isLoading"
[node]="paging" [node]="paging"
[sorting]="[ 'modifiedAt', 'desc' ]" [sorting]="[ 'modifiedAt', 'desc' ]"

8
src/app/components/libraries/libraries.component.html
View File

@@ -9,7 +9,7 @@
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-sites-" currentFolderId="-sites-"
selectionMode="none" selectionMode="none"
[navigate]="false" [navigate]="false"
@@ -21,10 +21,10 @@
<empty-folder-content> <empty-folder-content>
<ng-template> <ng-template>
<div class="app-no-content_block"> <div class="empty-list__block">
<mat-icon>group_work</mat-icon> <mat-icon>group_work</mat-icon>
<p class="app-no-content_title">{{ 'APP.BROWSE.LIBRARIES.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__title">{{ 'APP.BROWSE.LIBRARIES.EMPTY_STATE.TITLE' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.LIBRARIES.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.LIBRARIES.EMPTY_STATE.TITLE' | translate }}</p>
</div> </div>
</ng-template> </ng-template>
</empty-folder-content> </empty-folder-content>

8
src/app/components/recent-files/recent-files.component.html
View File

@@ -70,7 +70,7 @@
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-recent-" currentFolderId="-recent-"
selectionMode="multiple" selectionMode="multiple"
[navigate]="false" [navigate]="false"
@@ -82,10 +82,10 @@
<empty-folder-content> <empty-folder-content>
<ng-template> <ng-template>
<div class="app-no-content_block"> <div class="empty-list__block">
<mat-icon>access_time</mat-icon> <mat-icon>access_time</mat-icon>
<p class="app-no-content_title">{{ 'APP.BROWSE.RECENT.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__title">{{ 'APP.BROWSE.RECENT.EMPTY_STATE.TITLE' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.RECENT.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.RECENT.EMPTY_STATE.TITLE' | translate }}</p>
</div> </div>
</ng-template> </ng-template>
</empty-folder-content> </empty-folder-content>

8
src/app/components/shared-files/shared-files.component.html
View File

@@ -69,7 +69,7 @@
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-sharedlinks-" currentFolderId="-sharedlinks-"
selectionMode="multiple" selectionMode="multiple"
[sorting]="[ 'modifiedAt', 'desc' ]" [sorting]="[ 'modifiedAt', 'desc' ]"
@@ -80,10 +80,10 @@
<empty-folder-content> <empty-folder-content>
<ng-template> <ng-template>
<div class="app-no-content_block"> <div class="empty-list__block">
<mat-icon>people</mat-icon> <mat-icon>people</mat-icon>
<p class="app-no-content_title">{{ 'APP.BROWSE.SHARED.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__title">{{ 'APP.BROWSE.SHARED.EMPTY_STATE.TITLE' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.SHARED.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.SHARED.EMPTY_STATE.TITLE' | translate }}</p>
</div> </div>
</ng-template> </ng-template>
</empty-folder-content> </empty-folder-content>

10
src/app/components/trashcan/trashcan.component.html
View File

@@ -27,7 +27,7 @@
<div class="inner-layout__content"> <div class="inner-layout__content">
<adf-document-list #documentList <adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }" [attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-trashcan-" currentFolderId="-trashcan-"
selectionMode="multiple" selectionMode="multiple"
[navigate]="false" [navigate]="false"
@@ -38,11 +38,11 @@
<empty-folder-content> <empty-folder-content>
<ng-template> <ng-template>
<div class="app-no-content_block"> <div class="empty-list__block">
<mat-icon>delete</mat-icon> <mat-icon>delete</mat-icon>
<p class="app-no-content_title">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE' | translate }}</p> <p class="empty-list__title">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p>
<p class="app-no-content_text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p> <p class="empty-list__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
</div> </div>
</ng-template> </ng-template>
</empty-folder-content> </empty-folder-content>

12
src/app/ui/_layout.scss
View File

@@ -33,6 +33,10 @@ $app-inner-layout--footer-height: 48px;
border-right: 1px solid $alfresco-divider-color; border-right: 1px solid $alfresco-divider-color;
} }
} }
.content--hide {
display: none;
}
} }
.inner-layout { .inner-layout {
@@ -61,14 +65,6 @@ $app-inner-layout--footer-height: 48px;
overflow: hidden; overflow: hidden;
} }
&__content--hide {
display: none;
}
&__content--show {
display: flex;
}
&__footer { &__footer {
flex-basis: $app-inner-layout--footer-height; flex-basis: $app-inner-layout--footer-height;
border-top: 1px solid $alfresco-divider-color; border-top: 1px solid $alfresco-divider-color;

24
src/app/ui/overrides/_alfresco-document-list.scss
View File

@@ -28,11 +28,13 @@ adf-document-list .adf-data-table {
} }
// TODO: Remove tr background-color once it gets to ADF // TODO: Remove tr background-color once it gets to ADF
tr { tbody tr {
&:hover, &:focus { &:hover, &:focus {
background-color: $alfresco-app-color--hue-1; background-color: $alfresco-app-color--hue-1;
} }
}
tr {
&.is-selected { &.is-selected {
background-color: $alfresco-app-color--hue-1; background-color: $alfresco-app-color--hue-1;
@@ -86,7 +88,7 @@ adf-document-list .adf-data-table {
} }
} }
.app-no-content { .empty-list {
.adf-data-table { .adf-data-table {
height: 100%; height: 100%;
@@ -96,7 +98,7 @@ adf-document-list .adf-data-table {
} }
} }
&_block { &__block {
color: $alfresco-secondary-text-color; color: $alfresco-secondary-text-color;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -107,19 +109,19 @@ adf-document-list .adf-data-table {
} }
} }
md-icon { &__title {
font-size: 52px;
height: 52px;
width: 52px;
}
&_title {
font-size: 18px; font-size: 18px;
font-weight: 600; font-weight: 600;
} }
&_subtitle { &__subtitle {
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
} }
&__block > mat-icon {
font-size: 52px;
height: 52px;
width: 52px;
}
} }