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
|
|
@ -3,13 +3,33 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="ISO-8859-1">
|
<meta charset="ISO-8859-1">
|
||||||
<title>Spring Bot - an Activity Pub bot using the Spring Boot framework</title>
|
<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>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Hello! Welcome to Spring Bot!</h1>
|
<div class="container-fluid">
|
||||||
<h2>An Activity Pub 'bot' implementation using Spring Boot</h2>
|
<h1>Spring Bot</h1>
|
||||||
<ul>
|
|
||||||
<li><a href="/makebot">Make Bot</a>
|
<div class="row">
|
||||||
<li><a href="/viewbot">View Bot</a>
|
<div class="col-sm-2">
|
||||||
</ul>
|
<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>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -2,14 +2,33 @@
|
||||||
<html xmlns:th="http://www.thymeleaf.org">
|
<html xmlns:th="http://www.thymeleaf.org">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="ISO-8859-1">
|
<meta charset="ISO-8859-1">
|
||||||
<title>List Bot</title>
|
<title>Bot List</title>
|
||||||
.main {
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
text-align: center;
|
|
||||||
}
|
<!-- 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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="main">
|
<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>
|
<h2>Pick-a-Bot!</h2>
|
||||||
<th:block th:if="${bots.empty}">
|
<th:block th:if="${bots.empty}">
|
||||||
<h3>No Bots!</h3>
|
<h3>No Bots!</h3>
|
||||||
|
|
@ -17,9 +36,10 @@
|
||||||
<th:block th:each="bot : ${bots}">
|
<th:block th:each="bot : ${bots}">
|
||||||
<a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
|
<a th:href="@{/viewbot/} + ${bot.username}">[[${@botService.getHandle(bot)}]]</a><br>
|
||||||
</th:block>
|
</th:block>
|
||||||
<br>
|
|
||||||
<br>
|
</div>
|
||||||
<a href="/">HOME</a>
|
<div class="col-sm-2"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,48 +3,60 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="ISO-8859-1">
|
<meta charset="ISO-8859-1">
|
||||||
<title>Make Bot</title>
|
<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 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>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div align="center">
|
<div class="container-fluid">
|
||||||
<h1>Make A Bot!</h1>
|
<h1>Spring Bot</h1>
|
||||||
<form action="#" th:action="@{/makebot}" method="post" th:object="${bot}">
|
|
||||||
<label>Username:</label>
|
|
||||||
<input type="text" th:field="*{username}" /><br/>
|
|
||||||
|
|
||||||
<label>Display Name:</label>
|
<div class="row">
|
||||||
<input type="text" th:field="*{name}" /><br/>
|
<div class="col-sm-2">
|
||||||
|
<a href="/">HOME</a><br>
|
||||||
<label>Description:</label>
|
<a href="/viewbot">Bot List</a><br>
|
||||||
<textarea rows="5" cols="25" th:field="*{summary}"></textarea>
|
<a href="/makebot">New Bot</a>
|
||||||
<br/>
|
</div>
|
||||||
|
<div class="col-sm-8">
|
||||||
<button type="submit">Register</button>
|
<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>
|
</form>
|
||||||
<br>
|
</div>
|
||||||
<a href="/">HOME</a> |
|
<div class="col-sm-2"></div>
|
||||||
<a href="/viewbot">Bot List</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,22 +3,45 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="ISO-8859-1">
|
<meta charset="ISO-8859-1">
|
||||||
<title>Made Bot</title>
|
<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 type="text/css">
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 200px;
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div align="center">
|
<!-- NOTE: this is mainly just a copy-paste of viewbot... -->
|
||||||
<h2>Made Bot!</h2>
|
<div class="container-fluid">
|
||||||
<span>Username:</span><span th:text="${bot.username}"></span><br/>
|
<h1>Spring Bot</h1>
|
||||||
<span>Display Name:</span><span th:text="${bot.name}"></span><br/>
|
|
||||||
<span>Description:</span><span th:text="${bot.summary}"></span><br/>
|
<div class="row">
|
||||||
<span>Published:</span><span th:text="${bot.published}"></span><br/>
|
<div class="col-sm-2">
|
||||||
<span>Type:</span><span th:text="${bot.type}"></span><br/>
|
<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>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -3,37 +3,48 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="ISO-8859-1">
|
<meta charset="ISO-8859-1">
|
||||||
<title>View Bot</title>
|
<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">
|
<style type="text/css">
|
||||||
.main {
|
.value {
|
||||||
text-align: center;
|
font-weight: bold;
|
||||||
}
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
width: 40em;
|
|
||||||
text-align: left;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
span.left {
|
|
||||||
text-align: right;
|
|
||||||
margin-right: 1em;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="main">
|
<div class="container-fluid">
|
||||||
<h2>Bot:</h2>
|
<h1>Spring Bot</h1>
|
||||||
<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/>
|
<div class="row">
|
||||||
<span class="left">Display Name:</span><span th:text="${bot.name}"></span><br/>
|
<div class="col-sm-2">
|
||||||
<span class="left">Description:</span><span th:text="${bot.summary}"></span><br/>
|
<a href="/">HOME</a><br>
|
||||||
<span class="left">Published:</span><span th:text="${bot.published}"></span><br/>
|
<a href="/viewbot">Bot List</a><br>
|
||||||
<span class="left">Type:</span><span th:text="${bot.type}"></span><br/>
|
<a href="/makebot">New Bot</a>
|
||||||
<span class="left">Public Key:</span><span></span>
|
</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>
|
<pre th:text="${bot.getPublicKeyPEMString()}"></pre>
|
||||||
<br>
|
|
||||||
<br>
|
</div>
|
||||||
<a href="/">HOME</a> |
|
<div class="col-sm-2"></div>
|
||||||
<a href="/viewbot">Bot List</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue