//Written by Abelmoschus Esculentus
//Date: 12 January 2019
//Copied from [[User:Abelmoschus Esculentus/SATG.js]
//<nowiki>
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(
$('<button>').attr('id','SATG-copy').text('Copy'),
$('<label>').attr('id','SATG-copied').text(''),
$('<textarea>').css({'resize':'none'}).attr({'id':'SATG-output','readonly':'true','rows':'20','cols':'35'}).text(output)
);
$('#SATG-copy').click(function() {
var copy = document.getElementById("SATG-output");
copy.select();
document.execCommand("copy");
$('#SATG-copied').text(' Copied to your clipboard!');
});
}
// Improved: Extract references from all <ol class="references"> on the page
function extractReferences() {
var refs = [];
$('ol.references').each(function() {
$(this).children('li').each(function(i, el) {
var refText = $(el).text().trim();
refs.push({
index: refs.length + 1,
text: refText,
html: $(el).html()
});
});
});
return refs;
}
// New: Reference selection and grouping screen
function screenReferences() {
var refs = extractReferences();
$("#SATG-interface-content").empty();
if (refs.length === 0) {
$("#SATG-interface-content").append(
$('<div>').text('No references found on this page.'),
$('<button>').attr('id', 'SATG-ref-back').text('Back')
);
$('#SATG-ref-back').click(function() {
screen0();
});
return;
}
$("#SATG-interface-content").append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Select references to assess:'),
$('<br>')
)
);
var refList = $('<div>').attr('id', 'SATG-ref-list');
refs.forEach(function(ref, i) {
refList.append(
$('<div>').css({'margin-bottom':'0.5em','border-bottom':'1px solid #ccc'}).append(
$('<input>').attr({type:'checkbox', class:'SATG-ref-checkbox', value:ref.index, id:'SATG-ref-'+ref.index}),
$('<label>').attr('for','SATG-ref-'+ref.index).html('<b>['+ref.index+']</b> '+$('<span>').text(ref.text).html())
)
);
});
$("#SATG-interface-content").append(refList);
$("#SATG-interface-content").append(
$('<div>').css('margin','1em 0').append(
$('<input>').attr({type:'checkbox', id:'SATG-group-refs'}),
$('<label>').attr('for','SATG-group-refs').text(' Group selected references for a single assessment')
)
);
$("#SATG-interface-content").append(
$('<button>').attr('id','SATG-ref-next').text('Next'),
$('<button>').attr('id','SATG-ref-back').css('margin-left','1em').text('Back')
);
$('#SATG-ref-back').click(function() {
screen0();
});
$('#SATG-ref-next').click(function() {
var selected = [];
$('.SATG-ref-checkbox:checked').each(function() {
var idx = parseInt($(this).val(), 10) - 1;
selected.push(refs[idx]);
});
if (selected.length === 0) {
alert('Please select at least one reference.');
return;
}
var group = $('#SATG-group-refs').is(':checked');
screen1References(selected, group);
});
}
// New: Assessment form for selected references/groups
function screen1References(selectedRefs, group) {
$("#SATG-interface-content").empty();
$("#SATG-interface-footer").empty();
$("#SATG-interface-footer").append(
$('<button>').attr('id', 'SATG-back').css('margin-left','1em').text('Back')
);
$("#SATG-interface-footer").prepend(
$('<small>').attr('class','SATG-tip').text('**Only available for options "Yes", "No", "Partially" and "Unknown"'),
$('<br>').attr('class','SATG-tip')
);
$('#SATG-back').click(function () {
screenReferences();
});
if (group) {
// Grouped: one assessment for all selected refs
$("#SATG-interface-content").append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').html('References: ' + selectedRefs.map(r => '<b>['+r.index+']</b>').join(' ') + '<br>' +
$('<span>').text(selectedRefs.map(r => r.text).join(' | ')).html())
)
);
appendAssessmentFields(1, $("#SATG-interface-content"));
} else {
// Individual: one assessment per ref
selectedRefs.forEach(function(ref, i) {
if (i !== 0) $("#SATG-interface-content").append('<hr>');
$("#SATG-interface-content").append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').html('Reference <b>['+ref.index+']</b>: ' + $('<span>').text(ref.text).html())
)
);
appendAssessmentFields(i+1, $("#SATG-interface-content"));
});
}
$("#SATG-interface-content").append(
$('<button>').attr('id','SATG-generate-refs').text('Generate!')
);
$('#SATG-generate-refs').click(function() {
screen2References(selectedRefs, group);
});
}
// Helper: Append assessment fields (same as in screen1)
function appendAssessmentFields(i, container) {
container.append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Independent? '),
$('<select>').attr('class','SATG-selecti')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justi'})
),
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Reliable? '),
$('<select>').attr('class','SATG-selectr')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justr'})
),
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').attr('id','SATG-labels-'+i).text('Significant coverage? '),
$('<select>').attr('class','SATG-selects')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justs'})
)
);
}
// New: Generate output for reference-based assessment
function screen2References(selectedRefs, group) {
var output = "{{ source assess table |\n";
if (group) {
// One assessment for all selected refs
var source = selectedRefs.map(r => '['+r.index+'] '+r.text).join(' | ');
var ind = $('.SATG-selecti').first().val();
var ind_just = $('.SATG-justi').first().val();
var rel = $('.SATG-selectr').first().val();
var rel_just = $('.SATG-justr').first().val();
var sig = $('.SATG-selects').first().val();
var sig_just = $('.SATG-justs').first().val();
output += "{{ source assess\n";
output += "| source = " + source + "\n";
output += "| ind = " + ind + "\n";
output += "| ind_just = " + ind_just + "\n";
output += "| rel = " + rel + "\n";
output += "| rel_just = " + rel_just + "\n";
output += "| sig = " + sig + "\n";
output += "| sig_just = " + sig_just + "\n";
output += "}}\n";
} else {
// One assessment per ref
$('.SATG-selecti').each(function(idx) {
var ref = selectedRefs[idx];
var source = '['+ref.index+'] '+ref.text;
var ind = $(this).val();
var ind_just = $('.SATG-justi').eq(idx).val();
var rel = $('.SATG-selectr').eq(idx).val();
var rel_just = $('.SATG-justr').eq(idx).val();
var sig = $('.SATG-selects').eq(idx).val();
var sig_just = $('.SATG-justs').eq(idx).val();
output += "{{ source assess\n";
output += "| source = " + source + "\n";
output += "| ind = " + ind + "\n";
output += "| ind_just = " + ind_just + "\n";
output += "| rel = " + rel + "\n";
output += "| rel_just = " + rel_just + "\n";
output += "| sig = " + sig + "\n";
output += "| sig_just = " + sig_just + "\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(
$('<button>').attr('id','SATG-copy').text('Copy'),
$('<label>').attr('id','SATG-copied').text(''),
$('<textarea>').css({'resize':'none'}).attr({'id':'SATG-output','readonly':'true','rows':'20','cols':'35'}).text(output)
);
$('#SATG-copy').click(function() {
var copy = document.getElementById("SATG-output");
copy.select();
document.execCommand("copy");
$('#SATG-copied').text(' Copied to your clipboard!');
});
}
function screen1(number) {
if ($("#SATG-interface-content").text() == "Loading form...") {
$("#SATG-interface-content").empty();
}
$("#SATG-interface-footer").append(
$('<button>').attr('id', 'SATG-back').css('margin-left','1em').text('Back')
);
$("#SATG-interface-footer").prepend(
$('<small>').attr('class','SATG-tip').text('**Only available for options "Yes", "No", "Partially" and "Unknown"'),
$('<br>').attr('class','SATG-tip')
);
$('#SATG-back').click(function () {
$('#SATG-back').remove();
$("#SATG-interface-content").css({
"min-height": "7em",
"width" : "875px",
"height" : "400px",
"overflow-y": "scroll"
});
screen0();
});
/*var arr = [
{val : 1, text: 'Yes'},
{val : 2, text: 'No'},
{val : 3, text: 'Partially'},
{val : 4, text: 'Unknown'},
{val : 5, text: 'None'}
];*/
for (var i = 1; i <= number; i++) {
if (i != 1) {
$("#SATG-interface-content").append('<hr>');
}
$("#SATG-interface-content").append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Source '+i+': '),
$('<input>').attr({'type':'text','class':'SATG-source'})
),
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Independent? '),
$('<select>').attr('class','SATG-selecti')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justi'})
),
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').text('Reliable? '),
$('<select>').attr('class','SATG-selectr')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justr'})
),
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').attr('id','SATG-labels-'+i).text('Significant coverage? '),
$('<select>').attr('class','SATG-selects')
.append($("<option>").attr('value','y').text('Yes'))
.append($("<option>").attr('value','n').text('No'))
.append($("<option>").attr('value','-').text('Partially'))
.append($("<option>").attr('value','?').text('Unknown'))
.append($("<option>").attr({'value':'','selected':'true'}).text('None')),
$('<label>').text(' **Justification: '),
$('<input>').attr({'type':'text','class':'SATG-justs'})
)
);
}
$("#SATG-interface-content").append(
$('<button>').attr('id','SATG-generate').text('Generate!')
);
$('#SATG-generate').click(function() {
screen2(number);
});
}
function satg_init() {
console.log("SATG: Initializing...");
var link = mw.util.addPortletLink('p-tb', 'javascript:void(0)', 'SA Table Generator', 'aca-satg', null, null);
if (link) {
console.log("SATG: Portlet link added");
$(link).on('click', function() {
console.log("SATG: Modal triggered");
$('body').prepend('<div id="SATG-modal">'+
'<div id="SATG-interface">'+
'<h4 id="SATG-interface-header"></h4>'+
'<hr>'+
'<div id="SATG-interface-content"></div>'+
'<hr>'+
'<div id="SATG-interface-footer"></div>'+
'</div>'+
'</div>');
$("#SATG-modal").css({
"position": "fixed",
"z-index": "1",
"left": "0",
"top": "0",
"width": "100%",
"height": "100%",
"overflow": "hidden",
"background-color": "rgba(0,0,0,0.4)"
});
$("#SATG-interface").css({
"background-color": "#e8f0ff",
"margin": "15% auto",
"padding": "2px 20px",
"border": "1px solid #888",
"width": "80%",
"max-width": "60em",
"font-size": "90%"
});
$("#SATG-interface-content").css({
"min-height": "7em",
"width" : "875px",
"height" : "400px",
"overflow-y": "scroll"
});
$("#SATG-interface-footer").css("min-height", "3em");
screen0();
});
} else {
console.log("SATG: Portlet link NOT added");
}
}
var screen0 = function() {
$("#SATG-interface-header, #SATG-interface-content, #SATG-interface-footer").empty();
$("#SATG-interface-header").text("Source Assess Table Generator");
$("#SATG-interface-content").append(
$('<div>').css('margin-bottom','0.5em').append(
$('<label>').attr({'for':'SATG-userinput-label', 'id':'SATG-userinput-label'}).text('How many sources do you want to assess? '),
$('<input>').attr({'type':'number', 'name':'SATG-userinput','id':'SATG-userinput','min':'1','max':'100','value':'1'}) //set limits
),
$('<div>').css('margin-bottom','0.5em').append(
$('<button>').attr({'name':'SATG-userinput-button', 'id':'SATG-userinput-button'}).text('Load')
),
$('<div>').css('margin-bottom','0.5em').append(
$('<button>').attr({'id':'SATG-ref-mode'}).text('Load from page references')
)
);
$("#SATG-interface-footer").append(
$('<button>').attr('id', 'SATG-cancel').text('Close')
);
$('#SATG-cancel').click(function() {
$('#SATG-modal').remove();
});
$('#SATG-userinput-button').click(function() {
var temp = $('#SATG-userinput').val();
if (temp > 100 || temp < 1) {
alert('Invalid value');
}
else {
$('#SATG-interface-content').empty();
$('#SATG-interface-content').text('Loading form...');
screen1(temp);
}
});
$('#SATG-ref-mode').click(function() {
screenReferences();
});
};
mw.loader.using(['mediawiki.util'], function() {
console.log("SATG: mw.loader.using callback");
satg_init();
});
//</nowiki>
