_layout.html 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="fr">
  4. <head>
  5. <title>{% block title %}Backlog{% endblock %}</title>
  6. <meta charset="utf-8" />
  7. <link rel="icon" type="image/png" href="{% static 'images/favicon.png' %}" />
  8. <link rel="stylesheet" type="text/css" href="{% static 'css/templated.css' %}"/>
  9. <!-- From Martor plugin -->
  10. <link href="{% static 'plugins/css/ace.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  11. <link href="{% static 'plugins/css/semantic.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  12. <link href="{% static 'plugins/css/resizable.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  13. <link href="{% static 'martor/css/martor.min.css' %}" type="text/css" media="all" rel="stylesheet" />
  14. <link rel="stylesheet" type="text/css" href="{% static 'css/custom.css' %}"/>
  15. <script src="{% static 'js/jquery.min.js' %}"></script>
  16. <script src="{% static 'js/jquery.scrolly.min.js' %}"></script>
  17. <script src="{% static 'js/skel.min.js' %}"></script>
  18. <script src="{% static 'js/util.js' %}"></script>
  19. <script src="{% static 'js/URI.js' %}"></script>
  20. <script src="{% static 'js/templated.js' %}"></script>
  21. <!-- From Martor plugin -->
  22. <script type="text/javascript" src="{% static 'plugins/js/ace.js' %}"></script>
  23. <script type="text/javascript" src="{% static 'plugins/js/semantic.min.js' %}"></script>
  24. <script type="text/javascript" src="{% static 'plugins/js/mode-markdown.js' %}"></script>
  25. <script type="text/javascript" src="{% static 'plugins/js/ext-language_tools.js' %}"></script>
  26. <script type="text/javascript" src="{% static 'plugins/js/theme-github.js' %}"></script>
  27. <script type="text/javascript" src="{% static 'plugins/js/highlight.min.js' %}"></script>
  28. <script type="text/javascript" src="{% static 'plugins/js/resizable.min.js' %}"></script>
  29. <script type="text/javascript" src="{% static 'plugins/js/emojis.min.js' %}"></script>
  30. <script type="text/javascript" src="{% static 'martor/js/martor.min.js' %}"></script>
  31. <script type="text/javascript" src="{% static 'js/Chart.bundle.js' %}"></script>
  32. <script type="text/javascript" src="{% static 'js/custom.js' %}"></script>
  33. </head>
  34. <body class="wrapper">
  35. <header id="header">
  36. <nav class="left">
  37. <a href="#menu"><span>Menu</span></a>
  38. </nav>
  39. <a href="{% url 'index' %}" class="logo">Backlog</a>
  40. <nav class="right">
  41. {% if request.user.is_authenticated %}
  42. <form id="search-bar" action="{% url 'search' %}" method="get" accept-charset="utf-8">
  43. <i class="fa fa-search"></i>
  44. <input name="q" type="text" placeholder="Rechercher...">
  45. </form>
  46. <div id="notif-panel" class="dropdown">
  47. <a href="#" id="notif-show-btn">
  48. <i class="fa fa-bell"></i>0 <i class="fa fa-caret-down" style="margin-left: 0.5em;"></i>
  49. </a>
  50. <div id="notif-dropdown" class="dropdown-content">
  51. </div>
  52. </div>
  53. <a class="tool-btn" href="{% url 'story_create' %}" style="margin-right: 1em;" title="Nouvelle Story">
  54. <i class="fa fa-plus" style="color:#4183c4;"></i><span class="hide-on-small-screen"> Nouvelle Story</span>
  55. </a>
  56. <a class="tool-btn" href="{% url 'story_index' %}?assignee={{ request.user.id }}" style="margin-right: 1em;" title="Mes Stories">
  57. <i class="fa fa-check-square-o" style="color:#4183c4;"></i><span class="hide-on-small-screen"> Mes Stories</span>
  58. </a>
  59. <div id="user-panel" class="dropdown">
  60. <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>
  61. <div id="user-dropdown" class="dropdown-content">
  62. <a href="{% url 'profile_update' %}">Mise à jour du profil</a>
  63. <a href="{% url 'change_password' %}">Changer de mot de passe</a>
  64. <a href="{% url 'logout' %}">Se déconnecter</a>
  65. </div>
  66. </div>
  67. {% else %}
  68. <a href="">Se Connecter</a>
  69. {% endif %}
  70. </nav>
  71. </header>
  72. <div id="breadcrumb"><ul>{% block breadcrumb %}{% endblock %}</ul></div>
  73. <!-- Menu -->
  74. <nav id="menu">
  75. <ul class="links">
  76. <li><a href="{% url 'index' %}"><i class="fa fa-home" style=""margin-right: 0.2em;"></i> Accueil</a></li>
  77. <li><a href="{% url 'story_index' %}"><i class="fa fa-check-square" style=""margin-right: 0.2em;"></i> Stories</a></li>
  78. <li><a href="{% url 'sprint_end' %}"><i class="fa fa-flag" style=""margin-right: 0.2em;"></i> Cloture de sprint</a></li>
  79. <li><a href="{% url 'report_projects' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Suivi de projets</a></li>
  80. <li><a href="{% url 'report_activity' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Rapport d'Activité</a></li>
  81. <li><a href="{% url 'report_sprints' %}"><i class="fa fa-line-chart" style=""margin-right: 0.2em;"></i> Suivi des Sprints</a></li>
  82. <li><a href="{% url 'backlog_editor' %}"><i class="fa fa-pencil-square" style=""margin-right: 0.2em;"></i> Modifier le Backlog</a></li>
  83. <li><a href="{% url 'admin:index' %}"><i class="fa fa-gear" style=""margin-right: 0.2em;"></i> Administration</a></li>
  84. </ul>
  85. </nav>
  86. <section id="main">
  87. <div class="inner">
  88. {% block main %}
  89. {% endblock %}
  90. </div>
  91. </section>
  92. <!--
  93. <footer id="footer">
  94. Manche Numérique, 2018 - <a href="">Contact</a>
  95. </footer>
  96. -->
  97. </body>
  98. </html>