From fa1ee731af514194c6d6205542b0ac213e69c166 Mon Sep 17 00:00:00 2001
From: danielgrippi <danielgrippi@gmail.com>
Date: Thu, 26 Jan 2012 17:04:03 -0800
Subject: [PATCH] DG MS; made an imageUrl handlebars helper for assets served
 through handlebars templates.

---
 app/views/layouts/application.html.haml |  3 +++
 app/views/templates/comment.handlebars  |  2 +-
 app/views/templates/header.handlebars   | 10 +++++-----
 public/javascripts/app/app.js           | 11 +++++++++++
 4 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml
index 5ecf6bc58..ee0e2386f 100644
--- a/app/views/layouts/application.html.haml
+++ b/app/views/layouts/application.html.haml
@@ -87,6 +87,9 @@
         Diaspora.I18n.loadLocale(#{get_javascript_strings_for(I18n.locale).to_json}, "#{I18n.locale}");
         Diaspora.Page = "#{params[:controller].camelcase}#{params[:action].camelcase}";
 
+    :javascript
+      app.baseImageUrl("#{ENV['ASSET_HOST']}")
+
     - if current_user
       :javascript
         app.user(
diff --git a/app/views/templates/comment.handlebars b/app/views/templates/comment.handlebars
index 48d832b01..c878118e6 100644
--- a/app/views/templates/comment.handlebars
+++ b/app/views/templates/comment.handlebars
@@ -2,7 +2,7 @@
   <!-- need access to post -->
   {{#if ownComment}}
     <a href="#" class="delete comment_delete" title="{{t "delete"}}">
-      <img alt="Deletelabel" src="/images/deletelabel.png" />
+      <img alt="Deletelabel" src="{{imageUrl "/images/deletelabel.png"}}" />
     <a/>
   {{/if}}
 </div>
diff --git a/app/views/templates/header.handlebars b/app/views/templates/header.handlebars
index 105a5e89b..445f59f54 100644
--- a/app/views/templates/header.handlebars
+++ b/app/views/templates/header.handlebars
@@ -1,7 +1,7 @@
 <div class="container" style="position:relative;">
 
   <a href="/stream">
-    <img alt="Logo_small" class="diaspora_header_logo" height="38px" width="65px" src="/images/header-logo.png" />
+    <img alt="Logo_small" class="diaspora_header_logo" height="38px" width="65px" src="{{imageUrl "/images/header-logo.png"}}" />
   </a>
 
   <div id="global_search">
@@ -13,13 +13,13 @@
 
   <div id="nav_badges">
     <div class="badge" id="home_badge">
-      <a href="/stream" title="{{t "header.home"}}"><img alt="Home" src="/images/icons/home_grey.png">
+      <a href="/stream" title="{{t "header.home"}}"><img alt="Home" src="{{imageUrl "/images/icons/home_grey.png"}}" />
       </a>
     </div>
 
     <div class="badge" id="notification_badge">
       <a href="/notifications" title="{{t "header.notifications"}}">
-        <img alt="{{t "header.notifications"}}" id="notification-flag" src="/images/icons/notifications_grey.png">
+        <img alt="{{t "header.notifications"}}" id="notification-flag" src="{{imageUrl "/images/icons/notifications_grey.png"}}" />
         <div class="badge_count {{#unless current_user.notifications_count}} hidden {{/unless}}">
           {{current_user.notifications_count}}
         </div>
@@ -28,7 +28,7 @@
 
     <div class="badge" id="message_inbox_badge">
       <a href="/conversations" title="{{t "header.messages"}}">
-        <img alt="{{t "header.messages"}}" src="/images/icons/mail_grey.png">
+        <img alt="{{t "header.messages"}}" src="{{imageUrl "/images/icons/mail_grey.png"}}" />
         <div class="badge_count {{#unless current_user.unread_messages_count}} hidden {{/unless}}">
           {{current_user.unread_messages_count}}
         </div>
@@ -55,7 +55,7 @@
 
     <div class="notifications">
       <div class="ajax_loader">
-        <img alt="Ajax-loader" src="/images/ajax-loader.gif">
+        <img alt="Ajax-loader" src="{{imageUrl "/images/ajax-loader.gif"}}">
       </div>
     </div>
   </div>
diff --git a/public/javascripts/app/app.js b/public/javascripts/app/app.js
index 9797a6869..3919de7b1 100644
--- a/public/javascripts/app/app.js
+++ b/public/javascripts/app/app.js
@@ -9,6 +9,11 @@ var app = {
     return this._user || false
   },
 
+  baseImageUrl: function(baseUrl){
+    if(baseUrl) { return this._baseImageUrl = baseUrl }
+    return this._baseImageUrl || ""
+  },
+
   initialize: function() {
     app.router = new app.Router();
 
@@ -32,8 +37,14 @@ var app = {
 };
 
 $(function() { 
+
   Handlebars.registerHelper('t', function(){
     return Diaspora.I18n.t(arguments[0], jQuery.parseJSON(arguments[1]))
   })
+
+  Handlebars.registerHelper('imageUrl', function(path){
+    return app.baseImageUrl() + path;
+  })
+
   app.initialize();
 });