fixed css bug for cg-busy
This commit is contained in:
parent
c24dc7694c
commit
99dd4228aa
|
@ -57,7 +57,8 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 9999;
|
z-index: 9998;
|
||||||
|
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -56,7 +56,6 @@ angular.module('forms').controller('AdminFormController', ['$rootScope', '$scope
|
||||||
** DeleteModal Functions
|
** DeleteModal Functions
|
||||||
*/
|
*/
|
||||||
$scope.openDeleteModal = function(){
|
$scope.openDeleteModal = function(){
|
||||||
console.log('hello');
|
|
||||||
$scope.deleteModal = $uibModal.open({
|
$scope.deleteModal = $uibModal.open({
|
||||||
animation: $scope.animationsEnabled,
|
animation: $scope.animationsEnabled,
|
||||||
templateUrl: 'myModalContent.html',
|
templateUrl: 'myModalContent.html',
|
||||||
|
|
|
@ -4,6 +4,27 @@
|
||||||
border-width:3px;
|
border-width:3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.busy-updating-wrapper {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
right: 55px;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.busy-updating-wrapper .message {
|
||||||
|
text-align: center;
|
||||||
|
font-size: 20px;
|
||||||
|
position: fixed;
|
||||||
|
bottom: 0;
|
||||||
|
right: 70px;
|
||||||
|
background-color: gray;
|
||||||
|
color: white;
|
||||||
|
padding: 5px 15px 5px 10px;
|
||||||
|
z-index: 9999;
|
||||||
|
}
|
||||||
|
|
||||||
section.public-form {
|
section.public-form {
|
||||||
margin-top: -70px;
|
margin-top: -70px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,4 +1,6 @@
|
||||||
<section class="container admin-form" cg-busy="{promise:updatePromise,templateUrl:'modules/forms/views/directiveViews/cgBusy/update-form-message-TypeB.html',message:'Updating form...',backdrop:false}">
|
<div class="container" cg-busy="{promise:updatePromise,templateUrl:'modules/forms/views/directiveViews/cgBusy/update-form-message-TypeB.html',message:'Updating form...', backdrop:false, wrapperClass:'.busy-updating-wrapper'}"></div>
|
||||||
|
|
||||||
|
<section class="container admin-form">
|
||||||
|
|
||||||
<!-- Modal Delete Dialog Template -->
|
<!-- Modal Delete Dialog Template -->
|
||||||
<script type="text/ng-template" id="myModalContent.html">
|
<script type="text/ng-template" id="myModalContent.html">
|
||||||
|
@ -64,96 +66,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<!-- <tabset class="col-xs-12">
|
|
||||||
<tab>
|
|
||||||
<tab-heading>
|
|
||||||
Edit Form Fields
|
|
||||||
</tab-heading>
|
|
||||||
<edit-form-directive myform="myform">
|
|
||||||
</edit-form-directive>
|
|
||||||
</tab>
|
|
||||||
<tab>
|
|
||||||
<tab-heading >
|
|
||||||
Design
|
|
||||||
</tab-heading>
|
|
||||||
<div class="config-form container">
|
|
||||||
Design Settings
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-12 container">
|
|
||||||
Title
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-12">
|
|
||||||
<h2 class="hidden-sm hidden-xs">Change how your Form Looks</h2>
|
|
||||||
<h3 class="hidden-lg hidden-md">Change how your Form Looks</h3>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
Background Color
|
|
||||||
<div class="row field">
|
|
||||||
<div class="field-title col-sm-6">
|
|
||||||
<h5>Form Background Color</h5>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field-input col-sm-6">
|
|
||||||
|
|
||||||
<input colorpicker="hex" type="text" ng-model="myform.design.colors.backgroundColor" ng-style="{ 'background-color': myform.design.colors.backgroundColor }"/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
Question Color
|
|
||||||
<div class="row field">
|
|
||||||
<div class="field-title col-sm-6">
|
|
||||||
<h5>Question Color</h5>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field-input col-sm-6">
|
|
||||||
|
|
||||||
<input colorpicker="hex" type="text" ng-model="myform.design.colors.questionColor" ng-style="{ 'background-color': myform.design.colors.questionColor }"/>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
Answer Color
|
|
||||||
<div class="row field">
|
|
||||||
<div class="field-title col-sm-6">
|
|
||||||
<h5>Form Answer Color</h5>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field-input col-sm-6">
|
|
||||||
|
|
||||||
<input colorpicker="hex" type="text" ng-model="myform.design.colors.answerColor" ng-style="{ 'background-color': myform.design.colors.answerColor }"/>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-sm-offset-4 col-sm-2">
|
|
||||||
<button class="btn btn-primary btn-large" type="button" ng-click="update(false, null)"><i class="icon-arrow-left icon-white"></i> Save Changes</button>
|
|
||||||
</div>
|
|
||||||
<div class="col-sm-1">
|
|
||||||
<button class="btn btn-default" type="button" ng-click="resetForm()"><i class="icon-eye-open icon-white"></i> Cancel</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</tab>
|
|
||||||
<tab>
|
|
||||||
<tab-heading>
|
|
||||||
Configure
|
|
||||||
</tab-heading>
|
|
||||||
<configure-form-directive myform="myform" user="user">
|
|
||||||
</configure-form-directive>
|
|
||||||
</tab>
|
|
||||||
<tab>
|
|
||||||
<tab-heading>
|
|
||||||
View Submissions
|
|
||||||
</tab-heading>
|
|
||||||
<edit-submissions-form-directive myform="myform" user="user">
|
|
||||||
</edit-submissions-form-directive>
|
|
||||||
</tab>
|
|
||||||
</tabset> -->
|
|
||||||
<div class="col-xs-12">
|
<div class="col-xs-12">
|
||||||
<!-- <tabset> -->
|
<!-- <tabset> -->
|
||||||
<tabs data="tabData"></tabs>
|
<tabs data="tabData"></tabs>
|
||||||
|
|
|
@ -1,4 +1,4 @@
|
||||||
<!-- cgBusy Template -->
|
<!-- cgBusy Template -->
|
||||||
<div>
|
<div>
|
||||||
<div style="text-align: center; font-size: 20px;position: fixed; bottom: 0; right: 45px; background-color: gray; color: white; padding: 5px 15px 5px 10px; z-index: 10;">{{$message}}</div>
|
<div style="text-align: center; font-size: 20px;position: fixed; bottom: 0; right: 55px; background-color: gray; color: white; padding: 5px 15px 5px 10px; z-index: 10;">{{$message}}</div>
|
||||||
</div>
|
</div>
|
|
@ -1,4 +1,4 @@
|
||||||
setActiveField(field._id, index)<div class="field row radio" ng-click="setActiveField(field._id, index)">
|
<div class="field row radio" ng-click="setActiveField(field._id, index)">
|
||||||
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
|
<div class="col-xs-12 field-title" ng-style="{'color': design.colors.questionColor}">
|
||||||
<h3 class="row">
|
<h3 class="row">
|
||||||
<span class="fa fa-angle-double-right"></span> {{field.title}}
|
<span class="fa fa-angle-double-right"></span> {{field.title}}
|
||||||
|
|
Loading…
Reference in a new issue