source: trunk/grails-app/views/studyWizard/pages/_events.gsp @ 1461

<%
/**
 * Events page
 *
 * @author  Jeroen Wesbeek
 * @since   20100212
 * @package wizard
 * @see     dbnp.studycapturing.WizardTagLib::previousNext
 * @see     dbnp.studycapturing.WizardController
 *
 * Revision information:
 * $Rev: 1461 $
 * $Author: work@osx.eu $
 * $Date: 2011-02-01 13:36:57 +0000 (di, 01 feb 2011) $
 */
%>
<af:page>
        <g:if env="development">
                <af:ajaxButtonElement description="Development feature (clear events)" name="clear" value="clear events" afterSuccess="onPage()">
                        This functionality is only available in development mode for debugging purposes and will not show in test and production environments
                </af:ajaxButtonElement>
        </g:if>

        <span class="info">
                <span class="title">Define all events that occur in your study</span>
                An event is any change ‘forced’ upon a subject, such as treatment, challenge, sampling. Choose an event type an define the different parameters of the event.               
        </span>

        <af:radioElement name="eventType" description="Type" elements="['event','sample']" value="${values?.eventType}">
                Type of event
        </af:radioElement>
        <af:templateElement name="eventTemplate" elementId="eventTemplate" description="Event Template" value="${event?.template}" entity="${dbnp.studycapturing.Event}" addDummy="true" ajaxOnChange="switchTemplate" afterSuccess="onPage()" >
                The template to use for this event
        </af:templateElement>
        <af:templateElement name="sampleTemplate" elementId="sampleTemplate" description="Sampling Event Template" value="${event?.template}" entity="${dbnp.studycapturing.SamplingEvent}" addDummy="true" ajaxOnChange="switchTemplate" afterSuccess="onPage()" >
                The template to use for this sampling event
        </af:templateElement>
        <g:if test="${event?.template}">
        <div id="${values?.eventType}TemplateFields">
        <g:if test="${event?.template}"><af:templateElements entity="${event}" /></g:if>
        <g:if test="${event?.template}"><af:buttonElement name="add" value="Add" afterSuccess="onPage()"/></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();
                        }
                });

                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="${study.events || study.samplingEvents}">
                <g:each var="template" in="${study.giveAllEventTemplates()}">
                        <g:set var="showHeader" value="${true}" />
                        <h1>${template}</h1>
                        <div class="tableEditor">
                        <g:each var="event" in="${study.giveEventsForTemplate(template)}">
                                <g:if test="${showHeader}">
                                <g:set var="showHeader" value="${false}" />
                                <div class="header">
                                        <div class="firstColumn"></div>
                                        <g:if test="${study.eventGroups}"><g:each var="eventGroup" in="${study.eventGroups}">
                                        <div class="column">
                                                <g:textField name="eventGroup_${eventGroup.getIdentifier()}_${template.getIdentifier()}" value="${eventGroup.name}" />
                                                <af:ajaxButton name="deleteEventGroup" src="${resource(dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam')}" alt="delete this eventgroup" class="famfamfam" value="-" before="\$(\'input[name=do]\').val(${eventGroup.getIdentifier()});" afterSuccess="onPage()" />
                                        </div>
                                        </g:each></g:if>
                                        <div class="firstColumn">
                                                <af:ajaxButton name="addEventGroup" src="${resource(dir: 'images/icons', file: 'add.png', plugin: 'famfamfam')}" alt="add a new eventgroup" class="famfamfam" value="+" afterSuccess="onPage()" />
                                        </div>
                                  <af:templateColumnHeaders class="column" entity="${event}" />
                                </div>
                                </g:if>

                                <div class="row">
                                        <div class="firstColumn">
                                                <af:ajaxButton name="deleteEvent" src="${resource(dir: 'images/icons', file: 'delete.png', plugin: 'famfamfam')}" alt="delete this event" class="famfamfam" value="-" before="\$(\'input[name=do]\').val(${event.getIdentifier()});" afterSuccess="onPage()"/>
                                        </div>
                                        <g:if test="${study.eventGroups}"><g:each var="eventGroup" in="${study.eventGroups}">
                                        <div class="column">
                                                <g:if test="${eventGroup.events.find{ it == event } || eventGroup.samplingEvents.find{ it == event }}">
                                                        <input type="checkbox" name="event_${event.getIdentifier()}_group_${eventGroup.getIdentifier()}" checked="checked" />
                                                </g:if><g:else>
                                                        <input type="checkbox" name="event_${event.getIdentifier()}_group_${eventGroup.getIdentifier()}"/>
                                                </g:else>
                                        </div>
                                        </g:each></g:if>
                                        <div class="firstColumn">
                                                <af:ajaxButton name="duplicate" src="${resource(dir: 'images/icons', file: 'application_put.png', plugin: 'famfamfam')}" alt="duplicate this event" class="famfamfam" value="-" before="\$(\'input[name=do]\').val(${event.getIdentifier()});" afterSuccess="onPage()" />
                                        </div>
                                        <af:templateColumns class="column" entity="${event}" name="event_${event.getIdentifier()}" />
                                </div>

                        </g:each>
                        </div>
                        <div class="sliderContainer">
                                <div class="slider"></div>
                        </div>
                </g:each>
        </g:if>
</af:page>