FrederikBaerentsen/BrickTracker
4
6
Fork 6
Code Issues 13 Pull Requests 2 Actions Packages Projects 1 Releases 4 Wiki Activity

Split the grid javascript code

Browse Source
This commit is contained in:
Gregoo 2025-01-30 22:10:47 +01:00
parent 4ca7a50492
commit 3af89ad558
3 changed files with 51 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
static/scripts/grid.js → static/scripts/grid/grid.js
View File

@ -1,53 +1,3 @@
// Sort button
class BrickGridSortButton {
constructor(button, grid) {
this.button = button;
this.grid = grid;
this.data = this.button.dataset;
// Setup
button.addEventListener("click", ((grid, button) => (e) => {
grid.sort(button);
})(grid, this));
}
// Active
active() {
this.button.classList.remove("btn-outline-primary");
this.button.classList.add("btn-primary");
}
// Inactive
inactive() {
delete this.button.dataset.sortOrder;
this.button.classList.remove("btn-primary");
this.button.classList.add("btn-outline-primary");
}
// Toggle sorting
toggle(order) {
// Cleanup
delete this.button.dataset.sortOrder;
let icon = this.button.querySelector("i.ri");
if (icon) {
this.button.removeChild(icon);
}
// Set order
if (order) {
this.active();
this.button.dataset.sortOrder = order;
icon = document.createElement("i");
icon.classList.add("ri", "ms-1", `ri-sort-${order}`);
this.button.append(icon);
}
}
}
// Grid class
class BrickGrid {
constructor(grid, target = "div#grid>div") {

49
static/scripts/grid/sort.js Normal file
View File

@ -0,0 +1,49 @@
// Sort button
class BrickGridSortButton {
constructor(button, grid) {
this.button = button;
this.grid = grid;
this.data = this.button.dataset;
// Setup
button.addEventListener("click", ((grid, button) => (e) => {
grid.sort(button);
})(grid, this));
}
// Active
active() {
this.button.classList.remove("btn-outline-primary");
this.button.classList.add("btn-primary");
}
// Inactive
inactive() {
delete this.button.dataset.sortOrder;
this.button.classList.remove("btn-primary");
this.button.classList.add("btn-outline-primary");
}
// Toggle sorting
toggle(order) {
// Cleanup
delete this.button.dataset.sortOrder;
let icon = this.button.querySelector("i.ri");
if (icon) {
this.button.removeChild(icon);
}
// Set order
if (order) {
this.active();
this.button.dataset.sortOrder = order;
icon = document.createElement("i");
icon.classList.add("ri", "ms-1", `ri-sort-${order}`);
this.button.append(icon);
}
}
}

3
templates/base.html
View File

@ -80,7 +80,8 @@
<script src="https://cdn.jsdelivr.net/npm/simple-datatables@9.2.1/dist/umd/simple-datatables.min.js"></script>
<!-- BrickTracker scripts -->
<script src="{{ url_for('static', filename='scripts/changer.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/grid.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/grid/grid.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/grid/sort.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/set.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/socket/socket.js') }}"></script>
<script src="{{ url_for('static', filename='scripts/socket/instructions.js') }}"></script>