Changeset 1319

Show
Ignore:
Timestamp:
22-12-10 17:53:49 (3 years ago)
Author:
work@…
Message:

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

Location:
trunk
Files:
2 added
1 removed
4 modified

Legend:

Unmodified
Added
Removed
  • trunk/application.properties

    r1307 r1319  
    99app.servlet.version=2.4 
    1010app.version=0.6.1 
    11 plugins.ajaxflow=0.1.9 
     11plugins.ajaxflow=0.1.10 
    1212plugins.crypto=2.0 
    1313plugins.db-util=0.4 
  • trunk/grails-app/conf/BuildConfig.groovy

    r1301 r1319  
    4545 
    4646//grails.plugin.location.'grom' = '../grom' 
    47 //grails.plugin.location.'ajaxflow' = '../ajafFlow' 
     47//grails.plugin.location.'ajaxflow' = '../ajaxflow' 
    4848//grails.plugin.location.'jumpbar' = '../jumpbar' 
  • trunk/grails-app/views/studyWizard/common/_ajaxflow.gsp

    r1294 r1319  
    1313%> 
    1414<div id="ajaxflow"> 
    15 <af:flow name="studyWizard" class="ajaxFlow" commons="common" partials="pages" controller="[controller: 'studyWizard', action: 'pages']"> 
     15<af:flow name="studyWizard" class="ajaxFlow" commons="common" partials="pages" controller="[controller: 'studyWizard', action: 'pages']" spinner="ajaxFlowWait"> 
    1616        <%      /** 
    1717                 * The initial rendering of this template will result 
     
    2929</div> 
    3030<g:render template="common/on_page"/> 
     31<g:render template="common/please_wait"/> 
    3132 
  • trunk/web-app/css/ajaxflow.css

    r1286 r1319  
    2727 
    2828/** START :: TABS **/ 
    29 .tabs { 
     29.ajaxFlow .tabs { 
    3030    display: block; 
    3131    padding-bottom: 2px; 
     
    3333    width: 100%; 
    3434} 
    35 .tabs ul { 
     35.ajaxFlow .tabs ul { 
    3636    list-style-type: none; /* suppression of useless elements */ 
    3737    padding: 0px; 
     
    4343    width: 100%; 
    4444} 
    45 .tabs li { 
     45.ajaxFlow .tabs li { 
    4646    float: left; 
    4747    margin: 0px; 
     
    5555    font-weight: bold; 
    5656} 
    57 .tabs li input { 
     57.ajaxFlow .tabs li input { 
    5858        cursor: pointer; 
    5959        color: #006DBA; 
     
    6161        border: none;    
    6262} 
    63 .tabs li:last-child:after { 
     63.ajaxFlow .tabs li:last-child:after { 
    6464        content: url('../images/ajaxflow/spacer.gif'); 
    6565} 
    66 .tabs li:first-child:before { 
     66.ajaxFlow .tabs li:first-child:before { 
    6767        content: url('../images/ajaxflow/spacer.gif'); 
    6868} 
    69 .tabs li:before { 
     69.ajaxFlow .tabs li:before { 
    7070        content:url(../images/ajaxflow/arrowR.gif); 
    7171        position:inherit; 
     
    7474        display:inline; 
    7575} 
    76 .tabs li:after { 
     76.ajaxFlow .tabs li:after { 
    7777        content:url(../images/ajaxflow/arrowL.gif); 
    7878        position:inherit; 
     
    8181        display:inline; 
    8282} 
    83 .tabs .content { 
     83.ajaxFlow .tabs .content { 
    8484    padding: 0px 10px 0px 10px; 
    8585    display: inline; 
     
    8888        line-height: 20px; 
    8989} 
    90 .tabs .active { 
     90.ajaxFlow .tabs .active { 
    9191    background-color: #006DBA !important; 
    9292    color: #fff !important; 
     
    9595 
    9696/** START NAVIGATION **/ 
    97 .navigation { 
     97.ajaxFlow .navigation { 
    9898    display: block; 
    9999    padding-top: 2px; 
     
    104104} 
    105105 
    106 .navigation .prevnext { 
     106.ajaxFlow .navigation .prevnext { 
    107107    cursor: pointer; 
    108108    color: #006DBA; 
     
    112112 
    113113/** CONTENT STYLES **/ 
    114 .content { 
     114.ajaxFlow .content { 
    115115        padding: 20px 0px 20px 0px; 
    116116} 
    117117 
    118 .content p { 
     118.ajaxFlow .content p { 
    119119        text-align: justify; 
    120120        padding: 10px 0px 10px 0px; 
    121121} 
    122122 
    123 .content a, .content a:visited { 
     123.ajaxFlow .content a, .ajaxFlow .content a:visited { 
    124124        color: red; 
    125125        text-decoration: none; 
     
    127127 
    128128/** START :: buttons inside the ajaxflow **/ 
    129 .prevnext { 
     129.ajaxFlow .prevnext { 
    130130    cursor: pointer; 
    131131    color: #006DBA; 
     
    134134} 
    135135/** END :: buttons inside the ajaxflow **/ 
     136 
     137/** START :: please wait **/ 
     138.ajaxFlow .wait { } 
     139.ajaxFlow .wait .title { 
     140    color: #006dba; 
     141    font-weight: normal; 
     142    font-size: 24px; 
     143    margin: .8em 0 .3em 0; 
     144    display: block; 
     145    width: 100%; 
     146    text-align: center; 
     147} 
     148.ajaxFlow .wait .spinner { 
     149        background: url(../images/ajaxflow/spinner-large.gif) no-repeat center top; 
     150        margin-top: 0px; 
     151        margin-bottom: 0px; 
     152        display: block; 
     153        width: 100%; 
     154        height: 48px; 
     155} 
     156/** END :: please wait **/