Changeset 1319

Timestamp:

Dec 22, 2010, 5:53:49 PM (12 years ago)

Author:

work@…

Message:

• updated ajaxflow to 0.1.10
• added spinner / please wait support to ajaxflow
• resolves issue #245

Location:

trunk

Files:

• application.properties (modified) (1 diff)
• grails-app/conf/BuildConfig.groovy (modified) (1 diff)
• grails-app/views/studyWizard/common/_ajaxflow.gsp (modified) (2 diffs)
• grails-app/views/studyWizard/common/_please_wait.gsp (added)
• web-app/css/ajaxflow.css (modified) (13 diffs)
• web-app/images/ajaxflow/spinner-large.gif (added)
• web-app/images/spinner-large.gif (deleted)

trunk/application.properties

@@ -9 +9 @@
 app.servlet.version=2.4
 app.version=0.6.1
-plugins.ajaxflow=0.1.9
+plugins.ajaxflow=0.1.10
 plugins.crypto=2.0
 plugins.db-util=0.4

trunk/grails-app/conf/BuildConfig.groovy

@@ -45 +45 @@
 
 //grails.plugin.location.'grom' = '../grom'
-//grails.plugin.location.'ajaxflow' = '../ajafFlow'
+//grails.plugin.location.'ajaxflow' = '../ajaxflow'
 //grails.plugin.location.'jumpbar' = '../jumpbar'

trunk/grails-app/views/studyWizard/common/_ajaxflow.gsp

@@ -13 +13 @@
 %>
 <div id="ajaxflow">
-<af:flow name="studyWizard" class="ajaxFlow" commons="common" partials="pages" controller="[controller: 'studyWizard', action: 'pages']">
+<af:flow name="studyWizard" class="ajaxFlow" commons="common" partials="pages" controller="[controller: 'studyWizard', action: 'pages']" spinner="ajaxFlowWait">
         <%      /**
                  * The initial rendering of this template will result
@@ -29 +29 @@
 </div>
 <g:render template="common/on_page"/>
+<g:render template="common/please_wait"/>
 

trunk/web-app/css/ajaxflow.css

@@ -27 +27 @@
 
 /** START :: TABS **/
-.tabs {
+.ajaxFlow .tabs {
     display: block;
     padding-bottom: 2px;
@@ -33 +33 @@
     width: 100%;
 }
-.tabs ul {
+.ajaxFlow .tabs ul {
     list-style-type: none; /* suppression of useless elements */
     padding: 0px;
@@ -43 +43 @@
     width: 100%;
 }
-.tabs li {
+.ajaxFlow .tabs li {
     float: left;
     margin: 0px;
@@ -55 +55 @@
     font-weight: bold;
 }
-.tabs li input {
+.ajaxFlow .tabs li input {
         cursor: pointer;
         color: #006DBA;
@@ -61 +61 @@
         border: none;   
 }
-.tabs li:last-child:after {
+.ajaxFlow .tabs li:last-child:after {
         content: url('../images/ajaxflow/spacer.gif');
 }
-.tabs li:first-child:before {
+.ajaxFlow .tabs li:first-child:before {
         content: url('../images/ajaxflow/spacer.gif');
 }
-.tabs li:before {
+.ajaxFlow .tabs li:before {
         content:url(../images/ajaxflow/arrowR.gif);
         position:inherit;
@@ -74 +74 @@
         display:inline;
 }
-.tabs li:after {
+.ajaxFlow .tabs li:after {
         content:url(../images/ajaxflow/arrowL.gif);
         position:inherit;
@@ -81 +81 @@
         display:inline;
 }
-.tabs .content {
+.ajaxFlow .tabs .content {
     padding: 0px 10px 0px 10px;
     display: inline;
@@ -88 +88 @@
         line-height: 20px;
 }
-.tabs .active {
+.ajaxFlow .tabs .active {
     background-color: #006DBA !important;
     color: #fff !important;
@@ -95 +95 @@
 
 /** START NAVIGATION **/
-.navigation {
+.ajaxFlow .navigation {
     display: block;
     padding-top: 2px;
@@ -104 +104 @@
 }
 
-.navigation .prevnext {
+.ajaxFlow .navigation .prevnext {
     cursor: pointer;
     color: #006DBA;
@@ -112 +112 @@
 
 /** CONTENT STYLES **/
-.content {
+.ajaxFlow .content {
         padding: 20px 0px 20px 0px;
 }
 
-.content p {
+.ajaxFlow .content p {
         text-align: justify;
         padding: 10px 0px 10px 0px;
 }
 
-.content a, .content a:visited {
+.ajaxFlow .content a, .ajaxFlow .content a:visited {
         color: red;
         text-decoration: none;
@@ -127 +127 @@
 
 /** START :: buttons inside the ajaxflow **/
-.prevnext {
+.ajaxFlow .prevnext {
     cursor: pointer;
     color: #006DBA;
@@ -134 +134 @@
 }
 /** END :: buttons inside the ajaxflow **/
+
+/** START :: please wait **/
+.ajaxFlow .wait { }
+.ajaxFlow .wait .title {
+    color: #006dba;
+    font-weight: normal;
+    font-size: 24px;
+    margin: .8em 0 .3em 0;
+    display: block;
+    width: 100%;
+    text-align: center;
+}
+.ajaxFlow .wait .spinner {
+        background: url(../images/ajaxflow/spinner-large.gif) no-repeat center top;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        display: block;
+        width: 100%;
+        height: 48px;
+}
+/** END :: please wait **/