<uix:form name="metricDisplayForm">
  <uix:formValue name="target" valueBinding="targetName"/>
  <uix:formValue name="type" valueBinding="targetType"/>
  <uix:formValue name="<%= BaselineConstants.PARAM_ANALYSISMODE %>"
                 value="<%= BaselineConstants.ANALYSISMODE_ADVANCED %>"/>
  <uix:formValue name="<%= BaselineConstants.PARAM_METRICIDS %>"
                 valueBinding="metricIds"/>

  <uix:tableLayout width="<%= _COL_1_WIDTH+_COL_2_WIDTH %>">

    <uix:rowLayout>

      <uix:cellFormat vAlign="top" width="<%= _COL_1_WIDTH %>">
        <uix:stackLayout>

          <uix:header textBinding="HEADER_ANALYZEMETRICS@msgs">
            <uix:styledText textBinding="INSTR_ANALYZEMETRICS@msgs"
                            styleClass="OraPromptText"/>
            <uix:labeledFieldLayout labelWidth="125"
                                    fieldWidth="100%"
                                    width="100%">
             <uix:contents>
              <uix:messageDateField promptBinding="ATTRNAME_REFTIME@msgs"
                                    name="<%= BaselineConstants.PARAM_DATE %>"
                                    valueBinding="date"
                                    tipBinding="exampleDate">
               <uix:end>
                <uix:flowLayout>
                  <uix:choice name="<%= BaselineConstants.PARAM_HOUR %>"
                              selectedValueBinding="hour"
                              shortDescBinding="HOURS@sdkMsgs">
                    <uix:option text="12" value="0"/>
                    <uix:option text="1"/>
                    <uix:option text="2"/>
                    <uix:option text="3"/>
                    <uix:option text="4"/>
                    <uix:option text="5"/>
                    <uix:option text="6"/>
                    <uix:option text="7"/>
                    <uix:option text="8"/>
                    <uix:option text="9"/>
                    <uix:option text="10"/>
                    <uix:option text="11"/>
                  </uix:choice>
                  <uix:spacer width="2" height="1"/>
                  <uix:choice name="<%= BaselineConstants.PARAM_MINUTE %>"
                              selectedValueBinding="minute"
                              shortDescBinding="MINUTES@sdkMsgs">
                    <uix:option text="00" value="0"/>
                    <uix:option text="15"/>
                    <uix:option text="30"/>
                    <uix:option text="45"/>
                  </uix:choice>
                  <uix:spacer width="2" height="1"/>
                  <uix:radioButton name="<%= BaselineConstants.PARAM_AMPM %>"
                                   textBinding="AM_LABEL@sdkMsgs"
                                   value="<%= Calendar.AM %>"
                                   selectedValueBinding="amPm"/>
                  <uix:radioButton name="<%= BaselineConstants.PARAM_AMPM %>"
                                   textBinding="PM_LABEL@sdkMsgs"
                                   value="<%= Calendar.PM %>"
                                   selectedValueBinding="amPm"/>
                </uix:flowLayout>
               </uix:end>
              </uix:messageDateField>
              <uix:messageChoice promptBinding="ATTRNAME_AWRBASELINE@msgs"
                                 name="<%= BaselineConstants.PARAM_BASELINE %>"
                                 selectedValue="<%= pageBean.getCurrentBaseline().getGuid() %>"
                                 shortDescBinding="ATTRNAME_AWRBASELINE@msgs"
                                 tipBinding="addBaselineTipText">
               <uix:contents childDataBinding="baselines">
                <uix:option textBinding="baselineName"
                            valueBinding="guid"/>
               </uix:contents>
              </uix:messageChoice>
              <uix:spacer width="1" height="1"/>
              <uix:flowLayout>
                <uix:submitButton textBinding="GO@sdkMsgs"
                                  event="doLoad"
                                  shortDescBinding="SHORTDESC_SETBASELINE@msgs"/>
                <uix:spacer width="3" height="1"/>
                <uix:styledText textBinding="CHOICE_BASIC@msgs"
                                destinationBinding="toggleModeURL"/>
              </uix:flowLayout>
             </uix:contents>
            </uix:labeledFieldLayout>
          </uix:header>
        </uix:stackLayout>
      </uix:cellFormat>

      <uix:spacer width="<%= _COL_HGAP %>" height="1"/>

      <uix:cellFormat vAlign="top" width="<%= _COL_2_WIDTH %>">
        <uix:spacer width="1" height="16"/>
        <uix:contentContainer textBinding="HEADER_ADDMETRIC@msgs"
                              width="<%= _COL_2_WIDTH %>">

          <uix:tableLayout width="100%">
            <uix:rowLayout>
              <uix:cellFormat columnSpan="2">
                <uix:styledText textBinding="addMetricInstructionText"
                                styleClass="OraTipText"/>
              </uix:cellFormat>
            </uix:rowLayout>
            <uix:rowLayout>
              <uix:cellFormat columnSpan="2">
                <uix:choice name="<%= BaselineConstants.PARAM_METRICID %>"
                            shortDescBinding="ATTRNAME_METRICNAME@msgs">
                 <uix:contents childDataBinding="otherMetrics">
                  <uix:option textBinding="metricName"
                              valueBinding="metricId"/>
                 </uix:contents>
                </uix:choice>
              </uix:cellFormat>
            </uix:rowLayout>
            <uix:rowLayout>
              <uix:spacer width="20" height="25"/>
              <uix:cellFormat hAlign="right">
                <uix:submitButton textBinding="ADD@sdkMsgs"
                                  event="<%= BaselineConstants.EVENT_ADD %>"
                                  shortDescBinding="SHORTDESC_ADDMETRIC@msgs"/>
              </uix:cellFormat>
            </uix:rowLayout>
          </uix:tableLayout>
        </uix:contentContainer>
      </uix:cellFormat>
    </uix:rowLayout>

    <uix:separator/>

    <uix:rowLayout>
      <uix:tip>
        <uix:styledText textBinding="TIP_CLICKING_CHART@msgs"/>
      </uix:tip>
    </uix:rowLayout>

  </uix:tableLayout>

