inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-1435] Info drawer (#2249)

Browse Source 
* First version of adf-info-drawer with design make-ups for task details page

* Moving tabbing functionality into adf-info-drawer

* Update documentation
This commit is contained in:
Popovics András
2017-08-25 16:28:41 +01:00
committed by Mario Romano
parent e199d0cb6d
commit e852856a24
18 changed files with 605 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
demo-shell-ng2/app/components/activiti/activiti-demo.component.css
View File

@@ -34,3 +34,73 @@
background: #fff;
text-align: left;
}
.activiti-demo-grid {
display: flex;
}
.activiti-demo-grid-item {
margin: 8px;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
background-color: #f5f5f5;
padding: 10px 10px 10px 10px;
}
.activiti-demo-list-buttons {
margin-bottom: 24px;
}
.activiti-demo-list-buttons-start {
width: 100%;
}
.activiti-demo-tasks-menu {
min-width: 170px;
}
.activiti-demo-tasks-list {
min-width: 300px;
padding: 0;
}
.activiti-demo-tasks-details,
.activiti-demo-tasks-start {
flex-grow: 1;
min-width: 730px;
}
.activiti-demo-tasks-menu >>> .mat-list .mat-list-item .mat-list-item-content {
height: 32px;
cursor: pointer;
padding: 0 16px 0 24px;
}
.activiti-demo-tasks-menu >>> .adf-panel-heading {
margin-bottom: 10px;
}
.activiti-demo-tasks-list >>> .adf-data-table {
border: none;
}
.activiti-demo-tasks-list >>> .adf-data-table tr,
.activiti-demo-tasks-list >>> .adf-data-table td {
height: 36px;
font-size: 14px;
}
.activiti-demo-tasks-list >>> .adf-data-table td {
padding-top: 0;
padding-bottom: 0;
border-bottom: none;
}
.activiti-demo-tasks-list >>> .adf-data-table th {
padding-top: 0;
padding-bottom: 0;
height: 40px;
color: rgb(0,0,0);
vertical-align: middle;
font-size: 14px;
background-color: rgba(0,0,0,.05);
}

14
demo-shell-ng2/app/components/activiti/activiti-demo.component.html
View File

@@ -1,10 +1,10 @@
<md-tab-group>
<md-tab id="tasks-header" href="#tasks" (click)="activeTab = 'tasks'" label="{{'PS-TAB.TASKS-TAB' | translate}}">
<div class="page-content">
<div class="mdl-grid">
<div class="mdl-cell mdl-cell--2-col task-column mdl-shadow--2dp">
<div class="list-buttons">
<button md-raised-button data-automation-id="btn-start-task" (click)="navigateStartTask()">
<div class="activiti-demo-grid">
<div class="activiti-demo-grid-item activiti-demo-tasks-menu">
<div class="activiti-demo-list-buttons">
<button color="primary" md-raised-button data-automation-id="btn-start-task" class="activiti-demo-list-buttons-start" (click)="navigateStartTask()">
<md-icon>add</md-icon>
<span>{{'PS-TAB.START-TASK' | translate}}</span>
</button>
@@ -23,7 +23,7 @@
</adf-accordion-group>
</adf-accordion>
</div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp"
<div class="activiti-demo-grid-item activiti-demo-tasks-list"
*ngIf="taskFilter && !isStartTaskMode()">
<activiti-tasklist
[appId]="taskFilter?.appId"
@@ -48,7 +48,7 @@
-->
</activiti-tasklist>
</div>
<div class="mdl-cell mdl-cell--7-col task-column mdl-shadow--2dp" *ngIf="!isStartTaskMode()"
<div class="activiti-demo-grid-item activiti-demo-tasks-details" *ngIf="!isStartTaskMode()"
[class.mdl-cell--7-col]="taskFilter && !isStartTaskMode()"
[class.mdl-cell--10-col]="!taskFilter || isStartTaskMode()">
<activiti-task-details #activitidetails
@@ -81,7 +81,7 @@
</md-card-content>
</md-card>
</div>
<div class="mdl-cell mdl-cell--10-col task-column mdl-shadow--2dp" *ngIf="isStartTaskMode()">
<div class="activiti-demo-grid-item activiti-demo-tasks-start" *ngIf="isStartTaskMode()">
<adf-start-task
[appId]="appId"
(success)="onStartTaskSuccess($event)"