|
|
| Line 27: |
Line 27: |
| return i; | | return i; |
| } | | } |
|
| |
| mw.loader.load( 'https://prowiki.info/index.php?title=MediaWiki:Poketime.js&action=raw&ctype=text/javascript' );
| |
|
| |
| var autoCollapse = 2;
| |
| var collapseCaption = 'hide';
| |
| var expandCaption = 'show';
| |
| var tableIndex = 0;
| |
|
| |
| function collapseTable( tableIndex ) {
| |
| var Button = document.getElementById( 'collapseButton' + tableIndex );
| |
| var Table = document.getElementById( 'collapsibleTable' + tableIndex );
| |
|
| |
| if ( !Table || !Button ) {
| |
| return false;
| |
| }
| |
|
| |
| var Rows = Table.rows;
| |
| var i;
| |
| var $row0 = $(Rows[0]);
| |
|
| |
| if ( Button.firstChild.data === collapseCaption ) {
| |
| for ( i = 1; i < Rows.length; i++ ) {
| |
| Rows[i].style.display = 'none';
| |
| }
| |
| Button.firstChild.data = expandCaption;
| |
| } else {
| |
| for ( i = 1; i < Rows.length; i++ ) {
| |
| Rows[i].style.display = $row0.css( 'display' );
| |
| }
| |
| Button.firstChild.data = collapseCaption;
| |
| }
| |
| }
| |
|
| |
| function createClickHandler( tableIndex ) {
| |
| return function ( e ) {
| |
| e.preventDefault();
| |
| collapseTable( tableIndex );
| |
| };
| |
| }
| |
|
| |
| function createCollapseButtons( $content ) {
| |
| var NavigationBoxes = {};
| |
| var $Tables = $content.find( 'table' );
| |
| var i;
| |
|
| |
| $Tables.each( function( i, table ) {
| |
| if ( $(table).hasClass( 'collapsible' ) ) {
| |
|
| |
| /* only add button and increment count if there is a header row to work with */
| |
| var HeaderRow = table.getElementsByTagName( 'tr' )[0];
| |
| if ( !HeaderRow ) {
| |
| return;
| |
| }
| |
| var Header = table.getElementsByTagName( 'th' )[0];
| |
| if ( !Header ) {
| |
| return;
| |
| }
| |
|
| |
| NavigationBoxes[ tableIndex ] = table;
| |
| table.setAttribute( 'id', 'collapsibleTable' + tableIndex );
| |
|
| |
| var Button = document.createElement( 'span' );
| |
| var ButtonLink = document.createElement( 'a' );
| |
| var ButtonText = document.createTextNode( collapseCaption );
| |
| // Styles are declared in [[MediaWiki:Common.css]]
| |
| Button.className = 'collapseButton';
| |
| Button.style.styleFloat = 'right';
| |
| Button.style.cssFloat = 'right';
| |
| Button.style.fontWeight = 'normal';
| |
| Button.style.textAlign = 'right';
| |
|
| |
| Button.style.width = '6em';
| |
| ButtonLink.style.color = Header.style.color;
| |
| ButtonLink.setAttribute( 'id', 'collapseButton' + tableIndex );
| |
| ButtonLink.setAttribute( 'href', '#' );
| |
| $( ButtonLink ).on( 'click', createClickHandler( tableIndex ) );
| |
| ButtonLink.appendChild( ButtonText );
| |
|
| |
| Button.appendChild( document.createTextNode( '[' ) );
| |
| Button.appendChild( ButtonLink );
| |
| Button.appendChild( document.createTextNode( ']' ) );
| |
|
| |
| Header.insertBefore( Button, Header.firstChild );
| |
| tableIndex++;
| |
| }
| |
| } );
| |
|
| |
| for ( i = 0; i < tableIndex; i++ ) {
| |
| if ( $( NavigationBoxes[i] ).hasClass( 'collapsed' ) ||
| |
| ( tableIndex >= autoCollapse && $( NavigationBoxes[i] ).hasClass( 'autocollapse' ) )
| |
| ) {
| |
| collapseTable( i );
| |
| }
| |
| }
| |
| }
| |
|
| |
| mw.hook( 'wikipage.content' ).add( createCollapseButtons );
| |
|
| |
| openForm(event, 'Default')
| |
|
| |
| function openForm(evt, form) {
| |
| var i, tabcontent, tablinks;
| |
| tabcontent = document.getElementsByClassName("tabcontent");
| |
| for (i = 0; i < tabcontent.length; i++) {
| |
| tabcontent[i].style.display = "none";
| |
| }
| |
| tablinks = document.getElementsByClassName("tablinks");
| |
|
| |
| for (i = 0; i < tablinks.length; i++) {
| |
| tablinks[i].className = tablinks[i].className.replace(" active", "");
| |
| }
| |
| variants = document.getElementsByName(form);
| |
| for (i = 0; i < variants.length; i++) {
| |
| document.getElementsByName(form)[i].style.display = "block";
| |
| document.getElementsByClassName(form)[i].className += " active";
| |
| }
| |
| }
| |
|
| |
| function onClick() { /* Handle click */ }
| |
|
| |
| // Attach onClick to click event
| |
| obj.on( 'click', onClick );
| |
| // Detach onClick to click event
| |
| obj.off( 'click', onClick );
| |
|
| |
| function padWithZeroes( num ) {
| |
| // Pad a number with zeroes. The number must be an integer where
| |
| // 0 <= num < 100.
| |
| return num < 10 ? '0' + num.toString() : num.toString();
| |
| }
| |
|
| |
| function showTime() {
| |
| var offset = 172909;
| |
| const now = new Date();
| |
| let hh = now.getUTCHours() * 3600;
| |
| let mm = now.getUTCMinutes() * 60;
| |
| let ss = now.getUTCSeconds();
| |
| var totalseconds = hh + mm + ss;
| |
| var pokeseconds = totalseconds * 4;
| |
| now.setSeconds(pokeseconds + offset);
| |
| var ph = now.getUTCHours();
| |
| var pm = now.getUTCMinutes();
| |
| var time = padWithZeroes( ph ) + ':' + padWithZeroes( pm );
| |
| document.getElementById('poketime').innerHTML = time;
| |
| var ms = now.getMilliseconds();
| |
| setTimeout(showTime,1000);
| |
| var scheme = document.getElementById('coloration');
| |
| var headerbackground = document.getElementById('background');
| |
| var iconbackground = document.getElementById('icon');
| |
| if ( ph >= 4 && ph < 10) {
| |
| scheme.style.color = "#b3b377";
| |
| scheme.style.backgroundColor = "#FFFFAA";
| |
| scheme.style.border = "3px solid #b3b377";
| |
| headerbackground.style.backgroundColor = "#FFFFC8";
| |
| headerbackground.style.border = "1px solid #b3b377";
| |
| headerbackground.style.color = "#b3b377";
| |
| document.getElementById('icon').innerHTML = "Morning";
| |
| iconbackground.style.backgroundColor = "#b3b377";
| |
| iconbackground.style.color = "#FFFFC8";
| |
| } else if ( ph >= 10 && ph < 20 ) {
| |
| scheme.style.color = "#4192b3";
| |
| scheme.style.backgroundColor = "#5ED0FF";
| |
| scheme.style.border = "3px solid #4192b3";
| |
| headerbackground.style.backgroundColor = "#96E0FF";
| |
| headerbackground.style.border = "1px solid #4192b3";
| |
| headerbackground.style.color = "#4192b3";
| |
| document.getElementById('icon').innerHTML = "Day";
| |
| iconbackground.style.backgroundColor = "#4192b3";
| |
| iconbackground.style.color = "#96E0FF";
| |
|
| |
| } else {
| |
| scheme.style.color = "#002347";
| |
| scheme.style.backgroundColor = "#003366";
| |
| scheme.style.border = "3px solid #002347";
| |
| headerbackground.style.backgroundColor = "#597A9B";
| |
| headerbackground.style.border = "1px solid #597A9B";
| |
| headerbackground.style.color = "#002347";
| |
| document.getElementById('icon').innerHTML = "Night";
| |
| iconbackground.style.backgroundColor = "#002347";
| |
| iconbackground.style.color = "#597A9B";
| |
| }
| |
|
| |
| }
| |
|
| |
| $( showTime );
| |
/* Any JavaScript here will be loaded for all users on every page load. */
/**
* Collapsible tables
*
* @version 2.0.2 (2014-03-14)
* @source https://www.mediawiki.org/wiki/MediaWiki:Gadget-collapsibleTables.js
* @author [[User:R. Koot]]
* @author [[User:Krinkle]]
* @deprecated Since MediaWiki 1.20: Use class="mw-collapsible" instead which
* is supported in MediaWiki core.
*/
/*global $, mw */
function startTime() {
const today = new Date();
let h = today.getHours();
let m = today.getMinutes();
let s = today.getSeconds();
m = checkTime(m);
s = checkTime(s);
document.getElementById('txt').innerHTML = h + ":" + m + ":" + s;
setTimeout(startTime, 1000);
}
function checkTime(i) {
if (i < 10) {i = "0" + i}; // add zero in front of numbers < 10
return i;
}