2015-02-02 14:28:23 +08:00
|
|
|
import Ember from 'ember';
|
|
|
|
|
|
|
|
import humanTime from '../utils/human-time';
|
|
|
|
|
|
|
|
var $ = Ember.$;
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'human-time-updater',
|
|
|
|
initialize: function(container) {
|
|
|
|
|
|
|
|
// Livestamp.js / v1.1.2 / (c) 2012 Matt Bradley / MIT License
|
2015-02-03 14:30:41 +08:00
|
|
|
// @todo rewrite this to be simpler and cleaner
|
2015-02-02 14:28:23 +08:00
|
|
|
(function($, moment) {
|
|
|
|
var updateInterval = 1e3,
|
|
|
|
paused = false,
|
|
|
|
$livestamps = $([]),
|
|
|
|
|
|
|
|
init = function() {
|
|
|
|
livestampGlobal.resume();
|
|
|
|
},
|
|
|
|
|
|
|
|
prep = function($el, timestamp) {
|
|
|
|
var oldData = $el.data('livestampdata');
|
|
|
|
if (typeof timestamp == 'number')
|
|
|
|
timestamp *= 1e3;
|
|
|
|
|
|
|
|
$el.removeAttr('data-livestamp')
|
|
|
|
.removeData('livestamp');
|
|
|
|
|
|
|
|
timestamp = moment(timestamp);
|
2015-02-06 08:05:27 +08:00
|
|
|
if (timestamp.diff(moment()) < 60 * 60) {
|
|
|
|
return;
|
|
|
|
}
|
2015-02-02 14:28:23 +08:00
|
|
|
if (moment.isMoment(timestamp) && !isNaN(+timestamp)) {
|
|
|
|
var newData = $.extend({ }, { 'original': $el.contents() }, oldData);
|
|
|
|
newData.moment = moment(timestamp);
|
|
|
|
|
|
|
|
$el.data('livestampdata', newData).empty();
|
|
|
|
$livestamps.push($el[0]);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
run = function() {
|
|
|
|
if (paused) return;
|
|
|
|
livestampGlobal.update();
|
|
|
|
setTimeout(run, updateInterval);
|
|
|
|
},
|
|
|
|
|
|
|
|
livestampGlobal = {
|
|
|
|
update: function() {
|
|
|
|
$('[data-humantime]').each(function() {
|
|
|
|
var $this = $(this);
|
|
|
|
prep($this, $this.attr('datetime'));
|
|
|
|
});
|
|
|
|
|
|
|
|
var toRemove = [];
|
|
|
|
$livestamps.each(function() {
|
|
|
|
var $this = $(this),
|
|
|
|
data = $this.data('livestampdata');
|
|
|
|
|
|
|
|
if (data === undefined)
|
|
|
|
toRemove.push(this);
|
|
|
|
else if (moment.isMoment(data.moment)) {
|
|
|
|
var from = $this.html(),
|
|
|
|
to = humanTime(data.moment);
|
|
|
|
// to = data.moment.fromNow();
|
|
|
|
|
|
|
|
if (from != to) {
|
|
|
|
var e = $.Event('change.livestamp');
|
|
|
|
$this.trigger(e, [from, to]);
|
|
|
|
if (!e.isDefaultPrevented())
|
|
|
|
$this.html(to);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
$livestamps = $livestamps.not(toRemove);
|
|
|
|
},
|
|
|
|
|
|
|
|
pause: function() {
|
|
|
|
paused = true;
|
|
|
|
},
|
|
|
|
|
|
|
|
resume: function() {
|
|
|
|
paused = false;
|
|
|
|
run();
|
|
|
|
},
|
|
|
|
|
|
|
|
interval: function(interval) {
|
|
|
|
if (interval === undefined)
|
|
|
|
return updateInterval;
|
|
|
|
updateInterval = interval;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
|
|
|
|
livestampLocal = {
|
|
|
|
add: function($el, timestamp) {
|
|
|
|
if (typeof timestamp == 'number')
|
|
|
|
timestamp *= 1e3;
|
|
|
|
timestamp = moment(timestamp);
|
|
|
|
|
|
|
|
if (moment.isMoment(timestamp) && !isNaN(+timestamp)) {
|
|
|
|
$el.each(function() {
|
|
|
|
prep($(this), timestamp);
|
|
|
|
});
|
|
|
|
livestampGlobal.update();
|
|
|
|
}
|
|
|
|
|
|
|
|
return $el;
|
|
|
|
},
|
|
|
|
|
|
|
|
destroy: function($el) {
|
|
|
|
$livestamps = $livestamps.not($el);
|
|
|
|
$el.each(function() {
|
|
|
|
var $this = $(this),
|
|
|
|
data = $this.data('livestampdata');
|
|
|
|
|
|
|
|
if (data === undefined)
|
|
|
|
return $el;
|
|
|
|
|
|
|
|
$this
|
|
|
|
.html(data.original ? data.original : '')
|
|
|
|
.removeData('livestampdata');
|
|
|
|
});
|
|
|
|
|
|
|
|
return $el;
|
|
|
|
},
|
|
|
|
|
|
|
|
isLivestamp: function($el) {
|
|
|
|
return $el.data('livestampdata') !== undefined;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
$.livestamp = livestampGlobal;
|
|
|
|
$(init);
|
|
|
|
$.fn.livestamp = function(method, options) {
|
|
|
|
if (!livestampLocal[method]) {
|
|
|
|
options = method;
|
|
|
|
method = 'add';
|
|
|
|
}
|
|
|
|
|
|
|
|
return livestampLocal[method](this, options);
|
|
|
|
};
|
|
|
|
})(jQuery, moment);
|
|
|
|
|
|
|
|
}
|
|
|
|
};
|