source: raptor-distribution/MSIs/raptor-web/tags/v1.2.1/source/web/webapp/raptor-web/WEB-INF/flows/reports/wizard/graph-series-selector.xhtml @ 1748

Revision 1745, 7.6 KB checked in by rhyssmith, 6 years ago (diff)

Adding raptor-web v1.2.0 MSI sources

  • Property svn:executable set to *
Line 
1<!--
2
3    Copyright (C) 2010 Cardiff University, Wales <smartp@cf.ac.uk>
4
5    Licensed under the Apache License, Version 2.0 (the "License");
6    you may not use this file except in compliance with the License.
7    You may obtain a copy of the License at
8
9            http://www.apache.org/licenses/LICENSE-2.0
10
11    Unless required by applicable law or agreed to in writing, software
12    distributed under the License is distributed on an "AS IS" BASIS,
13    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
14    See the License for the specific language governing permissions and
15    limitations under the License.
16
17-->
18
19<ui:composition xmlns="http://www.w3.org/1999/xhtml"
20        xmlns:ui="http://java.sun.com/jsf/facelets"
21        xmlns:h="http://java.sun.com/jsf/html"
22        xmlns:f="http://java.sun.com/jsf/core"
23        xmlns:c="http://java.sun.com/jsp/jstl/core"
24        xmlns:sf="http://www.springframework.org/tags/faces"
25        xmlns:a4j="http://richfaces.org/a4j"
26        xmlns:rich="http://richfaces.org/rich"
27        template="/templates/raptor/full.xhtml">
28
29
30        <ui:define name="content">
31                <a4j:include viewId="wizard-series-panel.xhtml" />
32                <a4j:include viewId="../working-panel.xhtml" />
33                <rich:layout>
34                        <rich:layoutPanel position="center" width="70%">
35                                <h:form>
36                                        <h4 align="left">
37                                                <h:commandLink value="Date Selection"
38                                                        action="date-selector" />
39                                                ->
40                                                <h:commandLink value="Select Event Type(s)"
41                                                        action="event-type-selector" />
42                                                ->
43                                                <h:commandLink value="Graph Type Selector" action="graph-type-selector"/>
44                                                -> Step 4. Graph Series Selector
45                                                <h:outputText rendered="#{savedGraphWizardModel.edittingReport}"
46                                                        style="color:red" value=" [EDIT]" />
47                                        </h4>
48                                </h:form>
49                                <center>
50                                        <div class="stepbystep">
51                                                <h3 align="center">Please Select The Number Of Series and
52                                                        Filters for Each Event</h3>
53                                                <br />
54                                                <a4j:form>
55
56                                                        <rich:dataGrid
57                                                                value="#{savedGraphWizardModel.graphWizardModel.graphSets}"
58                                                                var="graph" columns="1" width="100%" style="border:3px"
59                                                                styleClass="simpleTable">
60                                                                <b>Event:</b>
61                                                                <h:outputText value=" #{graph.eventType}" />
62                                                                <rich:dataTable id="seriesTableWizard"
63                                                                        value="#{graph.statisticalUnitInformation.statisticalUnitInformation.statisticParameters.series}"
64                                                                        bandingInterval="2" banding="row" var="series" width="100%"
65                                                                        rows="10" rowKeyVar="row"
66                                                                        rendered="#{not empty graph.statisticalUnitInformation}">
67
68
69                                                                        <f:facet name="footer">
70                                                                                <a4j:commandLink immediate="true"
71                                                                                        action="addSeriesToSelectedStatistic" id="addSeriesLink"
72                                                                                        reRender="seriesTableWizard">
73                                                                                        <h:graphicImage style="width:20px"
74                                                                                                value="/image/icon/onebit_31.png" />
75                                                                                        <f:setPropertyActionListener value="#{graph}"
76                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" />
77                                                                                </a4j:commandLink>
78
79                                                                        </f:facet>
80
81                                                                        <rich:column>
82                                                                                <f:facet name="header">
83                                                                                        <h:outputText value="No." />
84                                                                                </f:facet>
85                                                                                <h:outputText value="#{row}" />
86                                                                        </rich:column>
87                                                                        <rich:column>
88                                                                                <f:facet name="header">
89                                                                                        <h:outputText value="Series Label" />
90                                                                                </f:facet>
91
92                                                                                <h:inputText style="width:100%;" value="#{series.seriesLabel}" />
93                                                                        </rich:column>
94                                                                        <rich:column>
95                                                                                <f:facet name="header">
96                                                                                        <h:outputText value="Filter" />
97                                                                                </f:facet>
98                                                                                <a4j:commandLink immediate="true"
99                                                                                        oncomplete="#{rich:component('seriesModalPanel')}.show()"
100                                                                                        id="conditionModalPanelLinkEdit"
101                                                                                        rendered="#{not empty series.comparisonPredicate}"
102                                                                                        reRender="seriesModalPanel,seriesTableWizard">
103                                                                                        <h:graphicImage id="conditionImage"
104                                                                                                style="width:20px; border:0; margin-left: auto;margin-right: auto;"
105                                                                                                value="/image/icon/onebit_39.png" />
106                                                                                        <f:setPropertyActionListener value="#{series}"
107                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" />
108                                                                                        <f:setPropertyActionListener value="#{graph}"
109                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" />
110                                                                                </a4j:commandLink>
111                                                                                <a4j:commandLink immediate="true"
112                                                                                        oncomplete="#{rich:component('seriesModalPanel')}.show()"
113                                                                                        id="conditionModalPanelLinkAdd"
114                                                                                        rendered="#{empty series.comparisonPredicate}"
115                                                                                        reRender="seriesModalPanel,seriesTableWizard"
116                                                                                        action="addFilterToSelectedSeries">
117                                                                                        <h:graphicImage id="conditionImage"
118                                                                                                style="width:20px; border:0; margin-left: auto;margin-right: auto;"
119                                                                                                value="/image/icon/onebit_31.png" />
120                                                                                        <f:setPropertyActionListener value="#{series}"
121                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" />
122                                                                                        <f:setPropertyActionListener value="#{graph}"
123                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" />
124                                                                                </a4j:commandLink>
125
126                                                                        </rich:column>
127                                                                        <rich:column>
128                                                                                <f:facet name="header">
129                                                                                        <h:outputText value="Remove" />
130                                                                                </f:facet>
131                                                                                <a4j:commandLink immediate="true"
132                                                                                        action="removeSeriesFromSelectedStatistic"
133                                                                                        id="removeSeriesLink"
134                                                                                        reRender="seriesModalPanel,seriesTableWizard">
135                                                                                        <h:graphicImage
136                                                                                                style="width:20px; border:0; margin-left: auto;margin-right: auto;"
137                                                                                                value="/image/icon/onebit_33.png" />
138                                                                                        <f:setPropertyActionListener value="#{series}"
139                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" />
140                                                                                        <f:setPropertyActionListener value="#{graph}"
141                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" />
142                                                                                </a4j:commandLink>
143
144                                                                        </rich:column>
145
146                                                                </rich:dataTable>
147                                                        </rich:dataGrid>
148
149                                                        <h:panelGrid columns="1" border="0">
150                                                                <h:messages style="color:darkred" id="error_message" />
151                                                        </h:panelGrid>
152
153                                                        <h:panelGrid columns="6">
154                                                                <h:commandButton value="next" action="next" />
155                                                                <rich:spacer width="5px" />
156                                                                <h:commandButton value="back" action="back" />
157                                                                <rich:spacer width="5px" />
158                                                                <h:commandButton value="cancel" action="cancel" />
159                                                                <h:commandButton value="finish" action="finish"
160                                                                        onclick="#{rich:component('workingPanel')}.show();"
161                                                                        rendered="#{savedGraphWizardModel.finishedReport}" />
162                                                        </h:panelGrid>
163                                                </a4j:form>
164                                        </div>
165                                </center>
166
167                        </rich:layoutPanel>
168
169                        <rich:layoutPanel position="right">
170
171                                <div class="stepbystepInstructions">
172                                        <h3 align="center">Instructions</h3>
173                                        <p>For each event type you added to this report, you can now
174                                                modify the set of series that you wish to graph. If all you want
175                                                is a single series with no filtering, you can simply click next.</p>
176                                        <p>However, if you wish to drill down into the data, then you
177                                                can do so by adding multiple series, and/or by adding filters to
178                                                each series. To add a new series, simply click the green add
179                                                button at the bottom left of the relevant event type pane. To add
180                                                filters to a particular series, click the add filter icon. For
181                                                each filter, choose the field that you want to filter on, the
182                                                filter operation, and the value to filter on. For example, to
183                                                filter the series for a particular department, you would choose
184                                                "principalInformation.school" "EQUALS" "[name of dept]". Or to
185                                                filter for a particular resource - "resourceid" "EQUALS"
186                                                "[identifier of resource]".</p>
187                                </div>
188
189                        </rich:layoutPanel>
190
191
192                </rich:layout>
193
194
195        </ui:define>
196</ui:composition>
Note: See TracBrowser for help on using the repository browser.