40 lines
2.3 KiB
HTML
40 lines
2.3 KiB
HTML
<div class="container-scrollable">
|
|
<taskana-spinner [isRunning]="requestInProgress"></taskana-spinner>
|
|
<div id="workbasket-details" *ngIf="workbasket && !requestInProgress">
|
|
<ul class="nav nav-tabs" role="tablist">
|
|
<li *ngIf="showDetail" class="visible-xs visible-sm hidden">
|
|
<a (click)="backClicked()">
|
|
<span class="material-icons md-20 blue" title="back">arrow_back</span>
|
|
</a>
|
|
</li>
|
|
<li role="presentation" (click)="selectTab('information')" [ngClass]="{'active':tabSelected === 'information'}">
|
|
<a aria-controls="work baskets" role="tab" aria-expanded="true">
|
|
Information</a>
|
|
</li>
|
|
<li role="presentation" (click)="selectTab('accessItems')" [ngClass]="{
|
|
'disabled': action ==='CREATE',
|
|
'active':tabSelected === 'accessItems'}">
|
|
<a aria-controls="Acccess" role="tab" aria-expanded="true">
|
|
Access</a>
|
|
</li>
|
|
<li role="presentation" (click)="selectTab('distributionTargets')" [ngClass]="{
|
|
'disabled': action ==='CREATE',
|
|
'active':tabSelected === 'distributionTargets'}">
|
|
<a aria-controls="distribution targets" role="tab" data-toggle="tab" aria-expanded="true">
|
|
Distribution targets</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content">
|
|
<div role="tabpanel" class="tab-pane active" [ngClass]="{'active':tabSelected === 'information'}" id="work-baskets">
|
|
<taskana-workbasket-information [workbasket]="workbasket" [action]="action"></taskana-workbasket-information>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="access-items" [ngClass]="{'active':tabSelected === 'accessItems'}">
|
|
<taskana-workbasket-access-items [workbasket]="workbasket" [action]="action" [active]="tabSelected"></taskana-workbasket-access-items>
|
|
</div>
|
|
<div role="tabpanel" class="tab-pane" id="distribution-targets" [ngClass]="{'active':tabSelected === 'distributionTargets'}">
|
|
<taskana-workbaskets-distribution-targets [workbasket]="workbasket" [action]="action" [active]="tabSelected"></taskana-workbaskets-distribution-targets>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|