mirror of
https://github.com/ENSL/ensl.org.git
synced 2024-12-27 21:10:54 +00:00
162 lines
4.3 KiB
Text
162 lines
4.3 KiB
Text
<div id="jplayer"></div>
|
|
<script type="text/javascript">
|
|
var played = false;
|
|
var leave_confirm = true;
|
|
<% if @gatherer and @gatherer.can_destroy? cuser %>
|
|
var gatherer_id = <%= @gatherer.id %>;
|
|
<% else %>
|
|
var gatherer_id = 0;
|
|
<% end %>
|
|
|
|
function updateGathererStatus(status) {
|
|
$.ajax({
|
|
url: '/gatherers/' + gatherer_id + '/status',
|
|
type: 'POST',
|
|
data: {'status': status},
|
|
async: false,
|
|
cache: false,
|
|
success: function() {},
|
|
complete: function() {},
|
|
error: function() {}
|
|
});
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$.PeriodicalUpdater("/gathers/" + <%= @gather.id %> + ".js", {
|
|
method: "GET",
|
|
type: "script",
|
|
minTimeout: 5000,
|
|
maxTimeout: 15000,
|
|
success: function(response, text, request) {
|
|
if (request.getResponseHeader('Gather') == 'voting') {
|
|
if (!played) {
|
|
$("#jplayer").jPlayer({
|
|
ready: function() {
|
|
$(this).jPlayer("setMedia", {
|
|
mp3: "http://www.ensl.org/sounds/gather-1.mp3"
|
|
}).jPlayer("play");
|
|
|
|
var click = document.ontouchstart === undefined ? 'click' : 'touchstart';
|
|
var kickoff = function () {
|
|
$("#jplayer").jPlayer("play");
|
|
document.documentElement.removeEventListener(click, kickoff, true);
|
|
};
|
|
|
|
document.documentElement.addEventListener(click, kickoff, true);
|
|
},
|
|
loop: true,
|
|
volume: 0.6,
|
|
swfPath: "/flash"
|
|
});
|
|
|
|
played = true
|
|
}
|
|
}
|
|
else if (response.length > 10) {
|
|
$("#jplayer").jPlayer("stop");
|
|
}
|
|
}
|
|
});
|
|
|
|
$(window).bind('unload', function() {
|
|
if (gatherer_id > 0 && leave_confirm) {
|
|
updateGathererStatus('leaving');
|
|
}
|
|
});
|
|
|
|
var disable_leave_confirm = function() {
|
|
leave_confirm = false;
|
|
}
|
|
|
|
$('.leave-gather').click(disable_leave_confirm);
|
|
$('#gather-area a').click(disable_leave_confirm);
|
|
|
|
var afk = false;
|
|
var afk_timeout;
|
|
var afk_time = 1000 * 60 * 15; // 15 minutes
|
|
$(window).blur(function() {
|
|
afk_timeout = setTimeout(function() {
|
|
if (gatherer_id > 0) {
|
|
afk = true;
|
|
updateGathererStatus('away');
|
|
}
|
|
}, afk_time);
|
|
});
|
|
|
|
$(window).focus(function() {
|
|
if (afk) {
|
|
updateGathererStatus('active');
|
|
$.get("/gathers/" + <%= @gather.id %> + ".js");
|
|
}
|
|
|
|
clearTimeout(afk_timeout);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<div id="gather">
|
|
<h1 class="fancy">
|
|
<span>
|
|
<%= link_to @gather do %>
|
|
<%= @gather.category.to_s %> Gather
|
|
<% end %>
|
|
</span>
|
|
</h1>
|
|
|
|
<div class="previous">
|
|
<%= link_to @gather.previous_gather, class: 'button tiny' do %>
|
|
<%= icon 'chevron-left' %> Previous
|
|
<% end %>
|
|
</div>
|
|
|
|
<div class="next">
|
|
<% if @gather.next_gather %>
|
|
<%= link_to @gather.next_gather, class: 'button tiny' do %>
|
|
Next <%= icon 'chevron-right' %>
|
|
<% end %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<% if @gather and @gather.status != Gather::STATE_FINISHED %>
|
|
<div id="gather-info">
|
|
<div class="info">
|
|
<h6>Requirements</h6>
|
|
<ul>
|
|
<li><a href="https://www.google.com/adsense/support/bin/answer.py?hl=en&answer=12654">JavaScript</a> enabled</li>
|
|
<li>Read the <%= link_to "Gather Rules", article_url(Article::G_RULES) %></li>
|
|
<li>Remove yourself if you leave</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="info">
|
|
<h6>Captains</h6>
|
|
<ul>
|
|
<li>Vote for the <strong>best</strong> players</li>
|
|
<li>Captain 1 = 2nd most voted</li>
|
|
<li>Captain 2 = 1st most voted</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="info">
|
|
<h6>Voice Comunication</h6>
|
|
<ul>
|
|
<li><%= link_to "Teamspeak 3", "http://www.teamspeak.com/?page=downloads" %></li>
|
|
<li><strong>Server:</strong> <a href="ts3server://ensl.org">ensl.org</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="hide">
|
|
<a id="gather-info-hide" class="button tiny">
|
|
<%= icon 'times' %>
|
|
Hide information
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<% end %>
|
|
|
|
<div id="gather-area">
|
|
<%= render_gather %>
|
|
</div>
|
|
|
|
<%= render partial: 'shoutmsgs/index', locals: { object: @gather } %>
|
|
</div>
|