☰

HKGalden Icon+

More Icons for HKGalden Forum

// ==UserScript==
// @name                        HKGalden Icon+
// @version                     2.1.7.2049
// @description         More Icons for HKGalden Forum
// @icon                https://i.na.cx/0vDGt.gif
// @require       	http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js
// @include             https://*hkgalden.com/view*
// @include             http://*hkgalden.com/view*
// @include             https://*hkgalden.com/reply*
// @include             http://*hkgalden.com/reply*
// @include             https://*hkgalden.com/post*
// @include             http://*hkgalden.com/post*
// @namespace https://greasyfork.org/users/2476
// ==/UserScript==

//HKGalden Icon+ Script is brought to you by: BB_Warrior (HKgalden ID:3794)

var win=this.unsafeWindow;
var id = new Array();
var thumbnail = new Array();
var iconSets = new Array();
var codeSets = new Array();
var oimg = ['369', 'adore', 'agree', 'angel', 'angry', 'ass', 'banghead', 'biggrin', 'bomb', 'bouncer', 'bouncy', 'bye', 'censored', 'chicken', 'clown', 'cry', 'dead', 'devil', 'donno', 'fire', 'flowerface', 'frown', 'fuck', '@', 'good', 'hehe', 'hoho', 'kill2', 'kill', 'kiss', 'love', 'no', 'offtopic', 'oh', 'photo', 'shocking', 'slick', 'smile', 'sosad', 'surprise', 'tongue', 'wink', 'wonder2', 'wonder', 'yipes', 'z'];
var ocode = ['[369]','#adore#','#yup#','O:-)',':-[','#ass#','[banghead]',':D','[bomb]','[bouncer]','[bouncy]','#bye#','[censored]','#cn#',':o)',':~(','xx(',':-]','#ng#','#fire#','[flowerface]',':-(','fuck','@_@','#good#','#hehe#','#hoho#','#kill2#','#kill#','^3^','#love#','#no#','[offtopic]',':O','[photo]','[shocking]','[slick]',':)','[sosad]','#oh#',':P',';-)','???','?_?','[yipes]','Z_Z'];
var chosen = "toggemt";
//alert(chosen);
var show = true;
var loaded = false;
var thisversionname = "2.1.7";
var thisversion = "2.1";
//var $ = function (selector) {
//        return document.querySelector(selector);
//}
var mobile = false;
if(document.URL.indexOf("m.hkgalden") != -1)
	mobile = true;

var $$ = function (selector) {
	return document.querySelectorAll(selector);
}

var doc = document.querySelector('head');

//what to do after that set of icon is clicked
function chooseActions(btn) {
	//alert(btn.id);
	// if icons are already showing
	if ( show){
      	
	//if clicked iconset is different from the showing iconsets, an animated silde and change iconset
	if ( chosen != btn.id){
	silde();
	setTimeout( function(t){
	changeiconset(btn.id);
	chosen = btn.id;
	$('#loadgif').show();
	GM_setValue("chosen", btn.id);
	},100);
	
	setTimeout( function(t){silde();$('#loadgif').hide();},1100);
	
	//if not, just silde out
	}else{
	silde();
	show = false;
	}
      
      //show icons
    }else{
      	if ( chosen != btn.id){
        	changeiconset(btn.id);
        	chosen = btn.id;
        	$('#loadgif').show();
        	GM_setValue("chosen", btn.id);
        	setTimeout( function(t){silde();show = true;$('#loadgif').hide();},1100);        	
	}else{
      	 silde();
   	 show = true;
   	
	}
   	}
}

//to slide in and out (show and hide) the icons
function silde(){
	var script = document.createElement('script');
	script.innerHTML = "$('#gae .emt').slideToggle(150);";
	document.body.appendChild(script);
	document.body.removeChild(document.body.lastChild);
}

