_layout.html 7.6 KB

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