You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

80 lines
5.8 KiB

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <header class="header-top">
  2. <div class="container-fluid">
  3. <div class="d-flex justify-content-between">
  4. <div class="top-menu d-flex align-items-center">
  5. <button type="button" class="btn-icon mobile-nav-toggle d-lg-none"><span></span></button>
  6. <!-- <div class="header-search">
  7. <div class="input-group">
  8. <span class="input-group-addon search-close"><i class="ik ik-x"></i></span>
  9. <input type="text" class="form-control">
  10. <span class="input-group-addon search-btn"><i class="ik ik-search"></i></span>
  11. </div>
  12. </div>
  13. -->
  14. <button type="button" id="navbar-fullscreen" class="nav-link"><i class="ik ik-maximize"></i></button>
  15. </div>
  16. <div id="headings_center">
  17. Polling Personnel Data Management System
  18. </div>
  19. <div class="top-menu d-flex align-items-center">
  20. <!-- <div class="dropdown">
  21. <a class="nav-link dropdown-toggle" href="#" id="notiDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  22. <i class="ik ik-bell bell"></i><span class="badge bg-danger">3</span>
  23. </a>
  24. <div class="dropdown-menu dropdown-menu-right notification-dropdown" aria-labelledby="notiDropdown">
  25. <h4 class="header">Notifications</h4>
  26. <div class="notifications-wrap">
  27. <a href="#" class="media">
  28. <span class="d-flex">
  29. <i class="ik ik-check"></i>
  30. </span>
  31. <span class="media-body">
  32. <span class="heading-font-family media-heading">Invitation accepted</span>
  33. <span class="media-content">Your have been Invited ...</span>
  34. </span>
  35. </a>
  36. <a href="#" class="media">
  37. <span class="d-flex">
  38. <img src="images/users/user.jpg" class="rounded-circle" alt="">
  39. </span>
  40. <span class="media-body">
  41. <span class="heading-font-family media-heading">Steve Smith</span>
  42. <span class="media-content">I slowly updated projects</span>
  43. </span>
  44. </a>
  45. <a href="#" class="media">
  46. <span class="d-flex">
  47. <i class="ik ik-calendar"></i>
  48. </span>
  49. <span class="media-body">
  50. <span class="heading-font-family media-heading">To Do</span>
  51. <span class="media-content">Meeting with Nathan on Friday 8 AM ...</span>
  52. </span>
  53. </a>
  54. </div>
  55. <div class="footer"><a href="javascript:void(0);">See all activity</a></div>
  56. </div>
  57. </div> -->
  58. <div class="dropdown">
  59. <a class="dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  60. <img class="avatar" src="images/users/user.jpg" alt="">
  61. </a>
  62. <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
  63. <!-- <a class="dropdown-item" href="profile.html"><i class="ik ik-user dropdown-icon"></i> Profile</a>
  64. <a class="dropdown-item" href="#"><i class="ik ik-settings dropdown-icon"></i> Settings</a>
  65. <a class="dropdown-item" href="#"><span class="float-right"><span class="badge badge-primary">6</span></span><i class="ik ik-mail dropdown-icon"></i> Inbox</a>
  66. <a class="dropdown-item" href="#"><i class="ik ik-navigation dropdown-icon"></i> Message</a> -->
  67. <a class="dropdown-item" th:href="@{/election/logout}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();"><i class="ik ik-power dropdown-icon"></i> Logout</a>
  68. <a class="dropdown-item" th:href="@{#}" onclick="event.preventDefault();passwordReset();"><i class="ik ik-settings dropdown-icon"></i> Password Reset</a>
  69. </div>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </header>