2015-08-05 22:24:24 +00:00
2015-08-06 05:52:59 +00:00
< form class = "row container" name = "editForm" auto-save-form auto-save-watch = "myform.form_fields" auto-save-callback = "update" >
2015-08-05 22:24:24 +00:00
2015-08-06 05:52:59 +00:00
< div class = "col-xs-2 col-sm-4 col-md-5 add-field" id = "hello" >
2015-08-05 22:46:33 +00:00
2015-08-05 22:24:24 +00:00
< div class = "row add-field-title" >
2015-08-06 05:52:59 +00:00
< h3 class = "col-md-12 hidden-sm hidden-xs" > Click to Add New Field< / h3 >
2015-08-07 21:02:44 +00:00
< h4 class = "col-sm-12 hidden-xs hidden-md hidden-lg" > Add New Field< / h5 >
2015-08-06 05:52:59 +00:00
< h5 class = "col-sm-12 hidden-sm hidden-md hidden-lg" > Add Field< / h5 >
2015-08-05 22:24:24 +00:00
< / div >
< div class = "panel-group row" class = "draggable" ng-model = "addField.types" >
2015-08-06 05:52:59 +00:00
< div class = "col-xs-12 col-sm-12 col-md-6" ng-repeat = "type in addField.types" >
2015-08-05 22:24:24 +00:00
< div class = "panel panel-default" style = "background-color:#f5f5f5;" >
2015-08-05 22:46:33 +00:00
< div class = "panel-heading" ng-click = "addNewField(true, type.name)" style = "cursor: pointer; font-size:14px;" >
2015-08-06 05:52:59 +00:00
< span >
2015-08-05 22:24:24 +00:00
< field-icon-directive type-name = "{{type.name}}" > < / field-icon-directive >
< / span >
2015-08-06 05:52:59 +00:00
< span class = "hidden-xs" style = "padding-left:0.3em;" > {{type.value}}< / span >
2015-08-05 22:24:24 +00:00
< / div >
2015-07-03 23:47:14 +00:00
< / div >
< / div >
2015-07-04 03:25:25 +00:00
< / div >
2015-07-03 23:47:14 +00:00
< / div >
2015-08-06 05:52:59 +00:00
< div class = "col-xs-10 col-sm-8 col-md-7 current-fields container" >
2015-08-05 22:24:24 +00:00
< div class = "row" >
2015-08-06 05:52:59 +00:00
< div class = "col-sm-12 col-md-10" >
2015-08-05 22:24:24 +00:00
< accordion close-others = "accordion.oneAtATime" ui-sortable = "dropzone" ng-model = "myform.form_fields" class = "dropzone" >
2015-07-21 23:25:45 +00:00
2015-08-11 20:32:27 +00:00
<!-- <accordion - group is - open="accordion[$index].isOpen" ng - if="myform.startPage.showStart">
2015-08-07 21:02:44 +00:00
< accordion-heading >
< div class = "handle" >
< span style = "padding-left:1.2em;" >
Start Page
< span ng-show = "field.required" > *< / span >
< / span >
< span class = "pull-right" >
< i class = "fa fa-chevron-right" ng-hide = "accordion[$index].isOpen" >
< / i >
< i class = "fa fa-chevron-down" ng-show = "accordion[$index].isOpen" >
< / i >
< / span >
< / div >
< / accordion-heading >
< div class = "accordion-edit container" >
2015-08-07 22:30:41 +00:00
< div class = "row hidden-sm hidden-xs" >
< div class = "col-md-12" >
< h4 > Preview Field< / h4 >
< / div >
< ul class = "col-md-12 container" style = "list-style:none;border:2px lightgray solid;" >
< div class = "field row text-center" >
< div class = "col-xs-12 text-center" >
< h1 > Welcome to {{myform.title}}< / h1 >
< / div >
< div class = "col-xs-10 col-xs-offset-1 text-center" >
< p > {{form.startPage.introText}}< / p >
< / div >
< / div >
< div class = "row form-actions" >
< p ng-repeat = "button in form.startPage.buttons" class = "col-xs-6 col-xs-offset-3 text-center" >
< button class = "btn btn-info" type = "button" ng-style = "{background-color:button.backgroundColor; color:button.color;}" >
< a href = "{{button.url}}" style = "font-size: 1.6em; text-decoration: none;" > {{button.buttonText}}< / a >
< / button >
< / p >
< / div >
< div class = "row form-actions" >
< p class = "col-xs-6 col-xs-offset-3 text-center" >
< button class = "btn btn-info" type = "button" >
< a ng-click = "exitStartPage()" style = "color:white; font-size: 1.6em; text-decoration: none;" > Continue to Form< / a >
< / button >
< / p >
< / div >
< / ul >
< hr >
< / div >
2015-08-07 21:02:44 +00:00
< div class = "row" >
< div class = "col-xs-12" >
< h4 > Edit StartPage< / h4 >
< br >
< / div >
< / div >
< div class = "row question" >
< div class = "col-md-4 col-sm-12" > Intro Text:< / div >
< div class = "col-md-8 col-sm-12" >
2015-08-07 22:30:41 +00:00
< input type = "text"
ng-model="myform.startPage.introText"
name="introTextStartPage"
value="{{myform.startPage.introText}}" required>
2015-08-07 21:02:44 +00:00
< / div >
< / div >
2015-08-07 22:30:41 +00:00
< div class = "row" > < br > < / div >
< div class = "row options" >
< div class = "col-md-4 col-xs-12" > Buttons:< / div >
< div class = "col-md-8 col-xs-12" >
< div ng-repeat = "button in myform.startPage.buttons" class = "row" >
< input type = "text"
name="{{button.buttonText}}_buttonText_StartPage"
ng-model="button.buttonText"
value="{{button.buttonText}}"
placeholder="My Button"
class="col-xs-4">
< input type = "text"
name="{{button.url}}_url_StartPage"
ng-model="button.url"
value="{{button.url}}"
placeholder="http://aeouaou.com/aoeuoa"
class="col-xs-6">
< a class = "btn btn-danger btn-mini right" type = "button" ng-click = "deleteButton(button)" class = "col-xs-2" >
< i class = "fa fa-trash-o" > < / i >
< / a >
< / div >
< div class = "row" >
< button class = "btn btn-primary btn-small ol-md-12 col-sm-6 col-sm-offset-6 col-xs-6 col-xs-offset-6" type = "button" ng-click = "addButton(field)" >
< i class = "icon-plus icon-white" > < / i > Add Button
< / button >
< / div >
< / div >
< / div >
2015-08-07 21:02:44 +00:00
< / div >
2015-08-11 20:32:27 +00:00
< / accordion-group > -->
2015-08-07 21:02:44 +00:00
2015-08-05 22:24:24 +00:00
< accordion-group ng-repeat = "field in myform.form_fields" is-open = "accordion[$index].isOpen" on-finish-render = "editFormFields" ng-if = "!field.deletePreserved" >
2015-07-03 23:47:14 +00:00
2015-08-05 22:24:24 +00:00
< accordion-heading >
2015-07-27 18:11:43 +00:00
2015-08-05 22:24:24 +00:00
< div class = "handle" >
2015-08-04 21:06:16 +00:00
2015-08-05 22:24:24 +00:00
< span class = "pull-left" ng-switch = "field.fieldType" >
< field-icon-directive type-name = "{{field.fieldType}}" > < / field-icon-directive >
< / span >
2015-08-06 05:52:59 +00:00
< span style = "padding-left:1.2em;" >
{{field.title}}
< span ng-show = "field.required" > *< / span >
< / span >
2015-08-05 22:24:24 +00:00
< span class = "pull-right" >
< i class = "fa fa-chevron-right" ng-hide = "accordion[$index].isOpen" >
< / i >
< i class = "fa fa-chevron-down" ng-show = "accordion[$index].isOpen" >
< / i >
< / span >
2015-07-04 04:57:06 +00:00
< / div >
2015-08-05 22:24:24 +00:00
< / accordion-heading >
< div class = "accordion-edit container" >
2015-07-21 23:25:45 +00:00
2015-08-06 05:52:59 +00:00
< div class = "row hidden-sm hidden-xs" >
< div class = "col-md-12" >
2015-08-05 22:24:24 +00:00
< h4 > Preview Field< / h4 >
< / div >
2015-08-06 05:52:59 +00:00
< ul class = "col-md-12 container" style = "list-style:none;border:2px lightgray solid;" >
2015-08-05 22:24:24 +00:00
< field-directive field = "field" validate = "false" >
< / field-directive >
< / ul >
2015-08-06 05:52:59 +00:00
< hr >
2015-08-04 21:06:16 +00:00
< / div >
2015-07-30 00:22:53 +00:00
2015-08-05 22:24:24 +00:00
< div class = "row" >
< div class = "col-xs-12" >
< h4 > Edit Field< / h4 >
< br >
< / div >
< / div >
2015-07-21 23:25:45 +00:00
2015-08-06 05:52:59 +00:00
< div class = "row question" >
< div class = "col-md-4 col-sm-12" > Question Title:< / div >
< div class = "col-md-8 col-sm-12" >
2015-08-05 22:24:24 +00:00
< input type = "text" ng-model = "field.title" name = "title{{field._id}}" value = "{{field.title}}" required > < / div >
< / div >
2015-07-30 00:22:53 +00:00
2015-08-05 22:24:24 +00:00
< div class = "row" > < br > < / div >
2015-08-06 05:52:59 +00:00
< div class = "row description" >
< div class = "col-md-4 col-sm-12" > Description:< / div >
< div class = "col-md-8 col-sm-12" > < textarea type = "text" ng-model = "field.description" name = "description{{field._id}}" value = "{{field.description}}" > < / textarea > < / div >
2015-08-05 22:24:24 +00:00
< / div >
< div class = "row" ng-show = "showAddOptions(field)" > < br > < / div >
2015-08-06 05:52:59 +00:00
< div class = "row options" ng-show = "showAddOptions(field)" >
< div class = "col-md-4 col-xs-12" > Options:< / div >
< div class = "col-md-8 col-xs-12" >
2015-08-05 22:24:24 +00:00
< div ng-repeat = "option in field.fieldOptions" class = "row" >
< input type = "text" name = "{{option.option_title}}{{field._id}}" ng-model = "option.option_title" value = "{{option.option_title}}" class = "col-xs-5" >
< a class = "btn btn-danger btn-mini right" type = "button" ng-click = "deleteOption(field, option)" class = "col-xs-3" >
< i class = "fa fa-trash-o" > < / i >
< / a >
2015-08-06 05:52:59 +00:00
< span class = "label label-inverse col-md-4 hidden-xs hidden-sm" >
2015-08-05 22:24:24 +00:00
Value: {{ option.option_value }}
< / span >
< / div >
2015-08-06 05:52:59 +00:00
< div class = "row" >
< button class = "btn btn-primary btn-small ol-md-12 col-sm-4 col-sm-offset-4 col-xs-6 col-xs-offset-6" type = "button" ng-click = "addOption(field)" >
< i class = "icon-plus icon-white" > < / i > Add Option
< / button >
< / div >
2015-07-04 01:04:39 +00:00
< / div >
2015-07-03 23:47:14 +00:00
< / div >
2015-08-05 22:24:24 +00:00
< div class = "row" > < br > < / div >
< div class = "row" >
2015-08-06 05:52:59 +00:00
< div class = "col-md-4 col-xs-12 field-title" > Required:< / div >
< div class = "col-md-8 col-xs-12 field-input" >
2015-08-05 22:24:24 +00:00
< label class = "btn col-xs-5" >
< input type = "radio" ng-value = "true" ng-model = "field.required" name = "required{{field._id}}" / >
< span > Yes< / span >
< / label >
2015-07-03 23:47:14 +00:00
2015-08-05 22:24:24 +00:00
< label class = "btn col-xs-5 col-xs-offset-1" >
< input type = "radio" ng-value = "false" ng-model = "field.required" name = "required{{field._id}}" / >
< span > No< / span >
< / label >
< / div >
< / div >
2015-07-30 00:22:53 +00:00
2015-08-05 22:24:24 +00:00
< div class = "row" >
2015-08-06 05:52:59 +00:00
< div class = "col-md-4 col-xs-12 field-input" > Disabled:< / div >
< div class = "col-md-8 col-xs-12 field-input" >
2015-08-05 22:24:24 +00:00
< label class = "btn col-xs-5" >
< input type = "radio" ng-value = "true"
ng-model="field.disabled" name="disabled{{field._id}}"/>
< span > Yes< / span >
< / label >
< label class = "btn col-xs-5 col-xs-offset-1" >
< input type = "radio" ng-value = "false"
ng-model="field.disabled" name="disabled{{field._id}}"/>
< span > No< / span >
< / label >
< / div >
2015-07-04 01:04:39 +00:00
< / div >
2015-08-05 22:24:24 +00:00
2015-08-05 22:46:33 +00:00
<!-- <div class="row"><br><hr></div>
2015-08-05 22:24:24 +00:00
< div class = "row" >
< div class = "col-sm-4 col-sm-offset-4" >
< button class = "btn btn-primary btn-large" type = "button" ng-click = "update()" >
< i class = "icon-arrow-left icon-white" > < / i > Save Changes
< / button >
< / div >
2015-08-05 22:46:33 +00:00
< / div > -->
2015-08-05 22:24:24 +00:00
< / div >
< / accordion-group >
2015-07-21 23:25:45 +00:00
2015-08-05 22:24:24 +00:00
< div class = "panel panel-default" style = "border-style: dashed; border-color: #a9a9a9;" >
< div class = "panel-heading" >
< h4 class = "panel-title text-center" style = "color: #a9a9a9;" >
Drag and Drop new fields here
< / h4 >
< / div >
2015-07-04 03:25:25 +00:00
< / div >
2015-07-21 23:25:45 +00:00
2015-08-05 22:24:24 +00:00
< / accordion >
< / div >
2015-08-06 05:52:59 +00:00
< div class = "col-md-1 hidden-xs hidden-sm" style = "padding:0 5px;" >
2015-08-05 22:24:24 +00:00
< div class = "panel-group tool-panel text-center" >
< div class = "panel panel-default" ng-repeat = "field in myform.form_fields" ng-if = "!field.deletePreserved" >
< div class = "panel-heading" style = "padding: 10px 10px; height: 37px;" ng-click = "deleteField(field.$$hashKey)" >
< span class = "text-center" >
< a href = "" class = "fa fa-trash-o" > < / a >
< / span >
< / div >
2015-07-03 23:47:14 +00:00
< / div >
2015-07-04 01:04:39 +00:00
< / div >
< / div >
2015-08-06 05:52:59 +00:00
< div class = "col-md-1 hidden-xs hidden-sm" style = "padding:0 5px;" >
2015-08-05 22:24:24 +00:00
< div class = "panel-group tool-panel text-center" >
< div class = "panel panel-default" ng-repeat = "field in myform.form_fields" ng-if = "!field.deletePreserved" >
2015-08-05 22:46:33 +00:00
< div class = "panel-heading" style = "padding: 10px 10px; height: 37px;" ng-click = "duplicateField($index)" >
2015-08-05 22:24:24 +00:00
< span class = "text-center" >
< a href = "" class = "fa fa-files-o" > < / a >
< / span >
< / div >
2015-07-03 23:47:14 +00:00
< / div >
< / div >
2015-07-04 01:04:39 +00:00
< / div >
2015-07-03 23:47:14 +00:00
< / div >
< / div >
2015-08-05 22:24:24 +00:00
< / form >