mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
[ACA-1230] Manage versions from right panel tab. (#259)
* [ACA-1230] Manage versions from right panel tab. * scss changes * use Flexbox to center icon
This commit is contained in:
parent
ded29aee4d
commit
c8ace1f5f1
@ -192,6 +192,20 @@
|
||||
[node]="infoInstance.node">
|
||||
</adf-content-metadata-card>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -199,6 +199,28 @@
|
||||
[node]="infoInstance.node">
|
||||
</adf-content-metadata-card>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -181,6 +181,28 @@
|
||||
[node]="infoInstance.node">
|
||||
</adf-content-metadata-card>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -198,6 +198,28 @@
|
||||
[node]="infoInstance.node">
|
||||
</adf-content-metadata-card>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,3 +1,23 @@
|
||||
$icon-size: 48px;
|
||||
|
||||
.adf-info-drawer-layout {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -202,6 +202,10 @@
|
||||
"DIALOG": {
|
||||
"TITLE": "Manage Versions",
|
||||
"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."
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user