82 lines
3.3 KiB
HTML
82 lines
3.3 KiB
HTML
<vn-card margin-medium-v class="vn-descriptor">
|
|
<vn-horizontal class="header">
|
|
<a translate-attr="{title: 'Return to module index'}" ui-sref="client.index">
|
|
<vn-icon icon="chevron_left"></vn-icon>
|
|
</a>
|
|
<vn-icon icon="person"></vn-icon>
|
|
<a translate-attr="{title: 'Preview'}" ui-sref="client.card.summary({id: $ctrl.client.id})">
|
|
<vn-icon icon="desktop_windows"></vn-icon>
|
|
</a>
|
|
</vn-horizontal>
|
|
<div pad-medium>
|
|
<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: ' €': 2}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Secured credit"
|
|
value="{{$ctrl.client.creditInsurance | currency: '€ ': 2}}">
|
|
</vn-label-value>
|
|
<vn-label-value label="Sales person"
|
|
value="{{$ctrl.client.salesPerson.firstName}} {{$ctrl.client.salesPerson.name}}">
|
|
</vn-label-value>
|
|
</div>
|
|
<vn-horizontal pad-medium class="footer">
|
|
<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 > 0}">
|
|
</vn-icon>
|
|
<vn-icon
|
|
vn-tooltip="Client not checked"
|
|
icon="icon-no036"
|
|
ng-class="{bright: $ctrl.client.isTaxDataChecked == false}">
|
|
</vn-icon>
|
|
</vn-horizontal>
|
|
<vn-horizontal pad-small class="quicklinks">
|
|
<a ng-if="$ctrl.quicklinks.btnOne" pad-small-right
|
|
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" pad-small-right
|
|
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" pad-small-right
|
|
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>
|
|
</vn-horizontal>
|
|
</vn-card> |