tellform/public/modules/forms/views/view-form.client.view.html

<section data-ng-controller="ViewFormController" data-ng-init="findOne()" class="container admin-form">

	<!-- Modal Delete Dialog Template -->
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h2 class="modal-title hidden-md hidden-lg">Are you ABSOLUTELY sure?</h2>
            <h3 class="modal-title hidden-xs hidden-sm">Are you ABSOLUTELY sure?</h3>
        </div>
        <div class="modal-body">
        	<div class="modal-body-alert">
			    Unexpected bad things will happen if you don’t read this!
			</div>
       		<p class="hidden-xs hidden-sm">
       		 	This action <strong>CANNOT</strong> be undone.This will permanently delete the <strong>{{myform.title}}</strong> form, form submissions and remove all associated pdfs.
       		</p>
            <p>Please type in the name of the form to confirm.</p>
        </div>
        <div class="modal-footer">
	        <p>
				<input type="text" data-ng-model="deleteConfirm" class="input-block" autofocus required aria-label="Type in the name of the form to confirm that you want to delete this form.">
			</p>
            <button type="submit" ng-click="remove()" class="btn btn-block btn-danger" ng-disabled="myform.title != deleteConfirm">
            	I understand the consequences, delete this form
            </button>
        </div>
    </script>

	<div class="page-header row" style="padding-bottom: 0px;">
		<div class="col-xs-10 col-sm-8">
			<h1 class="hidden-sm hidden-xs" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h1>
			<h2 class="hidden-md hidden-lg" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h2>
		</div>
		<div class="col-xs-1 col-sm-2">
			<small class="pull-right">			
				<button class="btn btn-danger" ng-click="openDeleteModal()">
					<i class="fa fa-trash-o"></i>
					<span class="hidden-xs">Delete</span>
					<span class="hidden-xs hidden-sm">Form</span>
				</button>
			</small>
		</div>
		<div class="col-xs-1 col-sm-2">
			<small class="pull-right">			
				<a class="btn btn-default view-form-btn" href="/#!/forms/{{myform._id}}">
					<span class="hidden-xs hidden-sm">
						View
						<span ng-show="myform.isLive">
							Live
						</span> 
						<span ng-hide="myform.isLive">Preview</span> Form
					</span>
					<span class="hidden-xs hidden-md hidden-lg">
						View
						<span ng-if="myform.isLive">Live</span>
						<span ng-if="!myform.isLive">Preview</span>
					</span>
					<i class="status-light status-light-on fa fa-dot-circle-o" ng-if="myform.isLive"></i>
					<i class="status-light status-light-off fa fa-dot-circle-o" ng-if="!myform.isLive"></i>
				</a>
			</small>
		</div>
	</div>

	<div class="row" cg-busy="{promise:updatePromise,message:'Updating form...',backdrop:true}">
	<!-- <div > -->
		<tabset class="col-xs-12">
			<tab>
				<tab-heading>
					Edit Form Fields
				</tab-heading>
				<edit-form-directive myform="myform"></edit-form-directive>
			</tab>
			<tab disabled="true">
				<tab-heading >
					Edit Design
				</tab-heading>
			</tab>
			<tab>
				<tab-heading>
					Configure
				</tab-heading>
				<configure-form-directive myform="myform" user="user">
				</configure-form-directive>
			</tab>
			<tab data-ng-click="showSubmissions()">
				<tab-heading>
					View Submissions
				</tab-heading>
				<div class="submissions-table row container" ng-show="viewSubmissions">

					<div class="row">
						<div class="col-xs-2">	
							<button class="btn btn-danger" ng-click="deleteSelectedSubmissions()" ng-disabled="!isAtLeastOneChecked();">
								<i class="fa fa-trash-o"></i> Delete Selected
							</button>
						</div>
						<div class="col-xs-2">	
							<button class="btn btn-default" ng-click="exportSubmissions()">
								Export to XLS
							</button>
						</div>
					</div>
					<div class="row table-outer">
						<div class="col-xs-12"> 					
							<table id="table-submission-data" class="table table-striped table-hover table-condensed">
							<thead>
								<tr>
									<th>
										<input ng-model="table.masterChecker" ng-change="toggleAllCheckers()" type="checkbox"/>
									</th>
									<th>#</th>
									<th data-ng-repeat="(key, value) in myform.form_fields">
										{{value.title}}
									</th>
									<th>
										Percentage Complete
									</th>
									<th>
										Time Elapsed
									</th>
									<th>
										Date Submitted (UTC)
									</th>
									<th ng-if="myform.autofillPDFs">
										Generated PDF
									</th>
								</tr>
							</thead>

							<tbody>
								<tr data-ng-repeat="row in table.rows" ng-click="rowClicked($index)" ng-class="{selected: row.selected === true}">
									<td>
										<input ng-model="row.selected" type="checkbox"/>
									</td>
									<th class="scope">
										{{$index+1}}
									</th>
									<td data-ng-repeat="(key, value) in row.form_fields">
										{{value.fieldValue}}
									</td>
									<td>
										{{row.percentageComplete}}%
									</td>
									<td>
										{{row.timeElapsed}}
									</td>
									<td>
										{{row.created | date:'yyyy-MM-dd HH:mm:ss'}}
									</td>
									<td ng-if="row.pdf">
										<a href="{{row.pdfFilePath}}" download="{{row.pdf.name}}" target="_self">Generated PDF</a>
									</td>
								</tr>
							</tbody>
							</table>
						</div>
					</div>
				</div>
			</tab>
		</tabset>
	<!-- </div> -->
	</div>
</section>