153 lines
8.7 KiB
HTML
153 lines
8.7 KiB
HTML
<editable-content-section id="asset-lifecycle" edit-mode-allowed="isFullVersion ? asset.accessMappings.detailsEditAllowed : false"
|
|
class="row custom-edit-button" aria-label="{{'ticket.region.header' | i18n}}" role="region" tabindex="0">
|
|
<div ng-hide="editMode" class="asset-profile__header-section">
|
|
<div class="col-md-2 col-sm-3">
|
|
<div class="asset-profile__header-image ">
|
|
<img alt="{{asset.name}}" class="asset__pic" thumbnail-img="{{asset.thumbnail}}" imgplaceholder="asset" />
|
|
|
|
<div class="asset__edit-icon" ng-if="isFullVersion ? asset.accessMappings.detailsEditAllowed && !asset.isPoiOnly: false" >
|
|
<div title="{{'asset.icon.edit'| i18n}}" class="icon-pencil" role="link">
|
|
<input type="file" name="file" onchange="angular.element(this).scope().handleFileChange(this)"
|
|
class="edit-icon__file-input" ie-activate-by-enter />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-10 col-sm-9">
|
|
<div class="asset-profile__header-content row">
|
|
<div class="asset__action-bar" ng-if="displayMenu && !asset.isPoiOnly" person-menu="person">
|
|
<div ng-if="isFullVersion ? asset.accessMappings.detailsEditAllowed : false" title="{{'controls.action.edit' | i18n}}" class="profile-action-bar__item edit-ticket-header-button" ng-click="handleExternalEditClick()"
|
|
ng-enter="handleExternalEditClick()" tabindex="0" role="link" aria-label="{{'controls.action.edit' | i18n}}">
|
|
<i class="icon-pencil" ></i>
|
|
</div>
|
|
<div class="profile-action-bar__item dropdown" title="{{'controls.action.share' | i18n}}">
|
|
<button type="button" class="profile-action-bar__item-link dropdown-toggle btn_link" aria-label="{{'controls.action.share' | i18n}}">
|
|
<i class="icon-share"></i>
|
|
</button>
|
|
<ul class="profile-action-bar__item-menu dropdown-menu">
|
|
<li>
|
|
<div role="menuitem" tabindex="0" class="dropdown-item" ng-click="share($event)" ng-enter="share($event)">
|
|
{{'action.ticket.email' | i18n: ('common.labels.' + asset.ticketType | i18n) }}
|
|
</div>
|
|
</li>
|
|
<li ng-if='chatModel.connected'>
|
|
<div role="menuitem" tabindex="0" class="dropdown-item profile-action-bar__item-menu_start-chat">
|
|
{{'chat.startFromTicket.headerMenu' | i18n: ('common.labels.' + asset.ticketType | i18n) }}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div title="{{asset.following? 'controls.action.unfollow' : 'controls.action.follow' | i18n}}" class="profile-action-bar__item"
|
|
role="link" tabindex="0" ng-click="toggleFollowingFlag()" ng-enter="toggleFollowingFlag()"
|
|
aria-label="{{asset.following? 'controls.action.unfollow' : 'controls.action.follow' | i18n}}">
|
|
<i class="{{asset.following? 'icon-star' : 'icon-star_o'}}"></i>
|
|
</div>
|
|
<div title="{{'controls.action.print' | i18n}}" class="profile-action-bar__item"
|
|
aria-label="{{'controls.action.print' | i18n}}" role="link" tabindex="0"
|
|
ng-click="showPrintDialog($event)" ng-enter="showPrintDialog($event)">
|
|
<i class="{{'icon-printer'}}"></i>
|
|
</div>
|
|
<div class="profile-action-bar__item" role="link" tabindex="0" ng-click="refreshTicket()" ng-enter="refreshTicket()"
|
|
title="{{'common.labels.refresh' | i18n}}"
|
|
aria-label="{{'common.labels.refresh' | i18n}}">
|
|
<i class="icon-refresh"></i>
|
|
</div>
|
|
<launch-actions-dropdown class="profile-action-bar__item profile-action-bar__item_text" context="asset" drop-down-options="dropDownOptions" launch-action-callback="openLaunchActionBlade(actionItem)" ng-if="isFullVersion"></launch-actions-dropdown>
|
|
</div>
|
|
<div class="profile__title" ng-if="isFullVersion" title="{{asset.name}}">{{asset.name}}</div>
|
|
<div class="profile__title-link" ng-if="!isFullVersion" title="{{asset.name}}"><a class="profile__title" href="#/asset/{{asset.reconciliationId | escape}}/{{asset.classId}}">{{asset.name}}</a></div>
|
|
<a class="ticket__name-link" aria-label="{{'search.preview.viewFullAsset' | i18n}}" ng-if="!isFullVersion" href="#/asset/{{asset.reconciliationId | escape}}/{{asset.classId}}">{{'search.preview.viewFullAsset' | i18n}}</a>
|
|
</div>
|
|
<div class="asset__header-details-section row">
|
|
<div ng-if="asset.isPoi" class="row">
|
|
<div class="col-md-12 asset-point__value">
|
|
{{'asset.details.crowdsourcedAsset' | i18n}}
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label"><span class="icon-users_o asset__status-poi-icon"></span>{{'asset.details.poi.status' | i18n}}:</div>
|
|
<div class="asset-point__value">{{ (asset.poiInfo.status | localizeLabel: 'status':'asset') || asset.poiInfo.status }}</div>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label"><span class="icon-users_o asset__status-poi-icon"></span>{{'asset.details.poi.type' | i18n}}:</div>
|
|
<span class="asset-point__value">{{(asset.poiInfo.type | localizeLabel: 'type':'asset') || asset.poiInfo.type }}</span>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div ng-if="isFullVersion" tabindex="0" role="link" aria-label="{{'ticket.region.status' | i18n}}" ng-click="!asset.accessMappings.statusEditAllowed || asset.isPoiOnly || showEditStatusDialog()"
|
|
ng-enter="!asset.accessMappings.statusEditAllowed || showEditStatusDialog()" class="col-md-4 col-sm-6 asset-point" ng-if="!asset.isPoiOnly">
|
|
<div class="asset-point__label">{{'common.labels.status' | i18n}}: </div>{{ (asset.status.value | localizeLabel: 'status':'asset') || asset.status.value }} <i class="icon-angle_down"></i>
|
|
</div>
|
|
<div ng-if="!asset.isPoiOnly" class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label">{{'common.labels.type' | i18n}}: </div>{{ (asset.type | localizeLabel: 'type':'asset') || asset.typeLabel }}
|
|
</div>
|
|
<div ng-if="asset.subType" class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label">{{'common.labels.subtype' | i18n}}: </div>{{asset.subTypeLabel}}
|
|
</div>
|
|
<div ng-if="asset.status.reason" class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label">{{'ticket.statusReason' | i18n}}: </div>{{(asset.status.reason | localizeLabel: 'statusReason':'asset') || asset.status.reason }}
|
|
</div>
|
|
<div ng-if="asset.company.name" class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label">{{'common.label.company' | i18n}}: </div>{{asset.company.name}}
|
|
</div>
|
|
<div ng-if="asset.tagNumber" class="col-md-4 col-sm-6 asset-point">
|
|
<div class="asset-point__label">{{'asset.attributes.tag' | i18n}}: </div>{{asset.tagNumber}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form name="assetLifecycleAttrForm">
|
|
<div class="asset-profile__header-section" ng-show="editMode" ng-controller="AssetEditHeaderController">
|
|
<div loading-spinner if="isAssetSaving" centered="true" overlay="true"></div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12 asset-point">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text" potentially-required-field field-name="name" entity="asset"> {{'asset.attributes.name' | i18n}} </span>
|
|
<input type="text" class="text-input form-control" ng-model="updatedModel.name"
|
|
potentially-required-field field-name="name" entity="asset">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-4 col-sm-6 asset-point">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text" potentially-required-field field-name="company.name" entity="asset">
|
|
{{'common.label.company' | i18n}}
|
|
</span>
|
|
<div class="relative-position">
|
|
<selection
|
|
selection-items="selections.companies"
|
|
selected-item="updatedModel.company"
|
|
selection-callback="updateCompanyField(item)"
|
|
title-text="{{ 'common.label.company' | i18n }}"
|
|
label="name"
|
|
value="name"
|
|
update-selected-item="true" auto-focus
|
|
selection-filter="true"
|
|
selection-filter-placeholder-text="{{ 'assignBlade.searchCompany' | i18n }}"
|
|
show-chunking-tooltip="true"
|
|
typeahead-mode="state.tooManyCompanies"
|
|
typeahead-details="company as company.name for company in getList($viewValue)"
|
|
typeahead-get-list="getCompaniesByName(name)"
|
|
field-name="company.name"
|
|
entity="asset"
|
|
show-clear=true>
|
|
</selection>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-md-4 col-sm-6 asset-point">
|
|
<label class="label_control-wrap">
|
|
<span class="label__text" potentially-required-field field-name="tagNumber" entity="asset">
|
|
{{'asset.attributes.tag' | i18n}}
|
|
</span>
|
|
<input type="text" class="text-input form-control" ng-model="updatedModel.tagNumber"
|
|
potentially-required-field field-name="tagNumber" entity="asset">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</editable-content-section> |