merge

1 files changed, 29 insertions, 13 deletions

diff --git a/views/projects/list-projects.ejs b/views/projects/list-projects.ejs
index 537d409..2749b0e 100644
--- a/views/projects/list-projects.ejs
+++ b/views/projects/list-projects.ejs
@@ -1,23 +1,39 @@
 [[ if (projects.length) { ]]
-		
+	
 	<div class="projectList">
 
 		[[ projects.forEach(function(project, i) { ]]
-
-			<span class="room">
-				<iframe src="/project/[[- project.slug ]]/view?noui=1&mute=1" class="embed"></iframe>
-				[[ if (String(user._id) == String(project.user_id)) { ]]
-				<a href="/project/[[- project.slug ]]/edit"><div class="editBtn">edit</div></a>
-				[[ } ]]
-				<div class="holder">
-				<a href="/project/[[- project.slug ]]" class="roomName">
-					[[- project.name ]]<br>
-					[[- project.date ]]
-				</a>
-				</div>
+		  [[ if (i > 5) { return } ]]
+      [[ if (String(user._id) == String(project.user_id)) { ]]
+      <a href="/project/[[- project.slug ]]/edit" class="projectItem" data-userid="[[- project.user_id ]]">
+      [[ } else { ]]
+      <a href="/project/[[- project.slug ]]" class="projectItem" data-userid="[[- project.user_id ]]">
+      [[ } ]]
+			<span class="room" style="background-color: rgb([[- project.color ]]);">
+        <span class="mask" style="background-image: url([[- project.photo ]]);">
+        </span>
+        <span class="images" data-mediaCount="[[- Math.min(project.media.length, 4) ]]">
+          [[ mediaCount = 0 ]]
+          [[ project.media.some(function(media){ ]]
+            [[ if (media.media.type != "image") { return false } ]]
+            [[ if (++mediaCount > 4) { return true } ]]
+            <div style="background-image:url([[- media.media.url ]])"></div>
+          [[ }) ]]
+			  </span>
 			</span>
 
+      <label>
+        [[- project.name ]]<br>
+        Created &ndash; [[- project.date ]]
+      </label>
+
+      </a>
 		[[ }) ]]
+
+    [[ if (projects.length > 6) { ]]
+      <a href="#" class="viewMore btn">view more</a>
+    [[ } ]]
+
 	</div>
 
 [[ } ]]