116 lines
8.3 KiB
HTML
116 lines
8.3 KiB
HTML
<div class="profile-relation__tab-content" aria-label="{{(dependency === 'change-to-cis' ? 'common.tabs.configurationItem' : 'common.tabs.linkedItems') | i18n}}" role="region" tabindex="0">
|
|
<div loading-spinner if="state.loadingRelatedItems" centered="true" overlay="true"></div>
|
|
<div class="widget__menu dropdown" ng-if="filterConfig">
|
|
<a class="dropdown-toggle" aria-label="{{'common.button.filter'| i18n}} {{'common.tabs.linkedItems' | i18n}}" tabindex="0">
|
|
<i class="icon-ellipsis"></i>
|
|
</a>
|
|
<ul class="dropdown-menu" prevent-click-event>
|
|
<li class="dropdown-item__header">
|
|
<div role="menuitem" tabindex="0">
|
|
{{(dependency == 'asset-to-assets' ? 'resourceSlice.relatedAsset.filter.types' : 'resourceSlice.relatedTicket.filter.types') | i18n}}
|
|
</div>
|
|
</li>
|
|
<li class="dropdown-item__filter-select-control">
|
|
<filter-select-all-control role="menuitem" filters-config-model="filterConfig" apply-filter="factory.selectAllFilters(data)"></filter-select-all-control>
|
|
</li>
|
|
<li ng-repeat="filterItem in filterConfig">
|
|
<div role="menuitem" tabindex="0"
|
|
class="{{(filterItem.selected) ? 'dropdown-item_selected' : 'dropdown-item'}}"
|
|
ng-click="factory.applyFilter(filterItem)" ng-enter="factory.applyFilter(filterItem)">
|
|
|
|
{{ (dependency == 'asset-to-assets' ? 'asset.relationship.' : 'common.labels.') + filterItem.label | i18n }}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="profile-relation__button-bar clearfix">
|
|
<div class="col-xs-6">
|
|
<button type="button" class="btn_no-fill profile-relation__add-relation-button"
|
|
ng-click="addRelatedItem($event)"
|
|
ng-if="factory.addAllowed && dependency != 'asset-to-assets' && checkLinkPermission()"
|
|
aria-label="{{'resourceSlice.linkedItem.existing.label' | i18n}}">
|
|
<i class="icon-plus"></i>
|
|
<span>{{'resourceSlice.linkedItem.existing.label' | i18n}}</span>
|
|
</button>
|
|
<button type="button" class="btn_no-fill profile-relation__add-relation-button"
|
|
ng-click="openAddRelatedAssetBlade($event)"
|
|
ng-if="factory.addAllowed && dependency === 'asset-to-assets'"
|
|
aria-label="{{'resourceSlice.linkedItem.existing.label' | i18n}}">
|
|
<i class="icon-link"></i>
|
|
<span>{{'resourceSlice.linkedItem.existingAsset.label' | i18n}}</span>
|
|
</button>
|
|
<div class="profile-relation__add-relation-button dropdown" ng-if="factory.createRelationAllowed && !isDraft && dependency === 'ticket-to-all'" ng-show="showCreateRelatedMenu">
|
|
<button type="button" class="btn_no-fill dropdown-toggle profile-relation__add-relation-button" aria-label="{{'resourceSlice.linkedItem.create.label' | i18n}}">
|
|
<i class="icon-plus"></i>
|
|
<span>{{'resourceSlice.linkedItem.create.label' | i18n}}</span>
|
|
<i class="navigation-bar__item-drop-pin_small"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li ng-if="validateCreatePermission('incident')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('incident', 'draftIncident')" tabindex="0">{{'resourceSlice.linkedItem.createIncident.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('workorder')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('workorder', 'draftWorkorder')" tabindex="0">{{'resourceSlice.linkedItem.createWorkOrder.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('knowledge')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedArticle()" tabindex="0">{{'resourceSlice.linkedItem.createKnowledge.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('change')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('change', 'createChange')" tabindex="0">{{'resourceSlice.linkedItem.createChange.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('outage')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedOutage()" tabindex="0">{{'resourceSlice.linkedItem.createOutage.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('problem')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('problem', 'draftProblem')" tabindex="0">{{'resourceSlice.linkedItem.createProblem.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-if="validateCreatePermission('knownerror')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('knownerror', 'draftKnownerror')" tabindex="0">{{'resourceSlice.linkedItem.createPKE.label' | i18n}}</div>
|
|
</li>
|
|
</ul>
|
|
<div class="border-mask"></div>
|
|
</div>
|
|
<div class="profile-relation__add-relation-button dropdown" ng-if="factory.createRelationAllowed && !isDraft && dependency === 'asset-to-tickets'" ng-show="showCreateRelatedMenu">
|
|
<button type="button" class="btn_no-fill dropdown-toggle profile-relation__add-relation-button" aria-label="{{'resourceSlice.linkedItem.create.label' | i18n}}">
|
|
<i class="icon-plus"></i>
|
|
<span>{{'resourceSlice.linkedItem.create.label' | i18n}}</span>
|
|
<i class="navigation-bar__item-drop-pin_small"></i>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li ng-show="validateCreatePermission('incident')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('incident', 'draftIncident')" tabindex="0">{{'resourceSlice.linkedItem.createIncident.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-show="validateCreatePermission('workorder')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('workorder', 'draftWorkorder')" tabindex="0">{{'resourceSlice.linkedItem.createWorkOrder.label' | i18n}}</div>
|
|
</li>
|
|
<li ng-show="validateCreatePermission('change')">
|
|
<div class="dropdown-item" role="menuitem" ng-click="createRelatedDraft('change', 'createChange')" tabindex="0">{{'resourceSlice.linkedItem.createChange.label' | i18n}}</div>
|
|
</li>
|
|
</ul>
|
|
<div class="border-mask"></div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 explorer-buttons" ng-if="dependency === 'asset-to-assets'">
|
|
<button type="button" ng-click="goToGraphicalCi()" class="btn_secondary graph">{{'asset.relationship.graphical-explorer' | i18n}}</button>
|
|
<button type="button" ng-click="goToListCi()" class="btn_secondary list">{{'asset.relationship.list-explorer' | i18n}}</button>
|
|
</div>
|
|
</div>
|
|
<div class="profile-relation__no-relation" ng-if="!relatedItems.length" tabindex="0">{{'resourceSlice.linkedItem.emptyList.label' | i18n}}</div>
|
|
<div ng-repeat="relatedItemGroup in relatedItemGroups">
|
|
<div class="profile-relation__group-title"
|
|
role="heading" tabindex="0" aria-label="{{ciExplorerModel.getRelationshipTypeLabel(relatedItemGroup.relationshipType)}}">
|
|
{{ciExplorerModel.getRelationshipTypeLabel(relatedItemGroup.relationshipType)}}:
|
|
</div>
|
|
<div ng-repeat="item in relatedItemGroup.items | limitTo: relatedItemGroup.limit"
|
|
class="profile-relation__item_wrapper">
|
|
|
|
<related-item item="item"
|
|
remove-allowed="factory.removeAllowed"
|
|
show-details="showRelatedItemDetails(item, event)"
|
|
remove-item="removeRelatedItem(item, event)">
|
|
</related-item>
|
|
</div>
|
|
<show-more-less limit="relatedItemGroup.limit" size="{{relatedItemGroup.items.length}}"></show-more-less>
|
|
</div>
|
|
</div>
|