page-upload.html #4 

<html>
<head>
<title>PAM</title>
<link rel="stylesheet" href="/bootstrap-3.3.4-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="/bootstrap-3.3.4-dist/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="/css/dropzone.css">
<link rel="stylesheet" href="/css/parent.css">
</head>
<body>

	<#include "/navigation/bar.html">

	<div class="container theme-showcase" role="main">
		<div class="row">

			<div class="page-header">
				<h1>${title}</h1>
				<h1>
					<small>${type.getTitle()}</small>
				</h1>
			</div>

			<div class="col-lg-12">
				<div class="stepwizard">
					<div class="stepwizard-row">
						<div class="stepwizard-step">
							<a type="button" class="btn btn-primary btn-circle">1</a>
							<p>Add Files</p>
						</div>
						<div class="stepwizard-step">
							<a type="button" class="btn btn-default btn-circle" disabled="disabled">2</a>
							<p>Review</p>
						</div>
						<div class="stepwizard-step">
							<a type="button" class="btn btn-default btn-circle" disabled="disabled">3</a>
							<p>Finished</p>
						</div>
					</div>
				</div>
				<br>
			</div>

			<div class="col-lg-12">
				<div class="panel panel-default">

					<div class="panel-heading clearfix">
						<div class="btn-group pull-right">
							<button class="btn btn-sm btn-success" id="addDZ">
								<i class="glyphicon glyphicon-plus"></i> <span>Add</span>
							</button>
							<button class="btn btn-sm btn-default" id="clearDZ">
								<i class="glyphicon glyphicon-trash"></i> <span>Clear</span>
							</button>
						</div>
						<p class="panel-title">Artifact Files</p>
						<small>File(s) for ready for upload</small>
					</div>

					<div class="panel-body">
						<div class="form-group">
							<div class="dropzone-previews" id="previewDZ"></div>
						</div>
					</div>

				</div>
			</div>

			<div class="col-lg-12"><#include "/deploy/${type.getId()}.html"></div>

			<#include "/deploy/dropzone-template.html">
		</div>
	</div>

	<script src="/js/jquery.min.js"></script>
	<script src="/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/js/bootstrap-filestyle.min.js"></script>
	<script type="text/javascript" src="/js/dropzone.js"></script>
	<script type="text/javascript" src="/js/deploy-dropzone.js"></script>
	<script type="text/javascript" src="/js/validator.min.js"></script>
</body>
</html>
# Change User Description Committed
#4 15782 Paul Allen Update to UX

 - deploy has 3 process steps (including a submit report)
#3 14897 Paul Allen Added form validation and Perforce Artifacts
#2 14883 Paul Allen Submit via preview and redirect to asset
#1 14882 Paul Allen Refactor static html pages
//guest/paul_allen/p4am/src/main/resources/spark/template/freemarker/deploy/page.html
#2 14863 Paul Allen Change File/Dir browse to support extended options
#1 14725 Paul Allen Generic deploy/upload
//guest/paul_allen/p4am/src/main/resources/spark/template/freemarker/page-deploy.html
#6 14723 Paul Allen Tidy up deploy/upload
#5 14226 Paul Allen Tidy up Browse elements over to micro MVC model
#4 14181 Paul Allen Lots of updates and refactoring.
#3 14013 Paul Allen Basic proxy
#2 13969 Paul Allen Depot list/create for Assets
#1 13869 Paul Allen - Fix logout when testing cookie.
- Refactor ftl->html
- Add local bootstrap
//guest/paul_allen/p4am/src/main/resources/spark/template/freemarker/deploy.ftl
#5 13857 Paul Allen Post Multipart form: fields and files.
#4 13840 Paul Allen CSS for bootstrap file listing
#3 13836 Paul Allen Use Dropzone for drag and drop.
#2 13798 Paul Allen Basic file upload and login/logout cookie tidyup
#1 13720 Paul Allen Perforce Asset Manager (PAM or P4AM) -- ideas