From 8d72c5e0a575f42b51c8da2fbe8f267590d28719 Mon Sep 17 00:00:00 2001
From: Nikolai Kristiansen <nikolaik@gmail.com>
Date: Sun, 4 May 2014 17:21:04 +0200
Subject: [PATCH] Adds placeholder image for events

---
 wp-content/themes/tn-2014/header.php          |   1 +
 wp-content/themes/tn-2014/img/placeholder.gif | Bin 0 -> 2751 bytes
 wp-content/themes/tn-2014/js/app.js           |  24 ++++++++++++++----
 3 files changed, 20 insertions(+), 5 deletions(-)
 create mode 100644 wp-content/themes/tn-2014/img/placeholder.gif

diff --git a/wp-content/themes/tn-2014/header.php b/wp-content/themes/tn-2014/header.php
index 4c50e95..ac57997 100644
--- a/wp-content/themes/tn-2014/header.php
+++ b/wp-content/themes/tn-2014/header.php
@@ -3,6 +3,7 @@
 <head>
 	<meta charset="utf-8" />
     <meta name="robots" content="index,follow" />
+    <meta name="x-stylesheet-directory" content="<?php bloginfo( 'stylesheet_directory' ); ?>" />
     <?php neuf_doctitle(); ?>
     <link rel="icon" type="image/png" href="favicon.png" />
     <link rel="alternate" type="application/rss+xml" href="<?php bloginfo('url'); ?>/feed/" title="Det Norske Studentersamfund (nyheter)" />
diff --git a/wp-content/themes/tn-2014/img/placeholder.gif b/wp-content/themes/tn-2014/img/placeholder.gif
new file mode 100644
index 0000000000000000000000000000000000000000..e72dd8ba81073594464077b9fb8a78a68858f3b9
GIT binary patch
literal 2751
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
F06RHhNwfd}

literal 0
HcmV?d00001

diff --git a/wp-content/themes/tn-2014/js/app.js b/wp-content/themes/tn-2014/js/app.js
index af70fed..c44eca7 100644
--- a/wp-content/themes/tn-2014/js/app.js
+++ b/wp-content/themes/tn-2014/js/app.js
@@ -12,7 +12,23 @@ var query_params = {
     custom_fields: custom_fields.join()
 };
 
-var list = '<% _.each(posts, function(post) { %> <li><a href="<%= post.url %>"><div><img src="<%= post.thumbnail_images["four-column-thumb"].url %>" /><br/><span class="entry-starttime"><%= moment.unix(post.custom_fields._neuf_events_starttime).utc().format("YYYY-MM-DD HH:mm") %></span><br/> <%= post.title %> (<%= post.custom_fields._neuf_events_price_regular %>/<%= post.custom_fields._neuf_events_price_member %>)</div></a></li> <% }); %>';
+function format_posts(posts) {
+    var html = '';
+    for(var i=0; i< posts.length; i++) {
+        var post = posts[i];
+        html += '<li><a href="'+ post.url +'"><div>';
+        if(post.thumbnail_images) {
+            html += '<img src="'+ post.thumbnail_images["four-column-thumb"].url +'" /><br/>';
+        } else {
+            var stylesheet_dir = jQuery("meta[name=x-stylesheet-directory]").attr('content');
+            html += '<img src="'+ stylesheet_dir +'/img/placeholder.gif" /><br/>';
+        }
+        html += '<span class="entry-starttime">'+ moment.unix(post.custom_fields._neuf_events_starttime).utc().format("YYYY-MM-DD HH:mm") +'</span><br/>';
+        html += post.title +'('+ post.custom_fields._neuf_events_price_regular +')/'+ post.custom_fields._neuf_events_price_member +')</div></a></li>';
+    }
+    return html;
+}
+
 jQuery(document).ready(function() {
     var $ = jQuery;
     $.getJSON(
@@ -20,11 +36,9 @@ jQuery(document).ready(function() {
         query_params,
         function(data) {
             if(data && data.posts) {
-                // render template
                 console.log(data);
-                var html = _.template(list, {
-                    posts: data.posts.slice(0, 4)}
-                );
+                // render template
+                var html = format_posts(data.posts.slice(0, 4));
                 $(".program-upcoming ul.program-list").html(html);
             }
         }