default.template 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!--
  2. Unicodes for icons:
  3. &#127968; large house
  4. &#8689; open with
  5. &#8962; small house
  6. &#8801; triple line
  7. &#128281; Arrow with back under
  8. -->
  9. <div class="topbar-left">
  10. <a class="topbar-home menuitem" href="#page-index">
  11. <span class="screen-small" style="background-image:url(img/headers/icons/menu.png);background-repeat:no-repeat;height:50px;background-position:center;"></span>
  12. </a>
  13. <a href="#page-messages" class="topbar-notifications menuitem screen-small"></a>
  14. {{#if key}}
  15. <span class="menuitem screen-large" onclick="$(this).children('.menu').toggle();">
  16. <span style="background-image:url(img/headers/icons/menu.png);background-repeat:no-repeat;height:50px;width:35px;background-position:center;float:left;"></span>
  17. <ul class="menu top" style="display:none;margin-top:50px;position:fixed;left:0;">
  18. <li>
  19. <a href="#page-index">
  20. Home
  21. </a>
  22. </li>
  23. <li>
  24. <a href="#page-projects">
  25. Projects
  26. </a>
  27. </li>
  28. <li>
  29. <a href="#page-issues">
  30. Issues
  31. </a>
  32. </li>
  33. <li>
  34. <a href="#page-users">
  35. Users
  36. </a>
  37. </li>
  38. </ul>
  39. </span>
  40. {{/if}}
  41. <a class="topbar-history menuitem" href="#page-index" >
  42. <div style="background-image:url(img/headers/icons/back.png);background-repeat:no-repeat;background-position:center;width:35px;height:50px;"></div>
  43. </a>
  44. <a class="topbar-current menuitem" href="#{{url}}">
  45. <div style="background-image:url(img/headers/icons/update.png);background-repeat:no-repeat;height:50px;background-position:center;width:35px;float:left;"></div>
  46. </a>
  47. <a class="topbar-current menuitem">
  48. {{title}}
  49. </a>
  50. </div>
  51. <div class="topbar-right">
  52. <a class="topbar-back menuitem" href="#{{url}}">
  53. <div style="background-image:url(img/headers/icons/menu.png);background-repeat:no-repeat;height:50px;background-position:center;"></div>
  54. </a>
  55. {{#unless key}}
  56. <a class="menuitem" href="#page-register">
  57. Register
  58. </a>
  59. <a class="menuitem" href="#page-login">
  60. Login
  61. </a>
  62. {{else}}
  63. <span class="menuitem screen-large" onclick="$(this).children('.menu').toggle();">
  64. <span style="background-image:url(img/headers/icons/user.png);height:35px;width:35px;background-position:center;float:left;margin-top:5px;"></span>
  65. <span style="float:left">
  66. {{user.name}} <span class="topbar-notifications"></span>
  67. </span>
  68. <ul class="menu top" style="display:none;margin-top:50px;position:fixed;right:0;">
  69. <li>
  70. <a href="#~{{user.name}}">
  71. Profile
  72. </a>
  73. </li>
  74. <li>
  75. <a href="#page-messages">
  76. <span class="topbar-notifications"></span> Messages
  77. </a>
  78. </li>
  79. <li>
  80. <a href="#page-logout">
  81. Logout
  82. </a>
  83. </li>
  84. </ul>
  85. </span>
  86. <span class="screen-small">
  87. <a class="menuitem" href="#page-index">
  88. Home
  89. </a>
  90. <a class="menuitem" href="#~{{user.name}}">
  91. Profile
  92. </a>
  93. <a class="menuitem" href="#page-messages">
  94. <span class="topbar-notifications"></span> Messages
  95. </a>
  96. <a class="menuitem" href="#page-projects">
  97. Projects
  98. </a>
  99. <a class="menuitem" href="#page-issues">
  100. Issues
  101. </a>
  102. <a class="menuitem" href="#page-users">
  103. Users
  104. </a>
  105. <a class="menuitem" href="#page-logout">
  106. Logout
  107. </a>
  108. </span>
  109. {{/unless}}
  110. </div>