topbar.template 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  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-large">
  12. <span class="icon-bugs"></span>
  13. Home
  14. </span>
  15. <span class="screen-small">
  16. &#8801;
  17. </span>
  18. </a>
  19. <a class="topbar-current menuitem" href="#{{url}}">
  20. {{title}}
  21. </a>
  22. </div>
  23. <div class="topbar-right">
  24. <a class="topbar-back menuitem" href="#{{url}}">
  25. &#8801;
  26. </a>
  27. <a class="topbar-history menuitem" href="#page-index">
  28. &larr;
  29. </a>
  30. <a class="topbar-index menuitem" href="#page-index">
  31. <span class="icon-bugs"></span>Home
  32. </a>
  33. <a class="topbar-current menuitem" href="#{{url}}">
  34. {{title}}
  35. </a>
  36. {{#unless key}}
  37. <a class="menuitem" href="#page-register">
  38. Register
  39. </a>
  40. <a class="menuitem" href="#page-login">
  41. Login
  42. </a>
  43. {{else}}
  44. <span class="menuitem screen-large" onclick="$(this).children('.menu').css({'left':$(this).position().left}).toggle();">
  45. <span style="float:left">
  46. Menu
  47. </span>
  48. <span class="ui-icon ui-icon-circle-triangle-s" style="float:right;margin-top:9px;"></span>
  49. <ul class="menu top" style="display:none;margin-top:35px;position:absolute;right:0;">
  50. <li>
  51. <a href="#page-projects">
  52. Projects
  53. </a>
  54. </li>
  55. <li>
  56. <a href="#page-issues">
  57. Issues
  58. </a>
  59. </li>
  60. <li>
  61. <a href="#page-users">
  62. Users
  63. </a>
  64. </li>
  65. </ul>
  66. </span>
  67. <span class="menuitem screen-large" onclick="$(this).children('.menu').toggle();">
  68. <span style="float:left">
  69. {{user.name}}
  70. </span>
  71. <span class="ui-icon ui-icon-circle-triangle-s" style="float:right;margin-top:9px;"></span>
  72. <ul class="menu top" style="display:none;margin-top:35px;position:absolute;right:0;">
  73. <li>
  74. <a href="#~{{user.name}}">
  75. Profile
  76. </a>
  77. </li>
  78. <li>
  79. <a href="#page-logout">
  80. Logout
  81. </a>
  82. </li>
  83. </ul>
  84. </span>
  85. <span class="screen-small">
  86. <a class="menuitem" href="#~{{user.name}}">
  87. Profile
  88. </a>
  89. <a class="menuitem" href="#page-Projects">
  90. Projects
  91. </a>
  92. <a class="menuitem" href="#page-issues">
  93. Issues
  94. </a>
  95. <a class="menuitem" href="#page-users">
  96. Users
  97. </a>
  98. <a class="menuitem" href="#page-logout">
  99. Logout
  100. </a>
  101. </span>
  102. {{/unless}}
  103. </div>