index.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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 id="multiActions" class="noselect">
  20. <img class="iconBtn" style="width: 30px; height: 30px; margin: auto auto auto 10px;" onclick="settings(); event.stopPropagation(); return false;" src="/assets/unread.svg"/>
  21. <img class="iconBtn" style="display: none; width: 30px; height: 30px; margin: auto auto auto 10px;" onclick="settings(); event.stopPropagation(); return false;" src="/assets/restore.svg"/>
  22. <img class="iconBtn" style="width: 30px; height: 30px; margin: auto auto auto 10px;" onclick="settings(); event.stopPropagation(); return false;" src="/assets/remove.svg"/>
  23. </div>
  24. <div id="pager" class="noselect">
  25. <img style="width: 20px;" src="/assets/prev.svg" onclick="prevPage()">
  26. <div style="width: 60px;display: flex;">
  27. <span id="currentPageIndex" style="margin:auto" class="noselect"></span>
  28. <span style="margin:auto" class="noselect">/</span>
  29. <span id="totalPageCount" style="margin:auto" class="noselect"></span>
  30. </div>
  31. <img style="width: 20px;" src="/assets/next.svg" onclick="nextPage()">
  32. </div>
  33. </div>
  34. <div class="horizontalPaddingBox">
  35. <div class="contentBox">
  36. <div class="leftPanel">
  37. <div id="mailNewButton" class="btn materialLevel1" style="margin-bottom: 15px;">New email</div>
  38. <div id="folders"></div>
  39. </div>
  40. <div class="verticalPaddingBox">
  41. <div class="innerConentBox materialLevel1">
  42. <div id="mailList"></div>
  43. <div id="mailDetails"></div>
  44. <div id="mailNew">{{.MailNew}}</div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div id="copyrightBox" class="elidedText"><img src="/assets/logo.svg" height="30px"/>gostfix {{.Version}} Web interface. Copyright (c) 2020 Alexey Edelev &lt;semlanik@gmail.com&gt;</div>
  50. </div>
  51. </body>
  52. </html>