Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.

header.tpl 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. {include file="meta/htmlHead.tpl"}
  2. <body class="">
  3. <!-- HEADER -->
  4. <header id="header">
  5. <div id="logo-group">
  6. <!-- PLACE YOUR LOGO HERE -->
  7. <span id="logo"> <img src="lib/SmartAdmin/img/logo.png" alt="SmartAdmin"> </span>
  8. <!-- END LOGO PLACEHOLDER -->
  9. <!-- Note: The activity badge color changes when clicked and resets the number to 0
  10. Suggestion: You may want to set a flag when this happens to tick off all checked messages / notifications -->
  11. <span id="activity" class="activity-dropdown"> <i class="fa fa-user"></i> </span>
  12. <!-- AJAX-DROPDOWN : control this dropdown height, look and feel from the LESS variable file -->
  13. <div class="ajax-dropdown">
  14. <!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
  15. <div class="btn-group btn-group-justified" data-toggle="buttons">
  16. <label class="btn btn-default">
  17. <input type="radio" name="activity" id="ajax/notify/mail.html">
  18. Msgs (0) </label>
  19. <label class="btn btn-default">
  20. <input type="radio" name="activity" id="ajax/notify/notifications.html">
  21. notify (0) </label>
  22. <label class="btn btn-default">
  23. <input type="radio" name="activity" id="ajax/notify/tasks.html">
  24. Tasks (0) </label>
  25. </div>
  26. <!-- notification content -->
  27. <div class="ajax-notifications custom-scroll">
  28. <div class="alert alert-transparent">
  29. <h4>Diese Funktion ist nicht verfügbar</h4>
  30. Sorry, aber die Notification-Funktion ist noch nicht verfügbar.
  31. </div>
  32. <i class="fa fa-lock fa-4x fa-border"></i>
  33. </div>
  34. <!-- end notification content -->
  35. <!-- footer: refresh area -->
  36. <span>Notification Center</span>
  37. <!-- end footer -->
  38. </div>
  39. <!-- END AJAX-DROPDOWN -->
  40. </div>
  41. <!-- pulled right: nav area -->
  42. <div class="pull-right">
  43. <!-- collapse menu button -->
  44. <div id="hide-menu" class="btn-header pull-right">
  45. <span> <a href="javascript:void(0);" data-action="toggleMenu" title="Collapse Menu"><i class="fa fa-reorder"></i></a> </span>
  46. </div>
  47. <!-- end collapse menu -->
  48. <!-- #MOBILE -->
  49. <!-- Top menu profile link : this shows only when top menu is active -->
  50. <ul id="mobile-profile-img" class="header-dropdown-list hidden-xs padding-5">
  51. <li class="">
  52. <a href="#" class="dropdown-toggle no-margin userdropdown" data-toggle="dropdown">
  53. <img src="img/avatars/sunny.png" alt="John Doe" class="online" />
  54. </a>
  55. <ul class="dropdown-menu pull-right">
  56. <li>
  57. <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0"><i class="fa fa-cog"></i> Setting</a>
  58. </li>
  59. <li class="divider"></li>
  60. <li>
  61. <a href="profile.html" class="padding-10 padding-top-0 padding-bottom-0"> <i class="fa fa-user"></i> <u>P</u>rofile</a>
  62. </li>
  63. <li class="divider"></li>
  64. <li>
  65. <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="toggleShortcut"><i class="fa fa-arrow-down"></i> <u>S</u>hortcut</a>
  66. </li>
  67. <li class="divider"></li>
  68. <li>
  69. <a href="javascript:void(0);" class="padding-10 padding-top-0 padding-bottom-0" data-action="launchFullscreen"><i class="fa fa-arrows-alt"></i> Full <u>S</u>creen</a>
  70. </li>
  71. <li class="divider"></li>
  72. <li>
  73. <a href="login.html" class="padding-10 padding-top-5 padding-bottom-5" data-action="userLogout"><i class="fa fa-sign-out fa-lg"></i> <strong><u>L</u>ogout</strong></a>
  74. </li>
  75. </ul>
  76. </li>
  77. </ul>
  78. <!-- logout button -->
  79. <div id="logout" class="btn-header transparent pull-right">
  80. <span> <a href="login.html" title="Sign Out" data-action="userLogout" data-logout-msg="You can improve your security further after logging out by closing this opened browser"><i class="fa fa-sign-out"></i></a> </span>
  81. </div>
  82. <!-- end logout button -->
  83. <!-- search mobile button (this is hidden till mobile view port) -->
  84. <div id="search-mobile" class="btn-header transparent pull-right">
  85. <span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
  86. </div>
  87. <!-- end search mobile button -->
  88. </div>
  89. <!-- end pulled right: nav area -->
  90. </header>
  91. <!-- END HEADER -->
  92. {include file="navigation/sideNavigation.tpl"}
  93. <!-- MAIN PANEL -->
  94. <div id="main" role="main">
  95. <!-- RIBBON -->
  96. <div id="ribbon">
  97. <!-- breadcrumb -->
  98. {include file="navigation/breadcrumb.tpl"}
  99. </div>
  100. <!-- END RIBBON -->
  101. <!-- MAIN CONTENT -->
  102. <div id="content">
  103. {include file="misc/contentHeader.tpl"}