Changeset 1507


Ignore:
Timestamp:
05/02/13 17:39:15 (6 years ago)
Author:
philsmart
Message:
 
Location:
raptor-web/trunk/src/main
Files:
2 added
18 edited
1 copied

Legend:

Unmodified
Added
Removed
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/engine/reports/BaseReportConstructor.java

    r1309 r1507  
    1717 * 
    1818 */ 
     19 
    1920package uk.ac.cardiff.raptorweb.engine.reports; 
    20  
    2121import org.slf4j.Logger; 
    2222import org.slf4j.LoggerFactory; 
     
    2424 
    2525import uk.ac.cardiff.raptorweb.model.WebSession; 
     26 
    2627 
    2728/** 
     
    3637    /** the location of the directory within the application that reports are saved to */ 
    3738    protected Resource saveDirectory; 
     39 
    3840    protected Resource baseDirectory; 
    3941 
     
    4345 
    4446        public String fileExtension; 
     47 
    4548        public String displayName; 
    4649 
     
    6568 
    6669    public abstract void generateReport(WebSession session); 
     70 
     71    /** 
     72     * Takes the given value as formats as a string using a 'sensible' formatting strategy e.g. if double with no 
     73     * decimal value then remove the decimal place on output. 
     74     *  
     75     *  
     76     * @param value 
     77     * @return 
     78     */ 
     79    protected String formatValueAsString(Object value) { 
     80        log.trace("Formatting value [{}] as type [{}]", value, value.getClass()); 
     81        if (value instanceof Double) { 
     82            double d = (Double) value; 
     83            if (d % 1 == 0) { 
     84                int dAsInt = (int) d; 
     85                return Integer.toString(dAsInt); 
     86            } 
     87        } 
     88        return value.toString(); 
     89 
     90    } 
    6791 
    6892    public void setSaveDirectory(Resource saveDirectory) { 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/engine/reports/CSVReportGenerator.java

    r1309 r1507  
    1717 * 
    1818 */ 
     19 
    1920package uk.ac.cardiff.raptorweb.engine.reports; 
    2021 
     
    4344    private final Logger log = LoggerFactory.getLogger(CSVReportGenerator.class); 
    4445 
     46    @Override 
    4547    public void generateReport(WebSession session) { 
    4648        log.info("Generating CSV Report {}", session.getGraphmodel().getSelectedStatisticalUnit()); 
     
    6163            java.util.Date date = new java.util.Date(); 
    6264 
    63             String fileName = session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation().getStatisticParameters().getUnitName().replaceAll(" ", "") + "-" 
    64                     + dateFormat.format(date) + ".csv"; 
     65            String fileName = 
     66                    session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation() 
     67                            .getStatisticParameters().getUnitName().replaceAll(" ", "") 
     68                            + "-" + dateFormat.format(date) + ".csv"; 
    6569            if (!session.getGraphmodel().getDownloadFilename().equals("")) { 
    6670                fileName = session.getGraphmodel().getDownloadFilename() + ".csv"; 
     
    7175 
    7276            int rowCount = 0; 
    73             for (int lineCount = 0; lineCount < maxNoRows(session.getGraphmodel().getCurrentTableGraph()); lineCount++) { 
     77            for (int lineCount = 0; lineCount <= maxNoRows(session.getGraphmodel().getCurrentTableGraph()); lineCount++) { 
    7478                if (lineCount == 0) { 
    7579                    // do headers 
     
    8084                } else { 
    8185                    for (TableSeries tseries : session.getGraphmodel().getCurrentTableGraph().getTableSeries()) { 
    82                         if (tseries.getRows().size() > rowCount) 
    83                             document.append(tseries.getRows().get(rowCount).getGroup() + "," + tseries.getRows().get(rowCount).getValue() + ","); 
     86                        if (tseries.getRows().size() > rowCount) { 
     87                            document.append(tseries.getRows().get(rowCount).getGroup() + "," 
     88                                    + formatValueAsString(tseries.getRows().get(rowCount).getValue()) + ","); 
     89                        } 
    8490                    } 
    8591                    document.append("\n"); 
     
    94100            relativePath = dir.getAbsolutePath().replace(baseDirectory.getFile().getAbsolutePath(), ""); 
    95101            Date now = new Date(System.currentTimeMillis()); 
    96             session.getReportmodel().addReportForDownload(dir, relativePath, now, this.getHandledReportType().displayName); 
     102            session.getReportmodel().addReportForDownload(dir, relativePath, now, 
     103                    this.getHandledReportType().displayName); 
    97104            log.debug("CSV Report Created At: " + relativePath); 
    98105 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/engine/reports/GraphAndChartPDFReportGenerator.java

    r1371 r1507  
    1414 * limitations under the License. 
    1515 */ 
     16 
    1617package uk.ac.cardiff.raptorweb.engine.reports; 
    1718 
     
    8081     * (non-Javadoc) 
    8182     *  
    82      * @see uk.ac.cardiff.raptorweb.engine.reports.ReportConstructor#generateReport(uk.ac.cardiff.raptorweb.model.WebSession) 
     83     * @see 
     84     * uk.ac.cardiff.raptorweb.engine.reports.ReportConstructor#generateReport(uk.ac.cardiff.raptorweb.model.WebSession) 
    8385     */ 
    8486    @Override 
    8587    public void generateReport(WebSession session) { 
    8688        // TODO there are common setup and store aspects to all reports that should be pushed higher 
    87         log.info("Generating PDF report for both graph and chart, for {}", session.getGraphmodel().getSelectedStatisticalUnit()); 
     89        log.info("Generating PDF report for both graph and chart, for {}", session.getGraphmodel() 
     90                .getSelectedStatisticalUnit()); 
    8891 
    8992        try { 
     
    102105            java.util.Date date = new java.util.Date(); 
    103106 
    104             String fileName = session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation().getStatisticParameters().getUnitName().replaceAll(" ", "") + "-" 
    105                     + dateFormat.format(date) + ".pdf"; 
     107            String fileName = 
     108                    session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation() 
     109                            .getStatisticParameters().getUnitName().replaceAll(" ", "") 
     110                            + "-" + dateFormat.format(date) + ".pdf"; 
    106111            if (!session.getGraphmodel().getDownloadFilename().equals("")) { 
    107112                fileName = session.getGraphmodel().getDownloadFilename() + ".pdf"; 
     
    110115            log.debug("Complete file directory to PDF is {}", dir); 
    111116 
    112             File reportTemplateXMLFile = new File(baseDirectory.getFile().getCanonicalPath() + "/report-templates/" + reportXMLFile); 
     117            File reportTemplateXMLFile = 
     118                    new File(baseDirectory.getFile().getCanonicalPath() + "/report-templates/" + reportXMLFile); 
    113119            log.debug("Report template XML file is at {}", reportTemplateXMLFile); 
    114120 
     
    121127            log.debug("Report can be downloaded from {}", relativePath); 
    122128 
    123             session.getReportmodel().addReportForDownload(dir, relativePath, now, this.getHandledReportType().displayName); 
    124             log.info("Successfully created PDF...{}", session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation().getStatisticParameters().getUnitName()); 
     129            session.getReportmodel().addReportForDownload(dir, relativePath, now, 
     130                    this.getHandledReportType().displayName); 
     131            log.info("Successfully created PDF...{}", session.getGraphmodel().getSelectedStatisticalUnit() 
     132                    .getStatisticalUnitInformation().getStatisticParameters().getUnitName()); 
    125133 
    126134        } catch (JRException e) { 
     
    137145     * Construct report. 
    138146     *  
    139      * @param reportTemplateXMLFile 
    140      *            the report template xml file 
    141      * @param session 
    142      *            the session 
     147     * @param reportTemplateXMLFile the report template xml file 
     148     * @param session the session 
    143149     * @return the jasper print 
    144      * @throws IOException 
    145      *             Signals that an I/O exception has occurred. 
    146      * @throws JRException 
    147      *             the jR exception 
    148      * @throws ColumnBuilderException 
    149      *             the column builder exception 
    150      */ 
    151     private JasperPrint constructReport(File reportTemplateXMLFile, WebSession session) throws IOException, JRException, ColumnBuilderException { 
     150     * @throws IOException Signals that an I/O exception has occurred. 
     151     * @throws JRException the jR exception 
     152     * @throws ColumnBuilderException the column builder exception 
     153     */ 
     154    private JasperPrint constructReport(File reportTemplateXMLFile, WebSession session) throws IOException, 
     155            JRException, ColumnBuilderException { 
    152156        log.info("Constructing Report Using DynamicJasper"); 
    153157 
     
    168172            headerCount = 1; 
    169173            while (it.hasNext()) { 
    170                 String value = it.next().toString(); 
     174                String value = formatValueAsString(it.next()); 
    171175                data[rowCount][headerCount++] = value; 
    172176            } 
     
    206210                // group category 
    207211                String key = headings[i]; 
    208                 AbstractColumn column = ColumnBuilder.getNew().setColumnProperty(key, String.class.getName()).setTitle(key).setWidth(new Integer(100)).setStyle(columDetailWhiteBold).build(); 
     212                AbstractColumn column = 
     213                        ColumnBuilder.getNew().setColumnProperty(key, String.class.getName()).setTitle(key) 
     214                                .setWidth(new Integer(100)).setStyle(columDetailWhiteBold).build(); 
    209215                column.setHeaderStyle(titleStyle); 
    210216                drb.addColumn(column); 
    211217            } else { 
    212218                String key = headings[i]; 
    213                 AbstractColumn column = ColumnBuilder.getNew().setColumnProperty(key, String.class.getName()).setTitle(key).setWidth(new Integer(100)).setStyle(columDetailWhite).build(); 
     219                AbstractColumn column = 
     220                        ColumnBuilder.getNew().setColumnProperty(key, String.class.getName()).setTitle(key) 
     221                                .setWidth(new Integer(100)).setStyle(columDetailWhite).build(); 
    214222                column.setHeaderStyle(titleStyle); 
    215223                drb.addColumn(column); 
     
    226234 
    227235        // add any additional parameters that are mapped to the template 
    228         BufferedImage image = ChartProcessor.extractBufferedImage(session.getGraphmodel().getCurrentJFreeGraph().getChart(), session.getGraphmodel().getChartOptions()); 
     236        BufferedImage image = 
     237                ChartProcessor.extractBufferedImage(session.getGraphmodel().getCurrentJFreeGraph().getChart(), session 
     238                        .getGraphmodel().getChartOptions()); 
    229239 
    230240        Map<String, Object> parameters = new HashMap<String, Object>(); 
    231241        parameters.put("image", image); 
    232242        parameters.put("query", constructQueryString(session)); 
    233         parameters.put("subtitle", session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation().getStatisticParameters().getPresentation().getGraphTitle()); 
     243        parameters.put("subtitle", session.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation() 
     244                .getStatisticParameters().getPresentation().getGraphTitle()); 
    234245        log.debug("Map: " + parameters); 
    235246 
     
    242253    private String constructQueryString(WebSession webSession) { 
    243254        StringBuilder builder = new StringBuilder(); 
    244         StatisticParameters params = webSession.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation().getStatisticParameters(); 
     255        StatisticParameters params = 
     256                webSession.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation() 
     257                        .getStatisticParameters(); 
    245258        builder.append("Start: "); 
    246259        builder.append(params.getStartTime()); 
     
    255268     * Max no rows. 
    256269     *  
    257      * @param currentTableGraph 
    258      *            the current table graph 
     270     * @param currentTableGraph the current table graph 
    259271     * @return the int 
    260272     */ 
     
    281293     * Sets the report bean. 
    282294     *  
    283      * @param reportBean 
    284      *            the new report bean 
     295     * @param reportBean the new report bean 
    285296     */ 
    286297    public void setReportBean(GenericReportBean reportBean) { 
     
    300311     * Sets the report xml file. 
    301312     *  
    302      * @param reportXMLFile 
    303      *            the new report xml file 
     313     * @param reportXMLFile the new report xml file 
    304314     */ 
    305315    public void setReportXMLFile(String reportXMLFile) { 
     
    317327 
    318328    /** 
    319      * @param eventTypeMapper 
    320      *            the eventTypeMapper to set 
     329     * @param eventTypeMapper the eventTypeMapper to set 
    321330     */ 
    322331    public void setEventTypeMapper(EventTypeDisplayMapper eventTypeMapper) { 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/model/records/Row.java

    r899 r1507  
    1717 * 
    1818 */ 
     19 
    1920package uk.ac.cardiff.raptorweb.model.records; 
    2021 
     
    2324/** 
    2425 * @author philsmart 
    25  * 
     26 *  
    2627 */ 
    27 public class Row<T> implements Serializable{ 
     28public class Row<T> implements Serializable { 
    2829 
    29         private String group; 
    30         private T value; 
     30    /** 
     31     * generated serial UID. 
     32     */ 
     33    private static final long serialVersionUID = 2112198267005805940L; 
    3134 
    32         public void setValue(T value) { 
    33                 this.value = value; 
    34         } 
    35         public T getValue() { 
    36                 return value; 
    37         } 
    38         public String getStringValue(){ 
    39             return value.toString(); 
    40         } 
    41         public void setGroup(String group) { 
    42             this.group = group; 
    43         } 
    44         public String getGroup() { 
    45             return group; 
    46         } 
     35    private String group; 
    4736 
     37    private T value; 
     38 
     39    public void setValue(T value) { 
     40        this.value = value; 
     41    } 
     42 
     43    public T getValue() { 
     44        return value; 
     45    } 
     46 
     47    public String getStringValue() { 
     48        return value.toString(); 
     49    } 
     50 
     51    public void setGroup(String group) { 
     52        this.group = group; 
     53    } 
     54 
     55    public String getGroup() { 
     56        return group; 
     57    } 
    4858 
    4959} 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/sei/ServiceEndpointClient.java

    r1506 r1507  
    292292            MultiUnitAggregator client = getEndpointConnection(endpoint); 
    293293            log.debug("Accessing the MUA version " + client.getVersion()); 
     294            log.trace("Sending end date [{}] and start date [{}]", statisticalUnit.getStatisticParameters() 
     295                    .getEndTimeAsDate(), statisticalUnit.getStatisticParameters().getStartTimeAsDate()); 
    294296            AggregatorGraphModel gmodel = client.updateAndInvokeStatisticalUnit(statisticalUnit); 
    295297            log.debug("Retrieved Graph Model from the MUA [" + endpoint.getServiceEndpoint() + "]"); 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/service/impl/GraphServiceImpl.java

    r1491 r1507  
    198198    @Override 
    199199    public void updateAndInvokeStatisticalUnit(WebSession websession) { 
     200        if (validate(websession) == false) { 
     201            log.error("Could not validate graph options, nothing to return"); 
     202            return; 
     203        } 
    200204        GraphModel model = websession.getGraphmodel(); 
    201205        log.info("Graph Service Updating and Invoking {}", model.getSelectedStatisticalUnit() 
     
    208212    } 
    209213 
     214    private boolean validate(WebSession websession) { 
     215        if (websession.getGraphmodel().getSelectedStatisticalUnit().getStatisticalUnitInformation() 
     216                .getStatisticParameters().getSeries().size() == 0) { 
     217            log.error("No series defined, graph can not be produced"); 
     218            websession.getGraphmodel().setProcessingResult("No series defined, graph can not be produced"); 
     219            return false; 
     220        } 
     221        return true; 
     222    } 
     223 
    210224    private void setGraphModel(GraphModel model, AggregatorGraphModel gmodel) { 
    211225        model.setRawGraphModel(gmodel); 
     
    220234            model.setCurrentTableGraph(null); 
    221235            model.setCurrentGraph(null); 
     236            model.setCurrentJFreeGraph(null); 
    222237            model.setProcessingResult("The statistic failed to produce a graphable result [" 
    223238                    + uk.ac.cardiff.raptor.runtimeutils.DateUtils.getCurrentTimeFormatted() + "]"); 
  • raptor-web/trunk/src/main/java/uk/ac/cardiff/raptorweb/service/impl/GraphWizardServiceImpl.java

    r1506 r1507  
    212212 
    213213    public void invokeStatisticalUnitInformationDynamic(GraphWizardModel model) { 
    214  
     214        log.debug("Invoking graph wizard model which is null =  {}", (model == null)); 
    215215        for (GraphSet set : model.getGraphSets()) { 
    216216            if (set.getDynamicStatisticalUnitInformation() == null) { 
  • raptor-web/trunk/src/main/webapp/WEB-INF/config/web-core.xml

    r1491 r1507  
    2828 
    2929 
     30    <!-- View Validators --> 
     31    <bean id="savedGraphWizardModelValidator" class="uk.ac.cardiff.raptorweb.validators.SavedGraphWizardModelValidator"/> 
     32 
    3033 
    3134    <bean id="setupService" class="uk.ac.cardiff.raptorweb.service.impl.SetupServiceImpl"> 
     
    188191        <property name="triggers"> 
    189192            <list> 
    190                 <!-- <ref local="SystemStatsQuickTrigger"/> --> 
     193               <!-- <ref local="SystemStatsQuickTrigger"/> --> 
    191194            </list> 
    192195        </property> 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/graph-wizard-subflow.xml

    r1506 r1507  
    3333     
    3434 
    35     <view-state id="dateSelector" view="wizard/date-selector.xhtml"> 
     35    <view-state id="dateSelector" view="wizard/date-selector.xhtml" model="savedGraphWizardModel"> 
    3636        <on-entry> 
    3737            <evaluate expression="graphWizardService.computeCurrentTimeRange(savedGraphWizardModel.graphWizardModel)" /> 
     
    4646    </view-state> 
    4747 
    48     <view-state id="eventTypeSelector" view="wizard/event-types-selector.xhtml"> 
    49         <transition on="addEventType"> 
     48    <view-state id="eventTypeSelector" view="wizard/event-types-selector.xhtml" model="savedGraphWizardModel"> 
     49        <transition on="addEventType" validate="false"> 
    5050            <evaluate expression="savedGraphWizardModel.graphWizardModel.saveEventType()" /> 
    5151        </transition> 
    5252 
    53         <transition on="removeEventType"> 
     53        <transition on="removeEventType" validate="false"> 
    5454            <evaluate expression="savedGraphWizardModel.graphWizardModel.removeEventType()" /> 
    5555        </transition> 
    5656 
    57         <transition on="next" to="graphTypeSelector" /> 
    58         <transition on="back" to="dateSelector" /> 
    59         <transition on="cancel" to="cancelWizard" /> 
     57        <transition on="next" to="graphTypeSelector"/> 
     58        <transition on="back" to="dateSelector"  validate="false"/> 
     59        <transition on="cancel" to="cancelWizard" validate="false"/> 
    6060    </view-state> 
    6161 
    62     <view-state id="graphTypeSelector" view="wizard/graph-type-selector.xhtml"> 
     62    <view-state id="graphTypeSelector" view="wizard/graph-type-selector.xhtml" model="savedGraphWizardModel"> 
    6363 
    64         <transition on="lookupStatistic"> 
     64        <transition on="lookupStatistic" validate="false"> 
    6565            <evaluate expression="graphWizardService.lookupStatisticalUnitInformation(savedGraphWizardModel.graphWizardModel)" /> 
    6666        </transition> 
    6767        <transition on="next" to="graphSeriesSelector" /> 
    68         <transition on="back" to="eventTypeSelector" /> 
    69         <transition on="cancel" to="cancelWizard" /> 
     68        <transition on="back" to="eventTypeSelector" validate="false"/> 
     69        <transition on="cancel" to="cancelWizard" validate="false"/> 
    7070    </view-state> 
    7171 
    72     <view-state id="graphSeriesSelector" view="wizard/graph-series-selector.xhtml"> 
    73         <transition on="addSeriesToSelectedStatistic"> 
     72    <view-state id="graphSeriesSelector" view="wizard/graph-series-selector.xhtml" model="savedGraphWizardModel"> 
     73        <transition on="addSeriesToSelectedStatistic" validate="false"> 
    7474            <evaluate expression="graphWizardService.addSeriesToSelectedStatistic(savedGraphWizardModel.graphWizardModel)"></evaluate> 
    7575        </transition> 
    76         <transition on="addFilterToSelectedSeries"> 
     76        <transition on="addFilterToSelectedSeries" validate="false"> 
    7777            <evaluate expression="graphWizardService.addFilterToSelectedSeries(savedGraphWizardModel.graphWizardModel)"></evaluate> 
    7878        </transition> 
    79         <transition on="removeSeriesFromSelectedStatistic"> 
     79        <transition on="removeSeriesFromSelectedStatistic" validate="false"> 
    8080            <evaluate expression="graphWizardService.removeSeriesFromSelectedStatistic(savedGraphWizardModel.graphWizardModel)" /> 
    8181        </transition> 
    82         <transition on="removeSelectedFilterFromSelectedStatistic"> 
     82        <transition on="removeSelectedFilterFromSelectedStatistic" validate="false"> 
    8383            <evaluate expression="graphWizardService.removeSelectedFilterFromSelectedStatistic(savedGraphWizardModel.graphWizardModel)" /> 
    8484        </transition> 
    8585 
    8686        <transition on="next" to="graphProcessorSelector" /> 
    87         <transition on="back" to="graphTypeSelector" /> 
    88         <transition on="cancel" to="cancelWizard" /> 
     87        <transition on="back" to="graphTypeSelector" validate="false" /> 
     88        <transition on="cancel" to="cancelWizard" validate="false"/> 
    8989    </view-state> 
    9090 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/graphicalReports.xhtml

    r1371 r1507  
    409409                                                                        <rich:spacer width="10px" /> 
    410410 
    411                                                                         <a4j:commandButton value="refresh" action="rerenderGraph"> 
    412                                                                                 <a4j:support ajaxSingle="true" event="oncomplete" 
    413                                                                                         reRender="graphImage" /> 
    414                                                                         </a4j:commandButton> 
     411                                                                        <h:commandButton value="refresh" onclick="#{rich:component('workingPanel')}.show();" 
     412                                                                        action="rerenderGraph" reRender="graphImage"/> 
     413                                         
    415414 
    416415                                                                </h:panelGrid> 
     
    547546                                                                </f:facet> 
    548547                                                        </rich:dataTable> 
    549  
    550  
    551548                                                </rich:tab> 
    552  
    553549                                        </rich:tabPanel> 
    554  
    555  
    556550                                </a4j:form> 
    557  
    558  
    559  
    560  
    561551                        </rich:layoutPanel> 
    562552 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/date-selector.xhtml

    r1503 r1507  
    3232 
    3333                <rich:layout> 
    34                         <rich:layoutPanel position="top"> 
    35                                 <h4 align="left">Step 1. Date Selection <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4>  
     34                        <rich:layoutPanel position="center" width="70%"> 
     35                                <h4 align="left"> 
     36                                        Step 1. Date Selection 
     37                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     38                                                style="color:red" value=" [EDIT]" /> 
     39                                </h4> 
    3640                                <center> 
    3741                                        <div class="stepbystep"> 
     
    5054                                                                                        value="#{savedGraphWizardModel.graphWizardModel.qualitativeTimeRangeSelectItems}" /> 
    5155                                                                        </h:selectOneMenu> 
    52                                                                          
     56 
    5357                                                                        <ul> 
    5458                                                                                <li>Start Date: <i>#{savedGraphWizardModel.graphWizardModel.currentStartTimeActualFormatted}</i></li> 
     
    7276                        </rich:layoutPanel> 
    7377 
     78                        <rich:layoutPanel position="right"> 
     79 
     80                                <div class="stepbystepInstructions"> 
     81                                        <h3 align="center">Instructions</h3> 
     82 
     83                                        Please select from one of the various time options: 
     84                                        <ul> 
     85                                                <li>Last month - the previous complete calendar month.</li> 
     86                                                <li>Today minus one week - The last week, including today.</li> 
     87                                                <li>Today minus one month - The last month, including today.</li> 
     88                                                <li>Today minus one year - The last year, including today.</li> 
     89                                                <li>Previous SCONUL year - the previous complete SCONUL year 
     90                                                        (i.e. Aug 1st to July 31st)</li> 
     91                                        </ul> 
     92                                </div> 
     93 
     94                        </rich:layoutPanel> 
     95 
    7496 
    7597                </rich:layout> 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/event-types-selector.xhtml

    r1503 r1507  
    3232 
    3333                <rich:layout> 
    34                         <rich:layoutPanel position="top"> 
    35                                 <h4 align="left">Step 2. Select Event Type(s) <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     34                        <rich:layoutPanel position="center" width="70%">> 
     35                                <h4 align="left">Step 2. Select Event Type(s) 
     36                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     37                                                style="color:red" value=" [EDIT]" /> 
     38                                </h4> 
    3639                                <center> 
    3740                                        <div class="stepbystep"> 
     
    4346                                                                        value="#{savedGraphWizardModel.graphWizardModel.tmpSelectedEventType}"> 
    4447                                                                        <f:selectItems value="#{eventTypeService.eventTypeList}" /> 
     48                                                                        <!-- <a4j:support event="onchange" /> --> 
    4549                                                                </h:selectOneMenu> 
    4650                                                                <a4j:commandButton value="add" reRender="event-type-select-form" 
     
    7175                                                                </rich:column> 
    7276                                                        </rich:dataTable> 
     77                                                        <h:panelGrid columns="1" border="0"> 
     78                                                                <h:messages style="color:darkred" id="error_message"/> 
     79                                                        </h:panelGrid> 
    7380 
    7481                                                        <rich:spacer height="10px" /> 
     
    8693 
    8794                        </rich:layoutPanel> 
     95                         
     96                        <rich:layoutPanel position="right"> 
     97 
     98                <div class="stepbystepInstructions"> 
     99                    <h3 align="center">Instructions</h3> 
     100 
     101                    The wizard can be used to display one or more of the event types 
     102                    that Raptor supports. For each type that you want to report on, 
     103                    choose it from the drop down and click the "add" button. 
     104                </div> 
     105 
     106            </rich:layoutPanel> 
    88107 
    89108 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/graph-options-selector.xhtml

    r1503 r1507  
    3333 
    3434                <rich:layout> 
    35                         <rich:layoutPanel position="top"> 
    36                                 <h4 align="left">Step 6. Graph Options Selector <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     35                        <rich:layoutPanel position="center" width="70%"> 
     36                                <h4 align="left"> 
     37                                        Step 6. Graph Options Selector 
     38                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     39                                                style="color:red" value=" [EDIT]" /> 
     40                                </h4> 
    3741                                <center> 
    3842 
     
    9296                        </rich:layoutPanel> 
    9397 
     98                        <rich:layoutPanel position="right"> 
     99 
     100                                <div class="stepbystepInstructions"> 
     101                                        <h3 align="center">Instructions</h3> 
     102 
     103                                        The type of graph and its options can be customised. You can 
     104                                        change: 
     105                                        <ul> 
     106                                                <li>The Graph's title (note this is used on the graph itself 
     107                                                        and as the name the report will be saved as, should you choose to 
     108                                                        save the report for reuse.</li> 
     109                                                <li>Chart Type - Bar chart, Line chart, etc.</li> 
     110                                                <li>Orientation - whether you want each data grouping to be 
     111                                                        presented as columns or rows.</li> 
     112                                                <li>Height in pixels - how tall each graph should be.</li> 
     113                                                <li>Label Position - the orientation of the data labels for 
     114                                                        each column.</li> 
     115                                        </ul> 
     116                                </div> 
     117 
     118                        </rich:layoutPanel> 
     119 
    94120 
    95121                </rich:layout> 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/graph-processor-selector.xhtml

    r1503 r1507  
    3030        <ui:define name="content"> 
    3131                <a4j:include viewId="wizard-add-processor-panel.xhtml" /> 
    32         <a4j:include viewId="wizard-edit-processor.panel.xhtml" /> 
     32                <a4j:include viewId="wizard-edit-processor.panel.xhtml" /> 
    3333 
    3434                <rich:layout> 
    35                         <rich:layoutPanel position="top"> 
    36                                 <h4 align="left">Step 5. Graph Post Processor Selector <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     35                        <rich:layoutPanel position="center" width="70%"> 
     36                                <h4 align="left"> 
     37                                        Step 5. Graph Post Processor Selector 
     38                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     39                                                style="color:red" value=" [EDIT]" /> 
     40                                </h4> 
    3741                                <center> 
    3842                                        <div class="stepbystep"> 
     
    4145                                                <a4j:form> 
    4246 
    43                                                         <rich:dataGrid value="#{savedGraphWizardModel.graphWizardModel.graphSets}" var="graph" 
    44                                                                 columns="1" width="100%" style="border:3px" 
     47                                                        <rich:dataGrid 
     48                                                                value="#{savedGraphWizardModel.graphWizardModel.graphSets}" 
     49                                                                var="graph" columns="1" width="100%" style="border:3px" 
    4550                                                                styleClass="simpleTable"> 
    4651                                                                <b>Event:</b> 
     
    7176                                                                                        <f:setPropertyActionListener value="#{processor}" 
    7277                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedPostProcessor}" /> 
    73                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     78                                                                                        <f:setPropertyActionListener value="#{graph}" 
     79                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    7480                                                                                </a4j:commandLink> 
    7581 
     
    8995                                                                                        <f:setPropertyActionListener value="#{processor}" 
    9096                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedPostProcessor}" /> 
    91                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     97                                                                                        <f:setPropertyActionListener value="#{graph}" 
     98                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    9299                                                                                </a4j:commandLink> 
    93100 
     
    101108                                                                                        <h:graphicImage id="addPostProcessorImage" 
    102109                                                                                                style="width:20px;" value="/image/icon/onebit_31.png" /> 
    103                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     110                                                                                        <f:setPropertyActionListener value="#{graph}" 
     111                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    104112                                                                                </a4j:commandLink> 
    105113 
     
    124132                        </rich:layoutPanel> 
    125133 
     134                        <rich:layoutPanel position="right"> 
     135 
     136                                <div class="stepbystepInstructions"> 
     137                                        <h3 align="center">Instructions</h3> 
     138 
     139                                        For each event type you added to this report, you can now perform 
     140                                        some optional post-processing of the results that you wish to 
     141                                        graph. This includes such things as sorting the results, etc. If 
     142                                        you just want the data presented as-is, simply click next. 
     143                                </div> 
     144 
     145                        </rich:layoutPanel> 
     146 
    126147 
    127148                </rich:layout> 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/graph-series-selector.xhtml

    r1503 r1507  
    3232 
    3333                <rich:layout> 
    34                         <rich:layoutPanel position="top"> 
    35                                 <h4 align="left">Step 4. Graph Series Selector <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     34                        <rich:layoutPanel position="center" width="70%"> 
     35                                <h4 align="left"> 
     36                                        Step 4. Graph Series Selector 
     37                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     38                                                style="color:red" value=" [EDIT]" /> 
     39                                </h4> 
    3640                                <center> 
    3741                                        <div class="stepbystep"> 
     
    4145                                                <a4j:form> 
    4246 
    43                                                         <rich:dataGrid value="#{savedGraphWizardModel.graphWizardModel.graphSets}" var="graph" 
    44                                                                 columns="1" width="100%" style="border:3px" 
     47                                                        <rich:dataGrid 
     48                                                                value="#{savedGraphWizardModel.graphWizardModel.graphSets}" 
     49                                                                var="graph" columns="1" width="100%" style="border:3px" 
    4550                                                                styleClass="simpleTable"> 
    46                                 <b>Event:</b><h:outputText value=" #{graph.eventType}"/> 
     51                                                                <b>Event:</b> 
     52                                                                <h:outputText value=" #{graph.eventType}" /> 
    4753                                                                <rich:dataTable id="seriesTableWizard" 
    4854                                                                        value="#{graph.statisticalUnitInformation.statisticalUnitInformation.statisticParameters.series}" 
     
    5864                                                                                        <h:graphicImage style="width:20px" 
    5965                                                                                                value="/image/icon/onebit_31.png" /> 
    60                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     66                                                                                        <f:setPropertyActionListener value="#{graph}" 
     67                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    6168                                                                                </a4j:commandLink> 
    6269 
     
    9097                                                                                        <f:setPropertyActionListener value="#{series}" 
    9198                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" /> 
    92                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     99                                                                                        <f:setPropertyActionListener value="#{graph}" 
     100                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    93101                                                                                </a4j:commandLink> 
    94102                                                                                <a4j:commandLink immediate="true" 
     
    103111                                                                                        <f:setPropertyActionListener value="#{series}" 
    104112                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" /> 
    105                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     113                                                                                        <f:setPropertyActionListener value="#{graph}" 
     114                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    106115                                                                                </a4j:commandLink> 
    107116 
     
    113122                                                                                <a4j:commandLink immediate="true" 
    114123                                                                                        action="removeSeriesFromSelectedStatistic" 
    115                                                                                         id="removeSeriesLink" reRender="seriesModalPanel,seriesTableWizard"> 
     124                                                                                        id="removeSeriesLink" 
     125                                                                                        reRender="seriesModalPanel,seriesTableWizard"> 
    116126                                                                                        <h:graphicImage 
    117127                                                                                                style="width:20px; border:0; margin-left: auto;margin-right: auto;" 
     
    119129                                                                                        <f:setPropertyActionListener value="#{series}" 
    120130                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedSeries}" /> 
    121                                                                                                 <f:setPropertyActionListener value="#{graph}" target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}"/> 
     131                                                                                        <f:setPropertyActionListener value="#{graph}" 
     132                                                                                                target="#{savedGraphWizardModel.graphWizardModel.selectedGraphSet}" /> 
    122133                                                                                </a4j:commandLink> 
    123134 
     
    126137                                                                </rich:dataTable> 
    127138                                                        </rich:dataGrid> 
     139 
     140                                                        <h:panelGrid columns="1" border="0"> 
     141                                                                <h:messages style="color:darkred" id="error_message" /> 
     142                                                        </h:panelGrid> 
    128143 
    129144                                                        <h:panelGrid columns="5"> 
     
    140155                        </rich:layoutPanel> 
    141156 
     157                        <rich:layoutPanel position="right"> 
     158 
     159                                <div class="stepbystepInstructions"> 
     160                                        <h3 align="center">Instructions</h3> 
     161                    <p> 
     162                                        For each event type you added to this report, you can now modify 
     163                                        the set of series that you wish to graph. If all you want is a 
     164                                        single series with no filtering, you can simply click next. 
     165                                        </p> 
     166                    <p> 
     167                                        However, if you wish to drill down into the data, then you can do 
     168                                        so by adding multiple series, and/or by adding filters to each 
     169                                        series. To add a new series, simply click the green add button at 
     170                                        the bottom left of the relevant event type pane. To add filters to 
     171                                        a particular series, click the add filter icon. For each filter, 
     172                                        choose the field that you want to filter on, the filter operation, 
     173                                        and the value to filter on. For example, to filter the series for a 
     174                                        particular department, you would choose 
     175                                        "principalInformation.school" "EQUALS" "[name of dept]". Or to 
     176                                        filter for a particular resource - "resourceid" "EQUALS" 
     177                                        "[identifier of resource]". 
     178                                        </p> 
     179                                </div> 
     180 
     181                        </rich:layoutPanel> 
     182 
    142183 
    143184                </rich:layout> 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/graph-type-selector.xhtml

    r1503 r1507  
    3232 
    3333                <rich:layout> 
    34                         <rich:layoutPanel position="top"> 
    35                                 <h4 align="left">Step 3. Graph Type Selector <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     34                        <rich:layoutPanel position="center" width="70%"> 
     35                                <h4 align="left"> 
     36                                        Step 3. Graph Type Selector 
     37                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     38                                                style="color:red" value=" [EDIT]" /> 
     39                                </h4> 
    3640                                <center> 
    3741                                        <div class="stepbystep"> 
     
    8993 
    9094                                                </rich:dataGrid> 
     95                                                <h:panelGrid columns="1" border="0"> 
     96                                                        <h:messages style="color:darkred" id="error_message" /> 
     97                                                </h:panelGrid> 
    9198 
    9299 
     
    108115 
    109116 
     117                        <rich:layoutPanel position="right"> 
     118 
     119                                <div class="stepbystepInstructions"> 
     120                                        <h3 align="center">Instructions</h3> 
     121 
     122                                        For each event type that you added in the previous step, you can 
     123                                        choose which function you wish to run. What functions are available 
     124                                        will depend on the event type. 
     125                                </div> 
     126 
     127                        </rich:layoutPanel> 
     128 
     129 
    110130                </rich:layout> 
    111131 
  • raptor-web/trunk/src/main/webapp/WEB-INF/flows/reports/wizard/graph-wizard-results.xhtml

    r1503 r1507  
    3333                <rich:layout> 
    3434                        <rich:layoutPanel position="top"> 
    35                          
    36                                 <h4 align="left">Step 8. Results <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" style="color:red" value=" [EDIT]"/></h4> 
     35 
     36                                <h4 align="left"> 
     37                                        Step 8. Results 
     38                                        <h:outputText rendered="#{savedGraphWizardModel.edittingReport}" 
     39                                                style="color:red" value=" [EDIT]" /> 
     40                                </h4> 
    3741                                <center> 
    3842 
     
    4549                                                        <rich:spacer width="5px" /> 
    4650                                                        <h:commandButton value="save" action="save" /> 
    47                                                          
     51 
    4852                                                </h:panelGrid> 
    49                         <h:messages showSummary="#{true}" layout="table" rendered="${not empty flowRequestContext.messageContext.allMessages}" 
    50                             infoClass="info" errorClass="error"/> 
     53                                                <h:messages showSummary="#{true}" layout="table" 
     54                                                        rendered="${not empty flowRequestContext.messageContext.allMessages}" 
     55                                                        infoClass="info" errorClass="error" /> 
    5156 
    5257 
     
    5560                                                        var="graph" 
    5661                                                        columns="#{savedGraphWizardModel.graphWizardModel.resultColumns}" 
    57                                                         width="100%" style="border:0px"> 
     62                                                        width="100%"> 
    5863 
    59  
    60                                                         <rich:tabPanel height="450" selectedTab="graph" 
     64                                                        <rich:tabPanel  selectedTab="graph" 
    6165                                                                switchType="client"> 
    6266 
     
    6771                                                                                width="100%" /> 
    6872 
    69                                                                         <!-- display a graphic to represent a failed graph --> 
     73 
    7074                                                                        <h:graphicImage id="graphImage" 
    7175                                                                                rendered="#{empty graph.graphModel}" value="/image/stats.png" 
     
    7781                                                                </rich:tab> 
    7882 
    79                                                                 <rich:tab name="Download" label="Download"> 
     83                                                        </rich:tabPanel> 
    8084 
    81                                                                         <rich:panel style="padding:0" headerClass="outpanelHeader"> 
    82                                                                                 <f:facet name="header"> 
    83  
    84                                                                                 </f:facet> 
    85                                                                                 <rich:spacer height="5px" /> 
    86                                                                                 <h:outputText 
    87                                                                                         value="Enter a filename, or leave blank if you want one to be automatically generated" /> 
    88                                                                                 <rich:spacer height="5px" /> 
    89                                                                                 <h:panelGrid columns="3"> 
    90  
    91                                                                                         <h:graphicImage style="cursor: pointer" 
    92                                                                                                 value="/image/arrow.png" /> 
    93                                                                                         <h:outputText value="Filename:" /> 
    94                                                                                         <h:inputText 
    95                                                                                                 value="#{savedGraphWizardModel.graphWizardModel.downloadFilename}" /> 
    96                                                                                 </h:panelGrid> 
    97  
    98                                                                                 <h:panelGrid id="reportTypePanel" columns="3"> 
    99                                                                                         <h:graphicImage style="cursor: pointer" 
    100                                                                                                 value="/image/arrow.png" /> 
    101                                                                                         <h:outputText value="Create table only report: " /> 
    102                                                                                         <h:panelGrid columns="2"> 
    103                                                                                                 <a4j:commandLink id="generateExcelReport" 
    104                                                                                                         action="generateExcelReport" reRender="chartForm"> 
    105                                                                                                         <h:graphicImage value="/image/excel-icon.gif" 
    106                                                                                                                 style="border:0"> 
    107                                                                                                         </h:graphicImage> 
    108                                                                                                 </a4j:commandLink> 
    109  
    110                                                                                                 <a4j:commandLink action="generateCSVReport" 
    111                                                                                                         reRender="chartForm"> 
    112                                                                                                         <h:graphicImage value="/image/csv-icon.png" 
    113                                                                                                                 style="border:0"> 
    114                                                                                                         </h:graphicImage> 
    115                                                                                                 </a4j:commandLink> 
    116                                                                                         </h:panelGrid> 
    117  
    118                                                                                         <h:graphicImage style="cursor: pointer" 
    119                                                                                                 value="/image/arrow.png" /> 
    120                                                                                         <h:outputText value="Create table and graph report: " /> 
    121                                                                                         <h:panelGrid columns="1"> 
    122                                                                                                 <a4j:commandLink action="generatePDFReport" 
    123                                                                                                         reRender="chartForm"> 
    124                                                                                                         <h:graphicImage value="/image/pdf.png" width="35px" 
    125                                                                                                                 style="border:0"> 
    126                                                                                                         </h:graphicImage> 
    127                                                                                                 </a4j:commandLink> 
    128                                                                                         </h:panelGrid> 
    129                                                                                 </h:panelGrid> 
    130                                                                         </rich:panel> 
     85                                                </rich:dataGrid> 
    13186 
    13287 
    133                                                                         <rich:dataTable id="reportDownloadTable" 
    134                                                                                 value="#{graphWizardModel.reportmodel.reportsForDownload}" 
    135                                                                                 bandingInterval="2" banding="row" var="row" rows="15" 
    136                                                                                 rendered="#{not empty flowScope.websession.reportmodel.reportsForDownload}" 
    137                                                                                 width="100%"> 
    13888 
    139                                                                                 <rich:column> 
    140                                                                                         <f:facet name="header"> 
    141                                                                                                 <h:outputText value="Report Name" /> 
    142                                                                                         </f:facet> 
    143                                                                                         <h:outputText value="#{row.friendlyName} " /> 
    144                                                                                 </rich:column> 
    145                                                                                 <rich:column align="center"> 
    146                                                                                         <f:facet name="header"> 
    147                                                                                                 <h:outputText value="Date Created" /> 
    148                                                                                         </f:facet> 
    149                                                                                         <h:outputText value="#{row.createdDate} " /> 
    150                                                                                 </rich:column> 
    151                                                                                 <rich:column align="center"> 
    152                                                                                         <f:facet name="header"> 
    153                                                                                                 <h:outputText value="Type" /> 
    154                                                                                         </f:facet> 
    155                                                                                         <h:outputText value="#{row.typeDisplayName} " /> 
    156                                                                                 </rich:column> 
    157                                                                                 <rich:column align="center"> 
    158                                                                                         <f:facet name="header"> 
    159                                                                                                 <h:outputText value="Download" /> 
    160                                                                                         </f:facet> 
    161                                                                                         <a href="#{request.contextPath}#{row.downloadPath}">download</a> 
    162                                                                                 </rich:column> 
    163                                                                                 <rich:column align="center"> 
    164                                                                                         <f:facet name="header"> 
    165                                                                                                 <h:outputText value="Remove" /> 
    166                                                                                         </f:facet> 
    167                                                                                         <a4j:commandLink id="removeReportCommandLink" 
    168                                                                                                 action="removeReport" reRender="chartForm"> 
    169                                                                                                 <h:graphicImage 
    170                                                                                                         style="width:18px; border:0; margin-left: auto;margin-right: auto;" 
    171                                                                                                         value="/image/icon/onebit_33.png" /> 
    172                                                                                                 <f:setPropertyActionListener value="#{row}" 
    173                                                                                                         target="#{flowScope.websession.reportmodel.selectedDownloadFile}" /> 
    174                                                                                         </a4j:commandLink> 
    175  
    176                                                                                 </rich:column> 
    177                                                                                 <f:facet name="footer"> 
    178                                                                                         <rich:datascroller id="datascroller" /> 
    179                                                                                 </f:facet> 
    180                                                                         </rich:dataTable> 
    181  
    182  
    183                                                                 </rich:tab> 
    184  
    185                                                         </rich:tabPanel> 
    186                                                 </rich:dataGrid> 
    18789                                                <br /> 
    18890 
  • raptor-web/trunk/src/main/webapp/templates/raptor/css/common.css

    r1503 r1507  
    309309 
    310310.stepbystep { 
    311         border: 1px solid; 
     311          align: center; 
     312        -moz-border-radius: 15px; 
     313        -webkit-border-radius: 15px; 
     314        border-radius: 15px; 
     315        background-color: #E0F2F7; 
     316        background-repeat: no-repeat; 
     317    font-weight: bold; 
     318    display: inline-block; 
     319    padding: 2px 3px 8px 8px; 
     320   border-size:1px; 
     321   border-color: #CEECF5; 
     322  border-style: solid; 
     323} 
     324 
     325.stepbystepHeading { 
     326      align: center; 
     327    background-color: #CEECF5; 
     328    background-repeat: no-repeat; 
     329    font-weight: bold; 
     330    display: inline-block; 
     331    padding: 2px 3px 8px 8px; 
     332 
     333 
     334} 
     335 
     336.stepbystepInstructions{ 
    312337        align: center; 
    313         margin: 10px 0px; 
    314         -moz-border-radius: 2px; 
    315         border-radius: 2px; 
    316         padding: 2px 3px 8px 8px; 
    317         -moz-box-shadow: 10px 10px 5px #888; 
    318         -webkit-box-shadow: 10px 10px 5px #888; 
    319         box-shadow: 10px 10px 5px #888; 
    320         background-repeat: no-repeat; 
    321         font-weight: bold; 
    322         display: inline-block; 
    323         /* IE10 Consumer Preview */ 
    324         background-image: -ms-radial-gradient(center top, ellipse farthest-corner, #FCFFFF 0%, 
    325                 #C1C9D9 100%); 
    326         /* Mozilla Firefox */ 
    327         background-image: -moz-radial-gradient(center top, ellipse farthest-corner, #FCFFFF 0%, 
    328                 #C1C9D9 100%); 
    329         /* Opera */ 
    330         background-image: -o-radial-gradient(center top, ellipse farthest-corner, #FCFFFF 0%, 
    331                 #C1C9D9 100%); 
    332         /* Webkit (Safari/Chrome 10) */ 
    333         background-image: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, 
    334                 #FCFFFF), color-stop(1, #C1C9D9)); 
    335         /* Webkit (Chrome 11+) */ 
    336         background-image: -webkit-radial-gradient(center top, ellipse farthest-corner, #FCFFFF 0%, 
    337                 #C1C9D9 100%); 
    338         /* W3C Markup, IE10 Release Preview */ 
    339         background-image: radial-gradient(ellipse farthest-corner at center top, #FCFFFF 0%, 
    340                 #C1C9D9 100%); 
     338  background-color: #FEEFB3; 
     339   border-top-left-radius: 7em; 
     340  border-bottom-right-radius: 5em; 
     341  border-bottom-left-radius: 2em; 
     342   padding: 10px 10px 10px 30px; 
     343   border-color: #F2F5A9; 
     344  border-style: solid; 
    341345} 
    342346 
Note: See TracChangeset for help on using the changeset viewer.