FrederikBaerentsen/BrickTracker
4
5
Fork 3
Code Issues 11 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

Fixed css and sort when number contains -2 or -X

Browse Source
This commit is contained in:
FrederikBaerentsen 2024-03-03 08:30:52 -05:00
parent a4b1e82805
commit 616bbaf30d
1 changed files with 30 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
templates/frontpage.html
View File

@ -4,6 +4,12 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Responsive Grid</title> <title>Responsive Grid</title>
<!-- CSS Reset -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css">
<!-- Milligram CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/milligram/1.4.1/milligram.css">
<style> <style>
body { body {
margin: 0; margin: 0;
@ -34,19 +40,33 @@
display: inline-block; display: inline-block;
margin: 0; /* Remove default margin */ margin: 0; /* Remove default margin */
} }
.button {
background-color: black;
border-color: black;
}
.button.button-clear,
.button.button-outline {
background-color: transparent;
color: black;
}
.button.button-clear {
border-color: transparent;
}
.search-container {
padding: 10px;
}
</style> </style>
</head> </head>
<body> <body>
<div class="search-container"> <div class="search-container">
<input type="text" id="searchInput" onkeyup="searchFunction()" placeholder="Search..."> <input type="text" id="searchInput" onkeyup="searchFunction()" placeholder="Search...">
<select id="sortSelect" onchange="sortFunction()">
<option value="default">Default</option>
<option value="alphabetical">Alphabetical</option>
</select> </select>
<button onclick="dynamicSort('set_id')">Sort by ID</button> <center>
<button onclick="dynamicSort('set_year')">Sort by Year</button> <button class="button button-outline" onclick="dynamicSort('set_id')">Sort by ID</button>
<button onclick="dynamicSort('set_parts')">Sort by Parts</button> <button class="button button-outline" onclick="dynamicSort('set_year')">Sort by Year</button>
<button onclick="dynamicSort('set_name')">Sort by Name</button> <button class="button button-outline" onclick="dynamicSort('set_parts')">Sort by Parts</button>
<button class="button button-outline" onclick="dynamicSort('set_name')">Sort by Name</button>
</center>
<!-- Add more buttons for other text values if needed --> <!-- Add more buttons for other text values if needed -->
</div> </div>
@ -130,10 +150,9 @@ function dynamicSort(className) {
var textA = a.getElementsByClassName(className)[0].textContent.trim(); var textA = a.getElementsByClassName(className)[0].textContent.trim();
var textB = b.getElementsByClassName(className)[0].textContent.trim(); var textB = b.getElementsByClassName(className)[0].textContent.trim();
// Remove "-1" suffix if present // Remove digits after hyphen if present
textA = textA.replace(/-1$/, '').trim(); textA = textA.replace(/-\d+$/, '').trim();
textB = textB.replace(/-1$/, '').trim(); textB = textB.replace(/-\d+$/, '').trim();
// If text1 is an integer, parse it as a number // If text1 is an integer, parse it as a number
if (!isNaN(textA) && !isNaN(textB)) { if (!isNaN(textA) && !isNaN(textB)) {
var result = parseInt(textA) - parseInt(textB); var result = parseInt(textA) - parseInt(textB);