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

Timestamp:

Feb 25, 2010, 4:18:22 PM (13 years ago)

Author:

duh

Message:

• restructured wizard
• added information boxes
• improved error feedback (highlighted error fields)
• added confirmation page
• several smaller bugfixes and improvements

Location:

trunk/grails-app/views/wizard/pages

Files:

• _confirmation.gsp (added)
• _eventDescriptions.gsp (modified) (1 diff)
• _events.gsp (modified) (1 diff)
• _study.gsp (modified) (1 diff)
• _subjects.gsp (modified) (1 diff)
• _templates.gsp (modified) (1 diff)
• _timeline.gsp (added)

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

@@ -16 +16 @@
 %>
 <wizard:pageContent>
-        <wizard:termElement name="classification" description="Classification" error="classification" value="${classification}">
+        <span class="info">
+                <span class="title">Describe all unique event types that occur in your study</span>
+                These unique events are, for example, treatments, challenges and sampling events. Every event description
+                should be unique. If your study, for example, samples both blood as well as tissue, then create two sample
+                descriptions. One for 'sampling blood', and one for 'sampling tissue'.
+        </span>
+
+        <wizard:termElement name="classification" description="Classification" error="classification" value="${values?.classification}">
                 The classification
         </wizard:termElement>
-        <wizard:textFieldElement name="name" description="Name" error="name" value="${name}">
+        <wizard:textFieldElement name="name" description="Name" error="name" value="${values?.name}">
                 The name of the event description you are creating
         </wizard:textFieldElement>
-        <wizard:textFieldElement name="description" description="Description" error="description" value="${description}">
+        <wizard:textFieldElement name="description" description="Description" error="description" value="${values?.description}">
                 A short description summarizing your event description
         </wizard:textFieldElement>
-        <wizard:checkBoxElement name="isSamplingEvent" description="Sampling event" error="isSamplingEvent" value="${isSamplingEvent}">
+        <wizard:checkBoxElement name="isSamplingEvent" description="Sampling event" error="isSamplingEvent" value="${values?.isSamplingEvent}">
                 Is this a sampling event description?
         </wizard:checkBoxElement>

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

@@ -16 +16 @@
 %>
 <wizard:pageContent>
-        <wizard:selectElement name="eventDescription" description="Event Description" error="eventDescription" from="${eventDescriptions}" value="${eventDescription}">
+        <span class="info">
+                <span class="title">Define all events and their duration that occur in your study</span>
+                In the previous screen you defined the unique event types, in this screen you need to define
+                all events of a specific event type that occur in time. Select the type of event, and the
+                start and stop time of an event. As it is frequently the case that <i>sets</i> of events act
+                upon (groups of) subjects, you can define event groups, and add events to a particular group.<br/>
+                <i>Note that you can edit multiple events at once by selecting multpiple rows by either
+                ctrl-clicking them or dragging a selection over them.</i>
+        </span>
+
+        <wizard:selectElement name="eventDescription" description="Event Description" error="eventDescription" from="${eventDescriptions}" value="${values?.eventDescription}">
                 The event description for this event
         </wizard:selectElement>
-        <wizard:timeElement name="startTime" description="Start Time" error="startTime" value="${startTime}">
+        <wizard:timeElement name="startTime" description="Start Time" error="startTime" value="${values?.startTime}">
                 The start time of the study
         </wizard:timeElement>
-        <wizard:timeElement name="endTime" description="End time" error="endTimee" value="${endTime}">
+        <wizard:timeElement name="endTime" description="End time" error="endTimee" value="${values?.endTime}">
                 The end time of the study
         </wizard:timeElement>
         <wizard:buttonElement name="add" value="Add" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()"/>
-<g:if test="${events}">
+<g:if test="${events}"> 
         <div class="table">
                 <div class="header">

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

@@ -16 +16 @@
 %>
 <wizard:pageContent>
+        <span class="info">
+                <span class="title">Define the basic properties of your study</span>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet leo nec leo vehicula quis scelerisque elit pulvinar. Vivamus arcu dui, adipiscing eu vestibulum id, consectetur et erat. Aenean risus mauris, placerat et lacinia vulputate, commodo eget ligula. Pellentesque ornare blandit metus ac dictum. Donec scelerisque feugiat quam, a congue ipsum malesuada nec. Donec vulputate, diam eget porta rhoncus, est mauris ullamcorper turpis, vitae dictum risus justo quis justo. Aenean blandit feugiat accumsan. Donec porttitor bibendum elementum.
+        </span>
+        
         <wizard:textFieldElement name="title" description="Title" error="title" value="${study?.title}">
                 The title of the study you are creating

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

@@ -16 +16 @@
 %>
 <wizard:pageContent>
+        <span class="info">
+                <span class="title">Add subjects to your study</span>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce laoreet leo nec leo vehicula quis scelerisque elit pulvinar. Vivamus arcu dui, adipiscing eu vestibulum id, consectetur et erat. Aenean risus mauris, placerat et lacinia vulputate, commodo eget ligula. Pellentesque ornare blandit metus ac dictum. Donec scelerisque feugiat quam, a congue ipsum malesuada nec. Donec vulputate, diam eget porta rhoncus, est mauris ullamcorper turpis, vitae dictum risus justo quis justo. Aenean blandit feugiat accumsan. Donec porttitor bibendum elementum.
+        </span>
+
         <wizard:ajaxButton name="add" value="Add" url="[controller:'wizard',action:'pages']" update="[success:'wizardPage',failure:'wizardError']" afterSuccess="onWizardPage()" />
         <input name="addNumber" size="4" maxlength="4" value="1">

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

@@ -16 +16 @@
 %>
 <wizard:pageContent>
+        <span class="info">
+                <span class="title">Select the template you would like to use</span>
+                A template is a predefined set of values to store with all elements of your study.
+        </span>
+
         <wizard:templateElement name="template" description="Template" value="${study?.template}">
                 The meta data template to use for this study