User:DannyS712/SATG.js

//Written by Abelmoschus Esculentus

//Date: 12 January 2019

//Copied from [[User:Abelmoschus Esculentus/SATG.js]

//

function screen2(number) {

var source = ["placeholder"], ind = ["placeholder"], ind_just = ["placeholder"], rel = ["placeholder"], rel_just = ["placeholder"], sig = ["placeholder"], sig_just = ["placeholder"];

$('.SATG-source').each(function () {

source.push(this.value);

});

$('.SATG-selecti').each(function () {

ind.push(this.value);

});

$('.SATG-justi').each(function () {

ind_just.push(this.value);

});

$('.SATG-selectr').each(function () {

rel.push(this.value);

});

$('.SATG-justr').each(function () {

rel_just.push(this.value);

});

$('.SATG-selects').each(function () {

sig.push(this.value);

});

$('.SATG-justs').each(function () {

sig_just.push(this.value);

});

var output = "{{ source assess table |\n";

for (var i = 1; i <= number; i++) {

output += "{{ source assess\n";

output += "| source = " + source[i] + "\n";

output += "| ind = " + ind[i] + "\n";

output += "| ind_just = " + ind_just[i] + "\n";

output += "| rel = " + rel[i] + "\n";

output += "| rel_just = " + rel_just[i] + "\n";

output += "| sig = " + sig[i] + "\n";

output += "| sig_just = " + sig_just[i] + "\n";

output += "}}\n";

}

output += "}}";

$("#SATG-interface-content").css({

"min-height": "7em",

"width" : "875px",

"height" : "400px",

"overflow-y": "hidden"

});

$("#SATG-interface-content").empty();

$("#SATG-interface-content").text('Generating...');

$('.SATG-tip').remove();

$("#SATG-interface-content").empty();

$("#SATG-interface-content").append(

$('').attr('id','SATG-copy').text('Copy'),

$('').attr('id','SATG-copied').text(''),

$('').css({'resize':'none'}).attr({'id':'SATG-output','readonly':'true','rows':'20','cols':'35'}).text(output)</p> <p>);</p> <p>$('#SATG-copy').click(function() {</p> <p>var copy = document.getElementById("SATG-output");</p> <p>copy.select();</p> <p>document.execCommand("copy");</p> <p>$('#SATG-copied').text(' Copied to your clipboard!');</p> <p>});</p> <p>}</p> <p>function screen1(number) {</p> <p>if ($("#SATG-interface-content").text() == "Loading form...") {</p> <p>$("#SATG-interface-content").empty();</p> <p>}</p> <p>$("#SATG-interface-footer").append(</p> <p>$('<button>').attr('id', 'SATG-back').css('margin-left','1em').text('Back')</p> <p>);</p> <p>$("#SATG-interface-footer").prepend(</p> <p>$('<small>').attr('class','SATG-tip').text('**Only available for options "Yes", "No", "Partially" and "Unknown"'),</p> <p>$('<br>').attr('class','SATG-tip')</p> <p>);</p> <p>$('#SATG-back').click(function () {</p> <p>$('#SATG-back').remove();</p> <p>$("#SATG-interface-content").css({</p> <p>"min-height": "7em",</p> <p>"width" : "875px",</p> <p>"height" : "400px",</p> <p>"overflow-y": "scroll"</p> <p>});</p> <p>screen0();</p> <p>});</p> <p>/*var arr = [</p> <p>{val : 1, text: 'Yes'},</p> <p>{val : 2, text: 'No'},</p> <p>{val : 3, text: 'Partially'},</p> <p>{val : 4, text: 'Unknown'},</p> <p>{val : 5, text: 'None'}</p> <p>];*/</p> <p>for (var i = 1; i <= number; i++) {</p> <p>if (i != 1) {</p> <p>$("#SATG-interface-content").append('<hr>');</p> <p>}</p> <p>$("#SATG-interface-content").append(</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<label>').text('Source '+i+': '),</p> <p>$('<input>').attr({'type':'text','class':'SATG-source'})</p> <p>),</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<label>').text('Independent? '),</p> <p>$('<select>').attr('class','SATG-selecti')</p> <p>.append($("<option>").attr('value','y').text('Yes'))</p> <p>.append($("<option>").attr('value','n').text('No'))</p> <p>.append($("<option>").attr('value','-').text('Partially'))</p> <p>.append($("<option>").attr('value','?').text('Unknown'))</p> <p>.append($("<option>").attr({'value':'','selected':'true'}).text('None')),</p> <p>$('<label>').text(' **Justification: '),</p> <p>$('<input>').attr({'type':'text','class':'SATG-justi'})</p> <p>),</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<label>').text('Reliable? '),</p> <p>$('<select>').attr('class','SATG-selectr')</p> <p>.append($("<option>").attr('value','y').text('Yes'))</p> <p>.append($("<option>").attr('value','n').text('No'))</p> <p>.append($("<option>").attr('value','-').text('Partially'))</p> <p>.append($("<option>").attr('value','?').text('Unknown'))</p> <p>.append($("<option>").attr({'value':'','selected':'true'}).text('None')),</p> <p>$('<label>').text(' **Justification: '),</p> <p>$('<input>').attr({'type':'text','class':'SATG-justr'})</p> <p>),</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<label>').attr('id','SATG-labels-'+i).text('Significant coverage? '),</p> <p>$('<select>').attr('class','SATG-selects')</p> <p>.append($("<option>").attr('value','y').text('Yes'))</p> <p>.append($("<option>").attr('value','n').text('No'))</p> <p>.append($("<option>").attr('value','-').text('Partially'))</p> <p>.append($("<option>").attr('value','?').text('Unknown'))</p> <p>.append($("<option>").attr({'value':'','selected':'true'}).text('None')),</p> <p>$('<label>').text(' **Justification: '),</p> <p>$('<input>').attr({'type':'text','class':'SATG-justs'})</p> <p>)</p> <p>);</p> <p>}</p> <p>$("#SATG-interface-content").append(</p> <p>$('<button>').attr('id','SATG-generate').text('Generate!')</p> <p>);</p> <p>$('#SATG-generate').click(function() {</p> <p>screen2(number);</p> <p>});</p> <p>}</p> <p>function satg_init() {</p> <p>mw.util.addPortletLink('p-tb', 'javascript:void(0)', 'SA Table Generator', 'aca-satg', null, null);</p> <p>$('#aca-satg').on('click', function() {</p> <p>$('body').prepend('<div id="SATG-modal">'+</p> <p>'<div id="SATG-interface">'+</p> <p>'<h4 id="SATG-interface-header"></h4>'+</p> <p>'<hr>'+</p> <p>'<div id="SATG-interface-content"></div>'+</p> <p>'<hr>'+</p> <p>'<div id="SATG-interface-footer"></div>'+</p> <p>'</div>'+</p> <p>'</div>');</p> <p>$("#SATG-modal").css({</p> <p>"position": "fixed",</p> <p>"z-index": "1",</p> <p>"left": "0",</p> <p>"top": "0",</p> <p>"width": "100%",</p> <p>"height": "100%",</p> <p>"overflow": "hidden",</p> <p>"background-color": "rgba(0,0,0,0.4)"</p> <p>});</p> <p>$("#SATG-interface").css({</p> <p>"background-color": "#e8f0ff",</p> <p>"margin": "15% auto",</p> <p>"padding": "2px 20px",</p> <p>"border": "1px solid #888",</p> <p>"width": "80%",</p> <p>"max-width": "60em",</p> <p>"font-size": "90%"</p> <p>});</p> <p>$("#SATG-interface-content").css({</p> <p>"min-height": "7em",</p> <p>"width" : "875px",</p> <p>"height" : "400px",</p> <p>"overflow-y": "scroll"</p> <p>});</p> <p>$("#SATG-interface-footor").css("min-height", "3em");</p> <p>screen0();</p> <p>});</p> <p>}</p> <p>var screen0 = function() {</p> <p>$("#SATG-interface-header, #SATG-interface-content, #SATG-interface-footer").empty();</p> <p>$("#SATG-interface-header").text("Source Assess Table Generator");</p> <p>$("#SATG-interface-content").append(</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<label>').attr({'for':'SATG-userinput-label', 'id':'SATG-userinput-label'}).text('How many sources do you want to assess? '),</p> <p>$('<input>').attr({'type':'number', 'name':'SATG-userinput','id':'SATG-userinput','min':'1','max':'100','value':'1'}) //set limits</p> <p>),</p> <p>$('<div>').css('margin-bottom','0.5em').append(</p> <p>$('<button>').attr({'name':'SATG-userinput-button', 'id':'SATG-userinput-button'}).text('Load')</p> <p>)</p> <p>);</p> <p>$("#SATG-interface-footer").append(</p> <p>$('<button>').attr('id', 'SATG-cancel').text('Close')</p> <p>);</p> <p>$('#SATG-cancel').click(function() {</p> <p>$('#SATG-modal').remove();</p> <p>});</p> <p>$('#SATG-userinput-button').click(function() {</p> <p>var temp = $('#SATG-userinput').val();</p> <p>if (temp > 100 || temp < 1) {</p> <p>alert('Invalid value');</p> <p>}</p> <p>else {</p> <p>$('#SATG-interface-content').empty();</p> <p>$('#SATG-interface-content').text('Loading form...');</p> <p>screen1(temp);</p> <p>}</p> <p>});</p> <p>};</p> <p>mw.loader.using(['mediawiki.util'], function() {</p> <p>satg_init();</p> <p>});</p> <p>//</nowiki></p></div></section></div></main> <footer class="site-footer"> <div class="footer-container"> <div class="footer-links"> <a href="/about.php">About</a> <a href="/help.php">Help</a> <a href="/updates.php">Updates</a> <a href="/contact.php">Contact</a> <a href="/privacy.php">Privacy</a> <a href="/terms.php">Terms</a> <a href="https://github.com/yourusername/friendly-wiki" target="_blank" rel="noopener">GitHub</a> </div> <div class="footer-copy"> © 2025 Friendly Wiki. All rights reserved. </div> </div> </footer> <script> const toggle = document.getElementById('mobileMenuToggle'); const menu = document.getElementById('mobileMenu'); toggle.addEventListener('click', () => { menu.classList.toggle('active'); }); </script> <!-- Collapsible toggle --> <script> document.addEventListener("DOMContentLoaded", function () { const toggles = document.querySelectorAll('.section-toggle'); toggles.forEach(toggle => { toggle.addEventListener('click', function () { const section = toggle.closest('.collapsible'); const body = section.querySelector('.wiki-body'); body.classList.toggle('collapsed'); }); }); }); </script>