mirror of
https://github.com/Part-DB/Part-DB-server.git
synced 2025-06-23 02:09:03 +02:00
Use stimulus controller for sidebar treeviews.
This commit is contained in:
parent
2d1aa829f6
commit
fc90259032
6 changed files with 157 additions and 169 deletions
63
assets/controllers/elements/sidebar_tree_controller.js
Normal file
63
assets/controllers/elements/sidebar_tree_controller.js
Normal file
|
@ -0,0 +1,63 @@
|
|||
import {Controller} from "@hotwired/stimulus";
|
||||
import {default as TreeController} from "./tree_controller";
|
||||
|
||||
import "patternfly-bootstrap-treeview/src/css/bootstrap-treeview.css"
|
||||
import "patternfly-bootstrap-treeview";
|
||||
|
||||
export default class extends TreeController {
|
||||
static targets = [ "tree", 'sourceText' ];
|
||||
|
||||
_storage_key;
|
||||
|
||||
connect() {
|
||||
const default_mode = this.element.dataset.defaultMode;
|
||||
|
||||
this._storage_key = 'tree_' + this.element.id;
|
||||
|
||||
//Check if we have a saved mode
|
||||
const stored_mode = localStorage.getItem(this._storage_key);
|
||||
|
||||
//Use stored mode if possible, otherwise use default
|
||||
if(stored_mode) {
|
||||
try {
|
||||
this.setMode(stored_mode);
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
//If an error happenes, use the default mode
|
||||
this.setMode(default_mode);
|
||||
}
|
||||
} else {
|
||||
this.setMode(default_mode);
|
||||
}
|
||||
}
|
||||
|
||||
setMode(mode) {
|
||||
//Find the button for this mode
|
||||
const modeButton = this.element.querySelector(`[data-mode="${mode}"]`);
|
||||
if(!modeButton) {
|
||||
throw new Error(`Could not find button for mode ${mode}`);
|
||||
}
|
||||
|
||||
//Get the url and text from the button
|
||||
const url = modeButton.dataset.url;
|
||||
const text = modeButton.dataset.text;
|
||||
|
||||
this.sourceTextTarget.innerText = text;
|
||||
|
||||
this.setURL(url);
|
||||
}
|
||||
|
||||
changeDataSource(event)
|
||||
{
|
||||
const mode = event.params.mode ?? event.target.dataset.mode;
|
||||
const url = event.params.url ?? event.target.dataset.url;
|
||||
const text = event.params.text ?? event.target.dataset.text;
|
||||
|
||||
this.sourceTextTarget.innerText = text;
|
||||
|
||||
this.setURL(url);
|
||||
|
||||
//Save the mode in local storage
|
||||
localStorage.setItem(this._storage_key, mode);
|
||||
}
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue