Update make panel index configurable for gnome extension

Author: zigazajc007

gnome-extension/extension.js

@@ -676,6 +676,10 @@ export default class RabbitForexExtension extends Extension {
 		this._positionChangedId = this._settings.connect("changed::panel-position", () => {
 			this._repositionIndicator();
 		});
+
+		this._indexChangedId = this._settings.connect("changed::panel-index", () => {
+			this._repositionIndicator();
+		});
 	}
 
 	_getBoxFromPosition(position) {
@@ -686,8 +690,9 @@ export default class RabbitForexExtension extends Extension {
 	_addIndicator() {
 		this._indicator = new RabbitForexIndicator(this);
 		const position = this._settings.get_string("panel-position");
+		const index = this._settings.get_int("panel-index");
 		const box = this._getBoxFromPosition(position);
-		Main.panel.addToStatusArea(this.uuid, this._indicator, 0, box);
+		Main.panel.addToStatusArea(this.uuid, this._indicator, index, box);
 	}
 
 	_repositionIndicator() {
@@ -704,8 +709,9 @@ export default class RabbitForexExtension extends Extension {
 			this._indicator._timestamps = timestamps;
 
 			const position = this._settings.get_string("panel-position");
+			const index = this._settings.get_int("panel-index");
 			const box = this._getBoxFromPosition(position);
-			Main.panel.addToStatusArea(this.uuid, this._indicator, 0, box);
+			Main.panel.addToStatusArea(this.uuid, this._indicator, index, box);
 
 			this._indicator._updateDisplay();
 		}
@@ -717,6 +723,11 @@ export default class RabbitForexExtension extends Extension {
 			this._positionChangedId = null;
 		}
 
+		if (this._indexChangedId) {
+			this._settings.disconnect(this._indexChangedId);
+			this._indexChangedId = null;
+		}
+
 		if (this._indicator) {
 			this._indicator.destroy();
 			this._indicator = null;

gnome-extension/metadata.json

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

gnome-extension/prefs.js

@@ -334,7 +334,7 @@ export default class RabbitForexPreferences extends ExtensionPreferences {
 
 		const panelPositionRow = new Adw.ComboRow({
 			title: "Panel Position",
-			subtitle: "Where to place the indicator",
+			subtitle: "Where to place the indicator in the panel",
 			model: panelPositionModel,
 		});
 
@@ -348,6 +348,23 @@ export default class RabbitForexPreferences extends ExtensionPreferences {
 		});
 		panelGroup.add(panelPositionRow);
 
+		// Panel index (order within the box)
+		const panelIndexRow = new Adw.SpinRow({
+			title: "Panel Index",
+			subtitle: "Order within panel area",
+			adjustment: new Gtk.Adjustment({
+				lower: 0,
+				upper: 20,
+				step_increment: 1,
+				page_increment: 1,
+				value: settings.get_int("panel-index"),
+			}),
+		});
+		panelIndexRow.adjustment.connect("value-changed", (adj) => {
+			settings.set_int("panel-index", adj.value);
+		});
+		panelGroup.add(panelIndexRow);
+
 		// Panel separator
 		const separatorRow = new Adw.EntryRow({
 			title: "Panel Separator",