main.js

Array.prototype.includes = Array.prototype.includes||function(searchElement , fromIndex) {
  'use strict';
  if (!this) {
    throw new TypeError('Array.prototype.includes called on null or undefined');
  }

  if (fromIndex===undefined){
      var i = this.length;
      while(i--){
          if (this[i]===searchElement){return true}
      }
  } else {
      var i = fromIndex, len=this.length;
      while(i++!==len){ // Addittion on hardware will perform as fast as, if not faster than subtraction
          if (this[i]===searchElement){return true}
      }
  }
  return false;
};

var delay = 5000;

var filter = "";

var delay = 5000;
var status = "";
var lobby = "-";
var nextTime = 0;
var round = 0;
var knownStatuses = ["announce", "registration", "wait", "playpart", "playall", "pause", "end"]; //

var winds = ["東", "南", "西", "北"];
var tours = ["I", "II", "III", "IV", "V", "VI", "VII", "VIII", "IX", "X"];
var maxRounds = 4;
var playerPerTable = 4;

function announce() {
    $("div:not(.ann) , p:not(.ann) , table:not(.ann)").hide();
    $(".ann").show();
}

function registration() {
    $("div:not(.reg) , p:not(.reg) , table:not(.reg)").hide();
    $(".reg").show();
	updateApplications();
}

function wait() {
    $("div:not(.wait) , p:not(.wait) , table:not(.wait)").hide();
    $(".wait").show();
    $(".time").text(formatTime(nextTime / 1000));
    $(".lobby").text(lobby);
    $(".lobby").attr("href", "http://tenhou.net/0/?" + lobby);
	  updateConfirmations();
}

function pause() {
    $("div:not(.pause) , p:not(.pause) , table:not(.pause)").hide();
    $(".pause").show();
    $(".time").text(formatTime(nextTime / 1000));
    $(".lobby").text(lobby);
    $(".lobby").attr("href", "http://tenhou.net/0/?" + lobby);
	  updateUnconfirmations();
    updateResults();
}

function playp() {
    $("div:not(.playp) , p:not(.playp) , table:not(.playp)").hide();
    $(".playp").show();
    $(".lobby").text(lobby);
    $(".lobby").attr("href", "http://tenhou.net/0/?" + lobby);
	  updateUnconfirmations();
    updateResults();
}

function playa() {
    $("div:not(.playa) , p:not(.playa) , table:not(.playa)").hide();
    $(".playa").show();
    $(".lobby").text(lobby);
    $(".lobby").attr("href", "http://tenhou.net/0/?" + lobby);
    updateResults();
}

function end() {
    $("div:not(.end) , p:not(.end) , table:not(.end)").hide();
    $(".end").show();
    updateTotals();
}

function updateApplications() {
	$.ajax({
		url: "../api/registrations"
	}).done(function(data) {
		if (data.status === "ok") {
			$('.applications_count').text(data.data.count);
			$('.applicant_names').text("");
			if (data.data.names.length > 0) {
				data.data.names.forEach(function(item, i, arr) {
					$('.applicant_names').append(item[0]);
					if (item[1] == 1) {
						$('.applicant_names').append('♪');
					}
					if (i < arr.length - 1) {
						$('.applicant_names').append(' ');
					}
				});
			}
			$('.applications').show(500);
		}
	});
}

function updateConfirmations() {
	$.ajax({
		url: "../api/confirmed"
	}).done(function(data) {
		if (data.status === "ok") {
			$('.applications_count').text(data.data.length);
			$('.applicant_names').text("");
			if (data.data.length > 0) {
				data.data.forEach(function(item, i, arr) {
					$('.applicant_names').append(item);
					if (i < arr.length - 1) {
						$('.applicant_names').append(' ');
					}
				});
			}
			$('.applications').show(500);
		}
	});
}

function updateUnconfirmations() {
	$.ajax({
		url: "../api/unconfirmed"
	}).done(function(data) {
		if (data.status === "ok") {
			$('.applications_count').text(data.data.length);
			$('.applicant_names').text("");
			if (data.data.length > 0) {
				data.data.forEach(function(item, i, arr) {
					$('.applicant_names').append(item);
					if (i < arr.length - 1) {
						$('.applicant_names').append(' ');
					}
				});
			}
			$('.applications').show(500);
		}
	});
}

