{{template "base/header" .}}
<!-- 头像直连 R2：crossorigin 让 favicon 也以 CORS 模式请求，确保浏览器缓存的响应都带 ACAO；
     ?v=2 击穿历史上被「无 ACAO 响应」污染的缓存条目（R2 对无 Origin 请求的响应无 Vary，可缓存 31 天） -->
<link rel="shortcut icon" href="{{.PageUser.Avatar}}?v=2" crossorigin="anonymous"/>
<link rel="apple-touch-icon" href="{{.PageUser.Avatar}}?v=2" crossorigin="anonymous"/>
<link rel="icon" sizes="192x192" href="{{.PageUser.Avatar}}?v=2" crossorigin="anonymous">
<style>
  /* 封面高度（原内联 style，改到类里便于和遮罩一起维护） */
  .tb-profile-cover { min-height: 260px; }
  /* 投票列表：与探索页"全部投票"一致的列表行样式 */
  .profile-votes-list { display: grid; gap: 0; }
  .profile-vote-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-width: 0;
    padding: 14px 16px;
    border-bottom: 1px solid var(--tb-border);
    text-decoration: none;
  }
  .profile-vote-item:first-child { border-top: 1px solid var(--tb-border); }
  .profile-vote-item:hover { background: var(--tb-surface-hover); text-decoration: none; }
  .profile-vote-content { min-width: 0; }
  .profile-vote-title {
    display: block;
    overflow: hidden;
    color: var(--tb-text);
    font-size: var(--tb-fs-md);
    font-weight: 600;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .profile-vote-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    margin-top: 8px;
  }
  .profile-vote-meta .uk-label { font-size: var(--tb-fs-xs); line-height: 1.6; }
  .profile-vote-action {
    flex: 0 0 auto;
    color: var(--tb-primary);
    font-size: var(--tb-fs-md);
    white-space: nowrap;
  }
  html[data-theme="dark"] .profile-vote-item { border-color: var(--tb-border); }
  html[data-theme="dark"] .profile-vote-title { color: var(--tb-text); }
  html[data-theme="dark"] .profile-vote-item:hover { background: rgba(78, 168, 245, 0.10); }
  /* 个人主页 Tab：与探索页一致的胶囊切换样式 */
  /* 个人主页 Tab：全宽等分，置于主体顶部，作为一级导航（移动端整行可点） */
  .profile-tabs {
    display: flex;
    gap: 4px;
    padding: 4px;
    margin-top: 20px;
    margin-bottom: 18px;
    border: 1px solid var(--tb-border);
    border-radius: var(--tb-radius-sm);
    background: var(--tb-surface-2);
  }
  .profile-tab {
    flex: 1;
    border: 0;
    border-radius: var(--tb-radius-xs);
    padding: 9px 15px;
    background: transparent;
    color: var(--tb-text-muted);
    cursor: pointer;
    font-size: var(--tb-fs-md);
    transition: background 0.2s ease, color 0.2s ease;
  }
  .profile-tab:hover { color: var(--tb-primary); }
  .profile-tab.is-active {
    background: var(--tb-surface);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.10);
    color: var(--tb-primary);
    font-weight: 600;
  }
  /* 功能关闭时置灰禁用的 Tab（如投票功能关闭） */
  .profile-tab.is-disabled,
  .profile-tab:disabled {
    cursor: not-allowed;
    color: var(--tb-text-muted);
    opacity: 0.7;
  }
  .profile-tab.is-disabled:hover { color: var(--tb-text-muted); }
  .profile-panel[hidden] { display: none !important; }
  html[data-theme="dark"] .profile-tabs {
    border-color: var(--tb-border);
    background: var(--tb-surface-2);
  }

  /* 提问历史提示条：仅在本机存有该箱提问记录时出现，不占固定位置、不遮挡内容 */
  .tb-ask-history {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid var(--tb-border);
    border-radius: 10px;
    background: var(--tb-surface);
  }
  .tb-ask-history-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .tb-ask-history-text { font-size: var(--tb-fs-md); color: var(--tb-text); }
  .tb-ask-history-bar .uk-button-text { flex: 0 0 auto; color: var(--tb-primary); }
  .tb-ask-history-list {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    gap: 2px;
  }
  .tb-ask-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid var(--tb-border);
    text-decoration: none;
  }
  .tb-ask-history-item:hover .tb-ask-history-excerpt { color: var(--tb-primary); }
  .tb-ask-history-excerpt {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--tb-fs-md);
    color: var(--tb-text);
  }
  .tb-ask-history-meta { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
  .tb-ask-history-state { font-size: var(--tb-fs-xs); white-space: nowrap; }
  .tb-ask-history-state.is-answered { color: #19a974; }
  .tb-ask-history-state.is-pending { color: var(--tb-text-muted); }
  .tb-ask-history-note {
    margin: 10px 0 0;
    font-size: var(--tb-fs-xs);
    color: var(--tb-text-muted);
  }
  html[data-theme="dark"] .profile-tab { color: var(--tb-text-muted); }
  html[data-theme="dark"] .profile-tab.is-active { background: var(--tb-surface); color: var(--tb-primary); }
  html[data-theme="dark"] .profile-tab.is-disabled { color: var(--tb-text-muted); opacity: 0.55; }
</style>
<div class="uk-card uk-card-default uk-text-center">
  <div class="tb-profile-cover uk-flex uk-flex-center uk-flex-middle uk-background-cover uk-light{{ if .PageUser.Background }} tb-cover{{ end }}" data-src="{{ .PageUser.Background }}" uk-img>
    <div class="uk-card-body">
      <img class="uk-border-circle uk-box-shadow-large" src="{{ if .PageUser.Avatar }}{{ .PageUser.Avatar }}?v=2{{ else }}{{ .DefaultAvatar }}{{ end }}" crossorigin="anonymous" style="width: 100px; height: 100px; max-width: 100%; max-height: 100%;">
      <h3 id="usernamecolor">{{ .PageUser.Name }}</h3>
      <p id="introcolor">{{ .PageUser.Intro }}</p>
        <div class="icon-container">
        {{ if and .PageUser.Acfunlink (ne .PageUser.Acfunlink "none") }}
         <a href="https://{{.PageUser.Acfunlink}}" target="_blank">
          <img src="https://r2.337845818.best/tamabox/icon/social/ailicili.png" alt="acfunlink" class="icon">
         </a>
        {{ end }}
        {{ if and .PageUser.Bililink (ne .PageUser.Bililink "none") }}
         <a href="https://{{.PageUser.Bililink}}" target="_blank">
          <img src="https://r2.337845818.best/tamabox/icon/social/bili.png" alt="bililink" class="icon">
         </a>
        {{ end }}
        {{ if and .PageUser.Weibolink (ne .PageUser.Weibolink "none") }}
         <a href="https://{{.PageUser.Weibolink}}" target="_blank">
          <img src="https://r2.337845818.best/tamabox/icon/social/weibo.png" alt="weibolink" class="icon">
         </a>
        {{ end }}
        {{ if and .PageUser.Xiaohongshulink (ne .PageUser.Xiaohongshulink "none") }}
         <a href="https://{{.PageUser.Xiaohongshulink}}" target="_blank">
          <img src="https://r2.337845818.best/tamabox/icon/social/xiaohongshu.png" alt="xiaohongshulink" class="icon">
         </a>
        {{ end }}
        {{ if and .PageUser.Bloglink (ne .PageUser.Bloglink "none") }}
          <a href="https://{{.PageUser.Bloglink}}" target="_blank">
           <img src="https://r2.337845818.best/tamabox/icon/social/blog.png" alt="bloglink" class="icon">
         </a>
        {{ end }}
        </div>
    </div>
  </div>
</div>
<script>
document.getElementById("usernamecolor").style.color = "{{.PageUser.Usernamecolor}}";
document.getElementById("introcolor").style.color = "{{.PageUser.Introcolor}}";
// 封面上的文字颜色由箱主自选，深浅不定：按用户名颜色的亮度决定遮罩方向
// （深字上面压浅色遮罩、浅字上面压深色遮罩），保证任何配色都能读。
// 无背景图时页面没有 .tb-cover，这里什么都不做，保持原样。
(function () {
  var cover = document.querySelector('.tb-cover');
  var el = document.getElementById('usernamecolor');
  if (!cover || !el) return;
  var m = window.getComputedStyle(el).color.match(/\d+/g);
  if (!m || m.length < 3) return;
  var lum = (0.299 * m[0] + 0.587 * m[1] + 0.114 * m[2]) / 255;
  if (lum > 0.62) cover.classList.add('tb-cover-dark');
})();
</script>
<div>
  <div class="uk-card uk-card-default uk-card-small uk-card-body">
    {{ if .CanAsk }}
    <!-- jQuery 已改为按需加载：defer 按文档顺序先于 easy.qrcode 执行，保证就绪 -->
    <script defer src="https://cdnjs.snrat.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
    <script defer src='https://r2.337845818.best/tamabox/cdn/js/remake/easy.qrcode.min.js' type="text/javascript"  charset="utf-8"></script>
    <div class="uk-text-center"><div id="boxqrimg"></div></div>
    <script type="text/javascript">
    document.addEventListener('DOMContentLoaded', function () {
        var options = {
            text: window.location.href,
            width: 200,
            height: 200,
            // 与 Profile 编辑器保持一致：仅当启用自定义前景色时，才把 Qrcodebackcolor 作为前景色；
            // 否则强制黑色 #000000，避免未勾选却显示自定义前景色、与 Profile 预览不一致。
            colorDark: ({{.PageUser.UseCustomQRColor}} ? "{{.PageUser.Qrcodebackcolor}}" : "#000000") || "#000000",
            colorLight: "{{.PageUser.Qrcodecolor}}" || "#FFFFFF",
            dotScale: parseFloat("{{.PageUser.Dotscale}}") || 0.4,
            dotScaleTiming: parseFloat("{{.PageUser.Dotscale}}") || 0.4,
            dotScaleA: parseFloat("{{.PageUser.Dotscale}}") || 0.4,
            correctLevel: QRCode.CorrectLevel.H,
            logo: (function () {
                // ?v=2：击穿曾被无 ACAO 响应污染的浏览器缓存条目；仅对 http(s) 绝对地址追加
                var a = "{{.PageUser.Avatar}}" || "{{.DefaultAvatar}}";
                return a ? (a.indexOf("http") === 0 ? a + "?v=2" : a) : undefined;
            })(),
            logoWidth: 60,
            logoHeight: 60,
            logoBackgroundTransparent: true,
            // 直连 R2 等跨域图片须以 CORS 模式加载，canvas 才不被污染、可正常导出
            crossOrigin: 'anonymous',
            backgroundImage: ("{{.PageUser.BackgroundImage}}" ? "{{.PageUser.BackgroundImage}}" : undefined),
            backgroundImageAlpha: parseFloat("{{.PageUser.Backgroundimagealpha}}") || 0.8,
            autoColor: false,
            PO: "{{.PageUser.Qrcodepdpcolor}}" || "#000000",
            PI: "{{.PageUser.Qrcodepdpcolor}}" || "#000000",
            AO: '',
            AI: '',
            timing: "{{.PageUser.Qrcodepdpcolor}}" || "#000000"
        };
        // 降级渲染：头像（logo）/ 背景图加载慢/失败时先出基础码，探针成功后再升级带 logo 版
        window.tbRenderQR(document.getElementById("boxqrimg"), function () { return options; });
    });
    </script>
 
    <p class="uk-text-center uk-text-small">{{t .LangCode "ask.scan" .PageUser.Name}}<br>{{ if .RegisterOnlyAsk }}{{t .LangCode "ask.registerOnly"}}{{ else }}{{t .LangCode "ask.anonymous"}}{{ end }}</p>

    <div class="uk-text-center uk-margin-small-top">
        <a id="share-btn" href="/_/{{ .PageUser.Domain }}/share-card" download class="uk-button uk-button-default uk-button-small">
            📤 {{t .LangCode "ask.share"}}
        </a>
    </div>

    <div id="share-loading-overlay" style="display:none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(255,255,255,0.85); z-index:9999;">
        <div style="display:flex; flex-direction:column; align-items:center; justify-content:center; height:100%;">
            <div uk-spinner="ratio: 2" class="uk-margin-bottom"></div>
            <p class="uk-text-large uk-text-muted">{{t .LangCode "ask.generating"}}</p>
        </div>
    </div>

    <script>
    (function() {
        var btn = document.getElementById('share-btn');
        var overlay = document.getElementById('share-loading-overlay');
        if (!btn || !overlay) return;
        btn.addEventListener('click', function(e) {
            e.preventDefault();
            overlay.style.display = 'block';
            btn.style.pointerEvents = 'none';
            fetch(btn.href)
                .then(function(response) {
                    if (!response.ok) throw new Error('{{t .LangCode "ask.networkError"}}');
                    return response.blob();
                })
                .then(function(blob) {
                    var url = URL.createObjectURL(blob);
                    var a = document.createElement('a');
                    a.href = url;
                    a.download = '{{t .LangCode "ask.shareFilename"}}';
                    document.body.appendChild(a);
                    a.click();
                    setTimeout(function() {
                        document.body.removeChild(a);
                        URL.revokeObjectURL(url);
                    }, 100);
                })
                .catch(function(err) {
                    alert('{{t .LangCode "ask.genFailed"}}');
                    console.error(err);
                })
                .finally(function() {
                    overlay.style.display = 'none';
                    btn.style.pointerEvents = 'auto';
                });
        });
    })();
    </script>
    {{ end }}
    {{template "base/alert" .}}

    <!-- 提问者找回自己的提问：只有本机 localStorage 里存着本箱记录时才由脚本显示 -->
    <div id="tb-ask-history" class="tb-ask-history" hidden>
      <div class="tb-ask-history-bar">
        <span class="tb-ask-history-text" id="tb-ask-history-text"></span>
        <button type="button" id="tb-ask-history-toggle" class="uk-button uk-button-text uk-button-small uk-padding-remove" aria-expanded="false"></button>
      </div>
      <ul class="tb-ask-history-list" id="tb-ask-history-list" hidden></ul>
      <p class="tb-ask-history-note">{{ t .LangCode "askHistory.note" }}</p>
    </div>

    <!-- 提问 / 投票 切换：默认显示提问，支持 ?tab=votes 直达（服务端初始态）与 #votes hash 覆盖 -->
    <div class="profile-tabs" role="tablist">
      <button type="button" class="profile-tab{{ if eq .ActiveProfileTab "questions" }} is-active{{ end }}" data-profile-tab="questions" role="tab" aria-selected="{{ if eq .ActiveProfileTab "questions" }}true{{ else }}false{{ end }}">{{t .LangCode "explore.questionsTab"}}</button>
      {{ if .VoteEnabled }}
      <button type="button" class="profile-tab{{ if eq .ActiveProfileTab "votes" }} is-active{{ end }}" data-profile-tab="votes" role="tab" aria-selected="{{ if eq .ActiveProfileTab "votes" }}true{{ else }}false{{ end }}">{{t .LangCode "explore.votesTab"}}</button>
      {{ else }}
      <!-- 投票功能关闭：保留 Tab 展示但置灰禁用，hover 提示原因 -->
      <button type="button" class="profile-tab is-disabled" disabled aria-disabled="true" uk-tooltip="{{ .VoteClosedMessage }}">{{t .LangCode "explore.votesTab"}} <span uk-icon="icon: lock; ratio: 0.8"></span></button>
      {{ end }}
    </div>

    <div class="profile-panel" data-profile-panel="questions"{{ if eq .ActiveProfileTab "votes" }} hidden{{ end }}>
    {{template "question/new-question-template" .}}

    {{ if ne (len .PageQuestions) 0 }}
    <p class="uk-text-left uk-text-muted uk-text-small">{{t .LangCode "ask.history" .PageUser.Name}} ({{ .AnsweredCount }})</p>
    {{ template "question/history-template" . }}
    {{ end }}
    </div>

    <div class="profile-panel" data-profile-panel="votes"{{ if ne .ActiveProfileTab "votes" }} hidden{{ end }}>
    {{ if .PageVotes }}
    <!-- 匿名投票板块：箱主"进行中"的公开投票（列表行样式，与探索页"全部投票"一致） -->
    <div class="profile-votes-list">
      {{ range .PageVotes }}
      <a href="/vote/{{ .LinkToken }}" class="profile-vote-item">
        <div class="profile-vote-content">
          <span class="profile-vote-title" title="{{ .Title }}">{{ .Title }}</span>
          <span class="profile-vote-meta">
            {{ if eq .Type "single" }}<span class="tb-chip">{{t $.LangCode "vote.typeSingle"}}</span>{{ end }}
            {{ if eq .Type "multiple" }}<span class="tb-chip">{{t $.LangCode "vote.typeMultiple"}}</span>{{ end }}
            {{ if eq .Type "rating" }}<span class="tb-chip">{{t $.LangCode "vote.typeRating"}}</span>{{ end }}
            {{ if eq .Type "rank" }}<span class="tb-chip">{{t $.LangCode "vote.typeRank"}}</span>{{ end }}
            {{ if eq .Type "form" }}<span class="tb-chip">{{t $.LangCode "vote.typeForm"}}</span>{{ end }}
            <span class="uk-text-meta">{{ .CreatedAt.Format "2006-01-02" }}</span>
          </span>
        </div>
        <span class="profile-vote-action">{{t $.LangCode "vote.page.goVote"}} <span uk-icon="icon: arrow-right; ratio: .8"></span></span>
      </a>
      {{ end }}
    </div>
    {{ else }}
    <div class="uk-alert uk-alert-primary uk-margin-remove-top">{{t .LangCode "explore.noVotes"}}</div>
    {{ end }}
    </div>
  </div>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
  var tabs = document.querySelectorAll('[data-profile-tab]');
  var panels = document.querySelectorAll('[data-profile-panel]');
  function showPanel(name) {
    tabs.forEach(function(tab) {
      var active = tab.dataset.profileTab === name;
      tab.classList.toggle('is-active', active);
      tab.setAttribute('aria-selected', active ? 'true' : 'false');
    });
    panels.forEach(function(panel) {
      panel.hidden = panel.dataset.profilePanel !== name;
    });
    if (window.history && window.history.replaceState) {
      window.history.replaceState({}, document.title, window.location.pathname + window.location.search + (name === 'votes' ? '#votes' : ''));
    }
  }
  tabs.forEach(function(tab) {
    tab.addEventListener('click', function() { showPanel(tab.dataset.profileTab); });
  });
  // 仅当投票 Tab 可点击（功能开启）时才响应 #votes hash，避免投票关闭时切到空面板
  if (window.location.hash === '#votes' && document.querySelector('[data-profile-tab="votes"]')) {
    showPanel('votes');
  }
});
</script>

