Hauptseite: Unterschied zwischen den Versionen

 

{{Cardbox_blue

         { titel: 'Betriebsfuehrung: Digital & Bedarfsorientiert - Luenen', datum: '17.12.2025', tag: 'togo', link: 'ToGo-Erneuerungen#Betriebsf.C3.BChrung:_Digital_.26_Bedarfsorientiert_-_Webinar_vom_17.12.2025' },

         { titel: 'Automatische Kanalsanierungsplanung / Aquadocs', datum: '12.11.2025', tag: 'kasa', link: 'Automatische_Kanalsanierungsplanung' },

         { titel: 'DWA A 118 / DWA M 119 - Ueberstau & Risikomanagement', datum: '08.10.2025', tag: 'hydraulik', link: 'Schutzkategorien_%26_%C3%9Cberflutungsgef%C3%A4hrdung#Webinar:_.C3.9Cberstau_.26_Risikomanagment_-_DWA_A_118_.2F_DWA_M_119_vom_08.10.2025' },

         { titel: 'Datenubernahme aus bestehenden GIS-Systemen', datum: '06.11.2024', tag: 'allgemein', link: 'Daten%C3%BCbernahme_Strakat' },

         { titel: 'V16 - Import Radklim & Beispiele', datum: '03.06.2024', tag: 'release', link: 'Import_RADKLIM' },

         { titel: 'V16 - GeoCPM Neuerungen: Durchlaesse, Video', datum: '20.06.2024', tag: 'geocpm', link: 'Durchlass_GeoCPM#Durchl%C3%A4sse_-_Webinar_vom_20.06.2024' },

         { titel: 'GeoCPM - Tipps & Tricks DGM-Ausduennung', datum: '24.04.2024', tag: 'geocpm', link: 'Optimierung_durch_Ausd%C3%BCnnung#Ausd.C3.BCnnungsalgorithmen_-_Webinar_vom_24.04.2024' },

         { titel: 'WIKI - Umfrage & Erneuerungen', datum: '20.03.2024', tag: 'allgemein', link: 'Wiki#Webinar_vom_20.03.2024' },

         { titel: 'GeoCPM - Kommunales Sturzflut-Risikomanagement Bayern', datum: '16.11.2023', tag: 'geocpm', link: 'Erneuerungen_GeoCPM#Webinar_vom_16.11.2023' },

         { titel: 'Genauigkeit von Gelaendemodellen & Tipps', datum: '03.05.2022', tag: 'geocpm', link: 'Optimierung_durch_Ausd%C3%BCnnung#Genauigkeit_von_Gel.C3.A4ndemodellen_-_Webinar_vom_03.05.2022' },

         { titel: 'A102 & Flow & Practice', datum: '05.04.2022', tag: 'flow', link: 'DWA_A102#Webinar_-_Flow_.26_DWA_A102_Practice' },

         { titel: 'A102 & Flow', datum: '09.11.2021', tag: 'flow', link: 'DWA_A102#Webinar_-_DWA_A102_Erneuerungen_Flow' },

         { titel: 'BIM & Betriebsprozesse', datum: '13.10.2021', tag: 'togo', link: 'ToGo-Erneuerungen#BIM_.26_Betriebsprozesse_-_Webinar_vom_13.10.2021' },

         { titel: 'Erneuerungen und Best-Practice', datum: '17.02.2021', tag: 'release', link: 'Vergangene_Erneuerungen#Webinar_vom_17.02.2021' },

         { titel: 'GeoCPM Best Practice und Erneuerungen', datum: '03.12.2020', tag: 'geocpm', link: 'GeoCPM_Vergangene_Erneuerungen#Webinar_vom_03.12.2020' },

         { titel: '++SYSTEMS Projektdateimanagement', datum: '15.05.2019', tag: 'allgemein', link: 'Vergleichs-_und_Importkonfiguration#Webinar_vom_15.05.2019' },

         { titel: 'Bestandsdaten & Dokumentation 2018', datum: '05.12.2018', tag: 'togo', link: 'ToGo-Erneuerungen#Bestandsdaten.28erfassung.29_und_l.C3.BCckenlose_Dokumentation_-_Webinar_vom_05.12.2018' },

         { titel: 'Datenbanken', datum: '07.03.2018', tag: 'allgemein', link: 'Datenbanken#Datenbanken-Webinar_vom_07.03.2020' },

         { titel: 'Bestandsdaten & Dokumentation 2015', datum: '16.12.2015', tag: 'togo', link: 'ToGo-Erneuerungen#.2B.2BSYSTEMS_togo_-_die_Mobile_Version_-_Webinar_vom_16.12.2015' },

             '#vg-container { font-family: sans-serif; margin: 1rem 0; }',

             '#vg-controls { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; align-items: center; }',

             '#vg-suche { flex: 1; min-width: 180px; padding: 6px 10px; border: 1px solid #ccc; border-radius: 6px; font-size: 13px; }',

             '.vg-filter-btn { padding: 4px 12px; border-radius: 20px; border: 1px solid #ccc; background: #f8f8f8; font-size: 12px; cursor: pointer; transition: all .15s; }',

             '.vg-filter-btn.aktiv { color: #fff; border-color: transparent; }',

             '#vg-anzahl { font-size: 12px; color: #888; margin-bottom: 8px; }',

             '#vg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 14px; }',

             '.vg-karte { border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff; transition: box-shadow .15s; }',

             '.vg-karte:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }',

             '.vg-thumb { width: 100%; aspect-ratio: 16/9; background: #f0f0f4; display: flex; align-items: center; justify-content: center; position: relative; text-decoration: none; }',

             '.vg-icon { font-size: 32px; color: #999; }',

             '.vg-badge { display: inline-block; font-size: 11px; padding: 2px 8px; border-radius: 12px; color: #fff; font-weight: 500; }',

             '.vg-body { padding: 10px 12px 12px; }',

             '.vg-titel { font-size: 13px; font-weight: 600; color: #222; line-height: 1.4; margin: 6px 0 4px; }',

             '.vg-datum { font-size: 11px; color: #888; }',

             '.vg-leer { text-align: center; padding: 2rem; color: #888; font-size: 14px; grid-column: 1 / -1; }',

         var style = document.createElement('style');

         style.id = 'vg-styles';

         style.textContent = css;

         document.head.appendChild(style);

         var html = '<div id="vg-container">';

        html += '<div id="vg-controls">';

         html += '</div>';

        html += '<div id="vg-anzahl"></div>';

        html += '<div id="vg-grid"></div>';

        html += '</div>';

                 return tagOk && suchOk;

                 var tagLabel = TAGS[w.tag] ? TAGS[w.tag].label : w.tag;

                 var url = (typeof mw !== 'undefined') ? mw.util.getUrl(w.link) : ('/index.php?title=' + encodeURIComponent(w.link));

                 return [

                    '<div class="vg-karte">',

                     ' <a class="vg-thumb" href="' + url + '"><span class="vg-icon">&#9654;</span></a>',

                     ' <div class="vg-body">',

                     '   <span class="vg-badge" style="background:' + farbe + '">' + tagLabel + '</span>',

                     '   <p class="vg-titel">' + w.titel + '</p>',

                     '   <p class="vg-datum">' + w.datum + '</p>',

                     ' </div>',

                    '</div>',

                ].join('\n');

             }).join('\n');

         document.querySelectorAll('.vg-filter-btn').forEach(function (btn) {

             btn.addEventListener('click', function () {

                aktuellerTag = btn.getAttribute('data-tag');

                document.querySelectorAll('.vg-filter-btn').forEach(function (b) {

                    b.classList.remove('aktiv');

                    b.style.background = '';

                    b.style.color = '';

                    b.style.borderColor = '';

                renderKarten();