2016-08-25 23:33:10 +00:00
< header data-ng-include = "'/static/modules/core/views/header.client.view.html'" > < / header >
2017-04-23 20:11:30 +00:00
< div class = "container" > < / div >
2015-11-11 21:13:23 +00:00
2016-08-26 05:48:44 +00:00
< section class = "admin-form" >
2016-12-02 17:35:29 +00:00
2015-07-30 00:22:53 +00:00
<!-- Modal Delete Dialog Template -->
2017-03-10 18:25:35 +00:00
< script type = "text/ng-template" id = "formDeleteModal.html" >
2015-07-30 00:22:53 +00:00
< div class = "modal-header" >
2016-06-16 00:38:22 +00:00
< h2 class = "modal-title hidden-md hidden-lg" > {{ 'ARE_YOU_SURE' | translate }}< / h2 >
< h3 class = "modal-title hidden-xs hidden-sm" > {{ 'ARE_YOU_SURE' | translate }}< / h3 >
2015-07-30 00:22:53 +00:00
< / div >
< div class = "modal-body" >
< div class = "modal-body-alert" >
2016-06-16 00:38:22 +00:00
{{ 'READ_WARNING' | translate }}
2015-08-06 05:52:59 +00:00
< / div >
< p class = "hidden-xs hidden-sm" >
2016-11-14 20:07:36 +00:00
{{ 'DELETE_WARNING1' | translate }} < strong > {{myform.title}}< / strong > {{ 'DELETE_WARNING2' | translate }}
2015-08-06 05:52:59 +00:00
< / p >
2016-06-16 00:38:22 +00:00
< p > {{ 'DELETE_CONFIRM' | translate }}< / p >
2015-07-30 00:22:53 +00:00
< / div >
< div class = "modal-footer" >
2016-11-14 20:07:36 +00:00
< input type = "text" style = "width:100%" data-ng-model = "deleteConfirm" class = "input-block" autofocus required aria-label = "Type in the name of the form to confirm that you want to delete this form." >
2015-08-19 22:29:01 +00:00
< button type = "submit" ng-click = "removeCurrentForm()" class = "btn btn-block btn-danger" ng-disabled = "myform.title != deleteConfirm" >
2016-06-16 00:38:22 +00:00
{{ 'I_UNDERSTAND' | translate }}
2015-08-04 21:06:16 +00:00
< / button >
2015-07-30 00:22:53 +00:00
< / div >
< / script >
2016-08-26 05:48:44 +00:00
< div class = "page-header" style = "padding-bottom: 1em;" >
2015-08-06 05:52:59 +00:00
< div class = "col-xs-10 col-sm-8" >
< h1 class = "hidden-sm hidden-xs" data-ng-bind = "myform.title" style = "margin-bottom: 0px;" > < / h1 >
< h2 class = "hidden-md hidden-lg" data-ng-bind = "myform.title" style = "margin-bottom: 0px;" > < / h2 >
2015-07-02 02:49:35 +00:00
< / div >
2015-08-06 05:52:59 +00:00
< div class = "col-xs-1 col-sm-2" >
2016-05-05 19:12:40 +00:00
< small class = "pull-right" >
2015-08-06 05:52:59 +00:00
< button class = "btn btn-danger" ng-click = "openDeleteModal()" >
< i class = "fa fa-trash-o" > < / i >
2016-06-16 00:38:22 +00:00
< span class = "show-sm hidden-lg hidden-md hidden-xs" > {{ 'DELETE_FORM_SM' | translate}}< / span >
< span class = "hidden-xs hidden-sm" > {{ 'DELETE_FORM_MD' | translate}}< / span >
2015-08-06 05:52:59 +00:00
< / button >
2015-07-07 01:21:43 +00:00
< / small >
< / div >
2015-08-06 05:52:59 +00:00
< div class = "col-xs-1 col-sm-2" >
2016-05-05 19:12:40 +00:00
< small class = "pull-right" >
2016-08-26 05:48:44 +00:00
< a class = "btn btn-secondary view-form-btn" href = "{{actualFormURL}}" >
2015-08-06 05:52:59 +00:00
< span class = "hidden-xs hidden-sm" >
2016-06-16 00:38:22 +00:00
{{ 'VIEW' | translate }}
2015-08-06 05:52:59 +00:00
< span ng-show = "myform.isLive" >
2016-06-16 00:38:22 +00:00
{{ 'LIVE' | translate }}
2016-05-05 19:12:40 +00:00
< / span >
2016-08-26 05:48:44 +00:00
< span ng-hide = "myform.isLive" > {{ 'PREVIEW' | translate }}< / span >
2015-08-06 05:52:59 +00:00
< / span >
< i class = "status-light status-light-on fa fa-dot-circle-o" ng-if = "myform.isLive" > < / i >
< i class = "status-light status-light-off fa fa-dot-circle-o" ng-if = "!myform.isLive" > < / i >
2015-07-02 02:49:35 +00:00
< / a >
< / small >
< / div >
2015-06-29 22:51:29 +00:00
< / div >
2015-07-02 02:49:35 +00:00
2016-08-26 05:48:44 +00:00
< div class = "row" >
2015-11-06 17:25:30 +00:00
< div class = "col-xs-12" >
2016-08-26 05:48:44 +00:00
< uib-tabset active = "activePill" vertical = "true" type = "pills" >
2016-11-02 20:32:08 +00:00
< uib-tab index = "0" heading = "{{ 'CREATE_TAB' | translate }}" >
< edit-form-directive myform = "myform" > < / edit-form-directive >
< / uib-tab >
< uib-tab ng-repeat = "tab in tabData" index = "{{$index}}+1" heading = "{{tab.heading}}" >
2016-08-26 05:48:44 +00:00
< div class = 'row' data-ng-include = "'/static/modules/forms/admin/views/adminTabs/'+tab.templateName+'.html'" onload = "form_url = trustSrc(formURL)" > < / div >
< / uib-tab >
2016-11-02 21:29:10 +00:00
< uib-tab ng-if = "tabData" heading = "Share" index = "{{tabData.length}}" >
< div class = "config-form" >
2017-04-11 01:01:40 +00:00
< div class = "row" >
2016-11-02 21:29:10 +00:00
< 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;" >
< !-- Change the width and height values to suit you best -->
2017-04-22 23:31:44 +00:00
< iframe id = "iframe" src = "{{actualFormURL}}" 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 >
2016-11-02 21:29:10 +00:00
< / 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" >
2016-08-26 05:48:44 +00:00
< div class = "config-form design container" >
< div class = "row" >
< div class = "col-md-4 col-sm-12 container" >
< div class = "row field" >
< div class = "field-title col-sm-5" >
< h5 > {{ 'BACKGROUND_COLOR' | translate }}< / h5 >
< / div >
< div class = "field-input col-sm-6" >
< input class = "form-control" colorpicker = "hex" type = "text" ng-model = "myform.design.colors.backgroundColor" ng-style = "{ 'background-color': myform.design.colors.backgroundColor }" / >
< / div >
< / div >
2015-08-18 21:44:36 +00:00
2016-08-26 05:48:44 +00:00
< div class = "row field" >
< div class = "field-title col-sm-5" >
< h5 > {{ 'QUESTION_TEXT_COLOR' | translate }}< / h5 >
< / div >
< div class = "field-input col-sm-6" >
< input class = "form-control" colorpicker = "hex" type = "text" ng-model = "myform.design.colors.questionColor" ng-style = "{ 'background-color': myform.design.colors.questionColor }" / >
< / div >
< / div >
< div class = "row field" >
< div class = "field-title col-sm-5" >
< h5 > {{ 'ANSWER_TEXT_COLOR' | translate }}< / h5 >
< / div >
2015-08-18 21:44:36 +00:00
2016-08-26 05:48:44 +00:00
< div class = "field-input col-sm-6" >
< input class = "form-control" colorpicker = "hex" type = "text" ng-model = "myform.design.colors.answerColor" ng-style = "{ 'background-color': myform.design.colors.answerColor }" / >
< / div >
< / div >
< div class = "row field" >
< div class = "field-title col-sm-5" >
< h5 > {{ 'BTN_BACKGROUND_COLOR' | translate }}< / h5 >
< / div >
< div class = "field-input col-sm-6" >
< input class = "form-control" colorpicker = "hex" type = "text"
ng-model="myform.design.colors.buttonColor"
ng-style="{ 'background-color': myform.design.colors.buttonColor }"/>
< / div >
< / div >
< div class = "row field" >
< div class = "field-title col-sm-5" >
< h5 > {{ 'BTN_TEXT_COLOR' | translate }}< / h5 >
< / div >
< div class = "field-input col-sm-6" >
< input class = "form-control" colorpicker = "hex" type = "text"
ng-model="myform.design.colors.buttonTextColor"
ng-style="{ 'background-color': myform.design.colors.buttonTextColor }"/>
< / div >
< / div >
< / div >
< div class = "col-md-8 hide-md hide-lg" >
< iframe id = "iframe" ng-if = "!!formURL" src = "{{trustSrc(formURL)}}" style = "border: none; box-shadow: 0px 0px 10px 0px grey; overflow: hidden; height: 400px; width: 90%; position: absolute;" > < / iframe >
< / div >
< / div >
< div class = "row" >
< div class = "col-sm-offset-4 col-sm-2" >
< button class = "btn btn-signup btn-rounded" type = "button" ng-click = "update(false, null)" > < i class = "icon-arrow-left icon-white" > < / i > {{ 'SAVE_CHANGES' | translate }}< / button >
< / div >
< div class = "col-sm-1" >
< button class = "btn btn-secondary btn-rounded" type = "button" ng-click = "resetForm()" > < i class = "icon-eye-open icon-white" > < / i > {{ 'CANCEL' | translate }}< / button >
< / div >
< / div >
< / div >
< / uib-tab >
< / uib-tabset >
< / div >
2015-07-03 23:47:14 +00:00
< / div >
2016-05-17 11:27:43 +00:00
< / section >