/*Aims to be compatibility with {{CurrentStatus}}

 and also {{UserStatus}} and {{Statustop}} 

*/

//asia();

//Thisasia();

//❗Full Global JaVaScRiPt starts here. 

function asia(){

let online=document.getElementById ('online'); let thisasia=document.getElementById('thisclick');

let pagecontent;

let editSummary=`  Please note: this is not a manual edit. This was an automated edit, done using my [[User:Thisasia/common.js|Thisasia/common.js]], this will occur whenever i update my online-status through an auto click on my user dashboard, Thanks.`;



let thisasiaOnline='(Thisasia-ActivE-StatuS):';

let thisasiaOffline='(Thisasia-OfflinE-StatuS):';

let thisasiaBusy='(Thisasia-BusY-StatuS):';

let thisasiaAsleep='(Thisasia-AsleeP-StatuS):';



let onl=` <!--Online status. ❗Full Html/Css code, please don't vandalise thanks 🙏 |  Full  automated code at my [[User:|Thisasia/common.js]] --> 

<div style='display:none; color:green;font-size:20px;font-weight:bolder; Padding-top:15px; padding-bottom:10px;'>StatuS: <strong style='color:green;'text-decoration:underline;

text-decoration-style: wavy;text-decoration-thickness: 0.1px;>[[File:Green sunny circle 04.png|25px]]0nline</strong></div>`;



let offl=` <!--Offline status. ❗Full Html/Css code, please don't vandalise thanks 🙏 |  Full  automated code at my [[User:Thisasia/common.js]] --> 

<div style='display:none; color:red;font-size:20px;font-weight:bolder; Padding-top:15px; padding-bottom:10px;'>StatuS: <strong style='color:red;text-decoration:underline;

text-decoration-style: wavy;text-decoration-thickness: 0.1px;'>[[File:red sunny circle.png|25px]]0ffline</strong></div>`;



let sleep=` <!--Asleep status. ❗Full Html/Css code, please don't vandalise thanks 🙏 |  Full automated code at my [[User:Thisasia/common.js]] --> 

<div style='display:none; color:blue;font-size:20px;font-weight:bolder; Padding-top:15px; padding-bottom:10px;'>StatuS: <strong style='color:blue;text-decoration:underline;

text-decoration-style: wavy;text-decoration-thickness: 0.1px;'>[[File:blue sunny circle.png|25px]]Asleep</strong></div>`;



let busy=` <!--Busy status. ❗Full Html/Css code, please don't vandalise thanks 🙏 |  Full automated code at my [[User:Thisasia/common.js]] --> 

<div style='display:none; color:blue;font-size:20px;font-weight:bolder; Padding-top:15px; padding-bottom:10px;'>StatuS: <strong style='color:blue;text-decoration:underline;

text-decoration-style: wavy;text-decoration-thickness: 0.1px;'>[[File:blue sunny circle.png|25px]]Busy</strong></div>`;



/*let ara1=[onl, offl, busy, sleep];

aras= [ thisasiaOnline,thisasiaOffline,ThisasiaAsleep, ThisasiaBusy];*/

        

$.when(

    $.ready,

    mw.loader.using(  "mediawiki.api"  )

).then( function myfun() {

    // create variable to store configuration

    if (typeof(statusChangerConfig) == 'undefined') {

        statusChangerConfig = {};



    }



    // check for configuration options, and set them to default values if

    // they're undefined



    if (typeof(statusChangerConfig.statusList) == 'undefined') {

       statusChangerConfig.statusList =  `<!--AutoStatusChanger4--> ${pagecontent}`,

        `<!--AutoStatusChanger1--> ${pagecontent}`, `<!--AutoStatusChanger2--> ${pagecontent}`,  `<!--AutoStatusChanger3--> ${pagecontent}`];

    }



    if (typeof(statusChangerConfig.statusPage) == 'undefined') {

        statusChangerConfig.statusPage = 'User:' + mw.config.get('wgUserName')+'/Status';

      

    }

    function makeListener(newStatus) {

        return function ( evt ) {

    evt.preventDefault();

            var api = new mw.Api({

                ajax: { headers: { 'Api-User-Agent': '[[w:User:Thisasia/common.js]]' } }

            });

            api.postWithEditToken({

              action: ('edit'),

                title: statusChangerConfig.statusPage,

                text: newStatus,

                summary: 

   

(newStatus==onl)? +'':thisasiaOnline+editSummary, 

 //summary :(newStatus===offl)? +'':thisasiaOffline+editSummary, 

/* (newStatus===sleep)? +'':thisasiaAsleep+editSummary||

 (newStatus===busy)? +'':thisasiaBusy+editSummary */



            }).then(function (){

                api.post( { action: "purge", titles: 'User:' + mw.config.get('wgUserName')});

                mw.notify('Done setting status!');

 //summary= (newStatus===onl)? +'':thisasiaOnline +editSummary ;        

      });

            return;

    };

    }

    

    for (var i=0; i<statusChangerConfig.statusList.length; i++) {

        var stat = statusChangerConfig.statusListi];

        var message = (stat === "sleeping") ?  link = "asleep" : link = stat;

        mw.util.addPortletLink(

            "p-personal", //target tab - personal links

            "#",

            stat, //link text

            "pt-status-" + stat, //id of new button

            "I'm " + message + "!", //hover text

            "", // access key - no need to define one

            document.getElementById("pt-logout")) //add before logout button

        .addEventListener('click',makeListener(stat));

    }

});



 //❗JaVaScRiPt for my ashboard starts here.  

 

 // localStorage.setItem=('newStatus', JSON.stringify(newStatus));

  /*    let store=window.localStorage;

              store.setItem('newStatus', newStatus);

thisasia.addEventListener('click', ()=>{

window.localStorage.setItem('onlinestat', newStatus);

window.localStorage.setItem('onlinestat2', navigator.onLine='offline');

let gett=localStorage.getItem('onlinestat');

let gett2=localStorage.getItem('onlinestat2');

if (navigator.onLine && newStatus===`${onl} ${pagecontent}`){

		online.innerText='online';

	} 

	window.addEventListener('online', ()=>{

		online.innerText='online';

	});

if(navigator.onLine && newStatus===`${offl} ${pagecontent}`){

	online.innerText='offline';

}

	window.addEventListener('offline', ()=>{

		online.innerText='offline';

	

	});

	

});

*/

        

