Skip to content
Snippets Groups Projects
Commit 0891d242 authored by Piotr Gawron's avatar Piotr Gawron
Browse files

modified html for new overlay panel

parent 16434d54
No related branches found
No related tags found
1 merge request!5Frontend refactor
Hide whitespace changes
Inline Side-by-side
web/src/main/webapp/WEB-INF/components/map/layoutPanel.xhtml
+ 10
− 146
View file @ 0891d242
......@@ -6,154 +6,18 @@
xmlns:cc="http://java.sun.com/jsf/composite/pfcomp"
xmlns:p="http://primefaces.org/ui">
<h:outputStylesheet library="css" name="layouts.css" />
<h:form id="layoutForm" class="layoutPanel">
<p:scrollPanel mode="native" styleClass="bulletList">
<div class="layoutSubPanel">
<p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
<h2 class="title">General overlays: </h2>
<p:dataTable id="generalLayoutDataTable" rowIndexVar="rowId" var="layout" value="#{layoutMB.generalLayouts}"
rowStyleClass="#{('cv'.concat(layout.idObject) == mapMB.topModelMapData.selectedLayout) ? 'layoutSelectedRow' : ''}">
<p:column sortBy="name" headerText="Name" styleClass="highlightedColumn">
<h:outputText id="name" value="#{layout.name}" />
</p:column>
<p:column style="width:4%" headerText="View">
<p:commandButton id="selectLayoutButton" onclick="customMap.openLayoutById('#{layout.idObject}');" icon="" title="#{layout.description}" update="generalLayoutDataTable, :tabView:layoutForm:layoutDataTable" ajax="true" styleClass="ui-icon-search2" rendered="#{not layout.inputDataAvailable}">
<f:setPropertyActionListener value="#{layout}" target="#{layoutMB.selectedLayout}" />
</p:commandButton>
<p:selectBooleanCheckbox onchange="if (this.checked) customMap.addSelectedLayout(#{layout.idObject},'#{layout.name}'); else customMap.removeSelectedLayout(#{layout.idObject});" styleClass="smallCheckbox" rendered="#{layout.inputDataAvailable}"/>
</p:column>
<p:column style="width:4%" headerText="Data">
<p:commandButton id="downloadLayoutButton" actionListener="#{layoutMB.downloadInputData(layout)}" icon="ui-icon-arrowthickstop-1-s" title="#{layout.inputDataAvailable?layout.description:'Not available'}" disabled="#{not layout.inputDataAvailable}" ajax="false"/>
</p:column>
</p:dataTable>
<h:outputStylesheet library="css" name="global.css" />
<div id="overlayTab">
<div name="generalOverlays" class="searchPanel">
<h5>GENERAL OVERLAYS:</h5>
<table cellpadding="4" name="generalOverlaysTab" class="table table-bordered" style="width:100%"/>
</div>
<div class="layoutSubPanel">
<cc:helpButton helpText='Managing custom overlays and file format is described in the &lt;a href="#{request.contextPath}/javax.faces.resource/user_guide.pdf.xhtml?ln=other" target="_user_manual_" &gt;manual&lt;/a&gt;.' style="float:right;" width="200px" my="right top" at="right bottom"/>
<h2 class="title">User-provided overlays:</h2>
<h:panelGroup layout="block" rendered="#{userMB.loggedUser.login=='anonymous'}">
<center>
<h3 class="title"> You are not logged in. Please, log in to upload and view custom overlays</h3>
</center>
</h:panelGroup>
<h:panelGroup layout="block" rendered="#{not (userMB.loggedUser.login=='anonymous')}">
<p:dataTable id="layoutDataTable" rowIndexVar="rowId" var="layout" value="#{layoutMB.customLayouts}"
rowStyleClass="#{('cv'.concat(layout.idObject) == mapMB.topModelMapData.selectedLayout) ? 'layoutSelectedRow' : ''}">
<p:column sortBy="name" headerText="Name" styleClass="highlightedColumn">
<h:outputText id="name" value="#{layout.name}" />
<h:outputText id="statusNotReady" value=" (status: #{layout.status} - #{layout.progress}%)" rendered="#{layout.status !='OK'}"/>
</p:column>
<p:column style="width:4%" headerText="View">
<p:commandButton id="selectLayoutButton" onclick="customMap.openLayoutById('#{layout.idObject}');" icon="ui-icon-search" disabled="#{not (layout.status == 'OK')}" title="#{layout.description}"
update=":tabView:layoutForm:generalLayoutDataTable, layoutDataTable" rendered="#{not layout.inputDataAvailable}" >
<f:setPropertyActionListener value="#{layout}" target="#{layoutMB.selectedLayout}" />
</p:commandButton>
<p:selectBooleanCheckbox onchange="if (this.checked) customMap.addSelectedLayout(#{layout.idObject},'#{layout.name}'); else customMap.removeSelectedLayout(#{layout.idObject});" styleClass="smallCheckbox" rendered="#{layout.inputDataAvailable}"/>
</p:column>
<p:column style="width:4%" headerText="Data">
<p:commandButton id="downloadLayoutButton" actionListener="#{layoutMB.downloadInputData(layout)}" icon="ui-icon-arrowthickstop-1-s" title='#{layout.inputDataAvailable?layout.description:"Not available"}' disabled="#{not layout.inputDataAvailable}" ajax="false"/>
</p:column>
<p:column style="width:4%" headerText="Edit">
<p:commandButton update=":#{p:component('layoutDlg')}" id="selectButton" oncomplete="PF('layoutDialog').show()" icon="ui-icon-document" title="Edit">
<f:setPropertyActionListener value="#{layout}" target="#{layoutMB.selectedLayout}" />
</p:commandButton>
</p:column>
</p:dataTable>
<center>
<p:commandButton id="refreshLayoutsButton" actionListener="#{layoutMB.refreshCustomLayouts}" icon="ui-icon-refresh" update="layoutDataTable">
</p:commandButton>
</center>
<h:panelGroup layout="block" rendered="#{not layoutMB.userHasAddLayoutPrivilege}">
<center>
<br/>
<h3 class="title"> You cannot add overlays. To add overlays please contact with system administartors.</h3>
</center>
</h:panelGroup>
<p:panel id="layoutAddComponent" header = "ADDING" layout="block" rendered="#{layoutMB.userHasAddLayoutPrivilege}">
<h:panelGrid columns="2" cellpadding="0" width="100%">
<h:outputText value="NAME: " styleClass="smallBoldText"/>
<p:inputText id="layoutName" value="#{layoutMB.layoutName}" style="width:180px !important"/>
<h:outputText value="FILE: " styleClass="smallBoldText"/>
<p:fileUpload fileUploadListener="#{layoutMB.handleFileUpload}" mode="advanced" auto="true" update="layoutName,layoutType" width="100px"/>
<!-- <p:fileUpload fileUploadListener="#{layoutMB.handleFileUpload}" mode="advanced" auto="true" update="layoutName" width="100px"/> -->
<h:outputText value="TYPE: " styleClass="smallBoldText"/>
<h:selectOneRadio id="layoutType" value="#{layoutMB.layoutType}">
<f:selectItems value="#{layoutMB.colorSchemaTypes}" var="type"
itemValue="#{type}" itemLabel="#{type}"/>
</h:selectOneRadio>
<h:outputText value="AVAILABLE OVERLAYS: " styleClass="smallBoldText"/>
<h:outputText id="layoutNumberGreen" value="#{layoutMB.availableCustomLayoutNumber}" rendered="#{layoutMB.availableCustomLayoutNumber>0}" styleClass="greenText"/>
<h:outputText id="layoutNumberRed" value="#{layoutMB.availableCustomLayoutNumber}" rendered="#{not (layoutMB.availableCustomLayoutNumber>0)}" styleClass="redText"/>
</h:panelGrid>
<center>
<p:commandButton id="addLayoutButton" actionListener="#{layoutMB.addLayout}" update="layoutDataTable,layoutNumberGreen,layoutNumberRed" onclick="PF('layoutPanelBlock').show()" oncomplete="PF('layoutPanelBlock').hide()" disabled="#{not layoutMB.userHasAddLayoutPrivilege}" value="GENERATE" title="GENERATE" styleClass="mediumBoldText"/>
</center>
</p:panel>
<p:blockUI block="layoutAddComponent" widgetVar="layoutPanelBlock">
UPLOADING<br />
<p:graphicImage library="images" name="icons/ajax-loader.gif"/>
</p:blockUI>
</h:panelGroup>
<div name="customOverlays" class="searchPanel">
<h5>USER-PROVIDED OVERLAYS:</h5>
<table cellpadding="4" name="customOverlaysTab" class="table table-bordered" style="width:100%"/>
</div>
</p:scrollPanel>
<cc:helpButton helpText="Overlays tab allows to display or generate custom coloring of elements and interactions in the map. &lt;p&gt; General overlays are overlays accessible for every user viewing the content. &lt;p&gt; Custom overlays are user-provided overlays, this menu becomes available upon login (see below)." style="float:right;margin-top:53px;margin-right:29px;" at="right top"/>
</h:form>
<h:form id="layoutForm2">
<p:dialog header="Overlay Detail" widgetVar="layoutDialog" resizable="false" id="layoutDlg"
showEffect="fade" modal="true">
<h:panelGrid columns="2" cellpadding="1">
<h:outputText value="Id: " />
<h:outputText id="layoutId" value="#{layoutMB.selectedLayout.idObject}"/>
<h:outputText value="Name: " />
<p:inputText id="layoutName" value="#{layoutMB.selectedLayout.name}"/>
<h:outputText value="Description: " />
<p:inputTextarea id="descriptionName" value="#{layoutMB.selectedLayout.description}"/>
</h:panelGrid >
<br/>
<p:commandButton update=":#{p:component('layoutDataTable')}" actionListener="#{layoutMB.updateLayout}" id="saveLayoutButton" oncomplete="PF('layoutDialog').hide()" icon="ui-icon-disk" value="Save" title="Save"/>
<p:commandButton update=":#{p:component('layoutDataTable')}, :#{p:component('layoutNumberGreen')}, :#{p:component('layoutNumberRed')}" actionListener="#{layoutMB.removeLayout}" id="removeLayoutButton" oncomplete="PF('layoutDialog').hide()" icon="ui-icon-trash" value="Remove" title="Remove"/>
<p:commandButton id="cancelUserButton" oncomplete="PF('layoutDialog').hide()" icon="ui-icon-close" value="Cancel" title="Cancel"/>
</p:dialog>
</h:form>
<h:form id="layoutForm3">
<h:inputHidden id="hidden2" value="#{layoutMB.visualizedLayout.name}" />
<h:inputHidden id="hidden_directory" value="#{layoutMB.visualizedLayout.directory}" />
<h:inputHidden id="hidden_layout_id" value="#{layoutMB.visualizedLayout.idObject}" />
</h:form>
<h:form id="layoutAccessAliasForm">
<p:remoteCommand name="_retreiveActiveAliasesForLayout" actionListener="#{layoutMB.retreiveActiveAliasesForLayout}" />
</h:form>
<h:form id="layoutAccessFullAliasForm">
<p:remoteCommand name="_retreiveFullAliasesForLayout" actionListener="#{layoutMB.retreiveFullAliasesForLayout}" />
</h:form>
<h:form id="layoutAccessReactionForm">
<p:remoteCommand name="_retreiveActiveReactionsForLayout" actionListener="#{layoutMB.retreiveActiveReactionsForLayout}" />
</h:form>
</div>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment