210 lines
8.8 KiB
HTML
210 lines
8.8 KiB
HTML
<div>
|
|
<div class="ticket__change-impacted-areas-label" ng-if="!$parent.editMode && !data.hideLabel"
|
|
ng-class="{'required__label': data.isRequired}"
|
|
data-required="{{'common.label.required.bracketed' | i18n}}">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.title' | i18n}}
|
|
</div>
|
|
<div class="ticket__change-impacted-areas-label" ng-if="$parent.editMode"
|
|
ng-class="{'required__label': data.isRequired}"
|
|
data-required="{{'common.label.required.bracketed' | i18n}}">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.title' | i18n}}
|
|
</div>
|
|
<span ng-repeat="area in data.value.impactedAreas"
|
|
class="create-change-wizard__impacted-area">
|
|
<span>
|
|
{{formatImpactedArea(area)}}
|
|
</span>
|
|
<i class="icon-cross create-change-wizard__impacted-area_delete-btn"
|
|
ng-show="$parent.$parent.editMode && isEditable"
|
|
tabindex=0
|
|
role="link"
|
|
title="{{'common.button.clear' | i18n}}"
|
|
ng-click="removeImpactedArea($index)"
|
|
ng-enter="removeImpactedArea($index)">
|
|
</i>
|
|
</span>
|
|
</div>
|
|
<div class="row impacted-areas-editor-container">
|
|
<div class="col-xs-12 create-change-wizard__impacted-areas-section"
|
|
ng-class="{'ng-invalid-required': data.isRequired && (!data.value.impactedAreas || (data.value.impactedAreas && data.value.impactedAreas.length === 0))}"
|
|
ng-if="$parent.editMode"
|
|
tabindex="-1">
|
|
<div class="col-xs-10">
|
|
<div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text required__label" data-required="{{'common.label.required.bracketed' | i18n}}">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.company' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.companies"
|
|
selected-item="currentImpactedArea.company"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.company' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
aria-required="true"
|
|
loading-flag="state.companiesLoading"
|
|
update-selected-item="true"
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="assignBlade.searchCompany"
|
|
disabled-selection="!isEditable"
|
|
show-chunking-tooltip="true"
|
|
typeahead-mode="state.tooManyCompanies"
|
|
typeahead-details="company as company.name for company in getList($viewValue)"
|
|
typeahead-get-list="getCompaniesByName(name)"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.region' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.regions"
|
|
selected-item="currentImpactedArea.region"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.region' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter-placeholder-text="console.filter.optionName.searchRegion"
|
|
typeahead-mode="state.tooManyRegions"
|
|
typeahead-details="siteGroup as siteGroup.name for siteGroup in getList($viewValue)"
|
|
typeahead-get-list="loadRegionsByName(name)"
|
|
selection-filter="true"
|
|
disabled-selection="!customer.company || !isEditable"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.regionsLoading"
|
|
aria-required="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.siteGroup' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.siteGroups"
|
|
selected-item="currentImpactedArea.siteGroup"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.siteGroup' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter-placeholder-text="console.filter.optionName.searchSiteGroup"
|
|
typeahead-mode="state.tooManySiteGroups"
|
|
typeahead-details="siteGroup as siteGroup.name for siteGroup in getList($viewValue)"
|
|
typeahead-get-list="loadSiteGroupsByName(name)"
|
|
selection-filter="true"
|
|
disabled-selection="!isEditable"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.siteGroupsLoading"
|
|
aria-required="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.site' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.sites"
|
|
selected-item="currentImpactedArea.site"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.site' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="console.filter.optionName.searchSite"
|
|
typeahead-mode="state.tooManySites"
|
|
typeahead-details="site as site.name for site in getList($viewValue)"
|
|
typeahead-get-list="loadSitesByName(name)"
|
|
loading-flag="state.sitesLoading"
|
|
aria-required="true"
|
|
disabled-selection="!isEditable"
|
|
show-chunking-tooltip="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="col-xs-3">
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.organization' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.organizations"
|
|
selected-item="currentImpactedArea.organization"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.organization' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="console.filter.optionName.searchOrganization"
|
|
typeahead-mode="state.tooManyOrganizations"
|
|
typeahead-details="organization as organization.name for organization in getList($viewValue)"
|
|
typeahead-get-list="loadOrganizationsByName(name)"
|
|
aria-required="true"
|
|
disabled-selection="!customer.company || !isEditable"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.organizationsLoading"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
{{'create.change.wizard.basicDetails.impactedAreas.department' | i18n }}
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<selection selection-items="selections.departments"
|
|
selected-item="currentImpactedArea.department"
|
|
title-text="{{'create.change.wizard.basicDetails.impactedAreas.department' | i18n}}"
|
|
label="name"
|
|
value="name"
|
|
selection-filter-placeholder-text="console.filter.optionName.searchDepartment"
|
|
typeahead-mode="state.tooManyDepartments"
|
|
typeahead-details="department as department.name for department in getList($viewValue)"
|
|
typeahead-get-list="loadDepartmentsByName(name)"
|
|
selection-filter="true"
|
|
aria-required="true"
|
|
disabled-selection="!currentImpactedArea.organization || !isEditable"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.departmentsLoading"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 create-change-wizard__impacted-areas-second-section">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text">
|
|
|
|
</span>
|
|
<div class="create-change-wizard__item">
|
|
<button type="button" class="btn_primary ticket-template__assignment-btn ng-binding" ng-show="isEditable"
|
|
ng-click="addImpactedArea()" tabindex="0"
|
|
aria-label="{{'create.change.wizard.basicDetails.impactedAreas.add' | i18n}} {{'create.change.wizard.basicDetails.impactedAreas.title' | i18n}}">{{'create.change.wizard.basicDetails.impactedAreas.add' | i18n}}</button>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div> |