fixed css for field analytics view

This commit is contained in:
David Baldwynn 2016-06-17 15:05:54 -07:00
parent d7ce5f7b70
commit f3ba411afe
3 changed files with 42 additions and 26 deletions

View file

@ -66,7 +66,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
COMPLETION_RATE: 'completion rate',
AVERAGE_TIME_TO_COMPLETE: 'avg. completion time',
DESKTOP_AND_LAPTOP: 'Desktops/Laptops',
DESKTOP_AND_LAPTOP: 'Desktops',
TABLETS: 'Tablets',
PHONES: 'Phones',
OTHER: 'Other',
@ -74,7 +74,7 @@ angular.module('forms').config(['$translateProvider', function ($translateProvid
FIELD_TITLE: 'Field Title',
FIELD_VIEWS: 'Field Views',
FIELD_DROPOFF: 'User dropoff rate at this field',
FIELD_DROPOFF: 'Field Completion Rate',
DELETE_SELECTED: 'Delete Selected',
EXPORT_TO_EXCEL: 'Export to Excel',
EXPORT_TO_CSV: 'Export to CSV',

View file

@ -19,10 +19,28 @@
padding-bottom: 0.8em;
}
.analytics .detailed-row .row {
font-size: 1.3em;
font-size: 1.2em;
}
.analytics .detailed-row .row.header {
font-size: 0.8em;
color: #bab8b8;
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;
}

View file

@ -206,36 +206,34 @@
</div>
</div>
<div class="row 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 class="row col-xs-12 field-title">
<div class="col-xs-4">
<strong>{{ 'FIELD_TITLE' | translate }}</strong>
</div>
<div class="col-xs-4">
<strong>{{ 'FIELD_VIEWS' | translate }}</strong>
</div>
<div class="row 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">
<strong>{{ 'FIELD_DROPOFF' | translate }}</strong>
</div>
</div>
<div class="row col-xs-12 field-row" ng-repeat="fieldStats in myform.analytics.fields">
<div class="col-xs-4">
{{fieldStats.dropoffRate}}%
</div>
<div class="col-xs-4">
{{fieldStats.field.title}}
</div>
<div class="col-xs-4">
{{fieldStats.totalViews}}
</div>
<div class="col-xs-4">
{{fieldStats.dropoffRate}}%
</div>
</div>
</div>
<br>
<div class="row">
<div class="row table-tools">
<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 }}