//replace each icon with that specific set of icon
function changeiconset(bid){
	var icons = document.querySelector(".emt");
	
	//different if the chosen set is the original set
	if ( bid == "toggemt"){
	for (var j = 0; j < 46; j++) {
	icons.childNodes[j*2].setAttribute("data-code", ocode[j]);
	icons.childNodes[j*2].setAttribute("title", ocode[j]);
	icons.childNodes[j*2].setAttribute("alt", ocode[j]);
	icons.childNodes[j*2].childNodes[0].src = '/face/hkg/' +oimg[j] +'.gif';
	}
	}else{
	for (var j = 0; j < 46; j++) {
	if( !mobile){
	icons.childNodes[j*2].setAttribute("data-code", codeSets[bid.substr(7)][j]);
	icons.childNodes[j*2].setAttribute("title", codeSets[bid.substr(7)][j]);
	icons.childNodes[j*2].setAttribute("alt", codeSets[bid.substr(7)][j]);
	}else{
	  icons.childNodes[j*2].setAttribute("data-code", "[img]"+iconSets[bid.substr(7)][j]+"[/img]");
	  icons.childNodes[j*2].setAttribute("title", "[img]"+iconSets[bid.substr(7)][j]+"[/img]");
	  icons.childNodes[j*2].setAttribute("alt", "[img]"+iconSets[bid.substr(7)][j]+"[/img]");
	}
	icons.childNodes[j*2].childNodes[0].src = iconSets[bid.substr(7)][j];
	}
	}
	setTimeout(function(t){}, 3000);
}


//start altering the interface
function addIcons() {
	
	//get the original biggrin thumbnail
    var originalBtn = document.querySelector("#toggemt");
        
    // original icons chosen and shown by default
    originalBtn.parentNode.chosenBtn = "";
    originalBtn.parentNode.allHidden = false;
	
	// clone button and pad its id
	for ( var val in id){
	var cloneID = val;
	var cloneBtn = document.querySelector("#toggemt").cloneNode(true);
	originalBtn.parentNode.appendChild(cloneBtn);
	cloneBtn.id += cloneID;
	var firstBtn;
	if ( cloneBtn.id == GM_getValue("chosen"))
	firstBtn = cloneBtn;
	 
	//change thumbnail and disable onclick toggle function
	cloneBtn.childNodes[0].setAttribute('src', thumbnail[val]);
	cloneBtn.setAttribute('title', val);
	cloneBtn.setAttribute('alt', val);
	cloneBtn.setAttribute('onclick', "");
	
	//activate chooseActions function while specific thumbnail was clicked
	if ( cloneID != "separate")
	cloneBtn.addEventListener("click", (function(c) { return function(e){ chooseActions(this, iconSets[c]); } })(cloneID), false);
	else
	cloneBtn.addEventListener("click",(function(){}));
	}
	var loadgif = originalBtn.cloneNode(true);
	loadgif.id = "loadgif";
	loadgif.childNodes[0].setAttribute('src', "http://i.na.cx/p6JO9.gif");
	loadgif.setAttribute('onclick', "");
	
	//originalBtn.setAttribute('onclick', "");
	originalBtn.parentNode.appendChild(loadgif);
	
	// add click event to original icon btn
	
	
	originalBtn.setAttribute('onclick', "");
	originalBtn.addEventListener("click", function(e) {chooseActions(this, "")}, false);
	
	if ( firstBtn != null)
	chooseActions(firstBtn, iconSets[firstBtn.id.substr(7)]);
	
	$('#loadgif').hide();
	
}

