102 lines
5.4 KiB
HTML
102 lines
5.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_no-shadow" ng-if="!isConsoleMode">
|
|
<h2 id="modalLabel" class="action-blade__title">{{'asset.linkBlade.title' | i18n}}</h2>
|
|
</div>
|
|
<div ng-class="{'action-blade__body':!isConsoleMode}">
|
|
<div loading-spinner if="state.processing" overlay="true" centered="true"></div>
|
|
<div class="link__action-blade">
|
|
<div class="link-blade__header asset-link-blade__header" role="region" aria-label="{{'common.region.search' | i18n}}">
|
|
<div class="clearfix">
|
|
<div class="col-md-10">
|
|
<div class="row">
|
|
<form>
|
|
<label class="control-label"> </label>
|
|
<input type="text" title="{{'create.change.wizard.ci.search.bar' | i18n}}" class="assign-search" ng-model="search.searchKeywords" placeholder="{{'create.change.wizard.ci.search.bar' | i18n}}" ng-enter="searchCIs(search)" auto-focus/>
|
|
</form>
|
|
<div class="ci-search-section__filters">
|
|
<search-filter filter-config="filterConfig" config="search.config" selected-filters="search.selectedFilters" search-keywords="search.searchKeywords" label="create.change.wizard.ci.addFilter" hide-pills="false" hide-closeicon="search.isSearching" readonly-presets="true" display-limit="4" auto-focus></search-filter>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-2">
|
|
<label class="control-label full-width"> </label>
|
|
<button type="button" class="small-btn_secondary" ng-click="searchCIs(search)"
|
|
ng-disabled="(!search.selectedFilters.length && !search.searchKeywords.length) || search.isSearching">
|
|
{{'search.placeholder' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix">{{'asset.linkBlade.tip' | i18n}}</div>
|
|
</div>
|
|
<div class="link-blade__body asset-link-blade__body" ng-class="{'launch-action-link-blade__body': isConsoleMode}" role="region" aria-label="{{'common.region.selectionList' | i18n}}">
|
|
<div loading-spinner if="state.searching" overlay="true" centered="true"></div>
|
|
|
|
<div class='link-blade__no-tems' ng-if="availableEntities.length == 0">
|
|
{{'ticket.linkBlade.noItemsFound' | i18n}}
|
|
</div>
|
|
<div class="link-blade__item clearfix" ng-repeat="entity in availableEntities" tabindex="0">
|
|
<div class="link-blade__item-check">
|
|
<input type="checkbox" ng-model="entity.isSelected" ng-change="selectEntity()"/>
|
|
</div>
|
|
<div class="link-blade__item-icon"><asset-type-icon type="entity.type"></asset-type-icon></div>
|
|
<div class="link-blade__item-details">
|
|
<div class="row">
|
|
<div class="col-sm-4">
|
|
<label>{{entity.name}}</label>
|
|
<div>{{entity.type}}</div>
|
|
</div>
|
|
<div class="col-sm-8">
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<span class="asset-point__label">{{'asset.attributes.status' | i18n}}: </span> {{entity.status.value}}
|
|
</div>
|
|
<div class="col-sm-6" ng-if="entity.serialNumber">
|
|
<span class="asset-point__label">{{'asset.attributes.serialNumber' | i18n}}: </span> {{entity.serialNumber}}
|
|
</div>
|
|
<div class="col-sm-6" ng-if="entity.site && entity.site.name">
|
|
<span class="asset-point__label">{{'asset.attributes.site' | i18n}}: </span> {{entity.site.name}}
|
|
</div>
|
|
<div class="col-sm-6" ng-if="entity.assetExtension && entity.assetExtension.hostName">
|
|
<div class="asset-point__label">{{'asset.attributes.hostName' | i18n}}: </div> {{entity.assetExtension.hostName}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="showLoadMore"><a ng-click="loadMore()">{{'common.labels.showMore' | i18n}}</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="clearfix" ng-class="{'action-blade__footer': !isConsoleMode,'asset-link-blade__footer': isConsoleMode}" role="region" aria-label="{{'common.region.action' | i18n}}">
|
|
<div loading-spinner if="state.relateProcessing" overlay="true" centered="true"></div>
|
|
<div class="link-blade__relationship-type" tabindex="0" ng-if="selected.entities.length && relationshipTypes.length">
|
|
<label class="label_control-wrap">
|
|
<selection selection-items="relationshipTypes"
|
|
selected-item="selected.relation"
|
|
title-text="{{'ticket.linkBlade.relationshipType' | i18n}}"
|
|
label="label"
|
|
value="label"
|
|
update-selected-item="true">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<div class="link-blade__relationship-type" tabindex="0" ng-if="selected.relation && selected.relation.direction">
|
|
<label class="label_control-wrap">
|
|
<selection selection-items="relationshipSubTypes"
|
|
selected-item="selected.relationSubType"
|
|
title-text="{{'ticket.linkBlade.relationshipSubType' | i18n}}"
|
|
label="label"
|
|
value="label"
|
|
update-selected-item="true">
|
|
</selection>
|
|
</label>
|
|
</div>
|
|
<div class="action-blade__button-container" ng-if="!isConsoleMode">
|
|
<button type="submit" class="btn_primary" ng-disabled="(!selected.entities.length || !selected.relation) || state.processing" ng-click="addRelations()">{{'common.button.save' | i18n}}</button>
|
|
<button type="button" class="btn_secondary" ng-disabled="state.processing" ng-click="close()" ng-enter="close()">{{'common.button.cancel' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div> |