93 lines
4.1 KiB
HTML
93 lines
4.1 KiB
HTML
<div role="dialog" aria-labelledby="modalLabel">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div class="action-blade__header">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'task.template.title' | i18n}}</h2>
|
|
</div>
|
|
|
|
<div class="action-blade__body">
|
|
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
|
|
<div class="action-blade__task-template-filters clearfix" role="region" aria-label="{{'common.region.search' | i18n}}">
|
|
<div class="col-xs-6">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'task.template.type'| i18n}}
|
|
</span>
|
|
<selection selection-items="types"
|
|
selected-item="selectedType"
|
|
selection-callback="updateType(item)"
|
|
disabled-selection="state.searchingTemplates"
|
|
autofocus
|
|
title-text="{{'task.template.type' | i18n}}"
|
|
label="label"
|
|
value="label">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'task.template.activity.type'| i18n}}
|
|
</span>
|
|
<selection selection-items="activityTypes"
|
|
selected-item="selectedActivityType"
|
|
selection-callback="updateActivityType(item)"
|
|
disabled-selection="state.searchingTemplates"
|
|
title-text="{{'task.template.activity.type' | i18n}}"
|
|
label="label"
|
|
value="label">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ticket-template__search-section">
|
|
<input type="text" class="search-input full-width"
|
|
ng-model="searchText" ng-change="searchTemplates()"
|
|
placeholder="{{'createNew.ticket.searchPlaceholder' | i18n}}" title="{{'createNew.ticket.searchPlaceholder' | i18n}}">
|
|
|
|
<div class="ticket-template__searching-spinner" loading-spinner if="state.searchingTemplates" centered="true" overlay="true" inline="true"></div>
|
|
</div>
|
|
|
|
<div class="action-blade__task-template-list" role="region" aria-label="{{'common.region.selectionList' | i18n}}">
|
|
<div class="ticket-template-list__item" ng-repeat="template in templates | filter: {name: searchText}" ng-if="template.name"
|
|
ng-class="{'task-template-list__selected-item' : taskTemplateRadioButtons.index === $index}">
|
|
<label class="label_control-wrap">
|
|
<input type="radio"
|
|
name="template"
|
|
class="ticket-template-list__input"
|
|
ng-model="taskTemplateRadioButtons.index"
|
|
ng-value="$index"
|
|
ng-change="selectTemplate(template)" />
|
|
{{template.name}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="action-blade__task-template-preview" ng-if="selectedTemplate">
|
|
<preview-single-task-template ng-if="selectedTemplate.type === 'Single Tasks'" template="selectedTemplate"></preview-single-task-template>
|
|
<preview-task-group-template ng-if="selectedTemplate.type === 'Task Groups'" templates="selectedTemplates" state="childState" type="selectedActivityType.name"></preview-task-group-template>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="action-blade__footer clearfix" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="link-blade__relationship-type" ng-if="selectedTemplate && taskPhases" tabindex="0">
|
|
<label class="label__text">
|
|
<span class="label__text">{{'resourceSlice.task.phaseFilter.label' | i18n}}</span>
|
|
<selection selection-items="taskPhases"
|
|
selected-item="phase.selectedPhase"
|
|
title-text="{{'resourceSlice.task.phaseFilter.label' | i18n}}"
|
|
disabled-selection="state.dataIsLoading || state.searchingTemplates"
|
|
value="guid"
|
|
label="name"
|
|
update-selected-item="true">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<div class="action-blade__button-container">
|
|
<button type="submit" class="btn_primary" ng-disabled="!selectedTemplate" ng-click="submit()">{{'common.button.done' | i18n}}</button>
|
|
<button type="button" class="btn_secondary" ng-click="close()">{{'common.button.cancel' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |