2015-07-23 15:58:48 +00:00
|
|
|
<vn>
|
|
|
|
<vn-group>
|
|
|
|
<db-form id="user-form">
|
2015-11-09 08:14:33 +00:00
|
|
|
<db-model property="model" id="user-model" updatable="true">
|
2022-10-05 08:49:54 +00:00
|
|
|
SELECT id, defaultAddressFk
|
|
|
|
FROM myClient c
|
2015-07-23 15:58:48 +00:00
|
|
|
</db-model>
|
|
|
|
</db-form>
|
|
|
|
<db-model id="addresses" updatable="true">
|
2022-10-05 08:49:54 +00:00
|
|
|
SELECT a.id, a.nickname, p.name province, a.postalCode,
|
|
|
|
a.city, a.street, a.isActive
|
|
|
|
FROM myAddress a
|
|
|
|
LEFT JOIN vn.province p ON p.id = a.provinceFk
|
|
|
|
WHERE a.isActive
|
2015-07-23 15:58:48 +00:00
|
|
|
</db-model>
|
|
|
|
</vn-group>
|
2015-09-11 09:37:16 +00:00
|
|
|
<div id="title">
|
|
|
|
<h1><t>Addresses</t></h1>
|
|
|
|
</div>
|
2015-09-16 16:11:15 +00:00
|
|
|
<div id="actions">
|
2016-09-19 06:40:18 +00:00
|
|
|
<htk-bar-button
|
|
|
|
icon="add"
|
2015-09-16 16:11:15 +00:00
|
|
|
tip="_AddAddress"
|
2022-05-24 21:11:12 +00:00
|
|
|
on-click="this.onAddAddressClick()"/>
|
2015-09-11 09:37:16 +00:00
|
|
|
</div>
|
2015-07-23 15:58:48 +00:00
|
|
|
<div id="form" class="address-list">
|
2022-05-26 06:08:31 +00:00
|
|
|
<div class="box vn-w-sm">
|
2015-12-02 17:26:58 +00:00
|
|
|
<htk-radio-group
|
|
|
|
id="default-address"
|
2018-01-02 13:16:41 +00:00
|
|
|
column="defaultAddressFk"
|
2015-12-02 17:26:58 +00:00
|
|
|
form="user-form"/>
|
2022-05-24 21:11:12 +00:00
|
|
|
<htk-repeater model="addresses" form-id="address" class="htk-list">
|
2015-12-02 17:26:58 +00:00
|
|
|
<custom>
|
2022-05-25 18:04:16 +00:00
|
|
|
<div class="item clickable" on-click="this.onSetDefaultClick($event, address.id)">
|
2022-05-24 10:18:44 +00:00
|
|
|
<div class="side">
|
2015-12-02 17:26:58 +00:00
|
|
|
<htk-radio
|
|
|
|
radio-group="default-address"
|
2022-05-24 21:11:12 +00:00
|
|
|
val="{{address.id}}"
|
|
|
|
tip="_SetAsDefault"
|
|
|
|
name="test"/>
|
2022-05-24 10:18:44 +00:00
|
|
|
</div>
|
|
|
|
<div class="content">
|
|
|
|
<p class="important">
|
2022-05-24 21:11:12 +00:00
|
|
|
{{address.nickname}}
|
2022-05-24 10:18:44 +00:00
|
|
|
</p>
|
|
|
|
<p>
|
2022-05-24 21:11:12 +00:00
|
|
|
{{address.street}}
|
2022-05-24 10:18:44 +00:00
|
|
|
</p>
|
|
|
|
<p>
|
2022-05-24 21:11:12 +00:00
|
|
|
{{address.postalCode}}, {{address.city}}
|
2022-05-24 10:18:44 +00:00
|
|
|
</p>
|
|
|
|
</div>
|
2022-05-24 21:11:12 +00:00
|
|
|
<div
|
|
|
|
class="actions"
|
|
|
|
on-click="$event.preventDefault()">
|
2015-12-02 17:26:58 +00:00
|
|
|
<htk-button
|
2016-09-26 09:28:47 +00:00
|
|
|
icon="delete"
|
2022-05-24 21:11:12 +00:00
|
|
|
tip="_RemoveAddress"
|
2022-06-18 21:04:34 +00:00
|
|
|
on-click="this.onRemoveAddressClick($iter)"/>
|
2015-12-02 17:26:58 +00:00
|
|
|
<htk-button
|
2016-09-26 09:28:47 +00:00
|
|
|
icon="edit"
|
2022-05-24 21:11:12 +00:00
|
|
|
tip="_EditAddress"
|
|
|
|
on-click="this.onEditAddressClick(address.id)"/>
|
2015-11-09 08:14:33 +00:00
|
|
|
</div>
|
2015-12-02 17:26:58 +00:00
|
|
|
</div>
|
|
|
|
</custom>
|
|
|
|
</htk-repeater>
|
2015-07-23 15:58:48 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</vn>
|