form-group.html #5

<form method="POST" action="/create/depot" class="form-horizontal" id="newDepot" role="form" data-toggle="validator">
	<div class="row">
		<div class="col-xs-12">
			<div class="input-group">
				<input type="hidden" name="type" class="form-control" value="${type.getId()}"></input>
			</div>

			<div class="input-group">
				<input type="hidden" name="site" class="form-control" value="${site.getId()}"></input>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Depot ID</span> <input type="text" name="depotID" class="form-control"
						pattern="([a-z0-9-_]){3,}" maxlength="50" placeholder="depot"
						data-error="A valid Perforce Depot name; lowercase and 3 to 50 characters." required value="<#if depot??>${depot.getName()}</#if>" />
				</div>
				<span class="help-block with-errors"></span>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Repository Name</span> <input type="text" name="titleID" class="form-control" value="<#if depot??>${depot.getTitle()}</#if>" ></input>
				</div>
			</div>

			<div class="form-group">
				<div class="input-group">
					<span class="input-group-addon">Repository Description</span>
					<textarea type="text" name="description" class="form-control"><#if depot??>${depot.getDescription()}</#if></textarea>
				</div>
			</div>

		</div>
	</div>

	<div class="row">
		<div class="col-xs-6 left">
			<div class="panel panel-default">
				<div class="panel-heading">Sources</div>
				<ul class="list-group source connected">
					<#list depots as d>
					<li class="list-group-item" id="${d.getName()}">${d.getSite()} ${d.getTitle()} (${d.getName()})</li> </#list>
				</ul>
			</div>
		</div>
		<div class="col-xs-6 right">
			<div class="panel panel-default">
				<div class="panel-heading">Group</div>

				<ul class="list-group target connected">
				<#if list??>
				<#list list as l>
					<li class="list-group-item" id="${l.getName()}">${l.getSite()} ${l.getTitle()} (${l.getName()})</li> </#list>
				</#if>
				</ul>
			</div>
		</div>
	</div>

	<div class="input-group">
		<input type="hidden" name="list[]" id="draglist" class="form-control"></input>
	</div>

	<div class="row">
		<div class="col-xs-6">
			<div class="form-group">
				<button type="submit" class="btn btn-success" id="createRepo">
					<span>Store repository</span>
				</button>
			</div>
		</div>
	</div>
</form>