function submitfasthack(form, button, reply){
	$('#temp_' + form).remove();
	var fr = $('#' + form); 
	fr.clone(true, true).attr('id','temp_' + form).insertAfter(fr).hide();
	
	var text = $('#' + form + ' #ta').val();
	for ( var id in codeSets)
	for ( var j in codeSets[id]){
	while (text.indexOf(codeSets[id][j]) != -1)
	text = text.replace(codeSets[id][j],'[img]'+iconSets[id][j]+'[/img]');
	}
	
	$('#temp_' + form + ' #ta').val(text);
	var script = document.createElement('script');
	
	//alert(document.URL);
    script.innerHTML = "$(document).on('click','#temp_" + button +"',function(e){e.preventDefault();if($('#gae #ta').val().length > 0){$('#temp_" + button +"').attr('disabled',true);$.ajax({type:'POST',url:'/ajax/fastreply',data:$('#temp_" + form + "').serialize(),success: function(data){if(data.status == 'success'){$('#reply_content').val('');window.location.reload();}else if(data.status == 'error'){alert('Error:'+data.msg);window.location.reload();}}});}else{notify('請輸入回覆內容');}});";
	script.innerHTML +="$(document).on('keydown','#gae #ta',function(f){if(f.ctrlKey && f.keyCode == 13){$('#temp_" + button + "').click();}});";
    document.body.appendChild(script);
	document.body.removeChild(document.body.lastChild);
    
    //
}

function submitreplyhack(form, button, reply){
	$('#temp_' + form).remove();
	var fr = $('#' + form); 
	fr.clone(true, true).attr('id','temp_' + form).insertAfter(fr).hide();
	
	var text = $('#' + form + ' #ta').val();
	for ( var id in codeSets)
	for ( var j in codeSets[id]){
	while (text.indexOf(codeSets[id][j]) != -1)
	text = text.replace(codeSets[id][j],'[img]'+iconSets[id][j]+'[/img]');
	}
	
	$('#temp_' + form + ' #ta').val(text);
	var script = document.createElement('script');
	
	//alert(document.URL);
    script.innerHTML = "$(document).on('click','#temp_" + button +"',function(e){e.preventDefault();if($('#gae #ta').val().length > 0){$('#temp_" + button +"').attr('disabled',true);$.ajax({xhr:function(){var xhr = new window.XMLHttpRequest();xhr.upload.addEventListener('progress',function(evt){if(evt.lengthComputable){var percentComplete = Math.round((evt.loaded/evt.total)*100);$('#prog-bar .prog').css({'width':percentComplete+'%'});$('#prog-bar .perc').html(percentComplete +'%');}},false);return xhr;},type:'POST',url:'/ajax/" + reply + "',data:$('#temp_" + form + "').serialize(),success:function(data){console.dir(data);if(data.status == 'success'){$('#prog-bar').remove();location.href = data.return;}else{$('#new_topic').attr('disabled',false);$('#prog-bar .prog').css({'width':0});$('#prog-bar .perc').empty()}},});}else{notify('請輸入回覆內容');}})";
	

    document.body.appendChild(script);
	document.body.removeChild(document.body.lastChild);
    
}

function previewhack(form, button, reply){
	$('#temp_' + form).remove();
	var fr = $('#' + form); 
	fr.clone(true, true).attr('id','temp_' + form).insertAfter(fr).hide();
	
	var text = $('#' + form + ' #ta').val();
	for ( var id in codeSets)
	for ( var j in codeSets[id]){
	while (text.indexOf(codeSets[id][j]) != -1)
	text = text.replace(codeSets[id][j],'[img]'+iconSets[id][j]+'[/img]');
	}
	
	$('#temp_' + form + ' #ta').val(text);
	var script = document.createElement('script');
  script.innerHTML = "$(document).on('click','#temp_" + button + "',function(e){e.preventDefault();$.fancybox.showActivity;if($('#gae #ta').val().length > 0){$.ajax({type:'POST',url:'/ajax/preview/" + reply + "',data:$('#temp_" + form + "' ).serialize(),success:function(data){$.fancybox({minWidth:'70%',minHeight:'70%','content':data,});$.fancybox.hideActivity;}});}else{notify('請輸入回覆內容');}});";
	document.body.appendChild(script);
	document.body.removeChild(document.body.lastChild);

}

