salix/modules/client/front/address/index/index.html

75 lines
2.7 KiB
HTML
Raw Normal View History

2018-07-16 06:00:04 +00:00
<vn-crud-model
vn-id="model"
2019-09-02 07:25:18 +00:00
url="/api/Clients/{{$ctrl.$stateParams.id}}/addresses"
filter="$ctrl.filter"
2019-06-18 07:34:32 +00:00
limit="10"
data="$ctrl.addresses"
2019-07-08 12:07:09 +00:00
auto-load="true">
2018-07-16 06:00:04 +00:00
</vn-crud-model>
2019-10-02 17:24:42 +00:00
<vn-data-viewer
model="model"
class="vn-w-md">
<vn-card class="vn-pa-md">
2019-10-02 17:24:42 +00:00
<div
ng-repeat="address in $ctrl.addresses"
class="address">
<a
ui-sref="client.card.address.edit({addressId: {{::address.id}}})"
class="vn-pa-sm border-solid"
2019-10-02 17:24:42 +00:00
ng-class="{'item-disabled': !address.isActive}"
translate-attr="{title: 'Edit address'}"
border-radius>
<vn-none
class="vn-pr-sm"
2019-10-02 17:24:42 +00:00
ng-click="$ctrl.onStarClick($event)">
<vn-icon-button
ng-if="$ctrl.isDefaultAddress(address)"
icon="star"
translate-attr="{title: 'Default address'}">
</vn-icon-button>
<vn-icon-button
ng-if="!$ctrl.isDefaultAddress(address)"
icon="star_border"
ng-click="$ctrl.setDefault(address)"
translate-attr="{title: 'Set as default'}">
</vn-icon-button>
</vn-none>
<vn-one
style="overflow: hidden; min-width: 14em;">
<div class="ellipsize"><b>{{::address.nickname}}</b></div>
<div class="ellipsize" name="street">{{::address.street}}</div>
<div class="ellipsize">{{::address.city}}, {{::address.province.name}}</div>
<div class="ellipsize">
{{::address.phone}}<span ng-if="::address.mobile">, </span>
{{::address.mobile}}
</div>
<vn-check
vn-one label="Is equalizated"
field="address.isEqualizated"
disabled="true">
</vn-check>
</vn-one>
<vn-vertical
vn-one
ng-if="address.observations.length"
border-solid-left
class="vn-hide-narrow vn-px-md"
2019-10-02 17:24:42 +00:00
style="height: 6em; overflow: auto;">
<vn-one ng-repeat="observation in address.observations track by $index" ng-class="{'vn-pt-sm': $index}">
2019-10-02 17:24:42 +00:00
<b>{{::observation.observationType.description}}:</b>
<span>{{::observation.description}}</span>
2019-09-02 07:25:18 +00:00
</vn-one>
2019-10-02 17:24:42 +00:00
</vn-vertical>
</a>
</div>
</vn-card>
</vn-data-viewer>
<vn-float-button
vn-bind="+"
fixed-bottom-right
vn-tooltip="New address"
ui-sref="client.card.address.create"
icon="add"
label="Add">
</vn-float-button>