_layout.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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. <ul class="alt notif-list" style="">
  54. {% for notification in request.user.notifications.unread %}
  55. <li class="notif">
  56. <span class="notif-head">
  57. <i class="flex-extend">Il y a {{ notification.timesince }}</i>
  58. <a href="" class="notif-seen"><i class="fa fa-times"></i></a>
  59. </span>
  60. <span class="notif-content">
  61. <span>{{ notification.verb|safe }}</span>
  62. </span>
  63. </li>
  64. {% endfor %}
  65. </ul>
  66. <div class="notif-footer">
  67. <a href="" class="notif-all-seen">Marquer tout comme vu</a>
  68. </div>
  69. </div>
  70. </div>
  71. <a class="tool-btn" href="{% url 'story_create' %}" style="margin-right: 1em;" title="Nouvelle Story">
  72. <i class="fa fa-plus" style="color:#4183c4;"></i><span class="hide-on-small-screen"> Nouvelle Story</span>
  73. </a>
  74. <a class="tool-btn" href="{% url 'story_index' %}?assignee={{ request.user.id }}" style="margin-right: 1em;" title="Mes Stories">
  75. <i class="fa fa-check-square-o" style="color:#4183c4;"></i><span class="hide-on-small-screen"> Mes Stories</span>
  76. </a>
  77. <div id="user-panel" class="dropdown">
  78. <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>
  79. <div id="user-dropdown" class="dropdown-content">
  80. <a href="{% url 'profile_update' %}">Mise à jour du profil</a>
  81. <a href="{% url 'change_password' %}">Changer de mot de passe</a>
  82. <a href="{% url 'logout' %}">Se déconnecter</a>
  83. </div>
  84. </div>
  85. {% else %}
  86. <a href="">Se Connecter</a>
  87. {% endif %}
  88. </nav>
  89. </header>
  90. <div id="breadcrumb"><ul>{% block breadcrumb %}{% endblock %}</ul></div>
  91. <!-- Menu -->
  92. <nav id="menu">
  93. <ul class="links">
  94. <li><a href="{% url 'index' %}"><i class="fa fa-home" style=""margin-right: 0.2em;"></i> Accueil</a></li>
  95. <li><a href="{% url 'story_index' %}"><i class="fa fa-check-square" style=""margin-right: 0.2em;"></i> Stories</a></li>
  96. <li><a href="{% url 'sprint_end' %}"><i class="fa fa-flag" style=""margin-right: 0.2em;"></i> Cloture de sprint</a></li>
  97. <li><a href="{% url 'report_projects' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Suivi de projets</a></li>
  98. <li><a href="{% url 'report_activity' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Rapport d'Activité</a></li>
  99. <li><a href="{% url 'report_sprints' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Suivi des Sprints</a></li>
  100. <li><a href="{% url 'backlog_editor' %}"><i class="fa fa-pencil-square" style=""margin-right: 0.2em;"></i> Modifier le Backlog</a></li>
  101. <li><a href="{% url 'admin:index' %}"><i class="fa fa-gear" style=""margin-right: 0.2em;"></i> Administration</a></li>
  102. </ul>
  103. </nav>
  104. <section id="main">
  105. <div class="inner">
  106. {% block main %}
  107. {% endblock %}
  108. </div>
  109. </section>
  110. <!--
  111. <footer id="footer">
  112. Manche Numérique, 2018 - <a href="">Contact</a>
  113. </footer>
  114. -->
  115. </body>
  116. </html>