MediaWiki:Common.js: Difference between revisions

From GNU Radio
Jump to navigation Jump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 2: Line 2:


/* Any JavaScript here will be loaded for all users on every page load. */
/* Any JavaScript here will be loaded for all users on every page load. */
/* phase3 17 Dec 2022 */


console.log ("Version-adaptive documentation");
var releases = ["All", "3.10", "3.9", "3.8"];
 
var gr_version = "";
var gr_version = "";


var _nav = document.getElementById ("gr_vad");
if (_nav != null)    // found <span>
    {
    console.log ("Version-adaptive documentation");
     var w_loc = window.location.href;
     var w_loc = window.location.href;
     const url1 = new URL(w_loc);
     const url1 = new URL(w_loc);
     var url2 = url1.toString();
     var url2 = url1.toString();
     var url = url2.replace("?title=","/");
     var url3 = url2.replace("?title=","/");
     console.log ("phase2()", url);
    var pos1 = url3.indexOf ("?");
    var url;
    if (pos1 > 0)
        url = url3.slice (0, pos1);
    else
        url = url3;
     console.log ("phase3()", url);
     var p1 = url1.searchParams.get('ver1');
     var p1 = url1.searchParams.get('ver1');
     var p2 = url1.searchParams.get('ver2');
     if (p1 != null)
     var p3 = url1.searchParams.get('ver3');
        gr_version = p1;
     console.log (p1,p2,p3);
     var ver_len = gr_version.length;
     if ((p1 == null) && (p2 == null) && (p3 == null))
     console.log (gr_version, ver_len);
        {      // first pass
     var t1 = document.createElement ("p");
        var _art = document.getElementsByTagName("span");
    t1.innerHTML = "<b>Version-adaptive document.<br>Customize this page by clicking a Version to display:<br></b>";
        if (_art.length > 0)    // found <span>
    var anchor = [];
            {
    var k;
            console.log (_art.length, "spans found");
    for (k = 0; k < (releases.length); k++)
            var _art1 = _art[0].getAttribute("data-vad");
         {
            if (_art1 == "gr_vad")
         if (k == 0)
                {
                console.log ("found data-vad tag in <span>");
                var _nav = document.getElementById("p-tb")
                var _br = document.createElement("br");
                _nav.appendChild (_br);
                var _li1 = document.createElement("li");
                _li1.innerHTML = "<br>Customize this page:";
                // _li1.setAttribute("class", "mw-list-item");
                var _form1 = document.createElement("form");
              _form1.setAttribute("action", url);      // action
// ver1 3.8
                var _inp1 = document.createElement("input");
                _inp1.setAttribute("type", "checkbox");
                _inp1.setAttribute("id", "_ver1");
                _inp1.setAttribute("name", "ver1");
                _inp1.setAttribute("value", "3.8");
                _form1.appendChild (_inp1);
                var _lbl1 = document.createElement("label");
                _lbl1.setAttribute("for", "_ver1");
                _lbl1.innerHTML = " 3.8<br>";
                _form1.appendChild (_lbl1);
// ver2 3.9
                var _inp2 = document.createElement("input");
                _inp2.setAttribute("type", "checkbox");
                _inp2.setAttribute("id", "_ver2");
                _inp2.setAttribute("name", "ver2");
                _inp2.setAttribute("value", "3.9");
                _form1.appendChild (_inp2);
                var _lbl2 = document.createElement("label");
                _lbl2.setAttribute("for", "_ver2");
                _lbl2.innerHTML = " 3.9<br>";
                _form1.appendChild (_lbl2);
// ver3 3.10
                var _inp3 = document.createElement("input");
                _inp3.setAttribute("type", "checkbox");
                _inp3.setAttribute("id", "_ver3");
                _inp3.setAttribute("name", "ver3");
                _inp3.setAttribute("value", "3.10");
                _form1.appendChild (_inp3);
                var _lbl3 = document.createElement("label");
                _lbl3.setAttribute("for", "_ver3");
                _lbl3.innerHTML = " 3.10<br>";
                _form1.appendChild (_lbl3);
                _form1.appendChild(_br);
// submit
                var _inp4 = document.createElement("input");
                _inp4.setAttribute("type", "submit");
                _inp4.setAttribute("value", "Submit");
                _form1.appendChild (_inp4);
                _li1.appendChild (_form1);
                _nav.appendChild (_li1);
                }  // found data-vad tag in <span>
            }  // end found <span>
        }  // first pass
    else
         {   // have selections / second pass
        console.log ("phase2 second pass");
         if (p1 != null)
            {
            gr_version += p1;
            gr_version += ", ";
            }
        if (p2 != null)
             {
             {
             gr_version += p2;
             anchor[k] = '<a href="' + url + '">' + releases[k] + "</a>";
            gr_version += ", ";
             }
             }
         if (p3 != null)
         else
             {
             {
             gr_version += p3;
             anchor[k] = "<a href=\"" + url + "?ver1=" + releases[k] + "\">" +  releases[k] + "</a>";
             }
             }
         var ver_len = gr_version.length;
         // console.log (anchor[k]);
        console.log (gr_version, ver_len);
         t1.innerHTML += (anchor[k] + "&nbsp;&nbsp;&nbsp;&nbsp;");
        if (gr_version.endsWith (", "))
         }
            {
    _nav.appendChild (t1);
            var temp = gr_version.slice (0, ver_len-2);
// look for divs
            gr_version = temp;
    if (gr_version.length > 0)
            }
         {
        var _nav = document.getElementById("p-tb")
         var element = document.getElementsByTagName("div");
        var _br = document.createElement("br");
         var _len = element.length;
         _nav.appendChild (_br);
         // console.log (_len, "divs found");
        var _li1 = document.createElement("li");
         var k;
        _li1.innerHTML = "<br>Customize this page:";
         for (k = 0; k < _len; k++)
        var _form1 = document.createElement("form");
        _form1.setAttribute("action", url);      // action
// ver1 3.8
        var _inp1 = document.createElement("input");
        _inp1.setAttribute("type", "checkbox");
        _inp1.setAttribute("id", "_ver1");
        _inp1.setAttribute("name", "ver1");
        _inp1.setAttribute("value", "3.8");
        if ((gr_version.indexOf ("3.8")) != -1)      // found
            _inp1.setAttribute ("checked", "true");
        _form1.appendChild (_inp1);
        var _lbl1 = document.createElement("label");
         _lbl1.setAttribute("for", "_ver1");
        _lbl1.innerHTML = " 3.8<br>";
        _form1.appendChild (_lbl1);
// ver2 3.9
        var _inp2 = document.createElement("input");
        _inp2.setAttribute("type", "checkbox");
        _inp2.setAttribute("id", "_ver2");
        _inp2.setAttribute("name", "ver2");
        _inp2.setAttribute("value", "3.9");
        if ((gr_version.indexOf ("3.9")) != -1)      // found
            _inp2.setAttribute ("checked", "true");
         _form1.appendChild (_inp2);
         var _lbl2 = document.createElement("label");
         _lbl2.setAttribute("for", "_ver2");
        _lbl2.innerHTML = " 3.9<br>";
         _form1.appendChild (_lbl2);
// ver3 3.10
        var _inp3 = document.createElement("input");
        _inp3.setAttribute("type", "checkbox");
        _inp3.setAttribute("id", "_ver3");
        _inp3.setAttribute("name", "ver3");
        _inp3.setAttribute("value", "3.10");
        if ((gr_version.indexOf ("3.10")) != -1)      // found
            _inp3.setAttribute ("checked", "true");
        _form1.appendChild (_inp3);
         var _lbl3 = document.createElement("label");
         _lbl3.setAttribute("for", "_ver3");
        _lbl3.innerHTML = " 3.10<br>";
        _form1.appendChild (_lbl3);
        _form1.appendChild(_br);
// submit
        var _inp4 = document.createElement("input");
        _inp4.setAttribute("type", "submit");
        _inp4.setAttribute("value", "Submit");
        _form1.appendChild (_inp4);
        _li1.appendChild (_form1);
        _nav.appendChild (_li1);
 
        if (gr_version.length > 0)
             {
             {
             var element = document.getElementsByTagName("div");
             var _ver = element[k].getAttribute("data-vad");
            var _len = element.length;
             if (_ver != null)
            console.log (_len, "divs found");
             var k;
            for (k = 0; k < _len; k++)
                 {
                 {
                 var _ver = element[k].getAttribute("data-vad");
                 // console.log ("div version is ", _ver);
                 if (_ver != null)
                 if ((_ver.indexOf (gr_version)) == -1)     // not found
                     {
                     {
                     console.log ("div version is ", _ver);
                     element[k].setAttribute ("hidden", "true");
                    if ((gr_version.indexOf (_ver)) == -1)      // not found
                        {
                        element[k].setAttribute ("hidden", "true");
                        }
                     }
                     }
                 }
                 }
             }
             }
         }   // second pass
         }       // version selected
    }      // found span