function updateResults() {
  $.ajax({
    url: "../api/results"
  }).done(function(data) {
    if (data.status === "ok") {
      $('.results_table tr').remove();
      //$item->name, $item->start_points, $item->end_points
      var html = "<tr>";
      var deltaCounter = 0;
      for (var i = 0; i < maxRounds && deltaCounter < data.data.results.length; i++) {
        html+="<td><table class=\"round_table\"><tr><td>";
        html+=tours[i];
        html+="</td></tr>";
        html+="<tr><td><table border=\"1\">";
        var lastBoard = 1;
        var counter = 0;
        var currentRound = i + 1;
 outer: while (deltaCounter + counter < data.data.results.length) {
          var found = filter == "";
          if (!found) {
            for (var k = 0; k < playerPerTable; k++) {
              var values = data.data.results[deltaCounter + counter + k];
              var name = values[2];
              if (name == filter) {
                found = true;
                break;
              }
            }
          }
          if (found) {
            var round = data.data.results[deltaCounter + counter][0];
            var board = data.data.results[deltaCounter + counter][1];
            if (round != currentRound) {
              break outer;
            }
            lastBoard = board;
            for (var k = 0; k < playerPerTable; k++) {
              var values = data.data.results[deltaCounter + counter + k];
              var name = values[2];
              var start = values[3];
              var score = values[4];
              var url = data.data.replays[round] != null ? data.data.replays[round][board] : null;
              html+="<tr>";
              if (k == 0) {
                html+="<td rowspan=\"4\">" + board + "</td>";
              }
              html+="<td>"+winds[k]+"</td><td>";
              if (url != null && name != null) html += "<a target=\"_blank\" href=\"http://tenhou.net/0/?log=" + url + "&tw=" + k + "\">";
              html += name == null ? "—" : name;
              if (url != null && name != null) html += "</a>";

              html+="</td><td>";
              if (start == null) {
                html+="—";
              } else if (score == null) {
                html+="<font color=\"#909090\">" + start + "</font>";
              } else {
                html+=score;
              }
              html+="</td>";

              //html+="</td><td>" + (start == null ? "—" : start) + "</td>";
              //html+="</td><td>" + (score == null ? "—" : score) + "</td>";
              html+="</tr>";
            }
          }
          counter += playerPerTable;
        }
        deltaCounter += counter;
        html+="</table></td></tr>";
        html+="</table></td>";
      }
      html+="</tr>";
      //console.error(html);
      $(".results_table > tbody").append(html);
    }
  });
}

function updateTotals() {
  $.ajax({
    url: "../api/totals"
  }).done(function(data) {
    if (data.status === "ok") {
      $('.results_table').addClass("totals_table").attr("border", 1);
      $('.results_table tr').remove();
      //$item->name, $item->score, $item->place
      var html = "";
      for (var i = 0; i < data.data.length; i++) {
        var values = data.data[i];
        html += "<tr>";
        var name = values[0];
        var score = values[1];
        var place = parseFloat(values[2]);

        html+="<td>";
        html+=(i+1);
        html+="</td><td>";
        html+=name;
        html+="</td><td>";
        html+=score;
        html+="</td><td>";
        html+=place;
        html+="</td></tr>";
      }
      html+="</tr>";
      //console.error(html);
      $(".results_table > tbody").append(html);
    }
  });
}

function updateStatus() {
	$.ajax({
		url: "../api/status"
	}).done(function(data) {
		if (data.status === "ok") {
			if (status !== data.data.status) {
				status = data.data.status;
				nextTime = data.data.time;
				round = data.data.round;
				lobby = data.data.lobby;
				delay = data.data.delay;
				if (!knownStatuses.includes(status)) {
					window.location.reload(true);
				} else {
					switch (status) {
						case "announce": announce(); break;
						case "registration": registration(); break;
            case "wait": wait(); break;
            case "playpart": playp(); break;
            case "playall": playa(); break;
            case "pause": pause(); break;
            case "end": end(); break;
					}
				}
			} else {
				switch (status) {
					case "announce": break;
					case "registration": updateApplications(); break;
          case "wait": updateConfirmations(); break;
          case "pause":
          case "playpart": updateUnconfirmations();
          case "playall": updateResults(); break;
          case "end": updateTotals(); break;
				}
			}
			updateViewport();
		}
	}).always(function() {
		setTimeout(updateStatus, delay);
	});
}

