72 lines
2.9 KiB
HTML
72 lines
2.9 KiB
HTML
<div class="vn-descriptor">
|
|
<div class="header">
|
|
<a translate-attr="{title: 'Return to module index'}" ui-sref="route.index">
|
|
<vn-icon icon="chevron_left"></vn-icon>
|
|
</a>
|
|
<a translate-attr="{title: 'Preview'}" ui-sref="route.card.summary({id: $ctrl.route.id})">
|
|
<vn-icon icon="desktop_windows"></vn-icon>
|
|
</a>
|
|
<vn-icon-menu
|
|
vn-id="more-button"
|
|
icon="more_vert"
|
|
show-filter="false"
|
|
value-field="callback"
|
|
translate-fields="['name']"
|
|
data="$ctrl.moreOptions"
|
|
on-change="$ctrl.onMoreChange(value)">
|
|
</vn-icon-menu>
|
|
</div>
|
|
<div class="body">
|
|
<div class="attributes">
|
|
<h5>{{$ctrl.route.name}}</h5>
|
|
<vn-label-value label="Id"
|
|
value="{{$ctrl.route.id}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Date"
|
|
value="{{$ctrl.route.created | dateTime: 'dd/MM/yyyy'}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Agency"
|
|
value="{{$ctrl.route.agencyMode.name}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Volume"
|
|
value="{{$ctrl.route.m3 | dashIfEmpty}} / {{$ctrl.route.vehicle.m3 | dashIfEmpty}} m³">
|
|
</vn-label-value>
|
|
<vn-label-value label="Description"
|
|
value="{{$ctrl.route.description}}">
|
|
</vn-label-value>
|
|
</div>
|
|
<div class="icons">
|
|
<vn-icon
|
|
vn-tooltip="Volume exceded"
|
|
icon="icon-volume"
|
|
ng-class="{bright: $ctrl.route.m3 > $ctrl.route.vehicle.m3}">
|
|
</vn-icon>
|
|
</div>
|
|
<div class="quicklinks">
|
|
<a ng-if="$ctrl.quicklinks.btnOne"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnOne.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnOne.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnOne.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
<a ng-if="$ctrl.quicklinks.btnTwo"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnTwo.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnTwo.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnTwo.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
<a ng-if="$ctrl.quicklinks.btnThree"
|
|
vn-tooltip="{{::$ctrl.quicklinks.btnThree.tooltip}}"
|
|
ui-sref="{{::$ctrl.quicklinks.btnThree.state}}" target="_blank">
|
|
<vn-icon
|
|
class="mdl-button mdl-js-button mdl-button--colored"
|
|
icon="{{::$ctrl.quicklinks.btnThree.icon}}">
|
|
</vn-icon>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div> |