Latest revision as of 11:49, 18 December 2022

"use strict"

/* Any JavaScript here will be loaded for all users on every page load. */
/* phase3 17 Dec 2022 */

var releases = ["All", "3.10", "3.9", "3.8"];
var gr_version = "";

var _nav = document.getElementById ("gr_vad");
if (_nav != null)    // found <span>
    {
    console.log ("Version-adaptive documentation");
    var w_loc = window.location.href;
    const url1 = new URL(w_loc);
    var url2 = url1.toString();
    var url3 = url2.replace("?title=","/");
    var pos1 = url3.indexOf ("?");
    var url;
    if (pos1 > 0)
        url = url3.slice (0, pos1);
    else
        url = url3;
    console.log ("phase3()", url);
    var p1 = url1.searchParams.get('ver1');
    if (p1 != null)
        gr_version = p1;
    var ver_len = gr_version.length;
    console.log (gr_version, ver_len);
    var t1 = document.createElement ("p");
    t1.innerHTML = "<b>Version-adaptive document.<br>Customize this page by clicking a Version to display:<br></b>";
    var anchor = [];
    var k;
    for (k = 0; k < (releases.length); k++)
        {
        if (k == 0)
            {
            anchor[k] = '<a href="' + url + '">' +  releases[k] + "</a>";
            }
        else
            {
            anchor[k] = "<a href=\"" + url + "?ver1=" + releases[k] + "\">" +  releases[k] + "</a>";
            }
        // console.log (anchor[k]);
        t1.innerHTML += (anchor[k] + "&nbsp;&nbsp;&nbsp;&nbsp;");
        }
    _nav.appendChild (t1);
//  look for divs
    if (gr_version.length > 0)
        {
        var element = document.getElementsByTagName("div");
        var _len = element.length;
        // console.log (_len, "divs found");
        var k;
        for (k = 0; k < _len; k++)
            {
            var _ver = element[k].getAttribute("data-vad");
            if (_ver != null)
                {
                // console.log ("div version is ", _ver);
                if ((_ver.indexOf (gr_version)) == -1)      // not found
                    {
                    element[k].setAttribute ("hidden", "true");
                    }
                }
            }
        }       // version selected
    }       // found span