Add Help link to sidebar

src/templates/attract/help.jade

@@ -0,0 +1,10 @@
+.modal-help
+	.modal-help-panel
+		span.title Status Color Legend
+		| {% for status in statuses | sort %}
+		.status-debug-item
+			.status-debug-item-statuses
+				.light(class='status-{{ status }}')
+				.regular(class='status-{{ status }}') {{ status | undertitle }}
+				.dark(class='status-{{ status }}')
+		| {% endfor %}

src/templates/attract/layout.jade

@@ -41,6 +41,17 @@ html(lang="en")
 							a(href="{{ url_for('attract.tasks.index') }}",
 								title='Your tasks') T
 						| {% endif %}
+
+					ul.bottom
+						| {% if project %}
+						li
+							button.help(
+								type="button",
+								title="Help",
+								data-url="{{ url_for('attract.help', project_url=project.url) }}")
+								i.pi-question
+						| {% endif %}
+
 			| {% block body %}
 			#col_left
 			#col_main
@@ -59,4 +70,8 @@ html(lang="en")
 					.modal-body
 
 		script(src="{{ url_for('static_pillar', filename='assets/js/vendor/jquery.select2.min.js') }}", async=true)
+		script.
+			{% if project %}
+			$('.help').openModalUrl('Help', "{{ url_for('attract.help', project_url=project.url) }}");
+			{% endif %}
 		| {% block footer_scripts %}{% endblock %}