{% extends "base.html" %}

{% block title %}数据设置 · 慢慢看{% endblock %}

{% block content %}
<section class="band" x-data="kanSettingsPage(window.KAN_TOKEN)" x-cloak>
  <div class="band-title">
    <span>TuShare Pro token</span>
    <span class="meta" x-text="tokenText"></span>
  </div>
  <div class="form-row">
    <input type="password" x-model="tokenInput" autocomplete="off" placeholder="输入 token">
    <button class="primary" type="button" @click="saveToken()">保存</button>
    <button type="button" @click="clearToken()" :disabled="!token.configured">清除</button>
    <span class="meta" role="status" x-text="message"></span>
  </div>
  <div class="toolbar">
    <span class="meta">
      不配置 token 时，位置/共振/K 线维度仍可用；配置后可使用估值/资金等 TuShare 维度。
    </span>
  </div>
</section>

<section class="band">
  <div class="band-title">
    <span>本地数据</span>
    <span class="meta">只读事实 · 数据只保存在本机</span>
  </div>
  <div class="fact-list">
    <div class="fact-row">
      <span class="meta">数据目录路径</span>
      <span>{{ facts.data_dir }}</span>
    </div>
    <div class="fact-row">
      <span class="meta">K 线缓存文件数</span>
      <span>{{ facts.kline_cache_files }}</span>
    </div>
    <div class="fact-row">
      <span class="meta">TuShare endpoint</span>
      <span>{{ facts.tushare_endpoint_domain or "默认（未配置）" }}</span>
    </div>
  </div>
</section>

<section class="band">
  <div class="band-title">
    <span>使用提示</span>
  </div>
  <div class="fact-list">
    <div class="fact-row">
      <span class="meta">每日更新</span>
      <span>收盘后（15:30 之后）在首页点击「更新数据」即可</span>
    </div>
    <div class="fact-row">
      <span class="meta">快捷键</span>
      <span>1-4 切换页面 · D 深色模式 · R 更新数据 · / 添加自选</span>
    </div>
    <div class="fact-row">
      <span class="meta">数据安全</span>
      <span>所有数据只存在本机，不上传、不遥测、不登录</span>
    </div>
    <div class="fact-row">
      <span class="meta">终端等价</span>
      <span>kan web 的所有功能也可以在终端用 kan scan / kan hold / kan find 完成</span>
    </div>
  </div>
</section>
{% endblock %}

{% block scripts %}
<script>
  window.KAN_TOKEN = {{ token|tojson }};
</script>
{% endblock %}