fixed css for field analytics view
This commit is contained in:
parent
d7ce5f7b70
commit
f3ba411afe
|
@ -66,7 +66,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
|
||||||
COMPLETION_RATE: 'completion rate',
|
COMPLETION_RATE: 'completion rate',
|
||||||
AVERAGE_TIME_TO_COMPLETE: 'avg. completion time',
|
AVERAGE_TIME_TO_COMPLETE: 'avg. completion time',
|
||||||
|
|
||||||
DESKTOP_AND_LAPTOP: 'Desktops/Laptops',
|
DESKTOP_AND_LAPTOP: 'Desktops',
|
||||||
TABLETS: 'Tablets',
|
TABLETS: 'Tablets',
|
||||||
PHONES: 'Phones',
|
PHONES: 'Phones',
|
||||||
OTHER: 'Other',
|
OTHER: 'Other',
|
||||||
|
@ -74,7 +74,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
|
||||||
|
|
||||||
FIELD_TITLE: 'Field Title',
|
FIELD_TITLE: 'Field Title',
|
||||||
FIELD_VIEWS: 'Field Views',
|
FIELD_VIEWS: 'Field Views',
|
||||||
FIELD_DROPOFF: 'User dropoff rate at this field',
|
FIELD_DROPOFF: 'Field Completion Rate',
|
||||||
DELETE_SELECTED: 'Delete Selected',
|
DELETE_SELECTED: 'Delete Selected',
|
||||||
EXPORT_TO_EXCEL: 'Export to Excel',
|
EXPORT_TO_EXCEL: 'Export to Excel',
|
||||||
EXPORT_TO_CSV: 'Export to CSV',
|
EXPORT_TO_CSV: 'Export to CSV',
|
||||||
|
|
|
@ -19,10 +19,28 @@
|
||||||
padding-bottom: 0.8em;
|
padding-bottom: 0.8em;
|
||||||
}
|
}
|
||||||
.analytics .detailed-row .row {
|
.analytics .detailed-row .row {
|
||||||
font-size: 1.3em;
|
font-size: 1.2em;
|
||||||
}
|
}
|
||||||
.analytics .detailed-row .row.header {
|
.analytics .detailed-row .row.header {
|
||||||
font-size: 0.8em;
|
font-size: 0.8em;
|
||||||
color: #bab8b8;
|
color: #bab8b8;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.field-title {
|
||||||
|
padding-top: 2em;
|
||||||
|
padding-bottom:1em;
|
||||||
|
border-top: #fafafa solid 1px;
|
||||||
|
font-size: 1.2em;
|
||||||
|
color: #bab8b8;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
.field-row {
|
||||||
|
font-size: 1.2em;
|
||||||
|
padding-bottom:0.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row.table-tools {
|
||||||
|
border-top: #fafafa solid 1px;
|
||||||
|
padding-top: 2.5em;
|
||||||
|
}
|
||||||
|
|
|
@ -206,36 +206,34 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row col-xs-12">
|
<div class="row col-xs-12 field-title">
|
||||||
|
<div class="col-xs-4">
|
||||||
<div class="col-xs-2">
|
<strong>{{ 'FIELD_TITLE' | translate }}</strong>
|
||||||
<strong>{{ 'FIELD_TITLE' | translate }}</strong>
|
</div>
|
||||||
</div>
|
<div class="col-xs-4">
|
||||||
<div class="col-xs-2">
|
<strong>{{ 'FIELD_VIEWS' | translate }}</strong>
|
||||||
<strong>{{ 'FIELD_VIEWS' | translate }}</strong>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-xs-4">
|
|
||||||
<strong>{{ 'FIELD_DROPOFF' | translate }}</strong>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="row col-xs-12" ng-repeat="fieldStats in myform.analytics.fields">
|
|
||||||
|
|
||||||
<div class="col-xs-2">
|
<div class="col-xs-4">
|
||||||
{{fieldStats.field.title}}
|
<strong>{{ 'FIELD_DROPOFF' | translate }}</strong>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-xs-2">
|
</div>
|
||||||
{{fieldStats.totalViews}}
|
<div class="row col-xs-12 field-row" ng-repeat="fieldStats in myform.analytics.fields">
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-xs-4">
|
<div class="col-xs-4">
|
||||||
{{fieldStats.dropoffRate}}%
|
{{fieldStats.field.title}}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col-xs-4">
|
||||||
|
{{fieldStats.totalViews}}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-xs-4">
|
||||||
|
{{fieldStats.dropoffRate}}%
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div class="row">
|
<div class="row table-tools">
|
||||||
<div class="col-xs-2">
|
<div class="col-xs-2">
|
||||||
<button class="btn btn-danger" ng-click="deleteSelectedSubmissions()" ng-disabled="!isAtLeastOneChecked();">
|
<button class="btn btn-danger" ng-click="deleteSelectedSubmissions()" ng-disabled="!isAtLeastOneChecked();">
|
||||||
<i class="fa fa-trash-o"></i> {{ 'DELETE_SELECTED' | translate }}
|
<i class="fa fa-trash-o"></i> {{ 'DELETE_SELECTED' | translate }}
|
||||||
|
|
Loading…
Reference in a new issue