MediaWiki:Common.js

$.fn.extend({
    treed: function (o) {

      var openedClass = 'fa-minus-circle';
      var closedClass = 'fa-plus-circle';

      if (typeof o != 'undefined'){
        if (typeof o.openedClass != 'undefined'){
        openedClass = o.openedClass;
        }
        if (typeof o.closedClass != 'undefined'){
        closedClass = o.closedClass;
        }
      };

        //initialize each of the top levels
        var tree = $(this);
        tree.addClass("tree");
        tree.find('li').has("ul").each(function () {
            var branch = $(this); //li with children ul
            branch.prepend("");
            branch.addClass('branch');
            branch.on('click', function (e) {
                if (this == e.target) {
                    var icon = $(this).children('i:first');
                    icon.toggleClass(openedClass + " " + closedClass);
                    $(this).children().children().toggle();
                }
            })
            branch.children().children().toggle();
        });
        //fire event from the dynamically added icon
      tree.find('.branch .indicator').each(function(){
        $(this).on('click', function () {
            $(this).closest('li').click();
        });
      });
        //fire event to open branch if the li contains an anchor instead of text
        tree.find('.branch>a').each(function () {
            $(this).on('click', function (e) {
                $(this).closest('li').click();
                e.preventDefault();
            });
        });
        //fire event to open branch if the li contains a button instead of text
        tree.find('.branch>button').each(function () {
            $(this).on('click', function (e) {
                $(this).closest('li').click();
                e.preventDefault();
            });
        });
    }
});

//Initialization of treeviews

$('#tree1').treed();

$('#tree2').treed({openedClass:'fa-folder-open', closedClass:'fa-folder'});


 $('#tree').treeview({
    data: tree,
    levels: 5,
    backColor: 'white',
    expandIcon: "glyphicon glyphicon-triangle-right",
    collapseIcon: "glyphicon glyphicon-triangle-bottom",
    showBorder: false,
    enableLinks: true
});
       var tree = [
    {
        text: "Assets",
        href: "http://localhost:63690/asset/index",
        nodes: [
        {
            text: "Barcode"
        },
        {
            text: "Importation"
        }
        ]
    },
]

// Blockieren Rechtsklick Videos
$(document).ready(function () {
  $('video').on('contextmenu', function (e) {
    return false;
  });
});


/**
 * Tandler Wiki – Video-Galerie
 * Einbinden in: MediaWiki:Common.js
 *
 * Zeigt auf der Seite "Video-Galerie" (oder einer Seite mit id="video-galerie")
 * eine filterbare, durchsuchbare Kachelansicht aller Webinare.
 *
 * Nutzung auf einer Wiki-Seite:
 *   <div id="video-galerie"></div>
 *
 * Oder als eigene Seite: Lege eine Seite "Video-Galerie" an und füge dort
 * nur <div id="video-galerie"></div> ein – der Rest kommt per JS.
 */

/* ── Letzter Block: ersetzt den bisherigen mw.hook Block in Common.js ── */
/* Diesen Block ans ENDE von MediaWiki:Common.js kopieren                  */
/* (den alten mw.hook('wikipage.content') Block vorher löschen)            */

mw.hook('wikipage.content').add(function () {

    /* Seitennamen holen – alle Varianten abdecken */
    var seite = mw.config.get('wgPageName') || '';

    /* Galerie auf diesen Seiten anzeigen (anpassen falls nötig): */
    var galerieSeiten = [
        'Webinare',
        'Video-Galerie',
        'Video_Galerie',
        'Webinar-Galerie',
        'Webinar_Galerie'
    ];

    var istGalerieSeite = galerieSeiten.indexOf(seite) > -1;

    /* ODER: div auf der Seite vorhanden (falls $wgRawHtml funktioniert) */
    var divContainer = document.getElementById('video-galerie');

    if (!istGalerieSeite && !divContainer) {
        return; /* Nicht die richtige Seite */
    }

    var container = divContainer;

    if (!container) {
        /* Kein div gefunden → automatisch in den Seiteninhalt einfügen */
        var inhalt = document.getElementById('mw-content-text');
        if (!inhalt) return;

        container = document.createElement('div');
        container.id = 'video-galerie';

        /* Vorhandenen Tabelleninhalt (alte Webinar-Tabelle) ausblenden */
        var alteTabelle = inhalt.querySelector('table');
        if (alteTabelle) {
            alteTabelle.style.display = 'none';
        }

        /* Galerie ganz oben im Inhalt einfügen */
        inhalt.insertBefore(container, inhalt.firstChild);
    }

    baueGalerie(container);
});