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

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

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

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

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

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

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

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

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

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

@@ -27,7 +27,7 @@
<div class="inner-layout__content">
<adf-document-list #documentList
[ngClass]="{ 'app-no-content': documentList.isEmpty() }"
[attr.class]="documentList.isEmpty() ? 'empty-list' : ''"
currentFolderId="-trashcan-"
selectionMode="multiple"
[navigate]="false"
@@ -38,11 +38,11 @@
<empty-folder-content>
<ng-template>
<div class="app-no-content_block">
<div class="empty-list__block">
<mat-icon>delete</mat-icon>
<p class="app-no-content_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="app-no-content_text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
<p class="empty-list__title">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.TITLE' | translate }}</p>
<p class="empty-list__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.FIRST_TEXT' | translate }}</p>
<p class="empty-list__text">{{ 'APP.BROWSE.TRASHCAN.EMPTY_STATE.SECOND_TEXT' | translate }}</p>
</div>
</ng-template>
</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;
}
}
.content--hide {
display: none;
}
}
.inner-layout {
@@ -61,14 +65,6 @@ $app-inner-layout--footer-height: 48px;
overflow: hidden;
}
&__content--hide {
display: none;
}
&__content--show {
display: flex;
}
&__footer {
flex-basis: $app-inner-layout--footer-height;
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
tr {
tbody tr {
&:hover, &:focus {
background-color: $alfresco-app-color--hue-1;
}
}
tr {
&.is-selected {
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 {
height: 100%;
@@ -96,7 +98,7 @@ adf-document-list .adf-data-table {
}
}
&_block {
&__block {
color: $alfresco-secondary-text-color;
display: flex;
flex-direction: column;
@@ -107,19 +109,19 @@ adf-document-list .adf-data-table {
}
}
md-icon {
font-size: 52px;
height: 52px;
width: 52px;
}
&_title {
&__title {
font-size: 18px;
font-weight: 600;
}
&_subtitle {
&__subtitle {
font-size: 14px;
font-weight: 300;
}
&__block > mat-icon {
font-size: 52px;
height: 52px;
width: 52px;
}
}