beenull/tellform
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fixed css bug for cg-busy

Browse source
This commit is contained in:
David Baldwynn 2015-11-11 13:13:23 -08:00
parent c24dc7694c
commit 99dd4228aa
6 changed files with 28 additions and 95 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
public/modules/core/css/github-fork-ribbon.css
View file

@ -57,7 +57,8 @@
position: absolute;
overflow: hidden;
top: 0;
z-index: 9999;
z-index: 9998;
pointer-events: none;
}

1
public/modules/forms/controllers/admin-form.client.controller.js
View file

@ -56,7 +56,6 @@ angular.module('forms').controller('AdminFormController', ['$rootScope', '$scope
** DeleteModal Functions
*/
$scope.openDeleteModal = function(){
console.log('hello');
$scope.deleteModal = $uibModal.open({
animation: $scope.animationsEnabled,
templateUrl: 'myModalContent.html',

21
public/modules/forms/css/form.css
View file

@ -4,6 +4,27 @@
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 {
margin-top: -70px;
}

94
public/modules/forms/views/admin-form.client.view.html
View file

@ -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 -->
<script type="text/ng-template" id="myModalContent.html">
@ -64,96 +66,6 @@
</div>
<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">
<!-- <tabset> -->
<tabs data="tabData"></tabs>

2
public/modules/forms/views/directiveViews/cgBusy/update-form-message-TypeB.html
View file

@ -1,4 +1,4 @@
<!-- cgBusy Template -->
<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>

2
public/modules/forms/views/directiveViews/field/yes_no.html
View file

@ -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}">
<h3 class="row">
<span class="fa fa-angle-double-right"></span> {{field.title}}