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

Revision 1745, 4.8 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="../working-panel.xhtml" />
32
33
34                <rich:layout>
35                        <rich:layoutPanel position="center" width="70%">
36                                <h:form>
37                                        <h4 align="left">
38                                                <h:commandLink value="Date Selection"
39                                                        action="date-selector" />
40                                                ->
41                                                <h:commandLink value="Select Event Type(s)"
42                                                        action="event-type-selector" />
43                                                ->
44                                                <h:commandLink value="Graph Type Selector"
45                                                        action="graph-type-selector" />
46                                                -> <h:commandLink value="Graph Series Selector" action="graph-series-selector"/>
47                                                -> Step 5. Graph Options Selector
48                                                <h:outputText rendered="#{savedGraphWizardModel.edittingReport}"
49                                                        style="color:red" value=" [EDIT]" />
50                                        </h4>
51                                </h:form>
52                                <center>
53
54                                        <div class="stepbystep">
55                                                <h:form id="graphOptionsForm">
56                                                        <h3 align="center">Please Select The Graph Options</h3>
57                                                        <br />
58
59                                                        <h:panelGrid columns="2">
60                                                                <h:outputText value="Graph Title:" style="font-weight: bold;" />
61                                                                <h:inputText style="width:100%;"
62                                                                        value="#{savedGraphWizardModel.graphWizardModel.graphTitle}" />
63                                                                <h:outputText value="Chart Type:" />
64                                                                <rich:comboBox selectFirstOnUpdate="false"
65                                                                        defaultLabel="Enter some value"
66                                                                        value="#{savedGraphWizardModel.graphWizardModel.chartOptions.graphType}">
67                                                                        <f:selectItems
68                                                                                value="#{savedGraphWizardModel.graphWizardModel.chartOptions.graphTypeList}" />
69                                                                </rich:comboBox>
70
71                                                                <h:outputText value="Orientation:" />
72                                                                <rich:comboBox
73                                                                        value="#{savedGraphWizardModel.graphWizardModel.chartOptions.orientation}">
74                                                                        <f:selectItems
75                                                                                value="#{savedGraphWizardModel.graphWizardModel.chartOptions.orientationTypeList}" />
76                                                                </rich:comboBox>
77
78                                                                <h:outputText value="Height in pixels:" />
79                                                                <h:inputText
80                                                                        value="#{savedGraphWizardModel.graphWizardModel.chartOptions.imageHeight}" />
81
82                                                                <h:outputText value="Label Position:" />
83                                                                <rich:comboBox selectFirstOnUpdate="false"
84                                                                        defaultLabel="Enter some value"
85                                                                        value="#{savedGraphWizardModel.graphWizardModel.chartOptions.xLabelPosition}">
86                                                                        <f:selectItems
87                                                                                value="#{savedGraphWizardModel.graphWizardModel.chartOptions.labelPositionsTypeList}" />
88                                                                </rich:comboBox>
89
90                                                        </h:panelGrid>
91
92                                                        <h:panelGrid columns="1" border="0">
93                                                                <h:messages style="color:darkred" id="error_message" />
94                                                        </h:panelGrid>
95
96
97                                                        <h:panelGrid columns="6">
98                                                                <h:commandButton value="Select Post Processors" action="next"
99                                                                        onclick="#{rich:component('workingPanel')}.show();" />
100                                                                <rich:spacer width="5px" />
101                                                                <h:commandButton value="back" action="back" />
102                                                                <rich:spacer width="5px" />
103                                                                <h:commandButton value="cancel" action="cancel" />
104                                                                <h:commandButton value="finish" action="finish"
105                                                                        onclick="#{rich:component('workingPanel')}.show();" />
106
107                                                        </h:panelGrid>
108                                                </h:form>
109                                        </div>
110                                </center>
111
112                        </rich:layoutPanel>
113
114                        <rich:layoutPanel position="right">
115
116                                <div class="stepbystepInstructions">
117                                        <h3 align="center">Instructions</h3>
118
119                                        The type of graph and its options can be customised. You can
120                                        change:
121                                        <ul>
122                                                <li>The Graph's title (note this is used on the graph itself
123                                                        and as the name the report will be saved as, should you choose to
124                                                        save the report for reuse.</li>
125                                                <li>Chart Type - Bar chart, Line chart, etc.</li>
126                                                <li>Orientation - whether you want each data grouping to be
127                                                        presented as columns or rows.</li>
128                                                <li>Height in pixels - how tall each graph should be.</li>
129                                                <li>Label Position - the orientation of the data labels for
130                                                        each column.</li>
131                                        </ul>
132                                </div>
133
134                        </rich:layoutPanel>
135
136
137                </rich:layout>
138
139
140        </ui:define>
141</ui:composition>
Note: See TracBrowser for help on using the repository browser.