//localStorage.setItem=('newStatus', JSON.stringify(newStatus));

/*thisasia.onclick=()=>{

// localStorage.setItem=('newStatus', JSON.stringify(newStatus));

if(newStatus===`online`){

	online.innerText=window.localStorage.getItem('newStatus');

//	online.innerText=window.localStorage.getItem(new Date('newStatus'));

//online.innerText=JSON.parse(localStorage.getItem('newStatus'))+'online';

//online.innerText='online';

	}else if(newStatus==`offline`){

		online.innerText='offline';

	}else if(newStatus===`sleeping`){

		online.innerText='🛏️sleeping';

	}else if(newStatus===`👷busy`){

		online.innerText='👷busy';

	}

        };

        */

/*function onl(){

window.addEventListener('online', function(){

	online.textContent ='online';

});

window.addEventListener('offline', ()=>{

	online.textContent ='offline';

});

if(navigator.onLine){

	online.textContent='online';

}

}*/

/*function ono(status){

	online.innerText=status;

}*/

/*function fu1(){

	online.innerText=' online';

}

function fu2(){

	online.innerText='offline';

}

if (window.navigator.onLine===true){

	fu1();

}else if(window.navigator.onLine===false) {

	fu2();

}*/

/*	if (navigator.onLine){

		online.innerText='online';

	} 

	window.addEventListener('online', ()=>{

		online.innerText='online';

	});

	

	window.addEventListener('offline', ()=>{

		online.innerText='offline';

	

	});*/

/*$wgAllowUserCss = true;

$wgUseSiteJs=true;

mw.loader.load( '/?title=Thisasia:Thisasia/common.css&action=raw&ctype=text/css', 'text/css' );*/

/*

let openi =document.getElementById('open');

  let closi =document.getElementById('close');

 let messa =document.getElementById('messa');

 

 close.addEventListener('click', ()=>{

   messa.style.display='none';

  });

 open.addEventListener('click', ()=>{

   messa.style.display='block';

  });*/

  //❗JaVaScRiPt for my personal dashboard ends here.

  

 //❗ Html Elements begins here 👇  

