From 542b1400380690dd5b171fff25cdeb53668e8093 Mon Sep 17 00:00:00 2001
From: Joe Clay <27cupsofcoffee@gmail.com>
Date: Sat, 25 Jan 2025 19:06:32 +0000
Subject: [PATCH 1/6] Add sort menu to category pages
---
sass/_extra.scss | 4 +++
sass/_semantic.scss | 2 +-
static/assets/js/sortCrates.js | 42 ++++++++++++++++++++++++++++++++
templates/categories/macros.html | 2 +-
templates/categories/page.html | 27 ++++++++++++++++++--
5 files changed, 73 insertions(+), 4 deletions(-)
create mode 100644 static/assets/js/sortCrates.js
diff --git a/sass/_extra.scss b/sass/_extra.scss
index 172239bb..997bf7d8 100644
--- a/sass/_extra.scss
+++ b/sass/_extra.scss
@@ -78,6 +78,10 @@ ul.ui.list li::before {
margin-left: 0.5em;
}
+#sort-menu {
+ margin-bottom: 1em;
+}
+
@media only screen and (max-width: 991px) {
.masthead .ui.menu a.item {
display: none;
diff --git a/sass/_semantic.scss b/sass/_semantic.scss
index a8a7134f..289b906e 100644
--- a/sass/_semantic.scss
+++ b/sass/_semantic.scss
@@ -31,7 +31,7 @@
// @import 'semantic/accordion';
// @import 'semantic/checkbox';
// @import 'semantic/dimmer';
-// @import 'semantic/dropdown';
+@import 'semantic/dropdown';
//@import 'semantic/embed';
//@import 'semantic/video';
// @import 'semantic/modal';
diff --git a/static/assets/js/sortCrates.js b/static/assets/js/sortCrates.js
new file mode 100644
index 00000000..534a3e3b
--- /dev/null
+++ b/static/assets/js/sortCrates.js
@@ -0,0 +1,42 @@
+function sortCrates(attribute, numeric, ascending) {
+ var section = $("#crates-section .cards");
+ var cards = section.children(".card");
+
+ var default_value = numeric ? 0 : "";
+
+ cards.sort(function (a, b) {
+ var aAttr = a.getAttribute(attribute) || default_value;
+ var bAttr = b.getAttribute(attribute) || default_value;
+
+ if (numeric) {
+ aAttr = parseInt(aAttr);
+ bAttr = parseInt(bAttr);
+ } else {
+ aAttr = aAttr.toUpperCase();
+ bAttr = bAttr.toUpperCase();
+ }
+
+ if (aAttr > bAttr) {
+ return ascending ? 1 : -1;
+ } else if (aAttr < bAttr) {
+ return ascending ? -1 : 1;
+ } else {
+ return 0;
+ }
+ });
+
+ cards.detach().appendTo(section);
+}
+
+$(document).ready(function () {
+ var sortDropdown = $("#sort-menu");
+
+ sortDropdown.dropdown({
+ onChange: function (value, text, selected) {
+ var type = selected[0].getAttribute("data-type");
+ var order = selected[0].getAttribute("data-order");
+
+ sortCrates(value, type == "num", order == "asc");
+ },
+ });
+});
diff --git a/templates/categories/macros.html b/templates/categories/macros.html
index cb6ca57f..a1a334d3 100644
--- a/templates/categories/macros.html
+++ b/templates/categories/macros.html
@@ -82,7 +82,7 @@
{% endif %}
{% endif %}
-
+
{% if item.image %}
{% if primary_url %}
diff --git a/templates/categories/page.html b/templates/categories/page.html
index 2f1b8b47..4ad71cdb 100644
--- a/templates/categories/page.html
+++ b/templates/categories/page.html
@@ -48,7 +48,7 @@