hedera-web/package/usr/share/hedera-web/forms/ecomerce/checkout/ui.xml

<vn>
<vn-group>
	<vn-param id="date"/>
	<vn-param id="agency"/>
	<vn-param id="order-id">
		<vn-hash-link key="order"/>
	</vn-param>
	<db-form id="order-form" on-status-changed="onStatusChange">
		<db-model updatable="true">
			SELECT id, date_send, wh_id, delivery_method_id, agency_id, address_id, note
				FROM order_view WHERE id = #id
			<sql-batch property="batch">
				<item name="id" param="order-id"/>
			</sql-batch>
		</db-model>
	</db-form>
	<db-form id="defaults" on-iter-changed="onDefaults">
		<db-model>
			SELECT address_id, agency_id, delivery_method
				FROM order_defaults_view
		</db-model>
	</db-form>
	<db-form id="address-form">
		<db-param column="id" id="address"/>
		<db-model id="addresses">
			SELECT a.id, a.consignee, p.name province, a.zip_code, a.city, a.name, a.active, c.Pais country
				FROM address_view a
				LEFT JOIN vn2008.province p ON a.province_id = p.province_id
				JOIN vn2008.Paises c ON c.Id = p.Paises_Id
					WHERE active != FALSE
		</db-model>
	</db-form>
</vn-group>
<div id="form" class="checkout">
	<div class="box">
		<div class="header">
			<h1><t>ConfigureOrder</t></h1>
			<div class="action-bar">
				<button on-click="onCancelClick">
					<img src="image/dark/close.svg" alt=""/>
					<t>Cancel</t>
				</button>
			</div>
		</div>
		<div class="form">
			<htk-assistant
				id="assistant"
				step-count="5"
				step-func="stepFunc"
				node="assistant-node"/>
			<div class="htk-assistant" id="assistant-node">
				<div id="date-step">
					<h2 id="date-question"><t>OrderDateDeliveryQuestion</t></h2>
					<div class="answers">
						<htk-calendar
							id="calendar"
							class="thin-calendar"
							param="date"
							on-changed="onFieldChange"/>
					</div>
				</div>
				<div id="delivery-step">
					<h2><t>DeliveryOrPickupQuestion</t></h2>
					<div class="answers radio">
						<htk-radio-group
							id="rg-delivery"
							on-changed="onFieldChange"/>
						<div>
							<htk-radio radio-group="rg-delivery" value="AGENCY"/>
							<label><t>ReceiveThroughtAgency</t></label>
						</div>
						<div>
							<htk-radio radio-group="rg-delivery" value="DELIVERY"/>
							<label><t>ReceiveThroughtRoute</t></label>
						</div>
						<div>
							<htk-radio radio-group="rg-delivery" value="PICKUP"/>
							<label><t>PickupInStore</t></label>
						</div>
					</div>
				</div>
				<div id="address-step">
					<h2><t>AddressQuestion</t></h2>
					<htk-repeater model="addresses" form-id="iter" renderer="addressRenderer">
						<div class="answers target address" id="address">
							<p class="consignee">
								<htk-text form="iter" column="consignee"/>
							</p>
							<p>
								<htk-text form="iter" column="name"/>
							</p>
						</div>
					</htk-repeater>
				</div>
				<div id="agency-step">
					<h2><t>AgencyQuestion</t></h2>
					<div class="answers target">
						<htk-combo id="agency-combo" param="agency" on-changed="onFieldChange">
							<db-model property="model" id="agencies">
								SELECT a.Id_Agencia, a.description
									FROM vn2008.Agencias a
									JOIN vn2008.Vistas v ON a.Vista = v.vista_id
										WHERE a.web != FALSE
										AND v.code = 'AGENCY'
										ORDER BY a.description
							</db-model>
						</htk-combo>
					</div>
				</div>
				<div id="pickup-step">
					<h2><t>PickupWarehouseQuestion</t></h2>
					<div class="answers target">
						<htk-combo id="warehouse-combo" param="agency" on-changed="onFieldChange">
							<db-model property="model" id="warehouses">
								SELECT a.Id_Agencia, SUBSTR(a.description, 5) description
									FROM vn2008.Agencias a
									JOIN vn2008.Vistas v ON a.Vista = v.vista_id
										WHERE a.web != FALSE
										AND v.code = 'PICKUP'
										ORDER BY a.description
							</db-model>
						</htk-combo>
					</div>
				</div>
				<div id="confirm-agency-step" class="confirm">
					<h2><t>ConfirmToAccessCatalog</t></h2>
					<div class="answers target">
						<p>
							<t>Arrival</t> 
							<htk-text format="_%A, %e of %B" param="date"/>
						</p>
						<p>
							<htk-text form="address-form" column="name"/>
						</p>
						<p>
							<t>Agency</t> 
							<htk-text form="agency-combo" column="description"/>
						</p>
						<button class="thin" on-click="onConfirmClick">
							<t>CONFIRM</t>
						</button>
						<div class="clear"/>
					</div>
				</div>
				<div id="confirm-delivery-step" class="confirm">
					<h2><t>ConfirmToAccessCatalog</t></h2>
					<div class="answers target">
						<p>
							<t>Arrival</t> 
							<htk-text format="_%A, %e of %B" param="date"/>
						</p>
						<p>
							<htk-text form="address-form" column="name"/>
						</p>
						<p>
							<t>ReceiveThroughtRoute</t>
						</p>
						<button class="thin" on-click="onConfirmClick">
							<t>CONFIRM</t>
						</button>
						<div class="clear"/>
					</div>
				</div>
				<div id="confirm-pickup-step" class="confirm">
					<h2><t>ConfirmToAccessCatalog</t></h2>
					<div class="answers target">
						<p>
							<t>Pickup</t> 
							<htk-text format="_%A, %e of %B" param="date"/>
						</p>
						<p>
							<t>Warehouse</t> 
							<htk-text form="warehouse-combo" column="description"/>
						</p>
						<button class="thin" on-click="onConfirmClick">
							<t>CONFIRM</t>
						</button>
						<div class="clear"/>
					</div>
				</div>
			</div>
			<htk-assistant-bar assistant="assistant"/>
		</div>
	</div>
</div>
</vn>