_layout.html 6.4 KB

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