inteligr8/alfresco-content-app
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-content-app.git synced 2025-05-12 17:04:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ACA-1230] Manage versions from right panel tab. (#259)

Browse Source 
* [ACA-1230] Manage versions from right panel tab.

* scss changes

* use Flexbox to center icon
This commit is contained in:
suzanadirla 2018-03-27 13:04:01 +03:00 committed by Cilibiu Bogdan
parent ded29aee4d
commit c8ace1f5f1
6 changed files with 105 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -192,6 +192,20 @@
[node]="infoInstance.node"> [node]="infoInstance.node">
</adf-content-metadata-card> </adf-content-metadata-card>
</adf-info-drawer-tab> </adf-info-drawer-tab>
<adf-info-drawer-tab label="Versions">
<ng-container *ngIf="isFileSelected(documentList.selection);else choose_document_template">
<adf-version-manager *ngIf="infoInstance.node"
[node]="infoInstance.node">
</adf-version-manager>
</ng-container>
<ng-template #choose_document_template>
<div class="adf-manage-versions-empty">
<mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
{{ 'VERSION.SELECTION.EMPTY' | translate }}
</div>
</ng-template>
</adf-info-drawer-tab>
</adf-info-drawer> </adf-info-drawer>
</div> </div>
</div> </div>

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

@ -199,6 +199,28 @@
[node]="infoInstance.node"> [node]="infoInstance.node">
</adf-content-metadata-card> </adf-content-metadata-card>
</adf-info-drawer-tab> </adf-info-drawer-tab>
<adf-info-drawer-tab label="Versions">
<ng-container *ngIf="isFileSelected(documentList.selection);else choose_document_template">
<ng-container *ngIf="canManageVersions(documentList.selection); else no_permission_to_versions">
<adf-version-manager *ngIf="infoInstance.node"
[node]="infoInstance.node">
</adf-version-manager>
</ng-container>
</ng-container>
<ng-template #choose_document_template>
<div class="adf-manage-versions-empty">
<mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
{{ 'VERSION.SELECTION.EMPTY' | translate }}
</div>
</ng-template>
<ng-template #no_permission_to_versions>
<div class="adf-manage-versions-no-permission">
<mat-icon class="adf-manage-versions-no-permission-icon">warning</mat-icon>
{{ 'VERSION.SELECTION.NO_PERMISSION' | translate }}
</div>
</ng-template>
</adf-info-drawer-tab>
</adf-info-drawer> </adf-info-drawer>
</div> </div>
</div> </div>

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

@ -181,6 +181,28 @@
[node]="infoInstance.node"> [node]="infoInstance.node">
</adf-content-metadata-card> </adf-content-metadata-card>
</adf-info-drawer-tab> </adf-info-drawer-tab>
<adf-info-drawer-tab label="Versions">
<ng-container *ngIf="isFileSelected(documentList.selection);else choose_document_template">
<ng-container *ngIf="canManageVersions(documentList.selection); else no_permission_to_versions">
<adf-version-manager *ngIf="infoInstance.node"
[node]="infoInstance.node">
</adf-version-manager>
</ng-container>
</ng-container>
<ng-template #choose_document_template>
<div class="adf-manage-versions-empty">
<mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
{{ 'VERSION.SELECTION.EMPTY' | translate }}
</div>
</ng-template>
<ng-template #no_permission_to_versions>
<div class="adf-manage-versions-no-permission">
<mat-icon class="adf-manage-versions-no-permission-icon">warning</mat-icon>
{{ 'VERSION.SELECTION.NO_PERMISSION' | translate }}
</div>
</ng-template>
</adf-info-drawer-tab>
</adf-info-drawer> </adf-info-drawer>
</div> </div>
</div> </div>

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

@ -198,6 +198,28 @@
[node]="infoInstance.node"> [node]="infoInstance.node">
</adf-content-metadata-card> </adf-content-metadata-card>
</adf-info-drawer-tab> </adf-info-drawer-tab>
<adf-info-drawer-tab label="Versions">
<ng-container *ngIf="isFileSelected(documentList.selection);else choose_document_template">
<ng-container *ngIf="canManageVersionsOfShared(documentList.selection); else no_permission_to_versions">
<adf-version-manager *ngIf="infoInstance.node"
[node]="infoInstance.node">
</adf-version-manager>
</ng-container>
</ng-container>
<ng-template #choose_document_template>
<div class="adf-manage-versions-empty">
<mat-icon class="adf-manage-versions-empty-icon">face</mat-icon>
{{ 'VERSION.SELECTION.EMPTY' | translate }}
</div>
</ng-template>
<ng-template #no_permission_to_versions>
<div class="adf-manage-versions-no-permission">
<mat-icon class="adf-manage-versions-no-permission-icon">warning</mat-icon>
{{ 'VERSION.SELECTION.NO_PERMISSION' | translate }}
</div>
</ng-template>
</adf-info-drawer-tab>
</adf-info-drawer> </adf-info-drawer>
</div> </div>
</div> </div>

22
src/app/ui/overrides/_adf-info-drawer.scss
View File

@ -1,3 +1,23 @@
$icon-size: 48px;
.adf-info-drawer-layout { .adf-info-drawer-layout {
height: 100%; height: 100%;
}
.adf-info-drawer-layout-content .adf-info-drawer-tabs .mat-tab-body-content {
.adf-manage-versions-empty,
.adf-manage-versions-no-permission {
margin: 24px;
color: rgba(0, 0, 0, 0.54);
text-align: justify;
display: flex;
flex-direction: column;
&-icon {
width: $icon-size;
height: $icon-size;
font-size: $icon-size;
margin: auto;
}
}
}
}

4
src/assets/i18n/en.json
View File

@ -202,6 +202,10 @@
"DIALOG": { "DIALOG": {
"TITLE": "Manage Versions", "TITLE": "Manage Versions",
"CLOSE": "Close" "CLOSE": "Close"
},
"SELECTION": {
"EMPTY": "Please choose a document to see the versions of it.",
"NO_PERMISSION": "You don't have permission to manage the versions of this content."
} }
} }
} }