Common.js

//----- [ Home Clock ] -----//
function clock_init(clock_resync, clock_update) {
    var __public = {};
    var resyncOnNextTick = true;
    var realTime, localTime;
    var eventObject;
    
    // - clock_sync() - Sync the clock with the server and get timezone info
    function clock_sync() {
        jQuery.get("//gt.tommyhub.com/api/v1/event", function(a) {
        	resyncOnNextTick = false;
        	eventObject = a;
            localTime = +new Date();
            realTime = +new Date(a.time.timestamp*1000);
            clock_resync(a.event);
            clock_tick();
        });
    }
    // - clock_tick() - Updating the clock
    function clock_tick() {
        var _currentTime = +new Date();
        var _diffTime = _currentTime-localTime;
        localTime = _currentTime;
        
        if(Math.abs(_diffTime)>2000) clock_sync();
        else {
            realTime += _diffTime;
            
            clock_update(realTime);
            
            if(resyncOnNextTick || realTime>=eventObject.time.next_transition*1000) clock_sync()
			else setTimeout(clock_tick, 1000-realTime%1000);
        }
    }
    // - clock_pad() - Pad Zero in front of the number
    function clock_pad(str) {
		return ("0"+str).substr(-2);
	}
    clock_sync();

	// + this.resync() - Request Resync on next tick
	__public.resync = function() {
		resyncOnNextTick = true;
	}
    // + this.format() - Print the date in specified format
    __public.format = function(format) {
        var clock = new Date(realTime+eventObject.time.offset*1000);
        
        var month_short_arr = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
        
		var get = "getUTC";
		// Year
		format = format.replace(/(?<!%)%Y/g,clock[get+"FullYear"]());				// Y - 4 digits | 2020
		// Month
		format = format.replace(/(?<!%)%m/g,clock_pad(clock[get+"Month"]()+1));		// m - padding 0 | 01
		format = format.replace(/(?<!%)%n/g,clock[get+"Month"]()+1);				// n - no padding | 1
		format = format.replace(/(?<!%)%M/g,month_short_arr[clock[get+"Month"]()]); // M - Short textual | Jan
		// Day
		format = format.replace(/(?<!%)%d/g,clock_pad(clock[get+"Date"]()));		// d - padding 0 | 01
		format = format.replace(/(?<!%)%j/g,clock[get+"Date"]());					// j - no padding | 1
		// Hour
		format = format.replace(/(?<!%)%H/g,clock_pad(clock[get+"Hours"]()));		// H - 24-h | padding 0 | 01 13
		format = format.replace(/(?<!%)%G/g,clock[get+"Hours"]());					// G - 24-h | no padding | 1 13
		// Minutes
		format = format.replace(/(?<!%)%i/g,clock_pad(clock[get+"Minutes"]()));		// i - padding 0 | 01
		// Seconds
		format = format.replace(/(?<!%)%s/g,clock_pad(clock[get+"Seconds"]()));		// s - padding 0 | 01
		
		return format.replace("%%","%");
	}
	return __public;
}

//----- [ jQuery onLoad ] -----//
$(function() {
    var _pagename = mw.config.get('wgPageName');
    
    if(_pagename == "Growtopia_Wiki") {
        var _clock = clock_init(function(event) {
        	$ce = $("#gtw-clock #c-event").empty();
        	
        	for(var i in event) {
        		$("<div>",{html:event[i].name+" : Start in <i data-to='"+event[i].startTime+"'></i>"}).appendTo($ce);
        	}
        }, function(time) {
            $("#gtw-clock #c-time").html(_clock.format("%H:%i:%s"));
            $("#gtw-clock #c-date").html(_clock.format("%j %M %Y"));
            
            $("#gtw-clock #c-event [data-to]").each(function() {
            	var td = parseInt($(this).attr("data-to"))-Math.round(time/1000);
            	var ts = "";
            	if(td>86400) ts+=(td/86400)|0+"d";
            	if(td>3600) ts+=(td%86400/3600)|0+"h";
            	if(td>60) ts+=(td%3600/60)|0+"m";
            	ts+=(td%60)+"s";
            	
            	$(this).html(td);
            	if(td>=0) _clock.resync();
            });
        });
    }

	// ----- [ Tab View Remaster.JS - COPYRIGHTED BY NEKOPILLOW ] -----//
	$(".gtw-tabview").on("click","a", function() {
		var $parent = $(this).parents(".gtw-tabview");
		var $href = $(this).attr("href");
		if(!/^\/wiki\//.test($href)) return true; // Only allow wiki interlink for security reason
		$parent.find("a").removeClass("active");
		$(this).addClass("active");
		$parent.next(".gtw-tabpage").remove();
		$.get($href, function(a) {
			$parent.next(".gtw-tabpage").remove();
			$("<div>",{class:"gtw-tabpage"}).insertAfter($parent).html($(a).find("#mw-content-text .mw-parser-output").html());
		});
	    return false;
	}).each(function(){
		var $default = $(this).attr("data-default");
		if($default != undefined) {
			$(this).find("a[href$="+$default+"]").click();
		}
	});
});