diff options
| author | Magdalena Grodzińska <mag.grodzinska@gmail.com> | 2019-11-20 17:37:29 +0100 |
|---|---|---|
| committer | Magdalena Grodzińska <mag.grodzinska@gmail.com> | 2019-11-20 17:37:29 +0100 |
| commit | d4cf12c3e8c0d80d6d6a7e8c4a62861f3e32c4b9 (patch) | |
| tree | 7ef21967687943c54ac6daba52713ba75fc869d0 | |
| parent | 8fb9f91d90ecaddc8a7f06dddff44018ccc4de9f (diff) | |
Add attribute form html and move navigation categories
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> |