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.
61 lines
1.4 KiB
TypeScript
61 lines
1.4 KiB
TypeScript
1 month ago
|
/*
|
||
|
|
* 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 Base from './base'
|
||
|
|
import bus from '../bus'
|
||
|
|
export default class extends Base {
|
||
|
|
slide: slide
|
||
|
|
frame: HTMLDivElement
|
||
|
|
frame_login?: HTMLDivElement
|
||
|
|
frame_user?: HTMLDivElement
|
||
|
|
constructor(frame: HTMLDivElement) {
|
||
|
|
super()
|
||
|
|
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 = this.build({
|
||
|
|
class: 'off hover-line-b scale-in',
|
||
|
|
innerHtml: '登录',
|
||
|
|
onclick: () => {
|
||
|
|
console.log('click login')
|
||
|
|
this.addClass(this.frame_login!, '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 = this.build({
|
||
|
|
class: 'on scale-in',
|
||
|
|
innerHtml: `
|
||
|
|
<img style="" class="" 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)
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|