pagecontent=`

{{#if: {{{display2|{{{display2|'' }}}}}}|{{{1|

{{User:Thisasia/Status2|}}

}}}  

{{#if: {{{display|{{{display|}}}}}} 

|{{{3|{{{3|}}}}}} {{{4|{{{4|

<!--  ❗Container div❗-->  

{{User:Thisasia/Status2|2=''|star=yes}}

<div  style=' padding:10px>

<div id='thisclick'  style='

font-family:Helvetica, Arial, sans-serif;

font-size:px;

box-shadow:  0 0 10px 10px  #ffffff,  0 0 18px 18px rgba(0,0,0,0.16);

box-sizing:border-box;

Justify-content:center;

justify-items:center;

align-items:center;

align-content:center;

Text-align:center;

display:grid;

grid-template-rows:auto;

flex-direction: row;

border:solid greenyellw;

border-radius:50px;

border-width:2.7px;

padding:2px;

Padding-bottom:15px;

height:auto;

width:fit-contents;

row-gap: 17px;

Background: transpaent;

'>

<!-- ❗Introduction message section-->

<div style='text-wrap:wrap;

display:block;

Text-align:center;

flex:50%;

font-size:27px;

font-weight:bolder;

Color:;

'>

[[User talk:Thisasia|<span style='color:blue; Font-style:italic; text-shadow:red; font-size:25px; letter-spacing: 1px;'>My</span>]] [[Wikipedia:Userboxes|User boxes.]] <br/>

<span onclick="onl()" style='color:; Font-style:italic; text-shadow:; font-size:16px; text-decoration:underline; text-decoration-color:green;'>Welcome to article page creator.</br> 

I'm only a volunteered contributor. </span>

</div>

<!-- ❗My User Boxes section-->

<div class="container" style="

font-family:Helvetica, Arial, sans-serif;

font-weight:;

font-size:auto;

padding:5px;

justify-content:center;

align-items:center;

display:grid;

grid-template-columns:repeat(2, 1fr);

grid-template-rows:repeat(4, 1fr);

flex-direction:column;

border:solid 2px greenyello;

height:250px;

width:100%;

column-gap:5px;

row-gap: 5px;

box-sizing: border-box;

Background:transpaent;

box-shadow:  0 0 8px 8px  #ffffff, 0 0 16px 16px rgba(0,0,0,0.16);

">

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 ">

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Flag of Thailand.svg|58px]] </div>

I participate in [[Wikipedia:WikiProject Thailand|WikiProject]] Thai. 

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Asia (orthographic projection).svg|51px]] </div>

I participate in [[Wikipedia:WikiProject Asia|WikiProject]] Asia

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Flag of the People's Republic of China.svg|50px]] </div>

I participate in [[Wikipedia:WikiProject China|Wiki-P China]]

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:세계 명화가 LG 스마트 TV 속으로.jpg|48px]] </div>

I participate in [[Wikipedia:WikiProject Television|WikiProject]] TV

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Flag of South Korea.svg|50px]] </div>

I participate in [[Wikipedia:WikiProject Korea|Wiki-P Korea]]

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Crystal personal.svg|40px]] </div>

&nbsp;  I participate in <br>[[Wikipedia:WikiProject Biography|WP Biography]] 

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:center;

display:flex;

flex:50%;

align-items:center;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Flag of the Philippines.svg|44px]] </div>

I'm from the [[Philippines]]

</div>

<div style="

background:transpaent;

border:solid 2px greenyello;

box-shadow:  0 0 1px 1px  #ffffff, 0 0 2px 2px rgba(0,0,0,0.16);

width:100%;

height:50px;

text-align:cener;

display:flex;

flex:50%;

grid-template-columns: auto auto;

align-items:center;

box-sizing: border-box;

 "> 

<div

style='background:black;height:100%;display:flex;justify-content:center;align-items:center;border-radius:2px;max-width:30px;'>

[[File:Nuvola apps konsole.png|55px]] </div>

I do write few [[Computer program|Comp. program]]

</div></div> 

<!-- ❗Conflict of interest (COI) section-->

<div></div>

<!-- ❗Unified Korea box section-->

<div style='background:transpaent;

Align-items:center;

Justify-content:center;

Text-align:center;

display:grid;

Text-wrap:wrap;

font-size:25px;

font-weight:bolder;

border-radius:50px;

border-width:3px;

box-sizing:border-box;

border:transparent;

box-shadow:  0 0 8px 8px  #ffffff, 0 0 16px 16px rgba(0,0,0,0.16);

width:100%;

Height:100%;

'>

<span style='

font-size:25px;

display:flex;

font-style:italic;

letter-spacing: 3.7px;

'>

I'm interested in </br>unified Korea&#128158;</span>

<div style='width:100%;

display:grid;

Align-items:center;

Justify-content:center;

Justify-items:center;

Align-content:center;

'>

[[File:Flag of South Korea.svg|75px]]

[[File:Korea Map.svg|55px]]

[[File:North Korea flag pin.svg|70px]]

</div>

</div>

<div style='display:none'>

{{User:Thisasia/Status2|2=''}}

</div>



==Wiki Projects==

<!-- ❗HTML table 1-->

<table style='background:transparent;

display:grid;

Justify-content:center;

Align-items:center;

box-shadow:  0 0 8px 8px  #ffffff, 0 0 16px 16px rgba(0,0,0,0.16);

font-weight:bolder;

font-size:22px;

Height:100%;

Width:100%;

border-radius:50px;

text-align:center;

'>

<tr style='

Height:100%;

Width:100%;'> 

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

'>[[:en:Draft:Li Ziting (Mimi Lee)|Li Ziting]] </td>

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

'>[[:en:Draft:Taesan|Taesan]]</td>

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

'>[[:en:Draft:Leehan|Leehan]]</td>

</tr>

<tr style='

Height:100%;

Width:100%;' >

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

'>[[:en:Wonwoo|Wonwoo]]</td>

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

'>[[:en:Draft:Wang Yinglu|YingLu]]</td>

<td style='

box-shadow:  0 0 3.2px 3.2px  #ffffff, 0 0 4px 4px rgba(0,0,0,0.12);

Text-align:center;

'><small>empty</small></td>

</tr>

</table>

<!-- ❗HTML table END -->

</div></div>





==Templates I create==

*[[Template:Sdoc]]  

*[[Template:CurrentStatus]] 

*[[Template:CurrentStatus/style.css]]   



<!-- ❗HTML table END 2--><br> 

}}}}}} 

}} 

}}  `;	

} 

 //Html element ends here.

