Initial commit to add files tree view component to dataset pg [ref #5572

]
IQSS · Mar 27, 2019 · 145bfdc · 145bfdc
1 parent ca48b59
commit 145bfdc
Showing 1 changed file with 37 additions and 0 deletions.
diff --git a/src/main/webapp/filesFragment.xhtml b/src/main/webapp/filesFragment.xhtml
@@ -12,6 +12,28 @@
     xmlns:iqbs="http://xmlns.jcp.org/jsf/composite/iqbs">
     <o:importFunctions type="java.lang.Math" />
     <p:remoteCommand name="refreshPaginator" action="#{DatasetPage.refreshPaginator()}" process="@this" update="@form" />
+
+    <!-- Toggle Files Display Components -->
+    <div jsf:id="filesDisplayToggleBlock" jsf:rendered="true" class="row">
+        <div class="form-group col-xs-12">
+            <label class="col-sm-3 control-label">
+                Display View
+            </label>
+            <div class="col-xs-6 input-group">
+                <ui:remove>
+                <p:selectBooleanButton id="displayValue" styleClass="form-control" value="#{DatasetPage.displayValue}" 
+                                       onLabel="List" 
+                                       offLabel="Tree">
+                    <p:ajax update="SOMETHING" listener="#{DatasetPage.toggleDisplays}"/>
+
+                    <!-- AJAX UPDATES TO TOGGLE p:dataTable widgetVar="filesTable" AND p:tree widgetVar="filesTree" COMPONENTS BELOW -->
+
+                </p:selectBooleanButton>
+                </ui:remove>
+            </div>
+        </div>
+    </div>
+
     <!-- Files Table -->
     <p:dataTable id="filesTable" 
                  rows="10" paginator="#{DatasetPage.workingVersion.fileMetadatas.size() gt 10}" paginatorPosition="bottom"
@@ -405,4 +427,19 @@
             </div>
         </p:column>
     </p:dataTable>
+
+    <!-- Files Tree -->
+    <ui:remove>
+    <p:tree id="filesTree"
+            rendered="false"
+            widgetVar="filesTree">
+
+        <p:treeNode expandedIcon="pi pi-folder-open" collapsedIcon="pi pi-folder">
+            <h:outputText value="#{filesTree.name}"/>
+        </p:treeNode>
+
+        ...
+
+    </p:tree>
+    </ui:remove>
 </ui:composition>