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', 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',

View file

@ -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;
}

View file

@ -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 }}