78 lines
5.1 KiB
HTML
78 lines
5.1 KiB
HTML
<div ux-id="rs-templates" class="rs-group" aria-labelledby="rs-group__tickets-header">
|
|
<h3 class="rs-group__header" id="rs-group__tickets-header" tabindex="0">
|
|
{{'search.results.templates' | i18n}} <span ux-id="templates-count" ng-if="templates.length">({{templates.length}})</span>
|
|
</h3>
|
|
|
|
<div class="rs-group__searching" ng-if="state.isDataLoading">
|
|
<div loading-spinner if="true"></div>
|
|
<span class="rs-group__searching-label">{{'resourceSlice.search.label' | i18n}}</span>
|
|
</div>
|
|
|
|
<div class="rs-group__list" role="list" ng-if="!state.isDataLoading">
|
|
<div class='rs-group-list-item_empty' ng-if="!templates.length" tabindex="0">
|
|
{{"resourceSlice.emptyList.recommendedTemplates.label" | i18n}}
|
|
</div>
|
|
|
|
<div ux-id="template_{{$index}}" class="rs-group-list-item clearfix" role="listitem" tabindex="0"
|
|
ng-repeat="template in templates | limitTo: state.itemLimit" ng-class="{'rs-group-list-item_preview':isResourcePreview(template)}">
|
|
|
|
<div class="rs-group-list-item__icon-container">
|
|
<i ux-id="toggle-selection" class="rs-group-list-item__icon_action {{savedTemplateId === template.id ? 'icon-check_circle' : 'icon-circle_thin_o'}}"
|
|
ng-click="toggleTemplateSelection(template)" ng-enter="toggleTemplateSelection(template)"
|
|
aria-label="{{(savedTemplateId === template.id ? 'common.button.unselect' : 'common.button.select') | i18n}} {{'common.label.resource' | i18n}}" role="button" tabindex="0">
|
|
</i>
|
|
|
|
<i ux-id="template-icon" class="rs-group-list-item__icon icon-file_template_o"></i>
|
|
</div>
|
|
|
|
<div ux-id="show-preview" class="rs-group-list-item__info" tabindex="0" ng-click="setPreviewItem(template)" ng-enter="setPreviewItem(template)">
|
|
|
|
<div ng-if="template.type == 'incidentTemplate' || template.type == 'workorderTemplate'">
|
|
<div ux-id="template-type" class="rs-group-list-item__title">{{template.type == 'incidentTemplate' ? 'template.details.incidentTemplate' : 'workorderTemplate.header.label' | i18n }}</div>
|
|
<div ux-id="template-name" class="rs-group-list-item__description">{{template.name | removeSearchTags}}</div>
|
|
|
|
<div class="rs-group-list-item__template-details">
|
|
<div ux-id="priority" class="rs-group-list-item__template-column" ng-if="template.templateObject.priority">
|
|
{{ 'template.details.priority' | i18n }}:
|
|
<span class="ticket__priority-{{template.templateObject.priority | lowercase}}">
|
|
{{template.templateObject.priority | localizeLabel: 'priority': (template.type == 'incidentTemplate' ? 'incident' : 'workorder')}}
|
|
</span>
|
|
</div>
|
|
|
|
<div ux-id="category" class="rs-group-list-item__template-column" ng-if="template.getCategoty()">
|
|
{{ 'template.details.category' | i18n }}:
|
|
<span class="rs-group-list-item__template-column-value">{{template.getCategoty()}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-if="template.type == 'servicerequestTemplate'">
|
|
<div class="rs-group-list-item__title">{{ 'template.details.requestTemplate' | i18n }}</div>
|
|
<div ux-id="template-name" class="rs-group-list-item__description">{{template.name | removeSearchTags}}</div>
|
|
|
|
<div class="rs-group-list-item__text">
|
|
<div class="rs-group-list-item__template-column" ng-if="!template.isAttributeHidden('price')">
|
|
{{ 'template.details.price' | i18n }}:
|
|
<span ux-id="price" class="rs-group-list-item__template-column-value">{{template.templateObject.price | number:2}} {{template.currency}}</span>
|
|
</div>
|
|
|
|
<div ux-id="turnaround-time" class="rs-group-list-item__template-column" ng-if="template.templateObject.turnaroundTime && !template.isAttributeHidden('turnaroundTime')">
|
|
{{ 'template.details.turnaroundTime' | i18n }}:
|
|
<span class="rs-group-list-item__template-column-value">{{template.templateObject.turnaroundTime}}</span>
|
|
<span ng-if="template.templateObject.turnaroundTimeUnits === 'TURN_AROUND_TIME_UNITS_HOURS'" class="rs-group-list-item__template-column-value">
|
|
{{ 'template.details.turnaroundTimeUnits.hour' | i18n }}
|
|
</span>
|
|
<span ng-if="template.templateObject.turnaroundTimeUnits === 'TURN_AROUND_TIME_UNITS_DAYS'" class="rs-group-list-item__template-column-value">
|
|
{{ 'template.details.turnaroundTimeUnits.day' | i18n }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<i ux-id="preview-icon" class="icon-angle_right rs-group-list-item__preview-icon"></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<show-more-less ux-id="show-more" limit="state.itemLimit" size="{{templates.length}}" chunk-size="15"></show-more-less>
|
|
</div> |