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

#514 (#1840)

Browse Source 
Follow the component guide style
The accordion should be open by default
This commit is contained in:
Maurizio Vitale
2017-04-24 14:29:10 +01:00
committed by Mario Romano
parent 93b8d3742f
commit 1d45089125
5 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -25,8 +25,8 @@
(onSuccess)="onStartTaskSuccess($event)"> (onSuccess)="onStartTaskSuccess($event)">
</activiti-start-task> </activiti-start-task>
</div> </div>
<accordion> <adf-accordion>
<accordion-group [heading]="'Tasks'" [isSelected]="true" [headingIcon]="'assignment'"> <adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assignment'">
<activiti-filters <activiti-filters
[appId]="appId" [appId]="appId"
[hasIcon]="false" [hasIcon]="false"
@@ -34,8 +34,8 @@
(onSuccess)="onSuccessTaskFilterList($event)" (onSuccess)="onSuccessTaskFilterList($event)"
#activitifilter> #activitifilter>
</activiti-filters> </activiti-filters>
</accordion-group> </adf-accordion-group>
</accordion> </adf-accordion>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp list-column"> <div class="mdl-cell mdl-cell--3-col task-column mdl-shadow--2dp list-column">
<activiti-tasklist <activiti-tasklist
@@ -92,15 +92,15 @@
<span>START PROCESS</span> <span>START PROCESS</span>
</button> </button>
</div> </div>
<accordion> <adf-accordion>
<accordion-group [heading]="'Processes'" [isSelected]="true" [headingIcon]="'assessment'"> <adf-accordion-group [heading]="'Processes'" [isSelected]="true" [isOpen]="true" [headingIcon]="'assessment'">
<activiti-process-instance-filters <activiti-process-instance-filters
[appId]="appId" [appId]="appId"
(filterClick)="onProcessFilterClick($event)" (filterClick)="onProcessFilterClick($event)"
(onSuccess)="onSuccessProcessFilterList($event)"> (onSuccess)="onSuccessProcessFilterList($event)">
</activiti-process-instance-filters> </activiti-process-instance-filters>
</accordion-group> </adf-accordion-group>
</accordion> </adf-accordion>
</div> </div>
<div class="mdl-cell mdl-cell--3-col task-column list-column mdl-shadow--2dp" *ngIf="processFilter && !isStartProcessMode()"> <div class="mdl-cell mdl-cell--3-col task-column list-column mdl-shadow--2dp" *ngIf="processFilter && !isStartProcessMode()">
<activiti-process-instance-list <activiti-process-instance-list

8
ng2-components/ng2-activiti-processlist/README.md
View File

@@ -254,15 +254,15 @@ You can create an accordion menu using the AccordionComponent that wrap the acti
The AccordionComponent is exposed by the alfresco-core. The AccordionComponent is exposed by the alfresco-core.
```html ```html
<accordion> <adf-accordion>
<accordion-group [heading]="'Processes'" [isSelected]="true" [headingIcon]="'assessment'"> <adf-accordion-group [heading]="'Processes'" [isSelected]="true" [headingIcon]="'assessment'">
<activiti-process-instance-filters <activiti-process-instance-filters
[appId]="appId" [appId]="appId"
(filterClick)="onProcessFilterClick($event)" (filterClick)="onProcessFilterClick($event)"
(onSuccess)="onSuccessProcessFilterList($event)"> (onSuccess)="onSuccessProcessFilterList($event)">
</activiti-process-instance-filters> </activiti-process-instance-filters>
</accordion-group> </adf-accordion-group>
</accordion> </adf-accordion>
``` ```
![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png) ![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png)

8
ng2-components/ng2-activiti-tasklist/README.md
View File

@@ -361,8 +361,8 @@ You can create an accordion menu using the AccordionComponent that wrap the acti
The AccordionComponent is exposed by the alfresco-core. The AccordionComponent is exposed by the alfresco-core.
```html ```html
<accordion> <adf-accordion>
<accordion-group [heading]="'Tasks'" [isSelected]="true" [headingIcon]="'assignment'"> <adf-accordion-group [heading]="'Tasks'" [isSelected]="true" [headingIcon]="'assignment'">
<activiti-filters <activiti-filters
[appId]="appId" [appId]="appId"
[hasIcon]="false" [hasIcon]="false"
@@ -370,8 +370,8 @@ The AccordionComponent is exposed by the alfresco-core.
(onSuccess)="onSuccessTaskFilterList($event)" (onSuccess)="onSuccessTaskFilterList($event)"
#activitifilter> #activitifilter>
</activiti-filters> </activiti-filters>
</accordion-group> </adf-accordion-group>
</accordion> </adf-accordion>
``` ```
![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png) ![how-create-accordion-menu](docs/assets/how-to-create-accordion-menu.png)

2
ng2-components/ng2-alfresco-core/src/components/collapsable/accordion-group.component.ts
View File

@@ -19,7 +19,7 @@ import { Component, Input, OnDestroy } from '@angular/core';
import { AccordionComponent } from './accordion.component'; import { AccordionComponent } from './accordion.component';
@Component({ @Component({
selector: 'accordion-group', selector: 'adf-accordion-group',
moduleId: module.id, moduleId: module.id,
templateUrl: 'accordion-group.component.html', templateUrl: 'accordion-group.component.html',
styleUrls: ['./accordion-group.component.css'] styleUrls: ['./accordion-group.component.css']

2
ng2-components/ng2-alfresco-core/src/components/collapsable/accordion.component.ts
View File

@@ -19,7 +19,7 @@ import { Component } from '@angular/core';
import { AccordionGroupComponent } from './accordion-group.component'; import { AccordionGroupComponent } from './accordion-group.component';
@Component({ @Component({
selector: 'accordion', selector: 'adf-accordion',
template: ` template: `
<ng-content></ng-content> <ng-content></ng-content>
`, `,