yvan/activitypubplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Threw in some very basic Bootstrap as I was sick of looking at ugly browser defaults.

Browse source
This commit is contained in:
Yvan 2025-02-04 20:51:56 +00:00
parent 516f90bf1f
commit 1608d75ec9
5 changed files with 199 additions and 113 deletions
Download patch file Download diff file Expand all files Collapse all files

36
Java/Spring/activitypubbot/src/main/resources/templates/index.html
View file

@ -1,15 +1,35 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<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>

40
Java/Spring/activitypubbot/src/main/resources/templates/listbots.html
View file

@ -1,15 +1,34 @@
<!DOCTYPE html> <!DOCTYPE html>
<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 -->
</style> <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> </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>

92
Java/Spring/activitypubbot/src/main/resources/templates/makebot.html
View file

@ -1,50 +1,62 @@
<!DOCTYPE html> <!DOCTYPE html>
<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>Make Bot</title> <title>Make Bot</title>
<style type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1">
label {
display: inline-block; <!-- Latest compiled and minified CSS -->
width: 200px; <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
margin: 5px;
text-align: left; <!-- jQuery library -->
} <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
input[type=text], input[type=password], select {
display: inline-block; <!-- Latest compiled JavaScript -->
width: 200px; <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
}
input[type=radio] { <style type="text/css">
margin-left: 45px; </style>
}
input[type=checkbox] {
margin-right: 190px;
}
button {
padding: 5px;
margin: 10px;
}
</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>

53
Java/Spring/activitypubbot/src/main/resources/templates/makebot_submitted.html
View file

@ -2,23 +2,46 @@
<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>Made Bot</title> <title>Made Bot</title>
<style type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1">
span {
display: inline-block; <!-- Latest compiled and minified CSS -->
width: 200px; <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
text-align: left;
} <!-- jQuery library -->
</style> <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> </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>

69
Java/Spring/activitypubbot/src/main/resources/templates/viewbot.html
View file

@ -1,39 +1,50 @@
<!DOCTYPE html> <!DOCTYPE html>
<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>View Bot</title> <title>View Bot</title>
<style type="text/css"> <meta name="viewport" content="width=device-width, initial-scale=1">
.main {
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">
.value {
font-weight: bold;
} }
span { </style>
display: inline-block;
width: 40em;
text-align: left;
margin-bottom: 0.5em;
}
span.left {
text-align: right;
margin-right: 1em;
}
</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>