Implement panel sort order for gnome extension

Author: zigazajc007

gnome-extension/extension.js

@@ -352,29 +352,42 @@ const RabbitForexIndicator = GObject.registerClass(
 		}
 
 		_updatePanelLabel() {
-			const panelItems = [];
 			const maxPanelItems = this._settings.get_int("max-panel-items");
 			const showCurrencyInPanel = this._settings.get_boolean("show-currency-in-panel");
 			const panelSeparator = this._settings.get_string("panel-separator");
 			const panelItemTemplate = this._settings.get_string("panel-item-template");
+			const sortOrder = this._settings.get_string("panel-sort-order");
+
+			const allPanelItems = [];
 
 			for (const category of CATEGORIES) {
 				if (!this._rates[category]) continue;
 
 				const showInPanel = this._getPanelCategory(category);
 
 				for (const symbol of showInPanel) {
-					if (panelItems.length >= maxPanelItems) break;
-
 					if (this._rates[category][symbol] !== undefined) {
 						const rate = this._rates[category][symbol];
+						const price = this._getRawPrice(rate, category);
 						const formattedRate = this._formatPanelRate(rate, category, symbol, showCurrencyInPanel);
 						const panelItem = panelItemTemplate.replace("{symbol}", symbol).replace("{rate}", formattedRate);
-						panelItems.push(panelItem);
+						allPanelItems.push({ symbol, price, panelItem });
 					}
 				}
 			}
 
+			if (sortOrder === "symbol-asc") {
+				allPanelItems.sort((a, b) => a.symbol.localeCompare(b.symbol));
+			} else if (sortOrder === "symbol-desc") {
+				allPanelItems.sort((a, b) => b.symbol.localeCompare(a.symbol));
+			} else if (sortOrder === "price-asc") {
+				allPanelItems.sort((a, b) => a.price - b.price);
+			} else if (sortOrder === "price-desc") {
+				allPanelItems.sort((a, b) => b.price - a.price);
+			}
+
+			const panelItems = allPanelItems.slice(0, maxPanelItems).map((item) => item.panelItem);
+
 			if (panelItems.length === 0) {
 				this._panelLabel.text = "Rabbit Forex";
 			} else {

gnome-extension/metadata.json

@@ -3,7 +3,7 @@
 	"description": "Monitor exchange rates for fiat currencies, precious metals, cryptocurrencies and stocks.\nClick on any rate to copy it to clipboard.",
 	"uuid": "[email protected]",
 	"shell-version": ["47", "48", "49"],
-	"version-name": "1.3.0",
+	"version-name": "1.4.0",
 	"settings-schema": "org.gnome.shell.extensions.rabbitforex",
 	"url": "https://github.com/Rabbit-Company/RabbitForexAPI",
 	"donations": {

gnome-extension/prefs.js

@@ -212,6 +212,14 @@ const SYMBOL_POSITIONS = [
 	{ id: "after", label: "After price (100 $)" },
 ];
 
+const PANEL_SORT_OPTIONS = [
+	{ id: "none", label: "No sorting" },
+	{ id: "symbol-asc", label: "Symbol (A → Z)" },
+	{ id: "symbol-desc", label: "Symbol (Z → A)" },
+	{ id: "price-asc", label: "Price (Low → High)" },
+	{ id: "price-desc", label: "Price (High → Low)" },
+];
+
 export default class RabbitForexPreferences extends ExtensionPreferences {
 	fillPreferencesWindow(window) {
 		const settings = this.getSettings();
@@ -290,6 +298,28 @@ export default class RabbitForexPreferences extends ExtensionPreferences {
 		});
 		panelGroup.add(maxPanelRow);
 
+		// Panel sort order dropdown
+		const sortModel = new Gtk.StringList();
+		for (const option of PANEL_SORT_OPTIONS) {
+			sortModel.append(option.label);
+		}
+
+		const sortRow = new Adw.ComboRow({
+			title: "Sort Order",
+			subtitle: "How to sort items displayed in the panel",
+			model: sortModel,
+		});
+
+		const currentSort = settings.get_string("panel-sort-order");
+		const sortIndex = PANEL_SORT_OPTIONS.findIndex((o) => o.id === currentSort);
+		sortRow.selected = sortIndex >= 0 ? sortIndex : 0;
+
+		sortRow.connect("notify::selected", () => {
+			const selected = PANEL_SORT_OPTIONS[sortRow.selected].id;
+			settings.set_string("panel-sort-order", selected);
+		});
+		panelGroup.add(sortRow);
+
 		// Panel separator
 		const separatorRow = new Adw.EntryRow({
 			title: "Panel Separator",

gnome-extension/schemas/org.gnome.shell.extensions.rabbitforex.gschema.xml

@@ -35,6 +35,12 @@
       <description>Maximum number of rates to display in the panel</description>
     </key>
 
+		<key name="panel-sort-order" type="s">
+      <default>'none'</default>
+      <summary>Panel sort order</summary>
+      <description>How to sort panel items: none (as configured), symbol-asc, symbol-desc, price-asc, price-desc</description>
+    </key>
+
     <key name="panel-separator" type="s">
       <default>' | '</default>
       <summary>Panel separator</summary>