mirror of
https://gitlab.com/allianceauth/allianceauth.git
synced 2025-07-09 20:40:17 +02:00
Merge pull request #38 from tehfiend/patch-1
Minor timer-board improvements
This commit is contained in:
Raynaldo Rivera
commit
ee76502c18
1154
static/js/countdown.js
Normal file
1154
static/js/countdown.js
Normal file
File diff suppressed because it is too large
Load Diff
86
static/js/dateformat.js
Normal file
86
static/js/dateformat.js
Normal file
@ -0,0 +1,86 @@
|
||||
(function() {
|
||||
|
||||
Date.shortMonths = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
||||
Date.longMonths = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
||||
Date.shortDays = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
|
||||
Date.longDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
|
||||
|
||||
// defining patterns
|
||||
var replaceChars = {
|
||||
// Day
|
||||
d: function() { return (this.getDate() < 10 ? '0' : '') + this.getDate(); },
|
||||
D: function() { return Date.shortDays[this.getDay()]; },
|
||||
j: function() { return this.getDate(); },
|
||||
l: function() { return Date.longDays[this.getDay()]; },
|
||||
N: function() { return (this.getDay() == 0 ? 7 : this.getDay()); },
|
||||
S: function() { return (this.getDate() % 10 == 1 && this.getDate() != 11 ? 'st' : (this.getDate() % 10 == 2 && this.getDate() != 12 ? 'nd' : (this.getDate() % 10 == 3 && this.getDate() != 13 ? 'rd' : 'th'))); },
|
||||
w: function() { return this.getDay(); },
|
||||
z: function() { var d = new Date(this.getFullYear(),0,1); return Math.ceil((this - d) / 86400000); }, // Fixed now
|
||||
// Week
|
||||
W: function() {
|
||||
var target = new Date(this.valueOf());
|
||||
var dayNr = (this.getDay() + 6) % 7;
|
||||
target.setDate(target.getDate() - dayNr + 3);
|
||||
var firstThursday = target.valueOf();
|
||||
target.setMonth(0, 1);
|
||||
if (target.getDay() !== 4) {
|
||||
target.setMonth(0, 1 + ((4 - target.getDay()) + 7) % 7);
|
||||
}
|
||||
return 1 + Math.ceil((firstThursday - target) / 604800000);
|
||||
},
|
||||
// Month
|
||||
F: function() { return Date.longMonths[this.getMonth()]; },
|
||||
m: function() { return (this.getMonth() < 9 ? '0' : '') + (this.getMonth() + 1); },
|
||||
M: function() { return Date.shortMonths[this.getMonth()]; },
|
||||
n: function() { return this.getMonth() + 1; },
|
||||
t: function() { var d = new Date(); return new Date(d.getFullYear(), d.getMonth(), 0).getDate() }, // Fixed now, gets #days of date
|
||||
// Year
|
||||
L: function() { var year = this.getFullYear(); return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)); }, // Fixed now
|
||||
o: function() { var d = new Date(this.valueOf()); d.setDate(d.getDate() - ((this.getDay() + 6) % 7) + 3); return d.getFullYear();}, //Fixed now
|
||||
Y: function() { return this.getFullYear(); },
|
||||
y: function() { return ('' + this.getFullYear()).substr(2); },
|
||||
// Time
|
||||
a: function() { return this.getHours() < 12 ? 'am' : 'pm'; },
|
||||
A: function() { return this.getHours() < 12 ? 'AM' : 'PM'; },
|
||||
B: function() { return Math.floor((((this.getUTCHours() + 1) % 24) + this.getUTCMinutes() / 60 + this.getUTCSeconds() / 3600) * 1000 / 24); }, // Fixed now
|
||||
g: function() { return this.getHours() % 12 || 12; },
|
||||
G: function() { return this.getHours(); },
|
||||
h: function() { return ((this.getHours() % 12 || 12) < 10 ? '0' : '') + (this.getHours() % 12 || 12); },
|
||||
H: function() { return (this.getHours() < 10 ? '0' : '') + this.getHours(); },
|
||||
i: function() { return (this.getMinutes() < 10 ? '0' : '') + this.getMinutes(); },
|
||||
s: function() { return (this.getSeconds() < 10 ? '0' : '') + this.getSeconds(); },
|
||||
u: function() { var m = this.getMilliseconds(); return (m < 10 ? '00' : (m < 100 ?
|
||||
'0' : '')) + m; },
|
||||
// Timezone
|
||||
e: function() { return "Not Yet Supported"; },
|
||||
I: function() {
|
||||
var DST = null;
|
||||
for (var i = 0; i < 12; ++i) {
|
||||
var d = new Date(this.getFullYear(), i, 1);
|
||||
var offset = d.getTimezoneOffset();
|
||||
|
||||
if (DST === null) DST = offset;
|
||||
else if (offset < DST) { DST = offset; break; } else if (offset > DST) break;
|
||||
}
|
||||
return (this.getTimezoneOffset() == DST) | 0;
|
||||
},
|
||||
O: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + '00'; },
|
||||
P: function() { return (-this.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(this.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(this.getTimezoneOffset() / 60)) + ':00'; }, // Fixed now
|
||||
T: function() { return this.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1'); },
|
||||
Z: function() { return -this.getTimezoneOffset() * 60; },
|
||||
// Full Date/Time
|
||||
c: function() { return this.format("Y-m-d\\TH:i:sP"); }, // Fixed now
|
||||
r: function() { return this.toString(); },
|
||||
U: function() { return this.getTime() / 1000; }
|
||||
};
|
||||
|
||||
// Simulates PHP's date function
|
||||
Date.prototype.format = function(format) {
|
||||
var date = this;
|
||||
return format.replace(/(\\?)(.)/g, function(_, esc, chr) {
|
||||
return (esc === '' && replaceChars[chr]) ? replaceChars[chr].call(date) : chr;
|
||||
});
|
||||
};
|
||||
|
||||
}).call(this);
|
||||
|
||||
@ -19,8 +19,8 @@
|
||||
</h1>
|
||||
<div class="col-lg-12 text-center">
|
||||
<div class="label label-info text-left">
|
||||
<b>Current Eve Time: {{ CURRENT_UTC_TIME | date:"Y-m-d H:i" }}</b>
|
||||
</div>
|
||||
<b>Current Eve Time: </b>
|
||||
</div><div class="label label-info text-left" id="current-time"></div>
|
||||
</div>
|
||||
<h4><b>Next Timer</b></h4>
|
||||
<table class="table table-responsive table-bordered">
|
||||
@ -30,6 +30,7 @@
|
||||
<th class="text-center">System</th>
|
||||
<th class="text-center">Structure</th>
|
||||
<th class="text-center">Eve Time</th>
|
||||
<th class="text-center">Local Time</th>
|
||||
<th class="text-center">Creator</th>
|
||||
{% if perms.auth.timer_management %}
|
||||
<th class="text-center">Action</th>
|
||||
@ -99,7 +100,8 @@
|
||||
</div>
|
||||
{% endifequal %}
|
||||
</td>
|
||||
<td class="text-center">{{ closest_timer.eve_time | date:"Y-m-d H:i" }} UTC</td>
|
||||
<td class="text-center" nowrap>{{ closest_timer.eve_time | date:"Y-m-d H:i" }}</td>
|
||||
<td id="countdownclosest" class="text-center" nowrap></td>
|
||||
<td class="text-center">{{ closest_timer.eve_character.character_name }}</td>
|
||||
{% if perms.auth.timer_management %}
|
||||
<td class="text-center">
|
||||
@ -122,6 +124,7 @@
|
||||
<th class="text-center">System</th>
|
||||
<th class="text-center">Structure</th>
|
||||
<th class="text-center">Eve Time</th>
|
||||
<th class="text-center">Local Time</th>
|
||||
<th class="text-center">Creator</th>
|
||||
{% if perms.auth.timer_management %}
|
||||
<th class="text-center">Action</th>
|
||||
@ -192,7 +195,8 @@
|
||||
</div>
|
||||
{% endifequal %}
|
||||
</td>
|
||||
<td class="text-center">{{ timer.eve_time | date:"Y-m-d H:i" }} UTC</td>
|
||||
<td class="text-center" nowrap>{{ timer.eve_time | date:"Y-m-d H:i" }}</td>
|
||||
<td class="text-center" nowrap><div id="countdown{{ timer.id }}"></div></td>
|
||||
<td class="text-center">{{ timer.eve_character.character_name }}</td>
|
||||
{% if perms.auth.timer_management %}
|
||||
<td class="text-center">
|
||||
@ -208,4 +212,22 @@
|
||||
</table>
|
||||
</div>
|
||||
|
||||
|
||||
<script src="/static/js/dateformat.js"></script>
|
||||
<script src="/static/js/countdown.js"></script>
|
||||
<script>
|
||||
var clockClosest = document.getElementById("countdownclosest"), targetDate = new Date(Date.UTC({{ closest_timer.eve_time | date:"Y, m-1, d, H, i" }}));{% for timer in timers %}
|
||||
var clock{{ timer.id }} = document.getElementById("countdown{{ timer.id }}"), targetDate{{ timer.id }} = new Date(Date.UTC({{ timer.eve_time | date:"Y, m-1, d, H, i" }}));{% endfor %}
|
||||
|
||||
setInterval(function(){clockClosest.innerHTML = targetDate.format('D @ h:ia'); if (targetDate > Date.now()){ clockClosest.innerHTML = clockClosest.innerHTML + "<BR>" + countdown(targetDate).toString();}}, 1000);
|
||||
{% for timer in timers %}setInterval(function(){clock{{ timer.id }}.innerHTML = targetDate{{ timer.id }}.format('D @ h:ia'); if (targetDate{{ timer.id }} > Date.now()){ clock{{ timer.id }}.innerHTML = clock{{ timer.id }}.innerHTML + "<BR>" + countdown(targetDate{{ timer.id }}).toString();}}, 1000);{% endfor %}
|
||||
|
||||
setInterval(function(){updateClock()}, 1000);
|
||||
|
||||
function updateClock() {
|
||||
var clock = new Date();
|
||||
document.getElementById("current-time").innerHTML = "<b>" + clock.toUTCString() + "</b>";
|
||||
}
|
||||
|
||||
</script>
|
||||
{% endblock content %}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user