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);
|
|
|
|
|
}
|
|
|
|
|
|
2018-07-16 07:04:50 +08:00
|
|
|
|
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) {
|
2018-07-16 07:04:50 +08:00
|
|
|
|
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>";
|
|
|
|
|
|
2018-07-16 07:04:50 +08:00
|
|
|
|
var joinedPreviews = previews.join(" – ");
|
2018-05-22 19:58:06 +08:00
|
|
|
|
|
2018-05-04 14:51:41 +08:00
|
|
|
|
$element
|
|
|
|
|
.html(html)
|
2018-05-22 19:58:06 +08:00
|
|
|
|
.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);
|