fabric8-planner
Version:
A planner front-end for Fabric8.
97 lines (95 loc) • 3.27 kB
HTML
<!--Iteration Start-->
<div class="f8-itr">
<!-- Active iteration -->
<div class="f8-itr-hdr nohover">
<div class="f8-itr__add"
[class.show]="sidePanelOpen"
[class.hide]="!sidePanelOpen">
<a *ngIf="loggedIn && editEnabled"
class="text-right pointer"
(click)="modal.openCreateUpdateModal('create', null, $event);">
<i class="pficon-add-circle-o pull-right f8-itr__add-btn"
id="add-iteration-icon" placement="bottom"
tooltip="Add an Iteration"></i>
</a>
</div>
<span class="dib fa fa-repeat margin-right-15
padding-top-2 padding-bottom-3"
tooltip="{{sidePanelOpen ? '' : 'Active Iteration'}}"
placement="right">
</span>
<p class="margin-0"
[class.dib]="sidePanelOpen"
[class.hide]="!sidePanelOpen">
Iterations
</p>
<infotip
[infotipText]="infotipText"
[class.dib]="sidePanelOpen"
[class.hide]="!sidePanelOpen">
</infotip>
</div>
<ul class="f8-itr__container"
[class.show]="sidePanelOpen"
[class.hide]="!sidePanelOpen">
<li class="active"
*ngFor="let iteration of activeIterations | async">
<a
[routerLinkActive]="'f8-itr--selected'"
[routerLink]="[]" [attr.data-id]="iteration.id"
[queryParams]="addRemoveQueryParams(iteration.id)"
title="{{ iteration.resolvedParentPath +
'/' + iteration.name }}">
<span id="{{ iteration.resolvedParentPath +
'/' + iteration.name }}">
{{iteration.resolvedParentPath +
'/' + iteration.name | truncate : -20 }}
</span>
<span class="fa pull-right margin-top-3"
[class.fa-check]="iteration.selected"></span>
<span
*ngIf="iteration.isActive"
class="active-tag pull-right margin-right-5">
[Active]
</span>
</a>
</li>
</ul>
<!-- commenting it because Search functionality is not impleted yet -->
<!-- <form role="form"
class="search-pf has-button padding-h-15"
[class.show]="sidePanelOpen"
[class.hide]="!sidePanelOpen">
<div class="form-group">
<div class="search-pf-input-group">
<label for="search4" class="sr-only">Search</label>
<input id="search4" type="search" class="form-control" placeholder="Search is not functional" readonly>
</div>
</div>
<div class="form-group">
<button class="btn btn-default" type="submit" disabled>
<span class="fa fa-search"></span>
</button>
</div>
</form> -->
<!-- Nested Iteration Display -->
<div class="f8-itr__list"
[class.show]="sidePanelOpen"
[class.hide]="!sidePanelOpen"
*ngIf="treeIterations | async as iterations">
<iteration-tree
[iterationList]="iterations"
[collection]="collection"
[witGroup]="witGroup"
[showTree]="showTree"
[showCompleted]="showCompleted"
[context]="context"
(onEditIteration)="onEdit($event)"
(onCloseIteration)="onClose($event)"
(onCreateIteration)="onCreateChild($event)">
</iteration-tree>
</div>
</div>
<!-- Iteration End-->
<fab-planner-iteration-modal #modal>
</fab-planner-iteration-modal>