Hauptseite: Unterschied zwischen den Versionen
Aus Dokumentation
| Zeile 181: | Zeile 181: | ||
{ titel: 'Entwurfsplanung', datum: '09.12.2020', tag: 'hydraulik', link: 'Entwurfsplanung_Webinar' }, | { titel: 'Entwurfsplanung', datum: '09.12.2020', tag: 'hydraulik', link: 'Entwurfsplanung_Webinar' }, | ||
{ titel: 'GeoCPM Best Practice Dez 2020', datum: '03.12.2020', tag: 'geocpm', link: 'GeoCPM_Vergangene_Erneuerungen#Webinar_vom_03.12.2020' }, | { titel: 'GeoCPM Best Practice Dez 2020', datum: '03.12.2020', tag: 'geocpm', link: 'GeoCPM_Vergangene_Erneuerungen#Webinar_vom_03.12.2020' }, | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
{ titel: 'Vom Radar zum Simulationsergebnis I', datum: '02.12.2020', tag: 'geocpm', link: 'Einbinden_von_Radardaten' }, | { titel: 'Vom Radar zum Simulationsergebnis I', datum: '02.12.2020', tag: 'geocpm', link: 'Einbinden_von_Radardaten' }, | ||
{ titel: 'Vom Radar zum Simulationsergebnis II', datum: '24.11.2020', tag: 'geocpm', link: 'Einbinden_von_Radardaten' }, | { titel: 'Vom Radar zum Simulationsergebnis II', datum: '24.11.2020', tag: 'geocpm', link: 'Einbinden_von_Radardaten' }, | ||
| Zeile 262: | Zeile 192: | ||
{ titel: 'Starkregenrisikomanagement LUBW II', datum: '29.05.2019', tag: 'geocpm', link: 'Starkregen_Risikomanagement_Baden_W%C3%BCrttemberg_LUBW#Webinar_LUBW_II' }, | { titel: 'Starkregenrisikomanagement LUBW II', datum: '29.05.2019', tag: 'geocpm', link: 'Starkregen_Risikomanagement_Baden_W%C3%BCrttemberg_LUBW#Webinar_LUBW_II' }, | ||
{ titel: 'Bruchkanten', datum: '22.05.2019', tag: 'geocpm', link: 'Bruchkanten#Vorgehen_Bruchkanten_GeoCPM' }, | { titel: 'Bruchkanten', datum: '22.05.2019', tag: 'geocpm', link: 'Bruchkanten#Vorgehen_Bruchkanten_GeoCPM' }, | ||
| − | { titel: '++SYSTEMS Projektdateimanagement', datum: '15.05.2019', tag: 'allgemein', link: 'Vergleichs-_und_Importkonfiguration#Webinar_vom_15.05.2019' }, | + | { titel: '++SYSTEMS Projektdateimanagement 2019', datum: '15.05.2019', tag: 'allgemein', link: 'Vergleichs-_und_Importkonfiguration#Webinar_vom_15.05.2019' }, |
{ titel: 'Koordinatentransformation', datum: '30.04.2019', tag: 'allgemein', link: 'Koordinatentransformation#Webinar_vom_30.04.2019' }, | { titel: 'Koordinatentransformation', datum: '30.04.2019', tag: 'allgemein', link: 'Koordinatentransformation#Webinar_vom_30.04.2019' }, | ||
{ titel: 'Planausgabe', datum: '10.04.2019', tag: 'allgemein', link: 'Plankonfigurationen#Planausgabe_Webinar_vom_10.04.2018' }, | { titel: 'Planausgabe', datum: '10.04.2019', tag: 'allgemein', link: 'Plankonfigurationen#Planausgabe_Webinar_vom_10.04.2018' }, | ||
{ titel: 'Release V11', datum: '11.03.2019', tag: 'release', link: 'Vergangene_Erneuerungen#Webinar_vom_08.05.2019' }, | { titel: 'Release V11', datum: '11.03.2019', tag: 'release', link: 'Vergangene_Erneuerungen#Webinar_vom_08.05.2019' }, | ||
| − | { titel: 'Bestandsdaten | + | { titel: 'Bestandsdaten \x26 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: 'Funktionale Einheiten - Ergebnislisten', datum: '28.11.2018', tag: 'flow', link: 'Funktionale_Einheiten' }, | { titel: 'Funktionale Einheiten - Ergebnislisten', datum: '28.11.2018', tag: 'flow', link: 'Funktionale_Einheiten' }, | ||
{ titel: 'KASAnova 2.0 - Sanierungsmodul Version 11', datum: '14.11.2018', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_KASAnova_2.0_-_Sanierungsmodul_Version_11_am_14.11.2018' }, | { titel: 'KASAnova 2.0 - Sanierungsmodul Version 11', datum: '14.11.2018', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_KASAnova_2.0_-_Sanierungsmodul_Version_11_am_14.11.2018' }, | ||
| Zeile 272: | Zeile 202: | ||
{ titel: 'KASAnova 2.0 - Sanierungsmodul neu aufgelegt', datum: '18.04.2018', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_KASAnova_2.0_-_Das_Sanierungsmodul_neu_aufgelegt_am_18.04.2018' }, | { titel: 'KASAnova 2.0 - Sanierungsmodul neu aufgelegt', datum: '18.04.2018', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_KASAnova_2.0_-_Das_Sanierungsmodul_neu_aufgelegt_am_18.04.2018' }, | ||
{ titel: 'DYNA - Rechnet nicht', datum: '21.03.2018', tag: 'hydraulik', link: 'DYNA-Fehlerbehebung' }, | { titel: 'DYNA - Rechnet nicht', datum: '21.03.2018', tag: 'hydraulik', link: 'DYNA-Fehlerbehebung' }, | ||
| − | { titel: 'Datenbanken', datum: '07.03.2018', tag: 'allgemein', link: 'Datenbanken#Datenbanken-Webinar_vom_07.03.2020' }, | + | { titel: 'Datenbanken 2018', datum: '07.03.2018', tag: 'allgemein', link: 'Datenbanken#Datenbanken-Webinar_vom_07.03.2020' }, |
{ titel: 'Starkregenrisikomanagement LUBW I', datum: '19.07.2017', tag: 'geocpm', link: 'Starkregen_Risikomanagement_Baden_W%C3%BCrttemberg_LUBW#Webinar_LUBW_I' }, | { titel: 'Starkregenrisikomanagement LUBW I', datum: '19.07.2017', tag: 'geocpm', link: 'Starkregen_Risikomanagement_Baden_W%C3%BCrttemberg_LUBW#Webinar_LUBW_I' }, | ||
{ titel: 'Erneuerung mit Flow++', datum: '10.05.2017', tag: 'flow', link: 'Erneuerung_mit_Flow%2B%2B' }, | { titel: 'Erneuerung mit Flow++', datum: '10.05.2017', tag: 'flow', link: 'Erneuerung_mit_Flow%2B%2B' }, | ||
| Zeile 284: | Zeile 214: | ||
{ titel: 'Themenplan', datum: '30.06.2016', tag: 'allgemein', link: 'Ansichtskonfiguration#Webinar_vom_30.06.2016' }, | { titel: 'Themenplan', datum: '30.06.2016', tag: 'allgemein', link: 'Ansichtskonfiguration#Webinar_vom_30.06.2016' }, | ||
{ titel: 'Schluss mit der Zettelwirtschaft', datum: '16.06.2016', tag: 'togo', link: 'ToGo-Erneuerungen#Schluss_mit_der_Zettelwirtschaft_-_Webinar_vom_16.06.2016' }, | { titel: 'Schluss mit der Zettelwirtschaft', datum: '16.06.2016', tag: 'togo', link: 'ToGo-Erneuerungen#Schluss_mit_der_Zettelwirtschaft_-_Webinar_vom_16.06.2016' }, | ||
| − | { titel: 'Bestandsdaten | + | { titel: 'Bestandsdaten \x26 Dokumentation 2015', datum: '16.12.2015', tag: 'togo', link: 'ToGo-Erneuerungen#.2B.2BSYSTEMS_togo_-_die_Mobile_Version_-_Webinar_vom_16.12.2015' }, |
{ titel: 'Einzugsgebietsmanagement', datum: '16.06.2015', tag: 'hydraulik', link: 'Einzugsgebietsmanagement' }, | { titel: 'Einzugsgebietsmanagement', datum: '16.06.2015', tag: 'hydraulik', link: 'Einzugsgebietsmanagement' }, | ||
{ titel: 'Integrierte Zustandsbewertung und Sanierungsplanung', datum: '09.05.2015', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_Integrierte_Zustandsbewertung_und_Sanierungsplanung_am_9.05.2015' }, | { titel: 'Integrierte Zustandsbewertung und Sanierungsplanung', datum: '09.05.2015', tag: 'kasa', link: 'Kasanova_Erneuerungen#Webinar:_Integrierte_Zustandsbewertung_und_Sanierungsplanung_am_9.05.2015' }, | ||
| Zeile 304: | Zeile 234: | ||
if (document.getElementById('vg-styles')) return; | if (document.getElementById('vg-styles')) return; | ||
var css = [ | var css = [ | ||
| − | '#vg-container { font-family: sans-serif; margin: 1rem 0 | + | '#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-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-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 | + | '.vg-filter-btn{padding:4px 12px;border-radius:20px;border:1px solid #ccc;background:#f8f8f8;font-size:12px;cursor:pointer}', |
| − | '.vg-filter-btn.aktiv { color: #fff; border-color: transparent | + | '.vg-filter-btn.aktiv{color:#fff;border-color:transparent}', |
| − | '#vg-anzahl { font-size: 12px; color: #888; margin-bottom: 8px | + | '#vg-anzahl{font-size:12px;color:#888;margin-bottom:8px}', |
| − | '#vg-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax( | + | '#vg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}', |
| − | '.vg-karte { border: 1px solid #e0e0e0; border-radius: 10px; overflow: hidden; background: #fff | + | '.vg-karte{border:1px solid #e0e0e0;border-radius:10px;overflow:hidden;background:#fff}', |
| − | '.vg-karte:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12) | + | '.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-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-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-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-body{padding:10px 12px 12px}', |
| − | '.vg-titel { font-size: 13px; font-weight: 600; color: #222; line-height: 1.4; margin: 6px 0 4px | + | '.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-datum{font-size:11px;color:#888}', |
| − | '.vg-leer { text-align: center; padding: 2rem; color: #888; font-size: 14px; grid-column: 1 / -1 | + | '.vg-leer{text-align:center;padding:2rem;color:#888;font-size:14px;grid-column:1/-1}', |
].join('\n'); | ].join('\n'); | ||
| − | var | + | var s = document.createElement('style'); |
| − | + | s.id = 'vg-styles'; | |
| − | + | s.textContent = css; | |
| − | document.head.appendChild( | + | document.head.appendChild(s); |
} | } | ||
function baueGalerie(container) { | function baueGalerie(container) { | ||
injizierCSS(); | injizierCSS(); | ||
| − | var html = '<div id="vg-container"> | + | var aktuellerTag = 'alle'; |
| − | + | var html = '<div id="vg-container"><div id="vg-controls">'; | |
html += '<input id="vg-suche" type="text" placeholder="Webinar suchen..." />'; | html += '<input id="vg-suche" type="text" placeholder="Webinar suchen..." />'; | ||
Object.keys(TAGS).forEach(function (key) { | Object.keys(TAGS).forEach(function (key) { | ||
| Zeile 336: | Zeile 266: | ||
html += '<button class="vg-filter-btn' + (key === 'alle' ? ' aktiv' : '') + '" data-tag="' + key + '"' + stil + '>' + t.label + '</button>'; | html += '<button class="vg-filter-btn' + (key === 'alle' ? ' aktiv' : '') + '" data-tag="' + key + '"' + stil + '>' + t.label + '</button>'; | ||
}); | }); | ||
| − | html += '</div> | + | html += '</div><div id="vg-anzahl"></div><div id="vg-grid"></div></div>'; |
| − | |||
| − | |||
| − | |||
container.innerHTML = html; | container.innerHTML = html; | ||
| − | |||
var suchfeld = document.getElementById('vg-suche'); | var suchfeld = document.getElementById('vg-suche'); | ||
var grid = document.getElementById('vg-grid'); | var grid = document.getElementById('vg-grid'); | ||
| Zeile 350: | Zeile 276: | ||
var tagOk = aktuellerTag === 'alle' || w.tag === aktuellerTag; | var tagOk = aktuellerTag === 'alle' || w.tag === aktuellerTag; | ||
var suchOk = !q || w.titel.toLowerCase().indexOf(q) > -1; | var suchOk = !q || w.titel.toLowerCase().indexOf(q) > -1; | ||
| − | return tagOk | + | return tagOk ? suchOk : false; |
}); | }); | ||
anzahl.textContent = gefiltert.length + ' Webinar' + (gefiltert.length !== 1 ? 'e' : ''); | anzahl.textContent = gefiltert.length + ' Webinar' + (gefiltert.length !== 1 ? 'e' : ''); | ||
| Zeile 359: | Zeile 285: | ||
grid.innerHTML = gefiltert.map(function (w) { | grid.innerHTML = gefiltert.map(function (w) { | ||
var farbe = TAGS[w.tag] ? TAGS[w.tag].farbe : '#666699'; | var farbe = TAGS[w.tag] ? TAGS[w.tag].farbe : '#666699'; | ||
| − | var | + | var label = TAGS[w.tag] ? TAGS[w.tag].label : w.tag; |
| − | var url = | + | var url = '/index.php?title=' + encodeURIComponent(w.link); |
| − | return | + | return '<div class="vg-karte">' + |
| − | + | '<a class="vg-thumb" href="' + url + '"><span class="vg-icon">\x26#9654;</span></a>' + | |
| − | ' | + | '<div class="vg-body">' + |
| − | ' | + | '<span class="vg-badge" style="background:' + farbe + '">' + label + '</span>' + |
| − | ' | + | '<p class="vg-titel">' + w.titel + '</p>' + |
| − | ' | + | '<p class="vg-datum">' + w.datum + '</p>' + |
| − | ' | + | '</div></div>'; |
| − | ' | + | }).join(''); |
| − | |||
| − | |||
| − | }).join(' | ||
} | } | ||
| − | document. | + | document.addEventListener('click', function (e) { |
| − | btn. | + | var btn = e.target.closest('.vg-filter-btn'); |
| − | + | if (!btn) return; | |
| − | + | 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 = ''; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
}); | }); | ||
| + | var farbe = TAGS[aktuellerTag] ? TAGS[aktuellerTag].farbe : '#666699'; | ||
| + | btn.classList.add('aktiv'); | ||
| + | btn.style.background = farbe; | ||
| + | btn.style.color = '#fff'; | ||
| + | btn.style.borderColor = farbe; | ||
| + | renderKarten(); | ||
}); | }); | ||
suchfeld.addEventListener('input', renderKarten); | suchfeld.addEventListener('input', renderKarten); | ||
| Zeile 401: | Zeile 324: | ||
</script> | </script> | ||
</html> | </html> | ||
| − | + | </div> | |
</br> | </br> | ||
Version vom 1. September 2026, 12:58 Uhr
Allgemeines
Schritt-für-Schritt Anleitungen
Projektbaum
Webinare