contrapunctus/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

More styling of the new menu UX

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-08-29 03:53:54 +02:00
parent 124e816abe
commit 806646ec06
11 changed files with 353 additions and 246 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/Logic/Web/ThemeViewStateHashActor.ts
View file

@ -1,10 +1,10 @@
import ThemeViewState from "../../Models/ThemeViewState"
import Hash from "./Hash"
import { MenuState } from "../../Models/MenuState"
import hash from "svelte/types/compiler/compile/utils/hash"
export default class ThemeViewStateHashActor {
private readonly _state: ThemeViewState
private isUpdatingHash = false
public static readonly documentation = [
"The URL-hash can contain multiple values:",
@ -49,11 +49,13 @@ export default class ThemeViewStateHashActor {
// Register a hash change listener to correctly handle the back button
Hash.hash.addCallback((hash) => {
console.trace("Going back with hash", hash)
if(this.isUpdatingHash){
return
}
if (!hash) {
this.back()
}else{
if(!this.loadStateFromHash(hash)){
} else {
if (!this.loadStateFromHash(hash)) {
this.loadSelectedElementFromHash(hash)
}
}
@ -121,25 +123,30 @@ export default class ThemeViewStateHashActor {
* returns 'true' if a hash was set
*/
private setHash(): boolean {
const selectedElement = this._state.selectedElement.data
if(selectedElement){
Hash.hash.set(selectedElement.properties.id)
return true
}
for (const page in this._state.guistate.pageStates) {
const toggle = this._state.guistate.pageStates[page]
if (toggle.data) {
Hash.hash.set(page)
this.isUpdatingHash = true
try {
const selectedElement = this._state.selectedElement.data
if (selectedElement) {
Hash.hash.set(selectedElement.properties.id)
return true
}
for (const page in this._state.guistate.pageStates) {
const toggle = this._state.guistate.pageStates[page]
if (toggle.data) {
Hash.hash.set(page)
return true
}
}
Hash.hash.set(undefined)
return false
} finally {
this.isUpdatingHash = false
}
Hash.hash.set(undefined)
return false
}
private back() {
const state = this._state
console.log("Got a 'back' event")
if (state.previewedImage.data) {
state.previewedImage.setData(undefined)
return