function updateViewport() {
	//$("#viewport").attr('content', 'initial-scale=1.0, maximum-scale=2.0, width=device-width, user-scalable=yes');
	$(window).trigger('resize');
}

function apply() {
	$.ajax({
		type: "POST",
		data: JSON.stringify({
			name: $('#tenhou_nick').val(),
			contacts: $('#contacts').val(),
			notify: $('#notify').is(':checked') ? 1 : 0,
			anonymous: $('#anonymous').is(':checked') ? 1 : 0,
			news: $('#news').is(':checked') ? 1 : 0,
			discordName: $('#discord_check').is(':checked') ? $('#discordName').val() : null,
			discriminator: $('#discord_check').is(':checked') ? $('#discriminator').val() : null,
			offline: $('#offline_check').is(':checked') ? $('#offline').val() : null}),
		url: "../api/apply"
	}).done(function(data) {
		$(".reg_message_network_error").hide(500);
		$(".register_form").hide(500);
		if (data.status === "ok") {
			$(".reg_message_ok").show(500);
		} else {
			$(".reg_message_error").show(500);
		}
		updateApplications();
	}).fail(function() {
	    $(".reg_message_error").hide(500);
		$(".reg_message_network_error").show(500);
    });
}

function replay() {
	$.ajax({
		type: "POST",
		data: JSON.stringify({ url: $('#replay_url').val(), cheat: $('#cheat').is(':checked') ? 1 : 0}),
		url: "../api/replay"
	}).done(function(data) {
		if (data.status === "ok") {
		  $(".replay_message_ok").show(500);
		  $(".replay_form").hide(500);
		  $("#open_replay").show(500);
		}
	});
}

function report() {
	$.ajax({
		type: "POST",
		data: JSON.stringify({ name: $('#who_am_i').val(), message: $('#message').val() }),
		url: "../api/report"
	}).done(function(data) {
		if (data.status === "ok") {
		  $(".report_message_ok").show(500);
		  $(".report_form").hide(500);
		  $("#open_report").show(500);
		}
	});
}

function updateFilter() {
  filter = $('#filter').val();
  updateResults();
}

function formatTime(time) {
    var sec_num = time % (3600*24); // don't forget the second param
    var hours   = Math.floor(sec_num / 3600);
    var minutes = Math.floor((sec_num - (hours * 3600)) / 60);

    hours = (hours + 3) % 24;
    if (hours   < 10) {hours   = "0"+hours;}
    if (minutes < 10) {minutes = "0"+minutes;}
    return hours+':'+minutes;
}

var blink_count = 3;

function blink() {
	if (blink_count-- == 0) {
		return;
	}
	$("#discord_check").parent().animate({
		    fontSize: "13pt"
	}, 500, 'linear', blink_back);
}

function blink_back() {
	$("#discord_check").parent().animate({
		    fontSize: "12pt"
	}, 500, 'linear', blink);
}

$(document).ready(function() {
	$("div:not(.com) , p:not(.com) , table:not(.com)").hide(0);
	$(".discord_ , .offline_").hide(0);

	$("#open_form").click(function(){
		$("#open_form").hide(500);
		$(".register_form").show(500);
		$("#submit_form").show(500);
		setTimeout(blink, 500);
	});

	$("#open_report").click(function(){
	    $(".report_message_ok").hide(500);
		$("#open_report").hide(500);
		$(".report_form").show(500);
		$("#submit_report").show(500);
	});

  $("#open_replay").click(function(){
	    $(".replay_message_ok").hide(500);
		$("#open_replay").hide(500);
		$(".replay_form").show(500);
		$("#submit_replay").show(500);
	});
	
	$("#discord_check").click(function(){
	    if ($('#discord_check').is(':checked')) {
			$(".discord_ ").show(500);
		} else {
			$(".discord_ ").hide(500);
		}
	});
	
	$("#offline_check").click(function(){
	    if ($('#offline_check').is(':checked')) {
			$(".offline_ ").show(500);
		} else {
			$(".offline_ ").hide(500);
		}
	});

	$("#submit_form").click(apply);
	$("#submit_report").click(report);
	$("#submit_replay").click(replay);

  $('#filter').on('input', function() {
    var input = $('#filter').val();
    if (input == "" && filter != "") {
      filter = "";
      updateResults();
    }
  });
  $('#filter').keyup(function(e){
    if(e.keyCode == 13) updateFilter();
  });
  $("#perform_filter").click(updateFilter);

	updateStatus();
});