| {% extends 'projects/view.html' %}
| {% set title = 'blog' %}

| {% block page_title %}{{node.name}} - Blog{% endblock%}

| {% block css %}
| {{ super() }}
link(href="{{ url_for('static_pillar', filename='assets/css/blog.css', v=6220171) }}", rel="stylesheet")
| {% endblock %}

| {% block project_context %}
| {% include 'nodes/custom/post/view_embed.html' %}
| {% endblock %}

| {% block project_tree %}
#project_tree.jstree.jstree-default.blog
	ul.jstree-container-ul.jstree-children
		li.jstree-node(data-node-type="page")
			a.jstree-anchor(
			href="{{ url_for('projects.view', project_url=project.url) }}")
				| Browse Project

		li.jstree-node.jstree-leaf(data-node-type="page")
			a.jstree-anchor(
			href="{{ url_for('main.project_blog', project_url=project.url) }}") Blog

		| {% for post in posts %}
		li.jstree-node
			a.jstree-anchor(
			href="{{ url_for_node(node=post) }}",
			class="{% if post._id == node._id %}jstree-clicked{% endif %}")
				.tree-item-thumbnail
					| {% if post.picture %}
					img(src="{{ post.picture.thumbnail('s', api=api) }}")
					| {% else %}
					i.pi-document-text
					| {% endif %}
				span.tree-item-title {{ post.name }}
				span.tree-item-info
					| {{ post._created | pretty_date }} · {{ post.user.full_name }}
		| {% endfor %}
| {% endblock %}

| {% block footer_scripts %}

script.
	ProjectUtils.setProjectAttributes({projectId: "{{project._id}}", isProject: false, nodeId: '{{node._id}}'});
	/* Expand images when their link points to a jpg/png/gif */
	/* TODO: De-duplicate code from blog index */
	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').split("?")[0];
		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 footer_scripts %}