diff options
| author | Magdalena Grodzińska <mag.grodzinska@gmail.com> | 2019-11-21 10:46:21 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2019-11-21 10:46:21 +0100 |
| commit | d683a761b2710a252b0bfb1b3f0879a60247bb50 (patch) | |
| tree | 06a0ccf7e2df0b8736f3f3889da039b39b617534 /src/main/resources | |
| parent | 79c8f56efcf76e7916597c0ef0e554d9fb91f8f4 (diff) | |
| parent | 02f98aed224580d05deb4b40eac4a11c36d39498 (diff) | |
Merge pull request #25 from m-chrzan/extend_frontend
Extend frontend
Diffstat (limited to 'src/main/resources')
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..0499bc8 --- /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="@{/attribs}" 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="Boolean" th:text="Boolean"></option> + <option th:value="Double" th:text="Double"></option> + <option th:value="Int" th:text="Int"></option> + <option th:value="String" th:text="String"></option> + <option th:value="Time" th:text="Time"></option> + <option th:value="Duration" th:text="Duration"></option> + <option th:value="Contact" th:text="Contact"></option> + <option th:value="Query" 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> |