163 lines
5.3 KiB
HTML
163 lines
5.3 KiB
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> |