68 lines
3.4 KiB
HTML
68 lines
3.4 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">{{ 'create.ticket.select.template' | i18n}}</h2>
|
|
</div>
|
|
|
|
<div class="action-blade__ticket-template">
|
|
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
|
|
<div role="region" aria-label="{{'common.region.search' | i18n}}">
|
|
<div class="ticket-template-modal__menu-header" ng-if="template.ticketType === 'incident' && !state.dataIsLoading">
|
|
<div class="control-label">{{'createNew.ticket.selectCategoryLabel' | i18n}}</div>
|
|
<div class="clearfix">
|
|
<div class="col-xs-4" ng-repeat="tier in tiers">
|
|
<selection selection-items="tierOptions[tier - 1]"
|
|
selected-item="selectedTier[tier - 1]"
|
|
selection-callback="updateTiers(tier, item)"
|
|
title-text="{{'createNew.ticket.selectCategoryLabel' | i18n}}"
|
|
autofocus
|
|
tier="{{tier - 1}}"
|
|
disabled-selection="state.searchingTemplates"
|
|
ng-readonly="!(tierOptions[tier - 1]).length"
|
|
show-clear=true>
|
|
</selection>
|
|
<i class="icon-angle_right" ng-hide="tier === tiers.length"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ticket-template__search-section">
|
|
<input type="text" class="search-input full-width" title="{{'createNew.ticket.searchPlaceholder' | i18n}}" placeholder="{{'createNew.ticket.searchPlaceholder' | i18n}}"
|
|
ng-change="searchTemplate()" ng-model="template.searchText" ng-disabled="state.dataIsLoading">
|
|
|
|
<div class="ticket-template__searching-spinner" loading-spinner if="state.searchingTemplates" centered="true" overlay="true" inline="true"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-class="{'action-blade__incident-template-list': template.ticketType === 'incident',
|
|
'action-blade__workorder-template-list': (template.ticketType === 'workorder' || template.ticketType === 'activity')}"
|
|
role="region" aria-label="{{'common.region.selectionList' | i18n}}">
|
|
<div class="ticket-template-list__item" ng-repeat="template in templates" ng-if="template.name"
|
|
ng-class="{'task-template-list__selected-item' : templateRadioButtons.index === $index}">
|
|
<label>
|
|
<input type="radio"
|
|
class="ticket-template-list__input"
|
|
ng-model="templateRadioButtons.index"
|
|
ng-value="$index"
|
|
ng-change="selectTemplate(template)" />
|
|
{{template.name}}
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div ng-if="selectedTemplate"
|
|
ng-class="{'action-blade__incident-template-preview': template.ticketType === 'incident',
|
|
'action-blade__workorder-template-preview': (template.ticketType === 'workorder' || template.ticketType === 'activity')}">
|
|
<preview-ticket-template template="selectedTemplate"></preview-ticket-template>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="action-blade__footer clearfix" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div class="action-blade__button-container">
|
|
<button type="submit" class="btn_primary" ng-click="submit()" ng-disabled="!selectedTemplate">{{'common.button.save' | 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>
|