112 lines
2.9 KiB
TypeScript
112 lines
2.9 KiB
TypeScript
|
import type * as p from "@bokehjs/core/properties"
|
||
|
|
import {View} from "@bokehjs/core/view"
|
||
|
|
import {Model} from "@bokehjs/model"
|
||
|
|
|
||
|
|
export class LocationView extends View {
|
||
|
|
declare model: Location
|
||
|
|
|
||
|
|
_hash_listener: any
|
||
|
|
|
||
|
|
override initialize(): void {
|
||
|
|
super.initialize()
|
||
|
|
|
||
|
|
this.model.pathname = window.location.pathname
|
||
|
|
this.model.search = window.location.search
|
||
|
|
this.model.hash = window.location.hash
|
||
|
|
|
||
|
|
// Readonly parameters on python side
|
||
|
|
this.model.href = window.location.href
|
||
|
|
this.model.hostname = window.location.hostname
|
||
|
|
this.model.protocol = window.location.protocol
|
||
|
|
this.model.port = window.location.port
|
||
|
|
|
||
|
|
this._hash_listener = () => {
|
||
|
|
this.model.hash = window.location.hash
|
||
|
|
}
|
||
|
|
window.addEventListener("hashchange", this._hash_listener)
|
||
|
|
|
||
|
|
this._has_finished = true
|
||
|
|
this.notify_finished()
|
||
|
|
}
|
||
|
|
|
||
|
|
override connect_signals(): void {
|
||
|
|
super.connect_signals()
|
||
|
|
|
||
|
|
const {pathname, search, hash, reload} = this.model.properties
|
||
|
|
this.on_change(pathname, () => this.update("pathname"))
|
||
|
|
this.on_change(search, () => this.update("search"))
|
||
|
|
this.on_change(hash, () => this.update("hash"))
|
||
|
|
this.on_change(reload, () => this.update("reload"))
|
||
|
|
}
|
||
|
|
|
||
|
|
override remove(): void {
|
||
|
|
super.remove()
|
||
|
|
window.removeEventListener("hashchange", this._hash_listener)
|
||
|
|
}
|
||
|
|
|
||
|
|
update(change: string): void {
|
||
|
|
if (!this.model.reload || (change === "reload")) {
|
||
|
|
window.history.pushState(
|
||
|
|
{},
|
||
|
|
"",
|
||
|
|
`${this.model.pathname}${this.model.search}${this.model.hash}`,
|
||
|
|
)
|
||
|
|
this.model.href = window.location.href
|
||
|
|
if (change === "reload") {
|
||
|
|
window.location.reload()
|
||
|
|
}
|
||
|
|
} else {
|
||
|
|
if (change == "pathname") {
|
||
|
|
window.location.pathname = (this.model.pathname)
|
||
|
|
}
|
||
|
|
if (change == "search") {
|
||
|
|
window.location.search = (this.model.search)
|
||
|
|
}
|
||
|
|
if (change == "hash") {
|
||
|
|
window.location.hash = (this.model.hash)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export namespace Location {
|
||
|
|
export type Attrs = p.AttrsOf<Props>
|
||
|
|
export type Props = Model.Props & {
|
||
|
|
href: p.Property<string>
|
||
|
|
hostname: p.Property<string>
|
||
|
|
pathname: p.Property<string>
|
||
|
|
protocol: p.Property<string>
|
||
|
|
port: p.Property<string>
|
||
|
|
search: p.Property<string>
|
||
|
|
hash: p.Property<string>
|
||
|
|
reload: p.Property<boolean>
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export interface Location extends Location.Attrs { }
|
||
|
|
|
||
|
|
export class Location extends Model {
|
||
|
|
declare properties: Location.Props
|
||
|
|
|
||
|
|
static override __module__ = "panel.models.location"
|
||
|
|
|
||
|
|
constructor(attrs?: Partial<Location.Attrs>) {
|
||
|
|
super(attrs)
|
||
|
|
}
|
||
|
|
|
||
|
|
static {
|
||
|
|
this.prototype.default_view = LocationView
|
||
|
|
|
||
|
|
this.define<Location.Props>(({Bool, Str}) => ({
|
||
|
|
href: [ Str, "" ],
|
||
|
|
hostname: [ Str, "" ],
|
||
|
|
pathname: [ Str, "" ],
|
||
|
|
protocol: [ Str, "" ],
|
||
|
|
port: [ Str, "" ],
|
||
|
|
search: [ Str, "" ],
|
||
|
|
hash: [ Str, "" ],
|
||
|
|
reload: [ Bool, false ],
|
||
|
|
}))
|
||
|
|
}
|
||
|
|
}
|