chrome-github-enhancer/popup.html at main · menogrey/chrome-github-enhancer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width,initial-scale=1" />
  <title>GitHub Profile Enhancer</title>
  <link rel="stylesheet" href="styles.css" />
</head>
<body>
  <div class="container">
    <h2>GitHub Profile Enhancer</h2>
    <p>说明：请先将 Excel 导出为 CSV（UTF-8）。CSV 最少需要包含一列 <code>username</code>，可选列 <code>name</code>、<code>company</code>、<code>employee_id</code> 或 <code>id</code>。</p>

    <label class="file-label">上传 CSV 文件
      <input id="csvFile" type="file" accept=".csv" />
    </label>

    <div class="buttons">
      <button id="saveBtn">保存到扩展</button>
      <button id="clearBtn">清除数据</button>
    </div>

    <h3>预览（前 20 条）</h3>
    <div id="preview"></div>

    <h3>查找</h3>
    <input id="searchInput" placeholder="输入 GitHub 用户名查看数据" />
    <div id="searchResult"></div>

    <p class="note">安装后，在 GitHub 用户主页（例如 <code>https://github.com/username</code>）会显示上传的用户信息。</p>
  </div>

  <script src="popup.js"></script>
</body>
</html>