Refactor web UI to use HTML frames layout

Replace single-page layout with a frameset: left navigation frame with repo dropdown and page links, right content frame showing the selected page. Split the repo page into separate sub-pages: branches, changes, remote, and manage. Uses <frameset> for maximum compatibility with ancient browsers (Netscape 2+, IE 3+). Clone and delete forms target _top to reload the full frameset when the repo list changes. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
2026-02-26 12:12:15 +01:00
parent 7fa68da521
commit c3424362d4
14 changed files with 381 additions and 151 deletions
--- a/src/main/resources/templates/branches.html
+++ b/src/main/resources/templates/branches.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html xmlns:th="http://www.thymeleaf.org">
+<head>
+<title th:text="'Branches - ' + ${name}">Branches</title>
+</head>
+<body>
+<h2>Branches</h2>
+
+<table border="0" cellpadding="4" cellspacing="0">
+<tr>
+<td>Current branch:</td>
+<td><b th:text="${currentBranch}"></b></td>
+</tr>
+</table>
+
+<h3>Switch Branch</h3>
+<form method="post" th:action="@{/repo/{name}/checkout(name=${name})}">
+<table border="0" cellpadding="4" cellspacing="0">
+<tr>
+<td>
+<select name="branch">
+<option th:each="b : ${branches}" th:value="${b}" th:text="${b}" th:selected="${b == currentBranch}"></option>
+</select>
+</td>
+<td><input type="submit" value="Checkout"></td>
+</tr>
+</table>
+</form>
+
+<h3>Create New Branch</h3>
+<form method="post" th:action="@{/repo/{name}/new-branch(name=${name})}">
+<table border="0" cellpadding="4" cellspacing="0">
+<tr>
+<td><input type="text" name="branch" size="20"></td>
+<td><input type="submit" value="Create"></td>
+</tr>
+</table>
+</form>
+
+</body>
+</html>