popup.html 2.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta name="viewport"
  5. content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
  6. <meta charset="UTF-8">
  7. <title>书签同步码云</title>
  8. <link rel="stylesheet" href="css/popup.css">
  9. </head>
  10. <body>
  11. <div id="content">
  12. <div class="container">
  13. <div class="item">
  14. <label for="tbAccessToken" class="label">access_token</label>
  15. <input type="password" class="input" id="tbAccessToken" placeholder="用户授权码"
  16. value=""/>
  17. </div>
  18. <div class="item">
  19. <label for="tbOwner" class="label">owner</label>
  20. <input type="text" class="input" id="tbOwner" placeholder="仓库所属空间地址"
  21. value=""/>
  22. </div>
  23. <div class="item">
  24. <label for="tbRepo" class="label">repo</label>
  25. <input type="text" class="input" id="tbRepo" placeholder="仓库路径"
  26. value=""/>
  27. </div>
  28. <div class="item">
  29. <label for="tbPath" class="label">path</label>
  30. <input type="text" class="input" id="tbPath" placeholder="文件的路径"
  31. value=""/>
  32. </div>
  33. <div class="item">
  34. <label for="tbBranch" class="label">branch</label>
  35. <input type="text" class="input" id="tbBranch" placeholder="分支(通常是master)"
  36. value=""/>
  37. </div>
  38. <!-- toast -->
  39. <div class="item">
  40. <div class="toast" id="toast"></div>
  41. </div>
  42. <!-- remember -->
  43. <div class="item">
  44. <div class="rememberWrap">
  45. <span class="text grey" id="rememberText">Remember</span>
  46. <span class="dot green" id="rememberDot"></span>
  47. </div>
  48. </div>
  49. <!-- 按钮 -->
  50. <div class="item">
  51. <div class="buttonWrap">
  52. <button class="button buttonGreen" id="btnUpload">Upload</button>
  53. <button class="button buttonGray" id="btnDownload">Download</button>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. <!-- loader -->
  59. <div id="loaderWrap">
  60. <div class="loader"></div>
  61. </div>
  62. <!-- success -->
  63. <div id="successWrap">
  64. <div class="successIcon"></div>
  65. <div class="successText"></div>
  66. </div>
  67. <!-- scripts -->
  68. <script src="js/jquery-2.1.0.min.js"></script>
  69. <script src="js/base64.js"></script>
  70. <script src="js/popup.js"></script>
  71. </body>
  72. </html>