benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

Replace Mojo with Handlebars

Browse source
This commit is contained in:
Wesley Moore 2011-05-05 07:23:39 +10:00
parent 7cae1a5c83
commit ae91faf428
5 changed files with 1427 additions and 69 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
layouts/home.html
View file

@ -2,7 +2,7 @@
<html>
<head>
<%= render '_head' %>
<script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/handlebars.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/home.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="home">
@ -45,5 +45,11 @@
<a href="http://www.flickr.com/photos/wezm/" class="more">More &raquo;</a>
</section>
<%= render '_footer' %>
<script id="image-template" type="text/x-handlebars-template">
<li>
<a href="{{href}}" rel="prettyPhoto[flickr]"><img src="{{src}}" alt="{{alt}}" /></a>
</li>
</script>
</body>
</html>

2
layouts/weather.html
View file

@ -4,7 +4,7 @@
<%= render '_head' %>
<script src="/js/jquery.flot.min.js" type="text/javascript" charset="utf-8"></script>
<!--[if IE lt 9]><script language="javascript" type="text/javascript" src="/js/excanvas.min.js"></script><![endif]-->
<script src="/js/mojo.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/handlebars.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/weather.js" type="text/javascript" charset="utf-8"></script>
</head>
<body class="weather">

1417
output/js/handlebars.js Normal file
View file

File diff suppressed because it is too large Load diff

8
output/js/home.js
View file

@ -1,9 +1,5 @@
jQuery(function () {
function render_image(o) {
return '<li>\n\
<a href="' + (Mojo.escape(Mojo.normalize(o.href))) + '" rel="prettyPhoto[flickr]"><img src="' + (Mojo.escape(Mojo.normalize(o.src))) + '" alt="' + (Mojo.escape(Mojo.normalize(o.alt))) + '" /></a>\n\
</li>';
};
var image_template = Handlebars.compile($('#image-template').html());
function populate_flickr(data, text_status) {
var ul = $("#flickr ul");
@ -15,7 +11,7 @@ jQuery(function () {
src: '/images/photos.jpg',
alt: photo.attr('title')
};
var li = $(render_image(image));
var li = $(image_template(image));
$('img', li).css('left', (i * -75) + 'px');
li.css("background-position", (i * -75) + 'px -75px');
ul.append(li);

61
output/js/mojo.js
View file

@ -1,61 +0,0 @@
// Mojo - Copyright TJ Holowaychuk <tj@vision-media.ca> (MIT Licensed)
;(function(){
Mojo = {
// --- Version
version: '0.3.0',
/**
* Escape HTML.
*
* @param {string} html
* @return {string}
* @api public
*/
escape : function(html) {
if (!html) return
return html.toString()
.replace(/&/gmi, '&amp;')
.replace(/"/gmi, '&quot;')
.replace(/>/gmi, '&gt;')
.replace(/</gmi, '&lt;')
},
/**
* Normalize _object_ for output.
*
* @param {object}object
* @return {mixed}
* @api public
*/
normalize: function(object, property) {
if(property === undefined)
return typeof object == 'function' ? object() : object
else
return typeof object[property] == 'function' ? object[property]() : object[property]
},
/**
* Enumerate _object_'s _prop_, buffering _fn_'s
* return value.
*
* @param {object} object
* @param {object} prop
* @return {string}
* @api private
*/
enumerate: function(object, prop, fn) {
if (!prop) return ''
if (!(prop instanceof Array)) return fn(object)
for (var buf = [], i = 0, len = prop.length; i < len; ++i)
buf.push(fn(prop[i]))
return buf.join(' ')
}
}
})()