Ajout du breadcrumb

main/static/css/custom.css

@@ -146,6 +146,45 @@ td {
 .show {display:block;} 
 
 
+/* Breadcrumb */
+
+#breadcrumb {
+	margin: 1em 15%;
+	list-style: none;
+	overflow: hidden;
+	
+}
+
+#breadcrumb li {
+	display: inline;
+}
+
+
+#breadcrumb a {
+	font-size: 12px;
+	color: #f6755e;
+	cursor: pointer;
+}
+
+#breadcrumb a:not([href]){
+	cursor: default;
+}
+
+#breadcrumb a[href]:hover {
+	text-decoration: underline;
+	color: #727a82;
+}
+
+
+
+/* Add a slash symbol (/) before/behind each list item */
+#breadcrumb li+li:before {
+    padding: 8px;
+    color: #f6755e;
+    content: "/\00a0";
+}
+
+
 /* Index */
 
 .issue-title a {

main/templates/_layout.html

@@ -69,6 +69,8 @@
 			</nav>
 		</header>
 		
+		<div id="breadcrumb"><ul>{% block breadcrumb %}{% endblock %}</ul></div>
+		
 	    <!-- Menu -->
 		<nav id="menu">
 			<ul class="links">
@@ -79,7 +81,7 @@
 			</ul>
 		</nav>
 		
-		<section id="main" class="wrapper">
+		<section id="main">
 			<div class="inner">
 			{% block main %}
 			

main/templates/deletion.html

@@ -1,17 +1,17 @@
-{% extends '_layout.html' %}
-
-{% block main %}
-
-	<form method="post">
-	    {% csrf_token %}
-	    <h3>Confirmation de la suppression</h3>
-	    
-	    <p>Êtes-vous sûr de vouloir supprimer l'objet <b>{{ object.model_name }}</b>: '{{ object }}'?</p>
-	    
-	    <ul class="actions small">
-		    <li><a class="button alt" href="{{ request.META.HTTP_REFERER }}">Annuler</a></li>
-		    <li><input type="submit" value="Supprimer"></li>
-	    </ul>
-	</form>
-	 
+{% extends '_layout.html' %}
+
+{% block main %}
+
+	<form method="post">
+	    {% csrf_token %}
+	    <h3>Confirmation de la suppression</h3>
+	    
+	    <p>Êtes-vous sûr de vouloir supprimer l'objet <b>{{ object.model_name }}</b>: '{{ object }}'?</p>
+	    
+	    <ul class="actions small">
+		    <li><a class="button alt" href="{{ request.META.HTTP_REFERER }}">Annuler</a></li>
+		    <li><input type="submit" value="Supprimer"></li>
+	    </ul>
+	</form>
+	 
 {% endblock %}

main/templates/epic_details.html

@@ -1,5 +1,11 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a href="{% url 'index' %}">Accueil</a></li>
+	<li><a>Epic #{{ epic.id }}</a></li>
+{% endblock %}
+
+
 {% block main %}
 	{% load martortags %}
 	

main/templates/epic_form.html

@@ -1,5 +1,15 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a href="{% url 'index' %}">Accueil</a></li>
+	{% if form.instance.id %}
+		<li><a href="{% url 'epic_details' epic_id=form.instance.id %}">Epic #{{ form.instance.id }}</a></li>
+		<li><a>Edition</a></li>
+	{% else %}
+		<li><a>Nouvelle Epic</a></li>
+	{% endif %}
+{% endblock %}
+
 {% block main %}
 	
 	<h2>{% if form.instance.id %}Edition de l'Epic{% else %}Nouvelle Epic{% endif %}</h2>

main/templates/index.html

@@ -1,5 +1,9 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a>Accueil</a></li>
+{% endblock %}
+
 {% block main %}
 
 <section id="backlog">

main/templates/story_details.html

@@ -1,5 +1,11 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a href="{% url 'index' %}">Accueil</a></li>
+	<li><a href="{% url 'epic_details' epic_id=story.epic.id %}">Epic #{{ story.epic.id }}</a></li>
+	<li><a>Story #{{ story.id }}</a></li>
+{% endblock %}
+
 {% block main %}
 	{% load martortags %}
 	

main/templates/story_form.html

@@ -1,5 +1,16 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a href="{% url 'index' %}">Accueil</a></li>
+	<li><a href="{% url 'epic_details' epic_id=form.instance.epic_id %}">Epic #{{ form.instance.epic_id }}</a></li>
+	{% if form.instance.id %}
+		<li><a href="{% url 'story_details' story_id=form.instance.id %}">Story #{{ form.instance.id }}</a></li>
+		<li><a>Edition</a></li>
+	{% else %}
+		<li><a>Nouvelle Story</a></li>
+	{% endif %}
+{% endblock %}
+
 {% block main %}
 	
 	<h2>{% if form.instance.id %}Edition de la Story{% else %}Nouvelle Story{% endif %}</h2>

main/templates/story_index.html

@@ -1,5 +1,10 @@
 {% extends '_layout.html' %}
 
+{% block breadcrumb %}
+	<li><a href="{% url 'index' %}">Accueil</a></li>
+	<li><a>Toutes les Stories</a></li>
+{% endblock %}
+
 {% block main %}
 
 	<header class="flex-row" style="margin-bottom: 2em;">