<div class="vn-descriptor"> <div class="header"> <a translate-attr="{title: 'Return to module index'}" ui-sref="invoiceOut.index"> <vn-icon icon="chevron_left"></vn-icon> </a> <a translate-attr="{title: 'Preview'}" ui-sref="invoiceOut.card.summary({id: $ctrl.invoiceOut.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.invoiceOut.ref}}</h5> <vn-label-value label="Date" value="{{$ctrl.invoiceOut.issued | dateTime: 'dd/MM/yyyy'}}"> </vn-label-value> <vn-label-value label="Import" value="{{$ctrl.invoiceOut.amount | currency: 'EUR': 2}}"> </vn-label-value> <vn-label-value label="Client" value="{{$ctrl.invoiceOut.client.name}}"> </vn-label-value> <vn-label-value label="Company" value="{{$ctrl.invoiceOut.company.code}}"> </vn-label-value> </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>