fixed disappearing copy/delete buttons for form fields

This commit is contained in:
David Baldwynn 2017-09-20 11:29:17 -07:00
parent b84ff46a31
commit e910a02aee
7 changed files with 2583 additions and 2403 deletions

View file

@ -363,8 +363,8 @@ module.exports = function(grunt) {
grunt.registerTask('secure', ['env:secure', 'lint', 'html2js:main', 'html2js:forms', 'concurrent:default']); grunt.registerTask('secure', ['env:secure', 'lint', 'html2js:main', 'html2js:forms', 'concurrent:default']);
// Lint task(s). // Lint task(s).
// grunt.registerTask('lint', ['jshint', 'csslint']); grunt.registerTask('lint', ['jshint', 'csslint']);
// grunt.registerTask('lint:tests', ['jshint:allTests']); grunt.registerTask('lint:tests', ['jshint:allTests']);
// Build task(s). // Build task(s).
grunt.registerTask('build', ['lint', 'loadConfig', 'cssmin', 'ngAnnotate', 'uglify', 'closure-compiler', 'html2js:main', 'html2js:forms']); grunt.registerTask('build', ['lint', 'loadConfig', 'cssmin', 'ngAnnotate', 'uglify', 'closure-compiler', 'html2js:main', 'html2js:forms']);

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

@ -1,8 +1,6 @@
<header data-ng-include="'/static/modules/core/views/header.client.view.html'"></header> <header data-ng-include="'/static/modules/core/views/header.client.view.html'"></header>
<div class="container"></div> <section class="admin-form container-fluid">
<section class="admin-form">
<!-- Modal Delete Dialog Template --> <!-- Modal Delete Dialog Template -->
<script type="text/ng-template" id="formDeleteModal.html"> <script type="text/ng-template" id="formDeleteModal.html">
@ -27,7 +25,7 @@
</div> </div>
</script> </script>
<div class="page-header" style="padding-bottom: 1em;"> <div class="page-header row" style="padding-bottom: 1em;">
<div class="col-xs-10 col-sm-8"> <div class="col-xs-10 col-sm-8">
<h1 class="hidden-sm hidden-xs" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h1> <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> <h2 class="hidden-md hidden-lg" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h2>
@ -119,7 +117,7 @@
<uib-tab ng-if="tabData && myform.form_fields.length" heading="{{ 'DESIGN_TAB' | translate }}" index="{{tabData.length}}+1"> <uib-tab ng-if="tabData && myform.form_fields.length" heading="{{ 'DESIGN_TAB' | translate }}" index="{{tabData.length}}+1">
<div class="config-form design container"> <div class="config-form design container">
<div class="row"> <div class="row">
<div class="col-md-4 col-sm-12 container"> <div class="col-md-4 col-sm-12">
<div class="row field"> <div class="row field">
<div class="field-title col-sm-5"> <div class="field-title col-sm-5">
<h5>{{ 'BACKGROUND_COLOR' | translate }}</h5> <h5>{{ 'BACKGROUND_COLOR' | translate }}</h5>

View file

@ -1,10 +1,10 @@
<form class="row container" name="editForm" > <form class="row" name="editForm" >
<!-- Edit EndPage Modal Dialog Template --> <!-- Edit EndPage Modal Dialog Template -->
<script type="text/ng-template" id="editEndPageModal.html" class="edit-endpage-modal"> <script type="text/ng-template" id="editEndPageModal.html" class="edit-endpage-modal">
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container"> <div class="edit-panel col-md-6 col-xs-12 col-sm-12">
<div class="row modal-header"> <div class="row modal-header">
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_END_PAGE' | translate }}</h2> <h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_END_PAGE' | translate }}</h2>
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_END_PAGE' | translate }}</h3> <h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_END_PAGE' | translate }}</h3>
@ -105,7 +105,7 @@
</div> </div>
</div> </div>
<div class="preview-field-panel col-md-6 hidden-sm hidden-xs container"> <div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
<form class="public-form"> <form class="public-form">
<div class="row"> <div class="row">
@ -154,7 +154,7 @@
<script type="text/ng-template" id="editStartPageModal.html" class="edit-startpage-modal"> <script type="text/ng-template" id="editStartPageModal.html" class="edit-startpage-modal">
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container"> <div class="edit-panel col-md-6 col-xs-12 col-sm-12">
<div class="row modal-header"> <div class="row modal-header">
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_START_PAGE' | translate }}</h2> <h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_START_PAGE' | translate }}</h2>
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_START_PAGE' | translate }}</h3> <h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_START_PAGE' | translate }}</h3>
@ -258,7 +258,7 @@
</div> </div>
</div> </div>
<div class="preview-field-panel col-md-6 hidden-sm hidden-xs container"> <div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
<form class="public-form"> <form class="public-form">
<div class="field row"> <div class="field row">
@ -299,7 +299,7 @@
<script type="text/ng-template" id="editFieldModal.html" class="edit-field-modal"> <script type="text/ng-template" id="editFieldModal.html" class="edit-field-modal">
<div class="modal-body"> <div class="modal-body">
<div class="row"> <div class="row">
<div class="edit-panel col-md-6 col-xs-12 col-sm-12 container"> <div class="edit-panel col-md-6 col-xs-12 col-sm-12">
<div class="row modal-header"> <div class="row modal-header">
<h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_FIELD' | translate }}</h2> <h2 class="modal-title hidden-md hidden-lg">{{ 'EDIT_FIELD' | translate }}</h2>
<h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_FIELD' | translate }}</h3> <h3 class="modal-title hidden-xs hidden-sm">{{ 'EDIT_FIELD' | translate }}</h3>
@ -496,7 +496,7 @@
</div> </div>
</div> </div>
<div class="preview-field-panel col-md-6 hidden-sm hidden-xs container"> <div class="preview-field-panel col-md-6 hidden-sm hidden-xs">
<form class="public-form"ss> <form class="public-form"ss>
<field-directive field="field" validate="false" class="preview-field"> <field-directive field="field" validate="false" class="preview-field">
</field-directive> </field-directive>
@ -535,7 +535,7 @@
</div> </div>
<!-- Current Fields Element --> <!-- Current Fields Element -->
<div class="col-xs-10 col-sm-8 current-fields container"> <div class="col-xs-10 col-sm-8 current-fields">
<!-- Start Page --> <!-- Start Page -->
<div class="row" ng-if="myform.startPage.showStart"> <div class="row" ng-if="myform.startPage.showStart">
<div class="col-sm-12"> <div class="col-sm-12">
@ -554,7 +554,7 @@
<!-- Form Fields --> <!-- Form Fields -->
<div class="row"> <div class="row">
<div class="col-sm-12 col-md-10 dropzoneContainer"> <div class="col-md-10 col-sm-10 col-xs-10 dropzoneContainer">
<div class="panel-group dropzone" ui-sortable="sortableOptions" ng-model="myform.form_fields"> <div class="panel-group dropzone" ui-sortable="sortableOptions" ng-model="myform.form_fields">
@ -586,7 +586,7 @@
</div> </div>
</div> </div>
<div class="col-md-1 hidden-xs hidden-sm" style="padding:0 5px;" > <div class="col-md-1 col-sm-1 col-xs-1" style="padding:0 5px;" >
<div class="panel-group tool-panel text-center"> <div class="panel-group tool-panel text-center">
<div class="panel panel-default" ng-repeat="field in myform.form_fields track by field._id" ng-if="!field.deletePreserved"> <div class="panel panel-default" ng-repeat="field in myform.form_fields track by field._id" ng-if="!field.deletePreserved">
<div class="panel-heading" style="padding: 10px 10px;" ng-click="deleteField($index)"> <div class="panel-heading" style="padding: 10px 10px;" ng-click="deleteField($index)">
@ -597,7 +597,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-1 hidden-xs hidden-sm" style="padding:0 5px;"> <div class="col-md-1 col-sm-1 col-xs-1" style="padding:0 5px;">
<div class="panel-group tool-panel text-center"> <div class="panel-group tool-panel text-center">
<div class="panel panel-default" ng-repeat="field in myform.form_fields track by field._id" ng-if="!field.deletePreserved"> <div class="panel panel-default" ng-repeat="field in myform.form_fields track by field._id" ng-if="!field.deletePreserved">
<div class="panel-heading" style="padding: 10px 10px;" ng-click="duplicateField($index)"> <div class="panel-heading" style="padding: 10px 10px;" ng-click="duplicateField($index)">