Changeset 996 for trunk/web-app


Ignore:
Timestamp:
Oct 26, 2010, 3:19:22 PM (10 years ago)
Author:
robert@…
Message:

Implemented clone feature in template editor (ticket #6), added a rest call 'getUser' and added webflow to the application.properties again.

Location:
trunk/web-app
Files:
2 edited

Legend:

Unmodified
Added
Removed

  • trunk/web-app/css/templateEditor.css

    r959 r996  
    8282}
    8383
     84/* Please wait dialog */
     85#wait { /* Transparency, see http://hungred.com/how-to/css-opacity-cross-browser-compatible/ */
     86        filter: alpha(opacity:0.5);
     87        KHTMLOpacity: 0.5;
     88        MozOpacity: 0.5;
     89        -khtml-opacity:.50;
     90        -ms-filter:”alpha(opacity=50)”;
     91        -moz-opacity:.50;
     92        filter:alpha(opacity=50);
     93        opacity:.50;
     94}
     95#wait { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100;  background-color: #f2f5f7; }
     96.wait_text { position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -20px; width: 200px; height: 40px; text-align: center; font-weight: bold; background-color: white; border: 1px solid #006DBA; padding-top: 13px; vertical-align: center; }
     97.wait { display: none; }
     98
    8499/* Add Ontology dialog */
    85100#addOntology { list-style-type: none; padding-left: 0; }

  • trunk/web-app/js/templateEditor.js

    r959 r996  
    6161    var formEl = $( '#template_' + id + '_form' );
    6262
     63        showWaiting();
     64
    6365    // Update the field
    6466    $.ajax({
    … …  
    7375        error:      function( request ) {
    7476            alert( "Could not create template: " + request.responseText );
    75         }
     77        },
     78                complete: function( request, textStatus ) {
     79                        hideWaiting();
     80                }
    7681    });
    7782}
    … …  
    8287function updateTemplate( id ) {
    8388    var formEl = $( '#template_' + id + '_form' );
     89
     90        showWaiting();
    8491
    8592    // Update the field
    … …  
    95102        error:      function( request ) {
    96103            alert( "Could not update template: " + request.responseText );
    97         }
     104        },
     105                complete: function( request, textStatus ) {
     106                        hideWaiting();
     107                }
    98108    });
    99109}
    … …  
    103113 */
    104114function deleteTemplate( id ) {
    105     // Update the field
     115
     116        showWaiting();
     117
     118        // Update the field
    106119    $.ajax({
    107120        url:        baseUrl + '/templateEditor/deleteTemplate',
    … …  
    116129        error:      function( request ) {
    117130            alert( "Could not delete template: " + request.responseText );
    118         }
     131        },
     132                complete: function( request, textStatus ) {
     133                        hideWaiting();
     134                }
    119135    });
    120136
    121137        return true;
     138}
     139
     140/**
     141 * Clones a template using AJAX
     142 */
     143function cloneTemplate( id ) {
     144        showWaiting();
     145
     146    // Update the field
     147    $.ajax({
     148        url:        baseUrl + '/templateEditor/cloneTemplate/' + id,
     149                dataType:   'json',
     150        type:       "POST",
     151        success:    function(data, textStatus, request) {
     152            addTemplateListItem( data.id, data.html );
     153        },
     154        error:      function( request ) {
     155            alert( "Could not clone template: " + request.responseText );
     156        },
     157                complete: function( request, textStatus ) {
     158                        hideWaiting();
     159                }
     160    });
    122161}
    123162
    … …  
    203242        var templateId = $('#templateSelect').val();
    204243
     244        showWaiting();
     245
    205246    // Update the field
    206247    $.ajax({
    … …  
    215256        error:       function( request ) {
    216257            alert( "Could not add template field: " + request.responseText );
    217         }
     258        },
     259                complete: function( request, textStatus ) {
     260                        hideWaiting();
     261                }
    218262    });
    219263}
    … …  
    224268function updateTemplateField( id ) {
    225269    var formEl = $( '#templateField_' + id + '_form' );
     270
     271        showWaiting();
    226272
    227273    // Update the field
    … …  
    237283        error:      function( request ) {
    238284            alert( "Could not update template field: " + request.responseText );
    239         }
     285        },
     286                complete: function( request, textStatus ) {
     287                        hideWaiting();
     288                }
    240289    });
    241290}
    … …  
    245294 */
    246295function deleteTemplateField( id ) {
     296        showWaiting();
     297
    247298    // Delete the field
    248299    $.ajax({
    … …  
    258309        error:      function( request ) {
    259310            alert( "Could not delete template field: " + request.responseText );
    260         }
     311        },
     312                complete: function( request, textStatus ) {
     313                        hideWaiting();
     314                }
    261315    });
    262316
    … …  
    266320/**
    267321 * Is triggered when an item from the templatefields has been moved and
    268  * shoule be updated
     322 * should be updated
    269323 */
    270324function updateTemplateFieldPosition( event, ui ) {
    … …  
    279333                return true;
    280334        }
     335
    281336    // Find the new position of the element in the list
    282337    // http://stackoverflow.com/questions/2979643/jquery-ui-sortable-position
    283338    //
    284     // Because there is also a hidden 'empty template' list item in the list,
    285     // the number is decreased by 1
    286     var newposition = ui.item.index() - 1;
     339    // There is also a hidden 'empty template' list item in the list. This is
     340        // the last item in the list, so it doesn't matter in this computation
     341    var newposition = ui.item.index();
    287342
    288343    // Find the ID of the templateField and template
    … …  
    296351    // Disable sorting until this move has been saved (in order to prevent collisions
    297352    $( '#templateFields' ).sortable( 'disable' );
     353
     354        showWaiting();
    298355
    299356    // Move the item
    … …  
    310367                        undoMove();
    311368                        alert( "Could not move template field: " + request.responseText );
    312         }
     369        },
     370                complete: function( request, textStatus ) {
     371                        hideWaiting();
     372                }
    313373    });
    314374}
    … …  
    345405        var templateId = $('#templateSelect').val();
    346406
     407        showWaiting();
     408
    347409    // Update the field
    348410    $.ajax({
    … …  
    369431
    370432            alert( "Could not add template field: " + request.responseText );
    371         }
     433        },
     434                complete: function( request, textStatus ) {
     435                        hideWaiting();
     436                }
    372437    });
    373438
    … …  
    397462        var templateId = $('#templateSelect').val();
    398463
     464        showWaiting();
     465
    399466    // Update the field
    400467    $.ajax({
    … …  
    420487
    421488                        alert( "Could not delete template field: " + request.responseText );
    422         }
     489        },
     490                complete: function( request, textStatus ) {
     491                        hideWaiting();
     492                }
    423493    });
    424494
    … …  
    514584        }
    515585}
     586
     587function showWaiting() { $( '.wait' ).show() }
     588function hideWaiting() { $( '.wait' ).hide() }
    516589
    517590/************************************
Note: See TracChangeset for help on using the changeset viewer.