You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2018/04/27 12:33:36 UTC

[myfaces-tobago] 02/02: TOBAGO-1843: Demo

This is an automated email from the ASF dual-hosted git repository.

lofwyr pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git

commit 898ed97563b2d20971ec52c53cac76be3c7c0e97
Author: Udo Schnurpfeil <lo...@apache.org>
AuthorDate: Fri Apr 27 14:30:06 2018 +0200

    TOBAGO-1843: Demo
    
    Configure "rendered" and "fixed" over checkboxes
---
 .../example/demo/HeaderFooterController.java       | 47 ++++++++++++++++++++++
 .../50-header+footer/x-header-footer-example.xhtml | 42 +++++++++++++------
 2 files changed, 76 insertions(+), 13 deletions(-)

diff --git a/tobago-example/tobago-example-demo/src/main/java/org/apache/myfaces/tobago/example/demo/HeaderFooterController.java b/tobago-example/tobago-example-demo/src/main/java/org/apache/myfaces/tobago/example/demo/HeaderFooterController.java
new file mode 100644
index 0000000..86b5b5d
--- /dev/null
+++ b/tobago-example/tobago-example-demo/src/main/java/org/apache/myfaces/tobago/example/demo/HeaderFooterController.java
@@ -0,0 +1,47 @@
+package org.apache.myfaces.tobago.example.demo;
+
+import javax.enterprise.context.SessionScoped;
+import javax.inject.Named;
+import java.io.Serializable;
+
+@Named
+@SessionScoped
+public class HeaderFooterController implements Serializable {
+
+  private boolean renderHeader = true;
+  private boolean fixHeader = true;
+  private boolean renderFooter = true;
+  private boolean fixFooter = true;
+
+  public boolean isRenderHeader() {
+    return renderHeader;
+  }
+
+  public void setRenderHeader(boolean renderHeader) {
+    this.renderHeader = renderHeader;
+  }
+
+  public boolean isFixHeader() {
+    return fixHeader;
+  }
+
+  public void setFixHeader(boolean fixHeader) {
+    this.fixHeader = fixHeader;
+  }
+
+  public boolean isRenderFooter() {
+    return renderFooter;
+  }
+
+  public void setRenderFooter(boolean renderFooter) {
+    this.renderFooter = renderFooter;
+  }
+
+  public boolean isFixFooter() {
+    return fixFooter;
+  }
+
+  public void setFixFooter(boolean fixFooter) {
+    this.fixFooter = fixFooter;
+  }
+}
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/50-header+footer/x-header-footer-example.xhtml b/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/50-header+footer/x-header-footer-example.xhtml
index 2b21176..c44b5cb 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/50-header+footer/x-header-footer-example.xhtml
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/050-container/50-header+footer/x-header-footer-example.xhtml
@@ -20,24 +20,40 @@
 <ui:composition template="/plain.xhtml"
                 xmlns="http://www.w3.org/1999/xhtml"
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
-                xmlns:ui="http://java.sun.com/jsf/facelets">
-  <tc:header fixed="true">
+                xmlns:ui="http://java.sun.com/jsf/facelets"
+                xmlns:f="http://java.sun.com/jsf/core">
+  <tc:header fixed="#{headerFooterController.fixHeader}" rendered="#{headerFooterController.renderHeader}">
     <tc:style customClass="bg-warning"/>
     <p>This is the header.</p>
   </tc:header>
   <tc:box label="Content Box">
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
-    <p>Content between header and footer.</p>
+    <tc:segmentLayout medium="3seg 3seg 3seg 3seg" small="6seg 6seg">
+      <tc:selectBooleanCheckbox value="#{headerFooterController.renderHeader}" label="Render header">
+        <tc:event/>
+      </tc:selectBooleanCheckbox>
+      <tc:selectBooleanCheckbox value="#{headerFooterController.fixHeader}" label="Fix header">
+        <tc:event/>
+      </tc:selectBooleanCheckbox>
+      <tc:selectBooleanCheckbox value="#{headerFooterController.renderFooter}" label="Render footer">
+        <tc:event/>
+      </tc:selectBooleanCheckbox>
+      <tc:selectBooleanCheckbox value="#{headerFooterController.fixFooter}" label="Fix footer">
+        <tc:event/>
+      </tc:selectBooleanCheckbox>
+    </tc:segmentLayout>
+
+    <p>Content between header and footer #1.</p>
+    <p>Content between header and footer #2.</p>
+    <p>Content between header and footer #3.</p>
+    <p>Content between header and footer #4.</p>
+    <p>Content between header and footer #5.</p>
+    <p>Content between header and footer #6.</p>
+    <p>Content between header and footer #7.</p>
+    <p>Content between header and footer #8.</p>
+    <p>Content between header and footer #9.</p>
+    <p>Content between header and footer #10.</p>
   </tc:box>
-  <tc:footer fixed="true">
+  <tc:footer fixed="#{headerFooterController.fixFooter}" rendered="#{headerFooterController.renderFooter}">
     <tc:style customClass="bg-info"/>
     <p>This is the footer.</p>
   </tc:footer>

-- 
To stop receiving notification emails like this one, please contact
lofwyr@apache.org.