/* 

var popScript     = 'en.wikipedia.org/?action=raw&ctype=text/javascript&title=MediaWiki:Gadget-popups.js';

var popStyleSheet = 'en.wikipedia.org/?action=raw&ctype=text/css&title=MediaWiki:Gadget-navpop.css';

if ( window.localCSS ) { popStyleSheet = 'http://localhost:8080/js/navpop.css'; }



function popups_importScriptURI(url) {

	var s = document.createElement('script');

	s.setAttribute('src',url);

	s.setAttribute('type','text/javascript');

	document.getElementsByTagName('head')[0].appendChild(s);

	return s;

}



function popups_importStylesheetURI(url) {

	return document.createStyleSheet ? document.createStyleSheet(url) : popups_appendCSS('@import "' + url + '";');

}



function popups_appendCSS(text) {

	var s = document.createElement('style');

	s.type = 'text/css';

	s.rel = 'stylesheet';

	if (s.styleSheet){

		s.styleSheet.cssText = text;

	}else{

	s.appendChild(document.createTextNode(text + '')) } //Safari sometimes borks on null

	document.getElementsByTagName('head')[0].appendChild(s);

	return s;

} 



popups_importStylesheetURI(popStyleSheet);

popups_importScriptURI(popScript);



if ( typeof mw !== 'undefined' ) {

mw.loader.using( [ 'mediawiki.storage' ], function() {

	var k = 'User:Lupin/popups.js',

		t = 'Information: You are importing User:Lupin/popups.js' +

			' into your User:USERNAME/common.js or User:USERNAME/<skin>.js!\n' +

			'This script is unmaintained. Please remove this inclusion and enable the Navigation popups Gadget in the preferences of your account instead.',

		x = mw.storage.get( k );



	if ( !x ) {

		mw.storage.set( k, 1 );

		alert( t );

	} else {

		x++;

		mw.storage.set( k, x );

		if ( x % 25 === 0 ) {

			mw.notify( t );

		}

	}

});

}*/