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

export default v('voa-account', [
  v('voa-account-header', [v('voa-ah-1', '我的账户'), v('voa-ah-2')]),
  v('voa-account-body', [
    // v('voa-ab-ico', [v('img', '', (d) => { d.setAttribute('src', cfg.user.icon) })]),
    v('voa-ab-ico', [v({ typ: 'img', attrs: { 'src': () => `https://public.veypi.com/img/avatar/000${cfg.user.id}.jpg`, test: () => cfg.user.id } })]),
    v('voa-ab-info', [
      v('voa-abi-1', [v('span', '昵称：'), v('span', () => cfg.user.nickname)]),
      v('voa-abi-2', [v('span', '账户：'), v('span', () => cfg.user.username)]),
      v('voa-abi-3', [v('span', '邮箱：'), v('span', () => cfg.user.email)]),
      v('voa-abi-4', [v('span', '手机：'), v('span', () => cfg.user.phone)]),
      v({
        typ: 'input',
        attrs: { 'type': 'number' },
        vbind: [cfg.user, 'id']
      })
    ])
  ])
])