Changeset 432 for trunk/grails-app/views/wizard/pages

Timestamp:

May 18, 2010, 4:42:11 PM (14 years ago)

Author:

duh

Message:

• events page now seperates 'events' from 'samplingEvents'
• grouping is now in front to outline properly
• added radio form element
• todo: fix exceptions while deleting

File:

• trunk/grails-app/views/wizard/pages/_events.gsp (modified) (5 diffs)

trunk/grails-app/views/wizard/pages/_events.gsp

@@ -21 +21 @@
         </span>
 
-        <wizard:templateElement name="template" description="Template" value="${event?.template}" entity="${dbnp.studycapturing.Event}" addDummy="true" ajaxOnChange="switchTemplate" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" >
+        <wizard:radioElement name="eventType" description="Type" elements="['event','sample']" value="${values?.eventType}">
+                Type of event
+        </wizard:radioElement>
+        <wizard:templateElement name="eventTemplate" elementId="eventTemplate" description="Event Template" value="${event?.template}" entity="${dbnp.studycapturing.Event}" addDummy="true" ajaxOnChange="switchTemplate" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" >
                 The template to use for this study
         </wizard:templateElement>
+        <wizard:templateElement name="sampleTemplate" elementId="sampleTemplate" description="Sample Template" value="${event?.template}" entity="${dbnp.studycapturing.SamplingEvent}" addDummy="true" ajaxOnChange="switchTemplate" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" >
+                The template to use for this study
+        </wizard:templateElement>
+        <g:if test="${event?.template}">
+        <div id="${values?.eventType}TemplateFields">
         <g:if test="${event?.template}"><wizard:templateElements entity="${event}" /></g:if>
         <g:if test="${event?.template}"><wizard:buttonElement name="add" value="Add" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()"/></g:if>
+        </div>
+        </g:if>
+        
+        <script type="text/javascript">
+        function swapTemplate(value,refresh) {
+                $("div[id$='Template'],div[id$='TemplateFields']").each(function() {
+                        var e = $(this);
+                        if (e.attr('id').match("^"+value) != null) {
+                                e.show();
+                        } else {
+                                e.hide();
+                        }
+                });
 
-<g:if test="${events}">
+                if(refresh) {
+                }
+        }
+
+        // handle template selectors
+        $(document).ready(function() {
+                // bind event handlers
+                $("input[name=eventType]").click(function() {
+                        swapTemplate($(this).val(),true);
+                });
+
+                // handle selects
+                swapTemplate($('input:radio[name=eventType]:checked').val(),false);
+        });
+        </script>
+
+        <g:if test="${events}">
         <g:each var="eventTemplate" in="${eventTemplates}">
                 <g:set var="showHeader" value="${true}" />
@@ -38 +75 @@
                                 <div class="firstColumn">#</div>
                                 <div class="firstColumn"></div>
-                                <wizard:templateColumnHeaders entity="${events[ eventId ]}" class="column"/>
                                 <g:if test="${eventGroups}"><g:each var="eventGroup" status="g" in="${eventGroups}">
                                 <div class="column">
@@ -48 +84 @@
                                         <wizard:ajaxButton name="addEventGroup" src="../images/icons/famfamfam/add.png" alt="add a new eventgroup" class="famfamfam" value="+" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" />
                                 </div>
+                                <wizard:templateColumnHeaders entity="${events[ eventId ]}" class="column"/>
                         </div>
                         </g:if>
@@ -55 +92 @@
                                         <wizard:ajaxButton name="deleteEvent" src="../images/icons/famfamfam/delete.png" alt="delete this subject" class="famfamfam" value="-" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" before="\$(\'input[name=do]\').val(${eventId});" afterSuccess="onWizardPage()"/>
                                 </div>
-                                <wizard:templateColumns id="${eventId}" entity="${events[ eventId ]}" template="${events[ eventId ].template}" name="event_${eventId}" class="column" />
                                 <g:if test="${eventGroups}"><g:each var="eventGroup" status="j" in="${eventGroups}">
                                 <div class="column">
@@ -66 +102 @@
                                 </g:each></g:if>
                                 <div class="column"></div>
+                                <wizard:templateColumns id="${eventId}" entity="${events[ eventId ]}" template="${events[ eventId ].template}" name="event_${eventId}" class="column" />
                         </div>
                 </g:each>