index.html 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <link rel="icon" href="/assets/logo.png">
  6. <link href="https://fonts.googleapis.com/css?family=Titillium+Web&display=swap" rel="stylesheet">
  7. <link type="text/css" href="/css/index.css" rel="stylesheet">
  8. <link type="text/css" href="/css/styles.css" rel="stylesheet">
  9. <link type="text/css" href="/css/controls.css" rel="stylesheet">
  10. <script src="/js/jquery-3.4.1.min.js"></script>
  11. <script src="/js/notifications.js" type="text/javascript"></script>
  12. <script src="/js/index.js" type="text/javascript"></script>
  13. <title>Gostfix mail {{.Version}}</title>
  14. </head>
  15. <body>
  16. <div id="main">
  17. <div id="headerBox">
  18. <div id="statusLine"></div>
  19. </div>
  20. <div id="mailControls">
  21. <div id="mailNewButton" class="btn materialLevel1" style="margin-left: 15px; margin-right: 15px;">New email</div>
  22. <div id="multiActions" class="materialLevel1 noselect">
  23. <div style="display: block; margin: auto 10px auto 22px;">
  24. <label class="cbox" onclick="event.stopPropagation();">
  25. <input id="selectAllCheckbox" type="checkbox" onclick="toogleMailSelection(); event.stopPropagation(); return true;">
  26. <span></span>
  27. </label>
  28. </div>
  29. <div id="multiActionsControls">
  30. <img id="multiActionsRead" class="iconBtn" style="width: 24px; height: 24px; margin: auto 10px auto 0; flex: 0 1 auto;" onclick="toggleSelectionRead(); event.stopPropagation(); return false;" src="/assets/unread.svg"/>
  31. <img id="multiActionsRestore" class="iconBtn" style="display: none; width: 24px; margin: auto 10px auto 0; height: 24px; flex: 0 1 auto;" onclick="restoreSelection(); event.stopPropagation(); return false;" src="/assets/restore.svg"/>
  32. <img id="multiActionsRemove" class="iconBtn" style="width: 24px; height: 24px; margin: auto 10px auto 0; flex: 0 1 auto;" onclick="removeSelection(); event.stopPropagation(); return false;" src="/assets/remove.svg"/>
  33. </div>
  34. <div class="spacer"></div>
  35. <div id="pager" class="noselect">
  36. <img class="iconBtn" style="width: 20px;" src="/assets/prev.svg" onclick="prevPage()">
  37. <div style="width: 60px;display: flex;">
  38. <span id="currentPageIndex" style="margin:auto" class="noselect"></span>
  39. <span style="margin:auto" class="noselect">/</span>
  40. <span id="totalPageCount" style="margin:auto" class="noselect"></span>
  41. </div>
  42. <img class="iconBtn" style="width: 20px;" src="/assets/next.svg" onclick="nextPage()">
  43. </div>
  44. </div>
  45. </div>
  46. <div class="horizontalPaddingBox">
  47. <div class="contentBox">
  48. <div class="leftPanel">
  49. <div id="folders"></div>
  50. </div>
  51. <div class="verticalPaddingBox">
  52. <div class="innerConentBox materialLevel1">
  53. <div id="mailList"></div>
  54. <div id="mailDetails"></div>
  55. <div id="mailNew">{{.MailNew}}</div>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div id="copyrightBox" class="elidedText"><img src="/assets/logo.svg" height="30px"/><a href="https://github.com/semlanik/gostfix" target="_blank">gostfix</a>&nbsp;{{.Version}} Web interface. Copyright (c) 2020 Alexey Edelev &lt;semlanik@gmail.com&gt;</div>
  61. </div>
  62. </body>
  63. </html>