_layout.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  1. {% load staticfiles %}
  2. {% load notifications_tags %}
  3. {% notifications_unread as notif_unread_count %}
  4. <!DOCTYPE html>
  5. <html lang="fr">
  6. <head>
  7. <title>{% block title %}Backlog{% endblock %}</title>
  8. <meta charset="utf-8" />
  9. <link rel="icon" type="image/png" href="{% static 'images/favicon.png' %}" />
  10. <link rel="stylesheet" type="text/css" href="{% static 'css/templated.css' %}"/>
  11. <link rel="stylesheet" type="text/css" href="{% static 'jquery-ui-1.12.1/jquery-ui.css' %}">
  12. <!-- From Martor plugin -->
  13. <link href="{% static 'plugins/css/ace.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  14. <link href="{% static 'plugins/css/semantic.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  15. <link href="{% static 'plugins/css/resizable.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  16. <link href="{% static 'martor/css/martor.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  17. <link rel="stylesheet" type="text/css" href="{% static 'css/select2.min.css' %}">
  18. <link rel="stylesheet" type="text/css" href="{% static 'css/select2-bootstrap.min.css' %}">
  19. <link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}"/>
  20. <script src="{% static 'js/jquery.min.js' %}"></script>
  21. <script src="{% static 'js/jquery.scrolly.min.js' %}"></script>
  22. <script src="{% static 'js/skel.min.js' %}"></script>
  23. <script src="{% static 'js/util.js' %}"></script>
  24. <script src="{% static 'js/URI.js' %}"></script>
  25. <script src="{% static 'js/templated.js' %}"></script>
  26. <script src="{% static 'jquery-ui-1.12.1/external/jquery/jquery.js' %}"></script>
  27. <script src="{% static 'jquery-ui-1.12.1/jquery-ui.js' %}"></script>
  28. <script src="{% static 'jquery-ui-1.12.1/datepicker-fr.js' %}"></script>
  29. <!-- From Martor plugin -->
  30. <script type="text/javascript" src="{% static 'plugins/js/ace.js' %}"></script>
  31. <script type="text/javascript" src="{% static 'plugins/js/semantic.min.js' %}"></script>
  32. <script type="text/javascript" src="{% static 'plugins/js/mode-markdown.js' %}"></script>
  33. <script type="text/javascript" src="{% static 'plugins/js/ext-language_tools.js' %}"></script>
  34. <script type="text/javascript" src="{% static 'plugins/js/theme-github.js' %}"></script>
  35. <script type="text/javascript" src="{% static 'plugins/js/highlight.min.js' %}"></script>
  36. <script type="text/javascript" src="{% static 'plugins/js/resizable.min.js' %}"></script>
  37. <script type="text/javascript" src="{% static 'plugins/js/emojis.min.js' %}"></script>
  38. <script type="text/javascript" src="{% static 'martor/js/martor.min.js' %}"></script>
  39. <script type="text/javascript" src="{% static 'js/Chart.bundle.js' %}"></script>
  40. <script type="text/javascript" src="{% static 'js/select2.min.js' %}"></script>
  41. <script type="text/javascript" src="{% static 'js/common.js' %}"></script>
  42. <script type="text/javascript" src="{% static 'js/custom.js' %}"></script>
  43. </head>
  44. <body class="wrapper">
  45. <header id="header">
  46. <nav class="left">
  47. <a href="#menu"><span>Menu</span></a>
  48. </nav>
  49. <a href="{% url 'index' %}" class="logo">Backlog</a>
  50. <nav class="right">
  51. {% if request.user.is_authenticated %}
  52. <!-- <form id="search-bar" action="{% url 'search' %}" method="get" accept-charset="utf-8">
  53. <i class="fa fa-search"></i>
  54. <input name="q" type="text" placeholder="Rechercher...">
  55. </form> -->
  56. <select id="search-bar"></select>
  57. <div id="notif-panel" class="dropdown">
  58. <a href="#" id="notif-show-btn">
  59. <i class="fa fa-bell"></i><span class="notif-count">{{ notif_unread_count }}</span> <i class="fa fa-caret-down" style="margin-left: 0.5em;"></i>
  60. </a>
  61. <div id="notif-dropdown" class="dropdown-content">
  62. {% if notif_unread_count > 0 %}
  63. <ul class="alt notif-list" style="">
  64. {% for notification in request.user.notifications.unread %}
  65. <li class="notif" data-id='{{ notification.id }}'>
  66. <span class="notif-head">
  67. <i class="flex-extend">Il y a {{ notification.timesince }}</i>
  68. <a href="" class="notif-seen"><i class="fa fa-times"></i></a>
  69. </span>
  70. <span class="notif-content">
  71. <span>{{ notification.verb|safe }}</span>
  72. </span>
  73. </li>
  74. {% endfor %}
  75. </ul>
  76. <div class="notif-footer">
  77. <a href="" class="notif-all-seen">Tout marquer comme vu</a>
  78. </div>
  79. {% else %}
  80. <div class="notif-footer">
  81. <i>Aucune notification à afficher</i>
  82. </div>
  83. {% endif %}
  84. </div>
  85. </div>
  86. <a class="tool-btn" href="{% url 'story_create' %}" style="margin-right: 1em;" title="Nouvelle Story">
  87. <i class="fa fa-plus" style="color:#4183c4;"></i><span class="hide-on-medium-screen"> Nouvelle Story</span>
  88. </a>
  89. <div id="stories-panel" class="dropdown">
  90. <a href="{% url 'story_index' %}?assignee={{ request.user.id }}" id="stories-show-btn">
  91. <i class="fa fa-check-square-o"></i>
  92. <span class="hide-on-medium-screen"> Mes Stories</span>
  93. <i class="fa fa-caret-down" style="margin-left: 0.5em;"></i>
  94. </a>
  95. <div id="stories-dropdown" class="dropdown-content">
  96. <a href="{% url 'story_index_own_cur' %}">Mes stories en cours</a>
  97. <a href="{% url 'story_index' %}?assignee={{ request.user.id }}">Toutes mes stories</a>
  98. <a href="{% url 'story_index_cur' %}">Sprint en cours</a>
  99. <a href="{% url 'story_index_prev' %}">Sprint précédent</a>
  100. <a href="{% url 'story_index_next' %}">Sprint suivant</a>
  101. <a href="{% url 'story_index' %}?sprint=None">En attente</a>
  102. <a href="{% url 'story_index' %}">Toutes</a>
  103. </div>
  104. </div>
  105. <div id="user-panel" class="dropdown">
  106. <a href="" id="user-show-btn"><i class="fa fa-user"></i><span class="hide-on-medium-screen"> {{ request.user.first_name }} {{ request.user.last_name }}</span> <i class="fa fa-caret-down" style="margin-left: 0.5em;"></i></a>
  107. <div id="user-dropdown" class="dropdown-content">
  108. <a href="{% url 'profile_update' %}">Mise à jour du profil</a>
  109. <a href="{% url 'change_password' %}">Changer de mot de passe</a>
  110. <a href="{% url 'logout' %}">Se déconnecter</a>
  111. </div>
  112. </div>
  113. {% else %}
  114. <a href="">Se Connecter</a>
  115. {% endif %}
  116. </nav>
  117. </header>
  118. <div id="breadcrumb"><ul>{% block breadcrumb %}{% endblock %}</ul></div>
  119. <!-- Menu -->
  120. <nav id="menu">
  121. <ul class="links">
  122. <li><a href="{% url 'index' %}"><i class="fa fa-home"></i> Accueil</a></li>
  123. <li><a href="{% url 'story_index' %}"><i class="fa fa-check-square"></i> Stories</a></li>
  124. <li><a href="{% url 'sprint_end' %}"><i class="fa fa-flag"></i> Cloture de sprint</a></li>
  125. <li><a href="{% url 'report_projects' %}"><i class="fa fa-map"></i> Suivi de projets</a></li>
  126. <li><a href="{% url 'report_activity' %}"><i class="fa fa-line-chart"></i> Rapport d'Activité</a></li>
  127. <li><a href="{% url 'report_sprints' %}"><i class="fa fa-calendar"></i> Suivi des Sprints</a></li>
  128. <li><a href="{% url 'backlog_editor' %}"><i class="fa fa-pencil-square"></i> Modifier le Backlog</a></li>
  129. <li><a href="{% url 'admin:index' %}"><i class="fa fa-gear"></i> Administration</a></li>
  130. </ul>
  131. </nav>
  132. <section id="main">
  133. <div class="inner">
  134. {% if messages %}
  135. <ul class="messages">
  136. {% for message in messages %}
  137. <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
  138. {% endfor %}
  139. </ul>
  140. {% endif %}
  141. {% block main %}
  142. {% endblock %}
  143. </div>
  144. </section>
  145. <!--
  146. <footer id="footer">
  147. Manche Numérique, 2018 - <a href="">Contact</a>
  148. </footer>
  149. -->
  150. </body>
  151. </html>