hedera-web-mindshore/forms/admin/visits/ui.xml

<vn>
<div id="title">
	<h1><t>Visits</t></h1>
</div>
<div id="actions">
	<htk-bar-button
		icon="refresh"
		tip="_Refresh"
		on-click="this.onRefreshClick()"/>
	<htk-bar-button
		icon="visibility"
		tip="_Connections"
		on-click="this.onSessionsClick()"/>
</div>
<div id="form" class="visits">
	<div class="vn-w-xs">
		<div class="form vn-pa-lg box">
			<div class="form-group">
				<label><t>From</t></label>
				<htk-date-chooser>
					<vn-param property="param" id="from"/>
				</htk-date-chooser>
			</div>
			<div class="form-group">
				<label><t>To</t></label>
				<htk-date-chooser>
					<vn-param property="param" id="to"/>
				</htk-date-chooser>
			</div>
		</div>
		<div class="summary vn-pa-lg box">
			<p>
				<htk-text>
					<db-calc-sum
						property="param"
						model="visits"
						column-name="visits"/>
				</htk-text> 
				<t>visits</t>,
				<htk-text>
					<db-calc-sum
						property="param"
						model="visits"
						column-name="newVisits"/>
				</htk-text> 
				<t>news</t>
			</p>
		</div>
		<htk-repeater
			class="box htk-list"
			form-id="iter"
			empty-message="_Select date interval">
			<db-model property="model" id="visits">
				<custom>
					SELECT browser,
							MIN(CAST(version AS DECIMAL(4,1))) minVersion,
							MAX(CAST(version AS DECIMAL(4,1))) maxVersion,
							MAX(c.stamp) lastVisit,
							COUNT(DISTINCT c.id) visits,
							SUM(a.firstAccessFk = c.id AND v.firstAgentFk = a.id) newVisits
						FROM visitUser e
							JOIN visitAccess c ON c.id = e.accessFk
							JOIN visitAgent a ON a.id = c.agentFk
							JOIN visit v ON v.id = a.visitFk
						WHERE c.stamp BETWEEN TIMESTAMP(#from,'00:00:00') AND TIMESTAMP(#to,'23:59:59')
						GROUP BY browser ORDER BY visits DESC
				</custom>
				<sql-batch property="batch">
					<custom>
						<item name="from" param="from"/>
						<item name="to" param="to"/>
					</custom>
				</sql-batch>
			</db-model>
			<custom>
				<div class="item">
					<div class="content">
						<p class="important">
							{{iter.browser}} {{iter.minVersion}} - {{iter.maxVersion}}
						</p>
						<p>
							{{iter.visits}} <t>visits</t>, 
							{{iter.newVisits}} <t>news</t>
						</p>
						<p>
							{{Vn.Value.format(iter.lastVisit, _('%a, %e %b %Y at %T'))}}
						</p>
					</div>
				</div>
			</custom>
		</htk-repeater>
	</div>
</div>
</vn>