/*
 * account.ts
 * Copyright (C) 2024 veypi <i@veypi.com>
 * 2024-10-22 22:07
 * Distributed under terms of the GPL license.
 */
import b from './build'
import cfg from '../cfg'

export default class {
  main: HTMLElement
  constructor() {
    this.main = b('voa-account', [
      b('voa-account-header', [b('voa-ah-1', '我的账户'), b('voa-ah-2')]),
      b('voa-account-body', [
        b('voa-ab-ico', [b('img', '', (d) => { d.setAttribute('src', cfg.user.icon) })]),
        b('voa-ab-info', [
          b('voa-abi-1', [b('span', '昵称：'), b('span', '', (d) => { d.innerHTML = cfg.user.nickname })]),
          b('voa-abi-2', [b('span', '账户：'), b('span', '', (d) => { d.innerHTML = cfg.user.username })]),
          b('voa-abi-3', [b('span', '邮箱：'), b('span', '', (d) => { d.innerHTML = cfg.user.email })]),
          b('voa-abi-4', [b('span', '手机：'), b('span', '', (d) => { d.innerHTML = cfg.user.phone })]),
        ])
      ])
    ])
  }
}