93 lines
3.8 KiB
HTML
93 lines
3.8 KiB
HTML
<div class="vn-descriptor">
|
|
<div class="header">
|
|
<a translate-attr="{title: 'Return to module index'}" ui-sref="client.index">
|
|
<vn-icon icon="chevron_left"></vn-icon>
|
|
</a>
|
|
<a translate-attr="{title: 'Preview'}" ui-sref="client.card.summary({id: $ctrl.client.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)"
|
|
on-open="$ctrl.onMoreOpen()">
|
|
</vn-icon-menu>
|
|
</div>
|
|
<div class="body">
|
|
<div class="attributes">
|
|
<h5>{{$ctrl.client.name}}</h5>
|
|
<vn-label-value label="Id"
|
|
value="{{$ctrl.client.id}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Phone"
|
|
value="{{$ctrl.client.phone | phone}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Credit"
|
|
value="{{$ctrl.client.credit | currency: 'EUR': 2}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Secured credit"
|
|
value="{{$ctrl.client.creditInsurance | currency: 'EUR': 2}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Sales person"
|
|
value="{{$ctrl.client.salesPerson.user.nickname}}">
|
|
</vn-label-value>
|
|
</div>
|
|
<div class="icons">
|
|
<vn-icon
|
|
vn-tooltip="Client inactive"
|
|
icon="icon-disabled"
|
|
ng-class="{bright: $ctrl.client.isActive == false}">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip="Client frozen"
|
|
icon="icon-frozen"
|
|
ng-class="{bright: $ctrl.client.isFreezed == true}">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip="Web Account inactive"
|
|
icon="icon-noweb"
|
|
ng-class="{bright: $ctrl.client.account.active == false}">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip="Client has debt"
|
|
icon="icon-risk"
|
|
ng-class="{bright: $ctrl.client.debt > $ctrl.client.credit}">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip="Client not checked"
|
|
icon="icon-no036"
|
|
ng-class="{bright: $ctrl.client.isTaxDataChecked == false}">
|
|
</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> |