Thanks for that.
I'm using ng2-accordion from below link:
https://www.npmjs.com/package/ng2-accordion
And using like below:
<section class="widget-header">
<div class="row">
<div class="col-xs-6">
<h1 class="widget-title">{{title}}</h1>
</div>
<div class="col-xs-6">
<ul class="list-inline pull-right">
<li>
<button class="btn btn-sm btn-link action-bar-toggle"
(click)="isDataSourceSearchBarActive = !isDataSourceSearchBarActive"
[ngClass]="{active:
isDataSourceSearchBarActive}"><i class="fa fa-search" ></i></button>
</li>
</ul>
</div>
</div>
</section>
<div class="action-bar document-search-bar row" [ngClass]="{active:
isDataSourceSearchBarActive}">
<div class="col-xs-6">
<input class="form-control input-sm document-search-form"
[(ngModel)]="searchText" placeholder="Search…"
(keyup)="search($event)">
</div>
<div class="col-xs-6">
</div>
</div>
<div class="data-source-list" [word-highlighter]="searchText">
<data-source-list-detail
[selectedWorkItemGroup]="selectedWorkItemGroup"></data-source-list-detail>
<div *ngIf="selectedWorkItemGroup?.workItemEntities.length !== 0"
class="scrollable" >
<accordion *ngFor="let workItemEntity of
selectedWorkItemGroup.workItemEntities; let workItemEntityIndex=index"
[showArrows]="true" >
<accordion-group heading="{{workItemEntity.entityName}}"
[isOpened]="accordianGroupStats[workItemEntityIndex]" >
<div id="accordian-index-{{workItemEntityIndex}}"
class="panel-body">
<form #datapoint="ngForm">
<div *ngFor="let workItem of
workItemEntity.workItems; let workItemIndex=index">
<div *ngIf="workItem?.dataPointName==='Holding
Performance'">
<holding-performance
[workItem]="workItem"
[highlightPriority]="highlightPriorities[currentWorkItemIndex][priorityindex]"
(formSubmitted)="childFormSubmitted($event)"
[loadedFirstTime]="priorityindex" [accordionGroupStats]="accordionCopy"
[processStageName]="selectedWorkItemGroup?.processStageName"
[workItemIndex]="workItemEntityIndex"
[currentWorkItemIndex]="currentWorkItemIndex"
name="holdingPerformance" [ngModel]="workItem">
</holding-performance>
</div>
</div>
</form>
<div class="panel-footer m-t-3">
<div class="row">
<div class="col-sm-12">
<button class="btn btn-sm btn-outline-primary
pull-right" type="submit"
(click)="submit($event,workItemEntity,workItemEntityIndex)"
[disabled]="!accordianGroupStats[workItemEntityIndex] ||
!datapoint.valid">Submit</button>
<button
*ngIf="selectedWorkItemGroup?.processStageName==='Entry'" class="btn btn-sm
btn-outline-defaultt" id="clearAll{{workItemEntityIndex}}"
[disabled]="!accordianGroupStats[workItemEntityIndex]"
(click)="clearDatapoints(workItemEntity?.workItems)">Clear</button>
<button
*ngIf="selectedWorkItemGroup?.processStageName==='Entry'" class="btn btn-sm
btn-outline-default" [disabled]="!accordianGroupStats[workItemEntityIndex]
|| !datapoint.valid" id="save{{workItemEntityIndex}}"
(click)="save()">Save</button>
</div>
</div>
</div>
</div>
</accordion-group>
</accordion>
</div>
</div>
or if we have any better option of accordion then it will be appreciated.
On Tuesday, December 6, 2016 at 11:24:31 AM UTC+5:30, Sander Elias wrote:
>
> Hi Abhishek,
>
> What accordion are you using? from what library? Can you show us some
> code, making it easier to help you?
>
> Regards
> Sander
>
--
You received this message because you are subscribed to the Google Groups
"Angular" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
