131 lines
3.4 KiB
JavaScript
131 lines
3.4 KiB
JavaScript
var safe = Handlebars.SafeString;
|
|
|
|
/**
|
|
Bound avatar helper.
|
|
|
|
@method bound-avatar
|
|
@for Handlebars
|
|
**/
|
|
Em.Handlebars.helper('bound-avatar', function(user, size, uploadId) {
|
|
if (Em.isEmpty(user)) {
|
|
return new safe("<div class='avatar-placeholder'></div>");
|
|
}
|
|
var username = Em.get(user, 'username');
|
|
|
|
if(arguments.length < 4){
|
|
uploadId = Em.get(user, 'uploaded_avatar_id');
|
|
}
|
|
|
|
var avatarTemplate = Discourse.User.avatarTemplate(username, uploadId);
|
|
|
|
return new safe(Discourse.Utilities.avatarImg({
|
|
size: size,
|
|
avatarTemplate: avatarTemplate
|
|
}));
|
|
}, 'username', 'uploaded_avatar_id');
|
|
|
|
/*
|
|
* Used when we only have a template
|
|
*/
|
|
Em.Handlebars.helper('bound-avatar-template', function(avatarTemplate, size) {
|
|
return new safe(Discourse.Utilities.avatarImg({
|
|
size: size,
|
|
avatarTemplate: avatarTemplate
|
|
}));
|
|
});
|
|
|
|
/**
|
|
Nicely format a date without binding or returning HTML
|
|
|
|
@method raw-date
|
|
@for Handlebars
|
|
**/
|
|
Handlebars.registerHelper('raw-date', function(property, options) {
|
|
var dt = new Date(Ember.Handlebars.get(this, property, options));
|
|
return Discourse.Formatter.longDate(dt);
|
|
});
|
|
|
|
/**
|
|
Live refreshing age helper
|
|
|
|
@method age
|
|
@for Handlebars
|
|
**/
|
|
Handlebars.registerHelper('age', function(property, options) {
|
|
var dt = new Date(Ember.Handlebars.get(this, property, options));
|
|
return new safe(Discourse.Formatter.autoUpdatingRelativeAge(dt));
|
|
});
|
|
|
|
/**
|
|
Live refreshing age helper, with a tooltip showing the date and time
|
|
|
|
@method age-with-tooltip
|
|
@for Handlebars
|
|
**/
|
|
Handlebars.registerHelper('age-with-tooltip', function(property, options) {
|
|
var dt = new Date(Ember.Handlebars.get(this, property, options));
|
|
return new safe(Discourse.Formatter.autoUpdatingRelativeAge(dt, {title: true}));
|
|
});
|
|
|
|
/**
|
|
Display logic for numbers.
|
|
|
|
@method number
|
|
@for Handlebars
|
|
**/
|
|
Handlebars.registerHelper('number', function(property, options) {
|
|
|
|
var orig = parseInt(Ember.Handlebars.get(this, property, options), 10);
|
|
if (isNaN(orig)) { orig = 0; }
|
|
|
|
var title = orig;
|
|
if (options.hash.numberKey) {
|
|
title = I18n.t(options.hash.numberKey, { number: orig });
|
|
}
|
|
|
|
var classNames = 'number';
|
|
if (options.hash['class']) {
|
|
classNames += ' ' + Ember.Handlebars.get(this, options.hash['class'], options);
|
|
}
|
|
var result = "<span class='" + classNames + "'";
|
|
|
|
// Round off the thousands to one decimal place
|
|
var n = Discourse.Formatter.number(orig);
|
|
if (n !== title) {
|
|
result += " title='" + Handlebars.Utils.escapeExpression(title) + "'";
|
|
}
|
|
result += ">" + n + "</span>";
|
|
|
|
return new safe(result);
|
|
});
|
|
|
|
/**
|
|
Display logic for dates. It is unbound in Ember but will use jQuery to
|
|
update the dates on a regular interval.
|
|
|
|
@method date
|
|
@for Handlebars
|
|
**/
|
|
Handlebars.registerHelper('date', function(property, options) {
|
|
var leaveAgo;
|
|
if (property.hash) {
|
|
if (property.hash.leaveAgo) {
|
|
leaveAgo = property.hash.leaveAgo === "true";
|
|
}
|
|
if (property.hash.path) {
|
|
property = property.hash.path;
|
|
}
|
|
}
|
|
|
|
var val = Ember.Handlebars.get(this, property, options);
|
|
if (val) {
|
|
var date = new Date(val);
|
|
return new safe(Discourse.Formatter.autoUpdatingRelativeAge(date, {format: 'medium', title: true, leaveAgo: leaveAgo}));
|
|
}
|
|
});
|
|
|
|
Em.Handlebars.helper('bound-date', function(dt) {
|
|
return new safe(Discourse.Formatter.autoUpdatingRelativeAge(new Date(dt), {format: 'medium', title: true }));
|
|
});
|
|
|