source: trunk/grails-app/views/studyWizard/common/_error.gsp @ 1916

<%
/**
 * Wizard error template
 *
 * @author Jeroen Wesbeek
 * @since 20100114
 * @package wizard
 * @see dbnp.studycapturing.WizardTagLib
 * @see dbnp.studycapturing.WizardController
 *
 * Revision information:
 * $Rev: 1916 $
 * $Author: t.w.abma@umcutrecht.nl $
 * $Date: 2011-06-07 14:53:06 +0000 (di, 07 jun 2011) $
 */
%>

<g:if test="${wizardErrors}">
        <div id="wizardError" class="error" title="errors">
                <g:each in="${wizardErrors}" var="error" status="e">
                        <p>
                                <g:if test="${!e}"><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 50px 0;"></span></g:if>
                                ${error.value['key']} &rarr; ${error.value['value']}
                        </p>
                </g:each>
        </div>
        <script type="text/javascript">
                // mark error fields
                <g:each in="${wizardErrors}" var="error">
                var element = $("input:[name='${error.key}'], input:[name='${error.key.toLowerCase().replaceAll("([^a-z0-9])","_")}'], select:[name='${error.key}'], select:[name='${error.key.toLowerCase().replaceAll("([^a-z0-9])","_")}'], textarea:[name='${error.key}'], textarea:[name='${error.key.toLowerCase().replaceAll("([^a-z0-9])","_")}']");
                 <g:if test="${error.value['dynamic']}">
                element.addClass('error');
                 </g:if><g:else>
                element.parent().parent().removeClass('required');
                element.parent().parent().addClass('error');
                 </g:else>
                </g:each>

                // show error dialog
                var we = $("div#wizardError");
                we.dialog({
                        modal: true,
                        width: 600,
                        maxHeight: 400,
                open: function(event, ui) {
                        $(this).css({'max-height': 400, 'overflow-y': 'auto'});
                },
                        buttons: {
                                Ok: function() {
                                        $(this).dialog('close');
                                        we.remove();
                                }
                        }
                });
        </script>
</g:if>