Threw in some very basic Bootstrap as I was sick of looking at ugly browser defaults.
This commit is contained in:
Yvan
parent
516f90bf1f
commit
1608d75ec9
5 changed files with 199 additions and 113 deletions
|
|
@ -1,15 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Spring Bot - an Activity Pub bot using the Spring Boot framework</title>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Spring Bot - an Activity Pub bot using the Spring Boot framework</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello! Welcome to Spring Bot!</h1>
|
||||
<h2>An Activity Pub 'bot' implementation using Spring Boot</h2>
|
||||
<ul>
|
||||
<li><a href="/makebot">Make Bot</a>
|
||||
<li><a href="/viewbot">View Bot</a>
|
||||
</ul>
|
||||
<div class="container-fluid">
|
||||
<h1>Spring Bot</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<a href="/">HOME</a><br>
|
||||
<a href="/viewbot">Bot List</a><br>
|
||||
<a href="/makebot">New Bot</a>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<h2>Hello! Welcome to SpringBot!</h2>
|
||||
<h3>An Activity Pub 'bot' implementation using Spring Boot</h3>
|
||||
</div>
|
||||
<div class="col-sm-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,25 +1,45 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>List Bot</title>
|
||||
.main {
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Bot List</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<h2>Pick-a-Bot!</h2>
|
||||
<th:block th:if="${bots.empty}">
|
||||
<h3>No Bots!</h3>
|
||||
</th:block>
|
||||
<th:block th:each="bot : ${bots}">
|
||||
<a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
|
||||
</th:block>
|
||||
<br>
|
||||
<br>
|
||||
<a href="/">HOME</a>
|
||||
<div class="container-fluid">
|
||||
<h1>Spring Bot</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<a href="/">HOME</a><br>
|
||||
<a href="/viewbot">Bot List</a><br>
|
||||
<a href="/makebot">New Bot</a>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
|
||||
<h2>Pick-a-Bot!</h2>
|
||||
<th:block th:if="${bots.empty}">
|
||||
<h3>No Bots!</h3>
|
||||
</th:block>
|
||||
<th:block th:each="bot : ${bots}">
|
||||
<a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
|
||||
</th:block>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,50 +1,62 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Make Bot</title>
|
||||
<style type="text/css">
|
||||
label {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
margin: 5px;
|
||||
text-align: left;
|
||||
}
|
||||
input[type=text], input[type=password], select {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
}
|
||||
input[type=radio] {
|
||||
margin-left: 45px;
|
||||
}
|
||||
input[type=checkbox] {
|
||||
margin-right: 190px;
|
||||
}
|
||||
button {
|
||||
padding: 5px;
|
||||
margin: 10px;
|
||||
}
|
||||
</style>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Make Bot</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div align="center">
|
||||
<h1>Make A Bot!</h1>
|
||||
<form action="#" th:action="@{/makebot}" method="post" th:object="${bot}">
|
||||
<label>Username:</label>
|
||||
<input type="text" th:field="*{username}" /><br/>
|
||||
<div class="container-fluid">
|
||||
<h1>Spring Bot</h1>
|
||||
|
||||
<label>Display Name:</label>
|
||||
<input type="text" th:field="*{name}" /><br/>
|
||||
|
||||
<label>Description:</label>
|
||||
<textarea rows="5" cols="25" th:field="*{summary}"></textarea>
|
||||
<br/>
|
||||
|
||||
<button type="submit">Register</button>
|
||||
</form>
|
||||
<br>
|
||||
<a href="/">HOME</a> |
|
||||
<a href="/viewbot">Bot List</a>
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<a href="/">HOME</a><br>
|
||||
<a href="/viewbot">Bot List</a><br>
|
||||
<a href="/makebot">New Bot</a>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<h2>Make A Bot</h2>
|
||||
<form class="form-horizontal" action="#" th:action="@{/makebot}" method="post" th:object="${bot}">
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="username">Username:</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" id="username" th:field="*{username}" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="name">Display Name:</label>
|
||||
<div class="col-sm-10">
|
||||
<input type="text" id="name" th:field="*{name}" /><br/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="control-label col-sm-2" for="summary">Description:</label>
|
||||
<div class="col-sm-10">
|
||||
<textarea rows="5" cols="25" id="summary" th:field="*{summary}"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
<button type="submit" class="btn btn-primary">Make Bot!</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-sm-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,23 +2,46 @@
|
|||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>Made Bot</title>
|
||||
<style type="text/css">
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
text-align: left;
|
||||
}
|
||||
</style>
|
||||
<title>Made Bot</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
<style type="text/css">
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div align="center">
|
||||
<h2>Made Bot!</h2>
|
||||
<span>Username:</span><span th:text="${bot.username}"></span><br/>
|
||||
<span>Display Name:</span><span th:text="${bot.name}"></span><br/>
|
||||
<span>Description:</span><span th:text="${bot.summary}"></span><br/>
|
||||
<span>Published:</span><span th:text="${bot.published}"></span><br/>
|
||||
<span>Type:</span><span th:text="${bot.type}"></span><br/>
|
||||
<!-- NOTE: this is mainly just a copy-paste of viewbot... -->
|
||||
<div class="container-fluid">
|
||||
<h1>Spring Bot</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<a href="/">HOME</a><br>
|
||||
<a href="/viewbot">Bot List</a><br>
|
||||
<a href="/makebot">New Bot</a>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
|
||||
<h2>Made Bot</h2>
|
||||
Username: <span class="value" th:text="${bot.username}"></span><br>
|
||||
Id: <span class="value" th:text="${@botService.getHandle(bot)}"></span><br>
|
||||
Display Name: <span class="value" th:text="${bot.name}"></span><br>
|
||||
Description: <span class="value" th:text="${bot.summary}"></span><br>
|
||||
Published: <span class="value" th:text="${bot.published}"></span><br>
|
||||
Type: <span class="value" th:text="${bot.type}"></span><br>
|
||||
Public Key:<br>
|
||||
<pre th:text="${bot.getPublicKeyPEMString()}"></pre>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,39 +1,50 @@
|
|||
<!DOCTYPE html>
|
||||
<html xmlns:th="http://www.thymeleaf.org">
|
||||
<head>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>View Bot</title>
|
||||
<style type="text/css">
|
||||
.main {
|
||||
text-align: center;
|
||||
}
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 40em;
|
||||
text-align: left;
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
span.left {
|
||||
text-align: right;
|
||||
margin-right: 1em;
|
||||
}
|
||||
</style>
|
||||
<meta charset="ISO-8859-1">
|
||||
<title>View Bot</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<!-- Latest compiled and minified CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
|
||||
|
||||
<!-- jQuery library -->
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
|
||||
|
||||
<!-- Latest compiled JavaScript -->
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
|
||||
|
||||
<style type="text/css">
|
||||
.value {
|
||||
font-weight: bold;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="main">
|
||||
<h2>Bot:</h2>
|
||||
<span class="left">Username:</span><span th:text="${bot.username}"></span><br/>
|
||||
<span class="left">Id:</span><span th:text="${@botService.getHandle(bot)}"></span><br/>
|
||||
<span class="left">Display Name:</span><span th:text="${bot.name}"></span><br/>
|
||||
<span class="left">Description:</span><span th:text="${bot.summary}"></span><br/>
|
||||
<span class="left">Published:</span><span th:text="${bot.published}"></span><br/>
|
||||
<span class="left">Type:</span><span th:text="${bot.type}"></span><br/>
|
||||
<span class="left">Public Key:</span><span></span>
|
||||
<pre th:text="${bot.getPublicKeyPEMString()}"></pre>
|
||||
<br>
|
||||
<br>
|
||||
<a href="/">HOME</a> |
|
||||
<a href="/viewbot">Bot List</a>
|
||||
<div class="container-fluid">
|
||||
<h1>Spring Bot</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-sm-2">
|
||||
<a href="/">HOME</a><br>
|
||||
<a href="/viewbot">Bot List</a><br>
|
||||
<a href="/makebot">New Bot</a>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
|
||||
<h2>View Bot</h2>
|
||||
Username: <span class="value" th:text="${bot.username}"></span><br>
|
||||
Id: <span class="value" th:text="${@botService.getHandle(bot)}"></span><br>
|
||||
Display Name: <span class="value" th:text="${bot.name}"></span><br>
|
||||
Description: <span class="value" th:text="${bot.summary}"></span><br>
|
||||
Published: <span class="value" th:text="${bot.published}"></span><br>
|
||||
Type: <span class="value" th:text="${bot.type}"></span><br>
|
||||
Public Key:<br>
|
||||
<pre th:text="${bot.getPublicKeyPEMString()}"></pre>
|
||||
|
||||
</div>
|
||||
<div class="col-sm-2"></div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue