lms/approot/templates.xml

<?xml version="1.0" encoding="UTF-8" ?>
<messages xmlns:if="Wt.WTemplate.conditions">
<!--FORMS message blocks-->

<message id="firstConnectionForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:name}">
				Name
			</label>
			<div class="col-sm-5">
				${name}
			</div>
			<div class="help-block col-sm-5">
				${name-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:email}">
				e-Mail
			</label>
			<div class="col-sm-5">
				${email}
			</div>
			<div class="help-block col-sm-5">
				${email-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password}">
				Password
			</label>
			<div class="col-sm-5">
				${password}
			</div>
			${password-info}
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password-confirm}">
				Confirm password
			</label>
			<div class="col-sm-5">
				${password-confirm}
			</div>
			<div class="help-block col-sm-5">
				${password-confirm-info}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${save-button}
			</div>
		</div>
		${apply-info}
	</div>
</message>


<message id="userForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:name}">
				Name
			</label>
			<div class="col-sm-5">
				${name}
			</div>
			<div class="help-block col-sm-5">
				${name-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:email}">
				e-Mail
			</label>
			<div class="col-sm-5">
				${email}
			</div>
			<div class="help-block col-sm-5">
				${email-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password}">
				Password
			</label>
			<div class="col-sm-5">
				${password}
			</div>
			<div class="help-block col-sm-5">
				${password-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password-confirm}">
				Confirm password
			</label>
			<div class="col-sm-5">
				${password-confirm}
			</div>
			<div class="help-block col-sm-5">
				${password-confirm-info}
			</div>
		</div>
	</div>
	<legend>${access}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:admin}">
				Admin
			</label>
			<div class="col-sm-5">
				${admin}
			</div>
			<div class="help-block col-sm-5">
				${admin-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:audio-bitrate-limit}">
				Audio Bitrate Limit
			</label>
			<div class="col-sm-5">
				<div class="input-group">
				${audio-bitrate-limit}
				<span class="input-group-addon">kbps</span>
				</div>
			</div>
			<div class="help-block col-sm-5">
				${audio-bitrate-limit-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:video-bitrate-limit}">
				Video Bitrate Limit
			</label>
			<div class="col-sm-5">
				<div class="input-group">
					${video-bitrate-limit}
					<span class="input-group-addon">kbps</span>
				</div>
			</div>
			<div class="help-block col-sm-5">
				${video-bitrate-limit-info}
			</div>
		</div>
	</div>
	<div class="form-horizontal">
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${save-button} ${cancel-button}
			</div>
		</div>
	</div>

</message>

<message id="userAccountForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:name}">
				Name
			</label>
			<div class="col-sm-5">
				${name}
			</div>
			<div class="help-block col-sm-5">
				${name-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:email}">
				e-Mail
			</label>
			<div class="col-sm-5">
				${email}
			</div>
			<div class="help-block col-sm-5">
				${email-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password}">
				Password
			</label>
			<div class="col-sm-5">
				${password}
			</div>
			<div class="help-block col-sm-5">
				${password-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:password-confirm}">
				Confirm password
			</label>
			<div class="col-sm-5">
				${password-confirm}
			</div>
			<div class="help-block col-sm-5">
				${password-confirm-info}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${save-button} ${cancel-button}
			</div>
		</div>
		${apply-info}
	</div>
</message>

<message id="audioForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:bitrate}">
				Audio bitrate
			</label>
			<div class="col-sm-5">
				<div class="input-group">
					${bitrate}
					<span class="input-group-addon">kbps</span>
				</div>
			</div>
			<div class="help-block col-sm-5">
				${bitrate-info}
			</div>
		</div>
		 <div class="form-group">
			 <label class="control-label col-sm-2"  for="${id:encoding}">
				 Audio Encoding
			</label>
			<div class="col-sm-5">
				 ${encoding}
			</div>
			<div class="help-block col-sm-5">
				${encoding-info}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${save-button} ${cancel-button}
			</div>
		</div>
		${apply-info}
	</div>
