tobago-example/tobago-example-demo/src/main/webapp/content/40-test/90000-attic/gridLayout/Rendered_Combinations.xhtml

<?xml version="1.0" encoding="UTF-8"?>
<!--
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
-->

<!-- XXX This is an old page. Content might not be up to date. Needs to be refactored, or just deleted. -->
<f:view
    xmlns:tc="http://myfaces.apache.org/tobago/component"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core">

  <tc:page id="page">
    <!-- <tc:gridLayoutConstraint width="700px" height="310px"/> -->
    <f:facet name="layout">
      <tc:gridLayout
          columns="auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto"/>
    </f:facet>

    <!--
    Any combination of "100px", "auto" and "*" in the rows attribute,
    for 3 rows are 3 * 3 * 3 = 27 combinations.
    The 2nd one is rendered = false.
    -->

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 100px 100px"/>
      <ui:param name="subid" value="sub-01"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 100px auto"/>
      <ui:param name="subid" value="sub-02"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 100px 1fr"/>
      <ui:param name="subid" value="sub-03"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px auto 100px"/>
      <ui:param name="subid" value="sub-04"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px auto auto"/>
      <ui:param name="subid" value="sub-05"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px auto 1fr"/>
      <ui:param name="subid" value="sub-06"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 1fr 100px"/>
      <ui:param name="subid" value="sub-07"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 1fr auto"/>
      <ui:param name="subid" value="sub-08"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="100px 1fr 1fr"/>
      <ui:param name="subid" value="sub-09"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 100px 100px"/>
      <ui:param name="subid" value="sub-11"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 100px auto"/>
      <ui:param name="subid" value="sub-12"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 100px 1fr"/>
      <ui:param name="subid" value="sub-13"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto auto 100px"/>
      <ui:param name="subid" value="sub-14"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto auto auto"/>
      <ui:param name="subid" value="sub-15"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto auto 1fr"/>
      <ui:param name="subid" value="sub-16"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 1fr 100px"/>
      <ui:param name="subid" value="sub-17"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 1fr auto"/>
      <ui:param name="subid" value="sub-18"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="auto 1fr 1fr"/>
      <ui:param name="subid" value="sub-19"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 100px 100px"/>
      <ui:param name="subid" value="sub-21"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 100px auto"/>
      <ui:param name="subid" value="sub-22"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 100px 1fr"/>
      <ui:param name="subid" value="sub-23"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr auto 100px"/>
      <ui:param name="subid" value="sub-24"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr auto auto"/>
      <ui:param name="subid" value="sub-25"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr auto 1fr"/>
      <ui:param name="subid" value="sub-26"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 1fr 100px"/>
      <ui:param name="subid" value="sub-27"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 1fr auto"/>
      <ui:param name="subid" value="sub-28"/>
    </ui:include>

    <ui:include src="rendered-combinations-3-images-fragment.xhtml">
      <ui:param name="rows" value="1fr 1fr 1fr"/>
      <ui:param name="subid" value="sub-29"/>
    </ui:include>


    <tc:script file="script/tobago-assert.js"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-01:image-1', 0, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-01:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-01:image-3', 0, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-02:image-1', 25, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-02:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-02:image-3', 25, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-03:image-1', 50, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-03:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-03:image-3', 50, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-04:image-1', 75, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-04:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-04:image-3', 75, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-05:image-1', 100, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-05:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-05:image-3', 100, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-06:image-1', 125, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-06:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-06:image-3', 125, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-07:image-1', 150, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-07:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-07:image-3', 150, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-08:image-1', 175, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-08:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-08:image-3', 175, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-09:image-1', 200, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-09:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-09:image-3', 200, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-11:image-1', 225, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-11:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-11:image-3', 225, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-12:image-1', 250, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-12:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-12:image-3', 250, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-13:image-1', 275, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-13:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-13:image-3', 275, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-14:image-1', 300, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-14:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-14:image-3', 300, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-15:image-1', 325, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-15:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-15:image-3', 325, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-16:image-1', 350, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-16:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-16:image-3', 350, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-17:image-1', 375, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-17:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-17:image-3', 375, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-18:image-1', 400, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-18:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-18:image-3', 400, 105, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-19:image-1', 425, 0, 20, 100);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-19:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-19:image-3', 425, 105, 20, 205);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-21:image-1', 450, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-21:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-21:image-3', 450, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-22:image-1', 475, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-22:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-22:image-3', 475, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-23:image-1', 500, 0, 20, 152);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-23:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-23:image-3', 500, 157, 20, 153);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-24:image-1', 525, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-24:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-24:image-3', 525, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-25:image-1', 550, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-25:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-25:image-3', 550, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-26:image-1', 575, 0, 20, 152);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-26:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-26:image-3', 575, 157, 20, 153);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-27:image-1', 600, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-27:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-27:image-3', 600, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-28:image-1', 625, 0, 20, 205);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-28:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-28:image-3', 625, 210, 20, 100);"/>

    <tc:script onload="TobagoAssert.assertLayout('page:sub-29:image-1', 650, 0, 20, 152);"/>
    <tc:script onload="TobagoAssert.assertAbsence('page:sub-29:image-2');"/>
    <tc:script onload="TobagoAssert.assertLayout('page:sub-29:image-3', 650, 157, 20, 153);"/>

  </tc:page>
</f:view>