176 lines
10 KiB
HTML
176 lines
10 KiB
HTML
<div ux-id="impacted-areas-editor" class="col-xs-12 create-change-wizard__impacted-areas-section">
|
|
<div class="col-xs-10">
|
|
<div>
|
|
<div ux-id="company-select-dropdown" 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"
|
|
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 ux-id="region-select-dropdown" 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="!ticket.company"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.regionsLoading"
|
|
aria-required="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div ux-id="site-groups-select-dropdown" 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"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.siteGroupsLoading"
|
|
aria-required="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div ux-id="sites-select-dropdown" 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)"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.sitesLoading"
|
|
aria-required="true"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="col-xs-3">
|
|
</div>
|
|
<div ux-id="organizations-select-dropdown" 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="!ticket.company"
|
|
show-chunking-tooltip="true"
|
|
loading-flag="state.organizationsLoading"
|
|
update-selected-item="true"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div ux-id="departments-select-dropdown" 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"
|
|
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 ux-id="add-impacted-area-btn" type="button" class="btn_primary ticket-template__assignment-btn ng-binding"
|
|
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> |