Skip to content

Instantly share code, notes, and snippets.

@EugenyB

EugenyB/general.html

Created April 27, 2025 21:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save EugenyB/1943bd997f31b7f5e9061d1d62edece4 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save EugenyB/1943bd997f31b7f5e9061d1d62edece4 to your computer and use it in GitHub Desktop.
Download ZIP
fragment
Raw
general.html
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head th:fragment="headerfiles">
<meta charset="UTF-8" />
<link th:href="@{/css/styles.css}" rel="stylesheet">
</head>
<body>
<div th:fragment="header" class="navbar">
<nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid">
<a class="navbar-brand" href="/home">Interpol</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="/gangs">Gangs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/crimes">Crimes</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/years">Years</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/counts">Counts</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div th:fragment="confirm">
<!-- confirm dialog -->
<div class="modal fade" id="myconfirm" tabindex="-1" aria-labelledby="staticWarningLabel" aria-hidden="true"
data-bs-backdrop="static" data-bs-keyboard="false">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title text-danger fs-4" id="staticWarningLabel">Warning</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
Are you sure you want to delete <span id="modal-text" class="modal-text text-danger"></span>?<br/>
If you click Delete, this <i>cannot be undone</i>!
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<a th:method="delete" class="btn btn-danger delete-button">Delete</a>
</div>
</div>
</div>
</div>
<!-- end confirm -->
</div>
<div th:fragment="edit">
<!-- add bandit dialog -->
<div class="modal fade" id="add_bandit" tabindex="-1" aria-labelledby="staticEditLabel" aria-hidden="true"
data-bs-backdrop="static" data-bs-keyboard="false">
<form id="add_bandit_form" method="post" action="/add">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title text-danger fs-4" id="staticEditLabel">Add Bandit</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body" style="text-align: left;">
<input type="hidden" id="b_id" name="b_id">
<table>
<tr>
<td><label for="b_name">Name:</label></td>
<td><input type="text" id="b_name" name="b_name" required></td>
</tr>
<tr>
<td><label for="b_nickname">Nickname:</label></td>
<td><input type="text" id="b_nickname" name="b_nickname" required></td>
</tr>
<tr>
<td><label for="b_birthday">Birthday:</label></td>
<td><input type="date" id="b_birthday" name="b_birthday" ></td>
</tr>
<tr>
<td><label for="b_gang">Gang:</label></td>
<td><input type="text" id="b_gang" name="b_gang"></td>
</tr>
<tr>
<td><label for="b_crimetype">Crime Type:</label></td>
<td><input type="text" id="b_crimetype" name="b_crimetype" ></td>
</tr>
<tr>
<td><label for="b_crimecount">Crime Count:</label></td>
<td><input type="number" id="b_crimecount" name="b_crimecount"></td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button id="approve_button" type="submit" class="btn btn-success">Add</button>
</div>
</div>
</div>
</form>
</div>
<!-- end add bandit -->
</div>
<aside>
<div>This is a sidebar</div>
</aside>
<div class="another">This is another sidebar</div>
<footer th:fragment="footer">
<a th:href="@{/fragments}">Fragments Index</a> |
<a th:href="@{/markup}">Markup inclussion</a> |
<a th:href="@{/params}">Fragment params</a> |
<a th:href="@{/other}">Other</a>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment