Switch to side-by-side view

--- a
+++ b/src/main/webapp/index.xhtml
@@ -0,0 +1,74 @@
+<!--
+
+    Copyright (c) 2013/2014 Verein zur Foerderung der IT-Sicherheit in Oesterreich (SBA).
+    The work has been developed in the TIMBUS Project and the above-mentioned are Members of the TIMBUS Consortium.
+    TIMBUS is supported by the European Union under the 7th Framework Programme for research and technological
+    development and demonstration activities (FP7/2007-2013) under grant agreement no. 269940.
+
+    Licensed 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, including without
+    limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTIBITLY, or FITNESS FOR A PARTICULAR
+    PURPOSE. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise,
+    unless required by applicable law or agreed to in writing, shall any Contributor be liable for damages, including
+    any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this
+    License or out of the use or inability to use the Work.
+    See the License for the specific language governing permissions and limitation under the License.
+
+-->
+<!DOCTYPE html>
+<html xmlns="http://www.w3c.org/1999/xhtml"
+      xmlns:h="http://java.sun.com/jsf/html"
+      xmlns:p="http://primefaces.org/ui"
+      xmlns:f="http://java.sun.com/jsf/core" >
+<h:head>
+</h:head>
+
+<h:body>
+    <p:layout fullPage="true">
+    <p:layoutUnit position="center">
+    <h:form>
+        <p:panel id="panel" header="Query">
+        <!--
+    <h:outputLabel for="queryString" value="Query: *" />
+    -->
+    <p:messages id="messages" showDetail="true" autoUpdate="true" closable="true" />
+    <p:inputTextarea id="queryString" value="#{queryBean.queryString}" label="Query" completeMethod="#{queryBean.completeQuery}" minQueryLength="4">
+        <f:validateLength minimum="1" />
+    </p:inputTextarea>
+        <p:resizable for="queryString" minWidth="400" minHeight="100" maxWidth="1000" maxHeight="500"/>
+    <p:commandButton value="Tool replacement" update="panel,display"
+                     actionListener="#{queryBean.toolReplacement}" styleClass="ui-priority-primary"/>
+    <p:commandButton value="Format replacement" update="panel,display"
+                     actionListener="#{queryBean.formatReplacement}" styleClass="ui-priority-primary"/>
+    <p:commandButton value="Raw query" update="panel,display"
+                     actionListener="#{queryBean.rawQuery}" styleClass="ui-priority-primary"/>
+
+      </p:panel>
+        <p:panel id="display" header="Result">
+            <p:dataList value="#{queryBean.queryResult}" var="result" itemType="square">
+                #{result}
+            </p:dataList>
+       </p:panel>
+    </h:form>
+    </p:layoutUnit>
+    <p:layoutUnit position="east" size="400" header="Info" resizable="true" closable="true" collapsible="true">
+        <p:accordionPanel multiple="false">
+            <p:tab title="Tool replacement">
+                <p>For tool replacement try: Aldus-Freehand-3 or Internet-Explorer.</p>
+            </p:tab>
+            <p:tab title="Format replacement">
+                <p>For format replacement try: fmt/99.</p>
+            </p:tab>
+            <p:tab title="Raw query">
+                <p>As raw query (give it some seconds, thats quite some data): </p>
+                PREFIX rdfs: &lt;http://www.w3.org/2000/01/rdf-schema><br/>
+                SELECT ?subject ?object<br/>
+                WHERE { ?subject a ?object }
+           </p:tab>
+        </p:accordionPanel>
+    </p:layoutUnit>
+    </p:layout>
+</h:body>
+</html>