m-chrzan.xyz
aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMagdalena Grodzińska <mag.grodzinska@gmail.com>2019-11-20 17:37:29 +0100
committerMagdalena Grodzińska <mag.grodzinska@gmail.com>2019-11-20 17:37:29 +0100
commitd4cf12c3e8c0d80d6d6a7e8c4a62861f3e32c4b9 (patch)
tree7ef21967687943c54ac6daba52713ba75fc869d0
parent8fb9f91d90ecaddc8a7f06dddff44018ccc4de9f (diff)
Add attribute form html and move navigation categories
-rw-r--r--src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/attribForm.html50
-rw-r--r--src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/fragments/navbar.html5
-rw-r--r--src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/queryForm.html22
3 files changed, 70 insertions, 7 deletions
diff --git a/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/attribForm.html b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/attribForm.html
new file mode 100644
index 0000000..3f10f57
--- /dev/null
+++ b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/attribForm.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en" xmlns:th="http://www.thymeleaf.org">
+
+<head>
+ <meta charset="UTF-8">
+ <title>Query form</title>
+ <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
+</head>
+
+<body>
+
+<div th:replace="fragments/navbar :: navbar"></div>
+<div id="queryForm">
+ <form action="#" th:action="@{/contacts}" th:object="${attributeObject}" method="post">
+ <div class="form-group">
+ <label for="ZoneName1">Enter zone name</label>
+ <input type="text" class="form-control" id="ZoneName1" rows="3" th:field="*{zoneName}"/>
+ </div>
+ <div class="form-group">
+ <label for="AttributeName1">Enter attribute name</label>
+ <input type="text" class="form-control" id="AttributeName1" rows="3" th:field="*{attributeName}"/>
+ </div>
+ <div class="form-group">
+ <label for="TypeSelect1">Enter attribute type</label>
+ <select class="form-control" id="TypeSelect1" th:field="*{attributeType}">
+ <option th:value="1" th:text="Boolean"></option>
+ <option th:value="2" th:text="Double"></option>
+ <option th:value="3" th:text="Int"></option>
+ <option th:value="4" th:text="String"></option>
+ <option th:value="5" th:text="Time"></option>
+ <option th:value="6" th:text="Duration"></option>
+ <option th:value="7" th:text="Contact"></option>
+ <option th:value="8" th:text="Query"></option>
+ </select>
+ </div>
+ <div class="form-group">
+ <label for="Textarea1">Enter attribute value as a Json</label>
+ <textarea class="form-control" id="Textarea1" rows="3" th:field="*{valueString}"></textarea>
+ </div>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ </form>
+</div>
+
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
+
+</body>
+
+</html>
diff --git a/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/fragments/navbar.html b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/fragments/navbar.html
index c651f74..ca83cbb 100644
--- a/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/fragments/navbar.html
+++ b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/fragments/navbar.html
@@ -27,7 +27,10 @@
<a class="nav-link" href="/contacts">Contacts</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/attribs">Attribute values</a>
+ <a class="nav-link" href="/attribs">Attributes</a>
+ </li>
+ <li class="nav-item">
+ <a class="nav-link" href="/values">Values</a>
</li>
</ul>
</div>
diff --git a/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/queryForm.html b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/queryForm.html
index ac00645..08b4e89 100644
--- a/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/queryForm.html
+++ b/src/main/resources/pl/edu/mimuw/cloudatlas/client/templates/queryForm.html
@@ -10,20 +10,30 @@
<body>
<div th:replace="fragments/navbar :: navbar"></div>
-<div id="queryForm">
+<div id="installQueryForm">
+ <h2 class="display-7">Install query</h2>
<form action="#" th:action="@{/query}" th:object="${queryObject}" method="post">
<div class="form-group">
- <label for="QueryName1">Enter query name</label>
- <input type="text" class="form-control" id="QueryName1" rows="3" th:field="*{name}"/>
+ <label for="InstallQueryName1">Enter query name</label>
+ <input type="text" class="form-control" id="InstallQueryName1" rows="3" th:field="*{name}"/>
</div>
<div class="form-group">
- <label for="Textarea1">Enter query</label>
- <textarea class="form-control" id="Textarea1" rows="3" th:field="*{value}"></textarea>
+ <label for="InstallTextarea1">Enter query</label>
+ <textarea class="form-control" id="InstallTextarea1" rows="3" th:field="*{value}"></textarea>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
+</div>
- <div id="response"><p th:text="${responseText}"/></div>
+<div id="uninstallQueryForm">
+ <h2 class="display-7">Uninstall query</h2>
+ <form action="#" th:action="@{/query}" th:object="${queryObject}" method="post">
+ <div class="form-group">
+ <label for="UninstallQueryName1">Enter query name</label>
+ <input type="text" class="form-control" id="UninstallQueryName1" rows="3" th:field="*{name}"/>
+ </div>
+ <button type="submit" class="btn btn-primary">Submit</button>
+ </form>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>