<%
DataObjectList trendDisplays = pageBean.getMetricTrendDisplays();
int trendC = trendDisplays.getLength();
int trendI = 0;
for (trendI = 0; trendI < trendC; trendI++)
{
  DataObject trendDisplay = trendDisplays.getItem(trendI);
  final String[] attributes = new String[] {
    "chartTitle",
    "chartData",
    "chartStatisticsDest", "chartThresholdsDesc",
    "removeDest",
    "promoteDest", "promoteRendered", "promoteNotRendered",
    "demoteDest",  "demoteRendered",  "demoteNotRendered"
  };
  for (int attrI = 0; attrI < attributes.length; attrI++)
  {
    request.setAttribute(attributes[attrI]+trendI,
                         trendDisplay.selectValue(null, attributes[attrI]));
  }
}
final int HEIGHT_GIF = 16;
%>

  <uix:tableLayout width="<%= _COL_1_WIDTH+_COL_2_WIDTH %>">
    <uix:rowLayout vAlign="top">

      <!-- Metrics -->

      <uix:cellFormat width="<%= _COL_1_WIDTH %>">

        <uix:switcher childNameBinding="hasMetrics">
          <uix:case name="true">

          <uix:stackLayout>
           <uix:contents>

<% for (trendI = 0; trendI < trendC; trendI++) { %>
            <uix:header textBinding='<%= "chartTitle"+trendI+"@servletRequest" %>' size="2">
              <uix:rowLayout vAlign="top">

                <uix:switcher childNameBinding="trendStyle">
                  <uix:case name="<%= BaselineConstants.TRENDSTYLE_RAW %>">
                    <oem:chart titleBinding='<%= "chartTitle"+trendI+"@servletRequest" %>'
                               titleVisible="<%= EmChartConstants.CHART_ATTRIBUTE_FALSE %>"
                               chartType="<%= EmChartConstants.CHARTTYPE_TIMESERIES %>"
                               colorPaletteBinding="rawdataColors"
                               width="<%= _COL_1_WIDTH-37 %>"
                               height="150"
                               orientation="<%= EmChartConstants.CHARTORIENT_VERTICAL %>"
                               legendVisible="<%= EmChartConstants.CHART_ATTRIBUTE_FALSE %>"
                               destinationBinding='<%= "chartStatisticsDest"+trendI+"@servletRequest" %>'
                               xAxisMin="0"
                               yAxisWidth="75">
                     <uix:contents>
                      <oem:boundChartDataSource chartDataSourceBinding='<%= "chartData"+trendI+"@servletRequest" %>' />
                      <oem:chartColumn isTimeColumn="true"
                                       displayLabelBinding="TIME@sdkMsgs"
                                       sourceIndex="0"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_RAWMETRICDATA@msgs"
                                       sourceIndex="1"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_BASELINEMEDIAN@msgs"
                                       sourceIndex="2"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_BASELINE99PCTILE@msgs"
                                       sourceIndex="3"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_BASELINE999PCTILE@msgs"
                                       sourceIndex="4"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_BASELINE9999PCTILE@msgs"
                                       sourceIndex="5"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_BASELINEMAXIMUM@msgs"
                                       sourceIndex="6"/>
                     </uix:contents>
                    </oem:chart>
                  </uix:case>

                  <uix:case name="<%= BaselineConstants.TRENDSTYLE_NORMALIZED %>">
                    <oem:chart titleBinding='<%= "chartTitle"+trendI+"@servletRequest" %>'
                               titleVisible="<%= EmChartConstants.CHART_ATTRIBUTE_FALSE %>"
                               chartType="<%= EmChartConstants.CHARTTYPE_TIMESERIES %>"
                               colorPaletteBinding="normalizedColors"
                               width="<%= _COL_1_WIDTH-37 %>"
                               height="150"
                               orientation="<%= EmChartConstants.CHARTORIENT_VERTICAL %>"
                               fill="<%= EmChartConstants.FILL_ABSOLUTE %>"
                               legendVisible="<%= EmChartConstants.CHART_ATTRIBUTE_FALSE %>"
                               destinationBinding='<%= "chartStatisticsDest"+trendI+"@servletRequest" %>'
                               xAxisMin="0"
                               axisMin="0"
                               axisMax="1"
                               yAxisVisible="<%= EmChartConstants.CHART_ATTRIBUTE_FALSE %>">
                     <uix:contents>
                      <oem:boundChartDataSource chartDataSourceBinding='<%= "chartData"+trendI+"@servletRequest" %>' />
                      <oem:chartColumn isTimeColumn="true"
                                       displayLabelBinding="TIME@sdkMsgs"
                                       sourceIndex="0"/>
                      <oem:chartColumn displayLabelBinding="CHARTCOLUMN_NORMALIZEDDATA@msgs"
                                       sourceIndex="1"/>
                     </uix:contents>
                    </oem:chart>
                  </uix:case>
                </uix:switcher>

                <uix:cellFormat vAlign="top">
                  <uix:stackLayout>
                    <uix:image source="/em/images/database/baselines/metric_close.gif"
                               destinationBinding='<%= "removeDest"+trendI+"@servletRequest" %>'
                               shortDescBinding="SHORTDESC_REMOVEMETRIC@msgs"/>
                    <uix:spacer width="1" height="50"/>
                    <uix:spacer renderedBinding='<%= "promoteNotRendered"+trendI+"@servletRequest" %>'
                                width="1" height="<%= HEIGHT_GIF %>"/>
                    <uix:image renderedBinding='<%= "promoteRendered"+trendI+"@servletRequest" %>'
                               source="/em/cabo/images/sru.gif"
                               destinationBinding='<%= "promoteDest"+trendI+"@servletRequest" %>'
                               shortDescBinding="SHORTDESC_PROMOTEMETRIC@msgs"/>
                    <uix:spacer width="1" height="2"/>
                    <uix:spacer renderedBinding='<%= "demoteNotRendered"+trendI+"@servletRequest" %>'
                                width="1" height="<%= HEIGHT_GIF %>"/>
                    <uix:image renderedBinding='<%= "demoteRendered"+trendI+"@servletRequest" %>'
                               source="/em/cabo/images/srd.gif"
                               destinationBinding='<%= "demoteDest"+trendI+"@servletRequest" %>'
                               shortDescBinding="SHORTDESC_DEMOTEMETRIC@msgs"/>
                  </uix:stackLayout>
                </uix:cellFormat>
              </uix:rowLayout>
            </uix:header>
<% } %>

           </uix:contents>
          </uix:stackLayout>
          </uix:case>

          <!-- Display message instead -->
          <uix:case name="false">
            <uix:messageBox messageBinding="instructionText"
                            messageType="information"/>
          </uix:case>

        </uix:switcher>
      </uix:cellFormat>

      <uix:spacer width="<%= _COL_HGAP %>" height="1"/>

      <!-- Display controls -->
      <uix:cellFormat width="<%= _COL_2_WIDTH %>" vAlign="top">
        <uix:stackLayout>
          <uix:spacer width="1" height="12"/>

          <uix:contentContainer width="<%= _COL_2_WIDTH %>"
                                textBinding="HEADER_TRENDANALYSIS@msgs">
            <uix:tableLayout>

              <%--
                ==  Raw Data
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true" vAlign="top" columnSpan="2">
                  <uix:radioButton name="<%= BaselineConstants.PARAM_TRENDSTYLE %>"
                                   value="<%= BaselineConstants.TRENDSTYLE_RAW %>"
                                   selectedValueBinding="trendStyle"
                                   disabledBinding="noStatisticsAvailable"
                                   textBinding="CHOICE_DISPLAYRAW@msgs"
                                   onClick="selectRawData()"/>
                </uix:cellFormat>
                <uix:cellFormat rowSpan="7">
                  <uix:spacer width="5" height="1"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(0) %>"
                             shortDescBinding="CHARTCOLUMN_RAWMETRICDATA@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Include Maximum
                --%>
              <uix:rowLayout>
                <uix:cellFormat rowSpan="5">
                  <uix:spacer width="20" height="1"/>
                </uix:cellFormat>
                <uix:cellFormat wrappingDisabled="true">
                  <uix:checkBox name="<%= BaselineConstants.PARAM_MAXIMUM %>"
                                textBinding="LABEL_INCLUDEMAXIMUM@msgs"
                                value="<%= BSLNConstants.SIGLVL_MAXIMUM %>"
                                disabledBinding="noStatisticsAvailable"
                                checkedBinding="displayMaximum"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(5) %>"
                             shortDescBinding="CHARTCOLUMN_BASELINEMAXIMUM@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Include 99.99th Percentile
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true">
                  <uix:checkBox name="<%= BaselineConstants.PARAM_9999PCTILE %>"
                                textBinding="pctile9999Text"
                                value="<%= BSLNConstants.SIGLVL_9999 %>"
                                disabledBinding="noStatisticsAvailable"
                                checkedBinding="display9999Pctile"/>
                  <uix:cellFormat>
                    <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(4) %>"
                               shortDescBinding="CHARTCOLUMN_BASELINE9999PCTILE@msgs"
                               width="12" height="12"/>
                  </uix:cellFormat>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Include 99.9th Percentile
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true">
                  <uix:checkBox name="<%= BaselineConstants.PARAM_999PCTILE %>"
                                textBinding="pctile999Text"
                                value="<%= BSLNConstants.SIGLVL_999 %>"
                                disabledBinding="noStatisticsAvailable"
                                checkedBinding="display999Pctile"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(3) %>"
                             shortDescBinding="CHARTCOLUMN_BASELINE999PCTILE@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Include 99th Percentile
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true">
                  <uix:checkBox name="<%= BaselineConstants.PARAM_99PCTILE %>"
                                textBinding="pctile99Text"
                                value="<%= BSLNConstants.SIGLVL_99 %>"
                                disabledBinding="noStatisticsAvailable"
                                checkedBinding="display99Pctile"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(2) %>"
                             shortDescBinding="CHARTCOLUMN_BASELINE99PCTILE@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Include median
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true">
                  <uix:checkBox name="<%= BaselineConstants.PARAM_MEDIAN %>"
                                textBinding="LABEL_INCLUDEMEDIAN@msgs"
                                value="<%= BSLNConstants.SIGLVL_MEDIAN %>"
                                disabledBinding="noStatisticsAvailable"
                                checkedBinding="displayMedian"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getRawdataColorTable().getColorChip(1) %>"
                             shortDescBinding="CHARTCOLUMN_BASELINEMEDIAN@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Normalized Data
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true"
                                vAlign="top" columnSpan="2">
                  <uix:radioButton name="<%= BaselineConstants.PARAM_TRENDSTYLE %>"
                                   value="<%= BaselineConstants.TRENDSTYLE_NORMALIZED %>"
                                   selectedValueBinding="trendStyle"
                                   disabledBinding="noStatisticsAvailable"
                                   textBinding="CHOICE_NORMALIZE@msgs"
                                   onClick="selectNormalizedData()"/>
                </uix:cellFormat>
                <uix:cellFormat>
                  <uix:image source="<%= pageBean.getNormalizedColorTable().getColorChip(0) %>"
                             shortDescBinding="CHARTCOLUMN_NORMALIZEDDATA@msgs"
                             width="12" height="12"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Statistical Normalization
                --%>
              <uix:rowLayout>
                <uix:cellFormat rowSpan="2">
                  <uix:spacer width="5" height="1"/>
                </uix:cellFormat>
                <uix:cellFormat wrappingDisabled="true" columnSpan="3">
                  <uix:radioButton name="<%= BaselineConstants.PARAM_NORMALIZATIONTYPE %>"
                                   textBinding="CHOICE_NORMALIZESIGLVL@msgs"
                                   value="<%= BaselineConstants.NORMALIZE_STATISTICAL %>"
                                   disabledBinding="noStatisticsAvailable"
                                   selectedValueBinding="normalizationType"/>
                </uix:cellFormat>
              </uix:rowLayout>

              <%--
                ==  Range-based normalization
                --%>
              <uix:rowLayout>
                <uix:cellFormat wrappingDisabled="true" columnSpan="3">
                  <uix:radioButton name="<%= BaselineConstants.PARAM_NORMALIZATIONTYPE %>"
                                   textBinding="CHOICE_NORMALIZERANGE@msgs"
                                   value="<%= BaselineConstants.NORMALIZE_RANGE %>"
                                   disabledBinding="noStatisticsAvailable"
                                   selectedValueBinding="normalizationType"/>
                </uix:cellFormat>
              </uix:rowLayout>
            </uix:tableLayout>

            <uix:tableLayout width="100%">
              <uix:rowLayout hAlign="right">
                <uix:cellFormat width="100%">
                  <uix:spacer width="1" height="1"/>
                </uix:cellFormat>
                <uix:cellFormat vAlign="bottom">
                  <uix:submitButton event="<%= BaselineConstants.EVENT_UPDATE %>"
                                    disabledBinding="noStatisticsAvailable"
                                    textBinding="ACTION_UPDATE@msgs"
                                    shortDescBinding="ACTION_UPDATE@msgs"/>
                </uix:cellFormat>
              </uix:rowLayout>
            </uix:tableLayout>

          </uix:contentContainer>

        </uix:stackLayout>
      </uix:cellFormat>
    </uix:rowLayout>

  </uix:tableLayout>
</uix:form>