</message>

<message id="mediaDirectoryForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:path}">
				Path
			</label>
			<div class="col-sm-5">
				${path}
			</div>
			<div class="help-block col-sm-5">
				${path-info}
			</div>
		</div>
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:type}">
				Type
			</label>
			<div class="col-sm-5">
				${type}
			</div>
			<div class="help-block col-sm-5">
				${type-info}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${save-button} ${cancel-button}
			</div>
		</div>
		${apply-info}
	</div>
</message>

<message id="databaseForm-template">
	<legend>${title}</legend>
	<div class="form-horizontal">
		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:update-period}">
				Update period
			</label>
			<div class="col-sm-5">
				${update-period}
			</div>
			<div class="help-block col-sm-5">
				${update-period-info}
			</div>
		</div>

		<div class="form-group">
			<label class="control-label col-sm-2"  for="${id:update-start-time}">
				Update start time
			</label>
			<div class="col-sm-5">
				${update-start-time}
			</div>
			<div class="help-block col-sm-5">
				${update-start-time-info}
			</div>
		</div>

		<div class="form-group">
			<label class="control-label col-sm-2" for="${id:audio-file-extensions}">
				Audio file extensions
			</label>
			<div class="col-sm-5">
				${audio-file-extensions}
			</div>
			<div class="help-block col-sm-5">
				${audio-file-extensions-info}
			</div>
		</div>

		<div class="form-group">
			<label class="control-label col-sm-2" for="${id:video-file-extensions}">
				Video file extensions
			</label>
			<div class="col-sm-5">
				${video-file-extensions}
			</div>
			<div class="help-block col-sm-5">
				${video-file-extensions-info}
			</div>
		</div>

		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				${apply-button} ${discard-button} ${immediate-scan-button}
			</div>
		</div>
		${apply-info}
	</div>
</message>

<message id="mediaplayer-controls">
	<div class="btn-group" role="group" aria-label="...">
		${prev}
		${play}
		${pause}
		${next}
	</div>
</message>

<message id="mobile-search">
	<div class="row">
		<div class="col-xs-12">${search}</div>
	</div>
</message>

<message id="mobile-search-title">
	<div class="row">
		<div class="col-xs-12">
			<div class="mobile-search-title">${text}</div>
		</div>
	</div>
</message>
<message id="mobile-search-more">
	<div class="row">
		<div class="col-xs-12">
			<div class="mobile-search-more vertical-align">${text}</div>
		</div>
	</div>
</message>

<message id="mobile-artist-res">
	<div class="row">
		<div class="col-xs-12">
			<div class="mobile-search-entry">${name}</div>
		</div>
	</div>
</message>

<message id="mobile-release-res">
	<div class="row">
		<div class="col-xs-12">
			<div class="mobile-search-entry">
				<div class="row">
					<div class ="vertical-align">
						<div class="col-xs-2" style="margin-top:3px">${cover}</div>
						<div class="col-xs-10">${name}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</message>

<message id="mobile-track-res">
	<div class="row">
		<div class="col-xs-12">
			<div class="mobile-search-entry">
				<div class="row">
					<div class="vertical-align">
						<div class="col-xs-2" style="margin-top:3px">${cover}</div>
						<div class="col-xs-7">${name}</div>
						<div class="col-xs-3">${btn}</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</message>

<message id="mobile-audio-footer">
	<nav class="navbar navbar-default navbar-fixed-bottom" role="navigation">
		${player}
	</nav>
</message>

<message id="mobile-audio-player">
	<div class="container">
		<div class="row">
			<div class="col-xs-12">
				<div class="row">
					<div class="mobile-audio-footer">
						<div class="vertical-align mobile-audio-footer">
							<div class="col-xs-2">${cover}</div>
							<div class="col-xs-7">
								<div class="row">
									<div class="col-xs-12">${track}</div>
								</div>
								<div class="row">
									<div class="col-xs-12">${artist}</div>
								</div>
							</div>
							<div class="col-xs-3">${play}${pause}</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</message>

</messages>