<script>
// 提问者找回自己的提问。
//
// 记录由「提问成功页」写进本机 localStorage（见 question/success.html），
// 这里只负责：有记录就显示一条提示，并问服务端哪些已经被回答。
// 服务端只做「你给的这个 token 对不对」的常数时间比对，不建任何访客档案。
(function () {
  var KEY = 'tb_ask_history_v1';
  var DOMAIN = '{{ .PageUser.Domain }}';
  var CSRF = '{{ .CSRFToken }}';

  var box = document.getElementById('tb-ask-history');
  if (!box) return;

  var I18N = {
    banner: '{{ t .LangCode "askHistory.banner" | js }}',
    answeredSuffix: '{{ t .LangCode "askHistory.answeredSuffix" | js }}',
    expand: '{{ t .LangCode "askHistory.expand" | js }}',
    collapse: '{{ t .LangCode "askHistory.collapse" | js }}',
    answered: '{{ t .LangCode "askHistory.answered" | js }}',
    pending: '{{ t .LangCode "askHistory.pending" | js }}',
    open: '{{ t .LangCode "askHistory.open" | js }}'
  };

  function readAll() {
    try {
      var v = JSON.parse(localStorage.getItem(KEY) || '[]');
      return Array.isArray(v) ? v : [];
    } catch (e) {
      return [];
    }
  }
  function writeAll(list) {
    try { localStorage.setItem(KEY, JSON.stringify(list)); } catch (e) {}
  }

  var mine = readAll().filter(function (x) {
    return x && x.d === DOMAIN && x.id && x.t;
  });
  if (!mine.length) return;

  var textEl = document.getElementById('tb-ask-history-text');
  var toggleEl = document.getElementById('tb-ask-history-toggle');
  var listEl = document.getElementById('tb-ask-history-list');

  function renderTitle(answered) {
    var t = I18N.banner.replace('{n}', mine.length);
    if (answered > 0) t += I18N.answeredSuffix.replace('{m}', answered);
    textEl.textContent = t;
  }

  renderTitle(0);
  box.hidden = false;
  toggleEl.textContent = I18N.expand;

  toggleEl.addEventListener('click', function () {
    var expanded = toggleEl.getAttribute('aria-expanded') === 'true';
    toggleEl.setAttribute('aria-expanded', expanded ? 'false' : 'true');
    listEl.hidden = expanded;
    toggleEl.textContent = expanded ? I18N.expand : I18N.collapse;
  });

  // 问服务端哪些已被回答。失败就只显示本地记录（不带状态），不影响主流程。
  fetch('/api/v1/ask-status', {
    method: 'POST',
    headers: { 'Content-Type': 'application/json', 'X-CSRF-Token': CSRF },
    credentials: 'same-origin',
    body: JSON.stringify({
      domain: DOMAIN,
      items: mine.map(function (x) { return { id: x.id, token: x.t }; })
    })
  }).then(function (r) {
    return r.ok ? r.json() : null;
  }).then(function (payload) {
    var items = (payload && payload.data && payload.data.items) || [];
    var byId = {};
    items.forEach(function (it) { byId[it.id] = it; });

    // 服务端说 token 无效（提问被删、或记录过期）：从本地清掉，避免一直挂着死链
    var stale = items.filter(function (it) { return !it.ok; }).map(function (it) { return it.id; });
    if (stale.length) {
      mine = mine.filter(function (x) { return stale.indexOf(x.id) === -1; });
      var all = readAll().filter(function (x) {
        return !(x && x.d === DOMAIN && stale.indexOf(x.id) !== -1);
      });
      writeAll(all);
      if (!mine.length) { box.hidden = true; return; }
    }

    var answered = 0;
    mine.forEach(function (x) {
      var st = byId[x.id];
      if (st && st.answered) answered++;
    });
    renderTitle(answered);

    mine.sort(function (a, b) { return (b.ts || 0) - (a.ts || 0); });
    listEl.textContent = '';
    mine.forEach(function (x) {
      var st = byId[x.id] || {};
      var a = document.createElement('a');
      a.className = 'tb-ask-history-item';
      a.href = '/_/' + encodeURIComponent(DOMAIN) + '/' + x.id +
               '?t=' + encodeURIComponent(x.t);

      var left = document.createElement('span');
      left.className = 'tb-ask-history-excerpt';
      // textContent：摘要来自用户自己的提问，但仍然不走 innerHTML
      left.textContent = (st.excerpt || ('#' + x.id)) +
        (st.created ? '  ·  ' + new Date(st.created * 1000).toLocaleDateString() : '');

      var right = document.createElement('span');
      right.className = 'tb-ask-history-meta';
      var state = document.createElement('span');
      state.className = 'tb-ask-history-state ' + (st.answered ? 'is-answered' : 'is-pending');
      state.textContent = st.answered ? I18N.answered : I18N.pending;
      var go = document.createElement('span');
      go.className = 'tb-ask-history-open';
      go.textContent = I18N.open;
      right.appendChild(state);
      right.appendChild(go);

      a.appendChild(left);
      a.appendChild(right);
      var li = document.createElement('li');
      li.appendChild(a);
      listEl.appendChild(li);
    });
  }).catch(function () {
    // 网络失败：仍然把本地记录列出来（没有状态标签），链接照样能打开
    mine.sort(function (a, b) { return (b.ts || 0) - (a.ts || 0); });
    listEl.textContent = '';
    mine.forEach(function (x) {
      var a = document.createElement('a');
      a.className = 'tb-ask-history-item';
      a.href = '/_/' + encodeURIComponent(DOMAIN) + '/' + x.id +
               '?t=' + encodeURIComponent(x.t);
      var left = document.createElement('span');
      left.className = 'tb-ask-history-excerpt';
      left.textContent = '#' + x.id;
      var right = document.createElement('span');
      right.className = 'tb-ask-history-meta';
      var go = document.createElement('span');
      go.className = 'tb-ask-history-state is-pending';
      go.textContent = I18N.open;
      right.appendChild(go);
      a.appendChild(left);
      a.appendChild(right);
      var li = document.createElement('li');
      li.appendChild(a);
      listEl.appendChild(li);
    });
  });
})();
</script>
{{template "base/footer" .}}