fixed overflow of analyze table

This commit is contained in:
David Baldwynn 2016-11-02 14:29:10 -07:00
parent 179a483661
commit 5d5526fba0
9 changed files with 94 additions and 26 deletions

View file

@ -40,7 +40,8 @@
"ng-translate": "*",
"deep-diff": "^0.3.4",
"mathjs": "^3.4.1",
"jsep": "^0.3.1"
"jsep": "^0.3.1",
"ngclipboard": "^1.1.1"
},
"resolutions": {
"angular-bootstrap": "^0.14.0",

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -11,6 +11,12 @@ angular.module('forms').controller('AdminFormController', ['$rootScope', '$scope
//Set active tab to Create
$scope.activePill = 0;
$scope.copied = false;
$scope.onCopySuccess = function(e) {
console.log("COPY SUCCESSFUL!");
$scope.copied = true;
};
$scope = $rootScope;
$scope.animationsEnabled = true;
$scope.myform = myForm;

View file

@ -74,7 +74,53 @@
<uib-tab ng-repeat="tab in tabData" index="{{$index}}+1" heading="{{tab.heading}}">
<div class='row' data-ng-include="'/static/modules/forms/admin/views/adminTabs/'+tab.templateName+'.html'" onload="form_url = trustSrc(formURL)"></div>
</uib-tab>
<uib-tab ng-if="tabData && myform.form_fields.length" heading="Design" index="{{tabData.length}}">
<uib-tab ng-if="tabData" heading="Share" index="{{tabData.length}}">
<div class="config-form">
<div class="row">
<div class="col-sm-12">
<uib-tabset active="activePill" vertical="true" type="pills">
<uib-tab index="0" heading="Share your Form">
<div class="row">
<div class="col-sm-12">
Your TellForm is permanently at this URL
</div>
<div class="col-sm-8 form-input">
<span ngclipboard data-clipboard-target="#copyURL"> <input id="copyURL" ng-value="actualFormURL" class="form-control ng-pristine ng-untouched ng-valid"> </span>
</div>
<div class="col-sm-4">
<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyURL">
Copy <i class="fa fa-clipboard" aria-hidden="true"></i>
</button>
</div>
</div>
</uib-tab>
<uib-tab index="1" heading="Embed your Form">
<div class="row">
<div class="col-sm-12">
Copy and Paste this to add your TellForm to your website
</div>
<div class="col-sm-8 form-input">
<span ngclipboard data-clipboard-target="#copyEmbedded">
<textarea id="copyEmbedded" class="form-control ng-pristine ng-untouched ng-valid" style="min-height:200px; width:100%; background-color: #FFFFCC; color: #30313F;">
&lt;!-- Change the width and height values to suit you best --&gt;
<iframe id="iframe" ng-if="!!formURL" src="{{trustSrc(formURL)}}" style="width:100%;height:500px;"></iframe>
<div style="font-family: Sans-Serif;font-size: 12px;color: #999;opacity: 0.5; padding-top: 5px;">Powered by<a href="https://www.tellform.com" style="color: #999" target="_blank">TellForm</a></div>
</textarea>
</span>
</div>
<div class="col-sm-4">
<button class="btn btn btn-secondary view-form-btn" ngclipboard data-clipboard-target="#copyEmbedded">
Copy <i class="fa fa-clipboard" aria-hidden="true"></i>
</button>
</div>
</div>
</uib-tab>
</uib-tabset>
</div>
</div>
</div>
</uib-tab>
<uib-tab ng-if="tabData && myform.form_fields.length" heading="Design" index="{{tabData.length}}+1">
<div class="config-form design container">
<div class="row">
<div class="col-md-4 col-sm-12 container">

View file

@ -1,6 +1,6 @@
<div class="submissions-table row container">
<div class="submissions-table container">
<div class="row text-center analytics">
<div class="row col-xs-12 header-title">
<div class="col-xs-12 header-title">
<div class="col-xs-3">
{{ 'TOTAL_VIEWS' | translate }}
</div>
@ -17,7 +17,7 @@
{{ 'AVERAGE_TIME_TO_COMPLETE' | translate }}
</div>
</div>
<div class="row col-xs-12 header-numbers">
<div class="col-xs-12 header-numbers">
<div class="col-xs-3">
{{myform.analytics.views}}
</div>
@ -34,7 +34,7 @@
{{AverageTimeElapsed | secondsToDateTime | date:'mm:ss'}}
</div>
</div>
<div class="row col-xs-12 detailed-title">
<div class="col-xs-12 detailed-title">
<div class="col-xs-3">
{{ 'DESKTOP_AND_LAPTOP' | translate }}
</div>
@ -52,7 +52,7 @@
</div>
</div>
<div class="row col-xs-12 detailed-row">
<div class="col-xs-12 detailed-row">
<div class="col-xs-3">
<div class="row header">
{{ 'UNIQUE_VISITS' | translate }}
@ -90,7 +90,7 @@
</div>
</div>
<div class="row col-xs-12 detailed-row">
<div class="col-xs-12 detailed-row">
<div class="col-xs-3">
<div class="row header">
{{ 'RESPONSES' | translate }}
@ -128,7 +128,7 @@
</div>
</div>
<div class="row col-xs-12 detailed-row">
<div class="col-xs-12 detailed-row">
<div class="col-xs-3">
<div class="row header">
{{ 'COMPLETION_RATE' | translate }}
@ -166,7 +166,7 @@
</div>
</div>
<div class="row col-xs-12 detailed-row">
<div class="col-xs-12 detailed-row">
<div class="col-xs-3">
<div class="row header">
{{ 'AVERAGE_TIME_TO_COMPLETE' | translate }}
@ -204,7 +204,7 @@
</div>
</div>
<div class="row col-xs-12 field-title-row">
<div class="col-xs-12 field-title-row">
<div class="col-xs-3">
<strong>{{ 'FIELD_TITLE' | translate }}</strong>
@ -221,7 +221,7 @@
</div>
</div>
<div class="row col-xs-12 field-detailed-row" ng-repeat="fieldStats in myform.analytics.fields">
<div class="col-xs-12 field-detailed-row" ng-repeat="fieldStats in myform.analytics.fields">
<div class="col-xs-3">
{{fieldStats.field.title}}

View file

@ -3,5 +3,5 @@
// Use Application configuration module to register a new module
ApplicationConfiguration.registerModule('forms', [
'ngFileUpload', 'ui.router.tabs', 'ui.date', 'ui.sortable',
'angular-input-stars', 'users'
'angular-input-stars', 'users', 'ngclipboard'
]);//, 'colorpicker.module' @TODO reactivate this module