hedera-web-mindshore/forms/account/conf/ui.xml

<vn>
<vn-group>
	<db-form id="password-form">
		<db-model property="model">
			<custom>
				SELECT length, nAlpha, nUpper, nDigits, nPunct
					FROM account.userPassword
			</custom>
		</db-model>
	</db-form>
	<db-form id="user-form">
		<db-model property="model" id="user-model" updatable="true">
			<custom>
				SELECT u.id, u.name, u.email, u.nickname,
						u.lang, c.isToBeMailed, c.id clientFk
					FROM account.myUser u
						LEFT JOIN myClient c
							ON u.id = c.id
			</custom>
		</db-model>
	</db-form>
</vn-group>
<div id="title">
	<h1><t>Configuration</t></h1>
</div>
<div id="actions">
	<htk-bar-button
		icon="place"
		tip="_Addresses"
		on-click="onAddressesClick"/>
	<htk-bar-button
		icon="preferences"
		tip="_Change password"
		on-click="onPassChangeClick"/>
</div>
<div id="form" class="conf">
	<div class="box">
		<div class="form">
			<div class="form-group">
				<label for="user-name"><t>Username</t></label>
				<htk-text form="user-form" column="name"/>
			</div>
			<div class="form-group">
				<label for="email"><t>Email</t></label>
				<htk-entry form="user-form" column="email"></htk-entry>
			</div>
			<div class="form-group">
				<label for="nickname"><t>Display name</t></label>
				<htk-entry form="user-form" column="nickname"/>
			</div>
			<div class="form-group">
				<label for="lang"><t>Language</t></label>
				<htk-combo form="user-form" column="lang">
					<db-model property="model">
						<custom>
							SELECT code, name FROM language WHERE isActive
						</custom>
					</db-model>
				</htk-combo>
			</div>
			<div class="form-group">
				<label for="mail"><t>Receive invoices by email</t></label>
				<htk-check form="user-form" column="isToBeMailed"/>
			</div>
		</div>
	</div>
</div>
<htk-popup
	id="change-password"
	modal="true">
	<div property="child-node" class="htk-dialog pass-change">
		<div>
			<input
				id="old-password"
				type="password"
				placeholder="_Old password"/>
			<input
				id="new-password"
				type="password"
				placeholder="_New password"/>
			<input
				id="repeat-password"
				type="password"
				placeholder="_Repeat password"/>
		</div>
		<div class="button-bar">
			<button class="thin" on-click="onPassModifyClick">
				<t>Modify</t>
			</button>
			<button class="thin" on-click="onPassInfoClick">
				<t>Info</t>
			</button>
			<div class="clear"/>
		</div>
	</div>
</htk-popup>
<htk-popup
	id="password-info"
	modal="true">
	<div property="child-node" class="htk-dialog pass-info">
		<h3>
			<t>Password requirements</t>
		</h3>
		<ul>
			<li>
				<htk-text form="password-form" column="length"/> 
				<t>characters long</t>
			</li>
			<li>
				<htk-text form="password-form" column="nAlpha"/> 
				<t>alphabetic characters</t>
			</li>
			<li>
				<htk-text form="password-form" column="nUpper"/> 
				<t>capital letters</t>
			</li>
			<li>
				<htk-text form="password-form" column="nDigits"/> 
				<t>digits</t>
			</li>
			<li>
				<htk-text form="password-form" column="nPunct"/> 
				<t>symbols</t>
			</li>
		</ul>
	</div>
</htk-popup>
</vn>