mirror of https://github.com/veypi/OneAuth.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
/*
|
|
* index.ts
|
|
* Copyright (C) 2024 veypi <i@veypi.com>
|
|
* 2024-10-22 17:51
|
|
* Distributed under terms of the GPL license.
|
|
*/
|
|
|
|
import slide from './slide'
|
|
import v from './v2dom'
|
|
import bus from '../bus'
|
|
export default class {
|
|
slide: slide
|
|
frame: HTMLElement
|
|
frame_login?: HTMLElement
|
|
frame_user?: HTMLElement
|
|
constructor(frame: HTMLElement) {
|
|
this.frame = frame
|
|
this.frame.classList.add('voa')
|
|
this.slide = new slide()
|
|
this.mount_user()
|
|
bus.on('logout', () => {
|
|
this.mount_login()
|
|
this.slide.hide()
|
|
})
|
|
}
|
|
mount_login() {
|
|
this.frame_login = v({
|
|
class: 'voa-off voa-hover-line-b voa-scale-in',
|
|
innerHtml: '登录',
|
|
onclick: () => {
|
|
console.log('click login')
|
|
this.frame_login?.classList.add('voa-scale-off')
|
|
this.mount_user()
|
|
}
|
|
})
|
|
if (this.frame_user) {
|
|
this.frame.removeChild(this.frame_user)
|
|
}
|
|
this.frame.appendChild(this.frame_login)
|
|
}
|
|
mount_user() {
|
|
let icon = 'https://public.veypi.com/img/avatar/0001.jpg'
|
|
this.frame_user = v({
|
|
class: 'voa-on voa-scale-in',
|
|
innerHtml: `
|
|
<img src="${icon}" />
|
|
`,
|
|
onclick: () => {
|
|
this.slide.show()
|
|
// this.mount_login()
|
|
}
|
|
})
|
|
if (this.frame_login) {
|
|
this.frame.removeChild(this.frame_login)
|
|
}
|
|
this.frame.appendChild(this.frame_user)
|
|
}
|
|
}
|
|
|