win.icontocode = function(text){
	for ( var id in iconSets)
	for ( var j in iconSets[id]){
	//alert(iconSets[id][j]);
	while (text.indexOf('[img]'+iconSets[id][j]+'[/img]') != -1)
	text = text.replace('[img]'+iconSets[id][j]+'[/img]', codeSets[id][j]);
	}
	return text;
}

function quotehack(){
	
	$('.fast_quote').each(function(){
	var newquote = $(this).clone().attr('class', 'temp_fast_quote');
	newquote.insertAfter($(this).hide());});

	var script = document.createElement('script');
  script.innerHTML = "$(document).on('click','.temp_fast_quote',function(){mQuoteVals = {'quote_type':$(this).attr('data-type'),'quote_id':$(this).attr('data-id')}; $.ajax({type:'POST',url:'/ajax/quote/',data:mQuoteVals,dataType:'json',success:function(rdata){$('#fpy').addClass('fcs');$('#gae #ta').focus().val('').val(icontocode(rdata.quote_content)+'\\n');}});});";
	document.body.appendChild(script);
	document.body.removeChild(document.body.lastChild);
	
}

function buttonhack(){

    
	//hack all fastquote
	quotehack();
	
	//hack fast - preview
	$("#preview_fast_reply").attr('id','temp_preview_fast_reply');
	$("#temp_preview_fast_reply").attr("type", "button");
	$("#temp_preview_fast_reply").click(function(){previewhack("fast_reply", "preview_fast_reply", "reply")});
	
	//hack newpost, reply - preview
	$("#preview_topic").attr('id','temp_preview_topic');
	$("#temp_preview_topic").attr("type", "button");
	if (document.URL.indexOf("post") == -1)
	$("#temp_preview_topic").click(function(){previewhack("reply_topic", "preview_topic", "reply")});
	else
	$("#temp_preview_topic").click(function(){previewhack("post_new_topic", "preview_topic", "topic")});
	
	//hack fast - submit	
	$("#submit_fast_reply").attr('id','temp_submit_fast_reply');
	$("#temp_submit_fast_reply").attr("type", "button");
	$("#temp_submit_fast_reply").click(function(){submitfasthack("fast_reply","submit_fast_reply", "reply")});
	
	//hack reply - submit	
	$("#reply").attr('id','temp_reply');
	$("#temp_reply").attr("type", "button");
	$("#temp_reply").click(function(){submitreplyhack("reply_topic","reply", "reply")});
	
	//hack newpost - submit	
	if (document.URL.indexOf("post") != -1){
	var board = document.URL.substr(document.URL.indexOf("post")+5,2);
	$("#post_topic").attr('id','temp_post_topic');
	$("#temp_post_topic").attr("type", "button");
	$("#temp_post_topic").click(function(){submitreplyhack("post_new_topic","post_topic", "post/" + board)});
	}
    
    	
    $(document).on('keydown','#gae #ta',function(e){if(e.ctrlKey && e.keyCode == 13){$('#temp_reply').click();$('#temp_submit_fast_reply').click();$('#temp_post_topic').click();}});
	
}

//change the img tag to icon+ code right after reply page is loaded
function tahack(){
	var text = $("#gae #ta").val();
	for ( var id in iconSets)
	for ( var j in iconSets[id]){
	//alert(iconSets[id][j]);
	while (text.indexOf('[img]'+iconSets[id][j]+'[/img]') != -1)
	text = text.replace('[img]'+iconSets[id][j]+'[/img]', codeSets[id][j]);
	}
	$("#gae #ta").val(text);
}

win.icondialog = function(message){
    var ans = confirm(message);
	if (ans)
		window.location.href = "https://greasyfork.org/scripts/2124-hkgalden-icon/code/HKGalden%20Icon+.user.js";
}

function updatedialog(message){
    var ans = confirm(message);
	if (ans)
		window.location.href = "https://greasyfork.org/scripts/2124-hkgalden-icon/code/HKGalden%20Icon+.user.js";
}

win.faildialog = function(message){
    var ans = confirm(message);
	if (ans)
		window.location.href = "http://www.gmail.com";
}

