discourse/plugins/discourse-local-dates/assets/javascripts/discourse-local-dates.js

88 lines
2.4 KiB
JavaScript
Raw Normal View History

2018-05-04 14:51:41 +08:00
(function($) {
$.fn.applyLocalDates = function(repeat) {
function _formatTimezone(timezone) {
return timezone.replace("_", " ").split("/");
}
function processElement($element, options) {
repeat = repeat || true;
if (this.timeout) {
clearTimeout(this.timeout);
}
var relativeTime = moment.utc(
options.date + " " + options.time,
"YYYY-MM-DD HH:mm"
);
2018-05-04 14:51:41 +08:00
if (options.recurring && relativeTime < moment().utc()) {
var parts = options.recurring.split(".");
var count = parseInt(parts[0], 10);
var type = parts[1];
var diff = moment().diff(relativeTime, type);
var add = Math.ceil(diff + count);
relativeTime = relativeTime.add(add, type);
}
var previews = options.timezones.split("|").map(function(timezone) {
var dateTime = relativeTime.tz(timezone).format("LLL");
2018-05-04 14:51:41 +08:00
var timezoneParts = _formatTimezone(timezone);
if (dateTime.match(/TZ/)) {
return dateTime.replace("TZ", timezoneParts.join(": "));
} else {
var output = timezoneParts[0];
if (timezoneParts[1]) {
output += " (" + timezoneParts[1] + ")";
}
output += " " + dateTime;
return output;
}
});
relativeTime = relativeTime.tz(moment.tz.guess()).format(options.format);
var html = "<span>";
html += "<i class='fa fa-globe d-icon d-icon-globe'></i>";
2018-08-27 17:19:30 +08:00
html += "<span class='relative-time'></span>";
2018-05-04 14:51:41 +08:00
html += "</span>";
var joinedPreviews = previews.join(" ");
2018-05-04 14:51:41 +08:00
$element
.html(html)
.attr("title", joinedPreviews)
.attr("data-tooltip", joinedPreviews)
2018-08-27 17:19:30 +08:00
.addClass("cooked")
.find(".relative-time")
.text(
relativeTime.replace(
"TZ",
_formatTimezone(moment.tz.guess()).join(": ")
)
);
2018-05-04 14:51:41 +08:00
if (repeat) {
this.timeout = setTimeout(function() {
processElement($element, options);
}, 10000);
}
}
return this.each(function() {
var $this = $(this);
var options = {};
options.format = $this.attr("data-format");
options.date = $this.attr("data-date");
options.time = $this.attr("data-time");
options.recurring = $this.attr("data-recurring");
options.timezones = $this.attr("data-timezones") || "Etc/UTC";
processElement($this, options);
});
};
})(jQuery);