Work in progress in blurring asset preview and minor CSS/template cleanups

src/templates/nodes/custom/_node_details.pug

@@ -1,3 +1,12 @@
+.node-details-header
+	.node-title#node-title
+		| {{node.name}}
+
+| {% if node.description %}
+.node-details-description#node-description
+	| {{ node.description | markdown }}
+| {% endif %}
+
 .node-details-meta
 	ul
 		| {% if node.has_method('PUT') and (node.properties.status != 'published') %}

src/templates/nodes/custom/_scripts.pug

@@ -41,7 +41,7 @@ script(type="text/javascript").
 		{% endif %}
 
 
-		// If we are im preview mode, update the image source
+		// If we are in preview mode, update the image source
 		if (page_overlay.classList.contains('active')) {
 			var node_preview = document.getElementById('node-preview');
 
@@ -73,7 +73,7 @@ script(type="text/javascript").
 					.html('<div class="nav-prev"></div><img src="' + src + '"/><div class="nav-next"></div>');
 			}
 
-			$('#node-preview.image, #node-preview.file').click(function(e){
+			$('.js-node-preview-image').click(function(e){
 				e.preventDefault();
 				e.stopPropagation();
 

src/templates/nodes/custom/asset/file/view_embed.pug

@@ -9,18 +9,7 @@
 			src="{{ node.picture.thumbnail('l', api=api) }}")
 	| {% endif %}
 
-
-	section.node-details-container.file
-
-		.node-details-header
-			.node-title#node-title
-				| {{node.name}}
-
-		| {% if node.description %}
-		.node-details-description#node-description
-			| {{ node.description | markdown }}
-		| {% endif %}
-
+	section.node-details-container
 		include ../../_node_details
 
 		#comments-embed

src/templates/nodes/custom/asset/image/view_embed.pug

@@ -4,23 +4,18 @@
 	#node-overlay
 
 	| {% if node.picture %}
-	section#node-preview.node-preview.image
+	| {% if current_user.has_cap('subscriber') %}
+	section#node-preview.node-preview.image.js-node-preview-image
 		img.node-preview-thumbnail#node-preview-thumbnail(
 			src="{{ node.picture.thumbnail('l', api=api) }}")
+	| {% else %}
+	section#node-preview.node-preview.image.node-preview-blur
+		img.node-preview-thumbnail#node-preview-thumbnail(
+			src="{{ node.picture.thumbnail('t', api=api) }}")
+	| {% endif %}
 	| {% endif %}
 
-
-	section.node-details-container.image
-
-		.node-details-header
-			.node-title#node-title
-				| {{node.name}}
-
-		| {% if node.description %}
-		.node-details-description#node-description
-			| {{ node.description | markdown }}
-		| {% endif %}
-
+	section.node-details-container
 		include ../../_node_details
 
 		#comments-embed

src/templates/nodes/custom/group/view_embed.pug

@@ -1,11 +1,11 @@
 | {% block body %}
 #node-container
 
-	section.node-preview.group
-		.node-title#node-title
-			| {{node.name}}
+	section.node-details-container
+		.node-details-header
+			.node-title#node-title
+				| {{node.name}}
 
-		.node-details-meta.preview
 			.node-details-meta-actions
 				.btn-browsetoggle(
 					title="Toggle between list/grid view",
@@ -13,10 +13,11 @@
 					data-placement="top")
 					i.pi-list
 
-	| {% if node.description %}
-	.node-details-description
-		| {{ node.description | markdown }}
-	| {% endif %}
+		| {% if node.description %}
+		.node-details-description#node-description
+			| {{ node.description | markdown }}
+		| {% endif %}
+
 
 	section.node-children.group