function errordialog(message){
    var ans = confirm(message);
	if (ans)
		window.location.href = "http://www.gmail.com";
}

function actp(s){
		
	
	var a = document.createElement('a');
	a.innerHTML = "Icon+";
	if ( s == "fail"){
		var message = "HKGalden Icon+ Script Error!\\n\\nLogin (or logout) Gmail after pressing OK for fixing it.";
		a.setAttribute('onclick', 'faildialog("'+message+'")');
	}else{
		var message = "HKGalden Icon+ Script V" + thisversionname + "\\n\\nWritten by BB_Warrior (ID:3794) @ HKGalden\\n\\nYou could press OK to install the latest update.";
	    a.setAttribute('onclick', 'icondialog("'+message+'")');
	}
	$(a).insertBefore($(".actp a:nth-child(2)"));
	//var script = document.createElement('script');
	//script.innerHTML = "$(window).scroll(function(){if($(document).height() > $(window).height()+8 && $(this).scrollTop() > 0){$('#gb').addClass('zx');}else if($(this).scrollTop() == 0){$('#gb').removeClass('zx');}if($(this).scrollTop() > 400){$('#iconplus').fadeIn(250);}else{$('#iconplus').fadeOut(250);}});});";
	//document.body.appendChild(script);
	//document.body.removeChild(document.body.lastChild);
}

// reply/post content not yet loaded on run
function contentCheck() {
	if (document.querySelector("#gae")) {
	loaded = true;
	if (document.URL.indexOf("reply") != -1)
	tahack();
	if (!mobile)
	buttonhack();
	addIcons();
	actp("normal");
	} else {
	setTimeout(contentCheck, 300);
	}
}

//if loginned user cannot load the google api callback, prompt out the notice.
function LoadedCheck() {
        if (!loaded && document.querySelector('.actp').childNodes.length == 3) {
            errordialog("HKGalden Icon+ Script Error!\n\nLogin (or logout) Gmail after pressing OK for fixing it.");
            actp("fail");
        } 
}


win.mainfunction = function (json) {

	//to fetch the data from the google spreadsheet
	var obj = json.feed.entry[0];
	var update = true;
	for (var key in obj){
	if ( key.indexOf("script") != -1 ){
	var version = obj[key].$t;
	if ( version.indexOf(thisversion) != -1) update = false;
	if ( version.indexOf("error") != -1) update = null;
	}
	if( key.indexOf("gsx")==0 && key.indexOf("script") == -1){
	id[key.substr(4)] = key.substr(4);
	thumbnail[key.substr(4)]=obj[key].$t;
	}
	}
	if (update == true) updatedialog("Latest HKGalden Icon+ Script (V" + thisversionname + ") released! \n\nPress OK and install this script again for update.");
	if (update == null) alert("HKGalden Icon+ Script is not compatible with the latest HKGalden Forum! \n\nPlease temporarily disable this script. \n\nKeep an eye on the posts in HKGalden of Icon+ Script and wait for the next update.");
	var numOfRows = json.feed.entry.length;
	for ( var val in id){
	iconSets[val] = new Array();
	codeSets[val] = new Array();
	for ( var j = 1; j < numOfRows; j++){                           
	var entry = json.feed.entry[j];
	iconSets[val][j-1] = entry["gsx$" + val].$t;
	//alert(iconSets[val][j-1]);
	codeSets[val][j-1] = ocode[j-1].substr(0,1) + val + ocode[j-1].substr(1);
	}
	}
	 
	//check if the interface is loaded
	setTimeout(contentCheck, 300);
}

var jsonapi = document.createElement('script');
jsonapi.src = 'https://spreadsheets.google.com/feeds/list/0ApEyQph2NSyNdDA2WmNpR2tPQkdsR2JtRnYwcy1NRHc/od6/public/values?alt=json-in-script&callback=mainfunction';
var doc = document.querySelector('head');
doc.appendChild(jsonapi);

setTimeout(LoadedCheck, 10000);