tellform/public/modules/forms/admin/views/directiveViews/form/edit-submissions-form.client.view.html

<div class="submissions-table row container" ng-init="initFormSubmissions()">
	<div class="row">
		<div class="col-xs-4">
			{{ 'TOTAL_VIEWS' | translate }}: {{myform.analytics.views}}
		</div>

		<div class="col-xs-4">
			{{ 'SUBMISSIONS' | translate }}: {{myform.analytics.submissions}}
		</div>

		<div class="col-xs-4">
			{{ 'CONVERSION_RATE' | translate }}: {{myform.analytics.conversionRate}}%
		</div>
	</div>
	<br>
	<div class="row">
		<div class="col-xs-12">

			<div class="col-xs-2">
				<strong>{{ 'FIELD_TITLE' | translate }}</strong>
			</div>
			<div class="col-xs-2">
				<strong>{{ 'FIELD_VIEWS' | translate }}</strong>
			</div>

			<div class="col-xs-4">
				<strong>{{ 'FIELD_DROPOFF' | translate }}</strong>
			</div>
		</div>
		<div class="col-xs-12" ng-repeat="fieldStats in myform.analytics.fields">

			<div class="col-xs-2">
				{{fieldStats.field.title}}
			</div>
			<div class="col-xs-2">
				{{fieldStats.totalViews}}
			</div>

			<div class="col-xs-4">
				{{fieldStats.dropoffRate}}%
			</div>
		</div>
	</div>
	<br>
	<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' | translate }}
			</button>
		</div>
		<div class="col-xs-2 col-xs-offset-4 text-right">	
			<button class="btn btn-default" ng-click="exportSubmissions('xml')">
				<small>{{ 'EXPORT_TO_EXCEL' | translate }}</small>
			</button>
		</div>
		<div class="col-md-2 text-right">	
			<button class="btn btn-default" ng-click="exportSubmissions('csv')">
				<small>{{ 'EXPORT_TO_CSV' | translate }}</small>
			</button>
		</div>
		<div class="col-md-2 text-right">	
			<button class="btn btn-default" ng-click="exportSubmissions('json')">
				<small>{{ 'EXPORT_TO_JSON' | translate }}</small>
			</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' | translate }}
					</th>
					<th>
						{{ 'TIME_ELAPSED' | translate }}
					</th>
					<th>
						{{ 'DEVICE' | translate }}
					</th>
					<th>
						{{ 'LOCATION' | translate }}
					</th>
					<th>
						{{ 'IP_ADDRESS' | translate }}
					</th>
					<th>
						{{ 'DATE_SUBMITTED' | translate }} (UTC)
					</th>
					<th ng-if="myform.autofillPDFs">
						{{ 'GENERATED_PDF' | translate }}
					</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="field in row.form_fields">
						{{field.fieldValue}}
					</td>
					<td>
						{{row.percentageComplete}}%
					</td>
					<td>
						{{row.timeElapsed}}
					</td>
					<td>
						{{row.device.name}}, {{row.device.type}}
					</td>
					<td>
						{{row.geoLocation.city}}, {{row.geoLocation.country}}
					</td>
					<td>
						{{row.ipAddr}}
					</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' | translate }}</a>
					</td>
				</tr>
			</tbody>
			</table>
		</div>
	</div>
</div>