Migrate Jade to Pug template engine

Jade templates engine has been renamed to Pug. We are using Pug already on the Blender Cloud repository, following is Flamenco and Attract
2017-08-30 14:04:15 +02:00
parent 62542f0329
commit 811236cff4
81 changed files with 17 additions and 17 deletions
--- a/src/templates/nodes/custom/blog/index_main_project.pug
+++ b/src/templates/nodes/custom/blog/index_main_project.pug
@@ -0,0 +1,114 @@
+| {% extends 'layout.html' %}
+
+| {% set title = 'blog' %}
+
+| {% block page_title %}Blog{% endblock%}
+
+| {% block body %}
+
+.container
+	#blog_container.cloud-blog
+
+		#blog_index-container
+
+			| {% if project.node_type_has_method('post', 'POST', api=api) %}
+			a.btn.btn-default.button-create(href="{{url_for('nodes.posts_create', project_id=project._id)}}")
+				i.pi-plus
+				| Create New Post
+			| {% endif %}
+
+			| {% if posts %}
+
+			| {% for node in posts %}
+
+			| {% if loop.first %}
+			| {% if node.picture %}
+			.blog_index-header
+				img(src="{{ node.picture.thumbnail('l', api=api) }}")
+			| {% endif %}
+			.blog_index-item
+				a.item-title(
+					href="{{ url_for_node(node=node) }}")
+					| {{node.name}}
+
+				.item-info.
+					<span title="{{node._created}}">{{node._created | pretty_date }}</span>
+					{% if node._created != node._updated %}
+					<span title="{{node._updated}}">(updated {{node._updated | pretty_date }})</span>
+					{% endif %}
+					{% if node.properties.category %}| {{node.properties.category}}{% endif %}
+					| by {{node.user.full_name}}
+					| <a href="{{ url_for_node(node=node) }}#comments">Leave a comment</a>
+					{% if node.properties.status != 'published' %} | {{ node.properties.status}} {% endif %}
+
+				.item-content
+					| {{node.properties.content}}
+
+				.item-meta
+					a(href="{{ url_for_node(node=node) }}#comments") Leave a comment
+
+			| {% else %}
+
+			| {% if loop.index == 2 %}
+			h4.blog_index-title Blasts from the past
+			| {% endif %}
+
+			.blog_index-item.list
+				| {% if node.picture %}
+				.item-header
+					img.image(src="{{ node.picture.thumbnail('s', api=api) }}")
+				| {% else %}
+				.item-header.nothumb
+					i.pi-document-text
+				| {% endif %}
+				a.item-title(
+					href="{{ url_for_node(node=node) }}")
+					| {{node.name}}
+
+				.item-info.
+					<span title="{{node._created}}">{{node._created | pretty_date }}</span>
+					{% if node._created != node._updated %}
+					<span title="{{node._updated}}">(updated {{node._updated | pretty_date }})</span>
+					{% endif %}
+					{% if node.properties.category %}| {{node.properties.category}}{% endif %}
+					| by {{node.user.full_name}}
+					{% if node.properties.status != 'published' %} | {{ node.properties.status}} {% endif %}
+
+			| {% endif %} {# loop #}
+
+			| {% endfor %} {# posts #}
+
+			| {% else %}
+
+			.blog_index-item
+				.item-content No posts yet.
+
+			| {% endif %} {# posts #}
+
+| {% endblock %}
+
+| {% block footer_scripts %}
+
+include ../_scripts
+script.
+	hopToTop(); // Display jump to top button
+
+	/* Expand images when their link points to a jpg/png/gif */
+	/* TODO: De-duplicate code from view post */
+	var page_overlay = document.getElementById('page-overlay');
+	$('.blog_index-item .item-content a img').on('click', function(e){
+		e.preventDefault();
+
+		var href = $(this).parent().attr('href');
+		var src = $(this).attr('src');
+
+		if (href.match("jpg$") || href.match("png$") || href.match("gif$")) {
+			$(page_overlay)
+						.addClass('active')
+						.html('<img src="' + src + '"/>');
+		} else {
+			window.location.href = href;
+		}
+	});
+
+| {% endblock %}