Wiki-Quellcode von Project Planning & Organisation
Zuletzt geändert von Veronika Kocher am Freitag, 04 Sep. 2026 14:45
Verstecke letzte Bearbeiter
| author | version | line-number | content |
|---|---|---|---|
| |
6.1 | 1 | {{html clean="false"}} |
| 2 | <style> | ||
| 3 | .pp{max-width:1400px;margin:0 auto;color:#322f2b} .pp *{box-sizing:border-box} | ||
| 4 | .card{border:1px solid #e3ded6;border-radius:11px;background:#fcfbf8;box-shadow:0 1px 3px rgba(0,0,0,.035)} | ||
| 5 | .eye{font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase} | ||
| 6 | .hero{height:125px;overflow:hidden;background:#f1eee9} .hero img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block} | ||
| 7 | .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px} | ||
| 8 | .check{position:relative;padding:12px 13px 12px 37px;border:1px solid #e3ded6;border-radius:8px;background:#fffdf9;color:#504a44;line-height:1.5} | ||
| 9 | .check:before{content:"✓";position:absolute;left:13px;top:10px;color:#e94b13;font-weight:800} | ||
| 10 | .info{padding:15px 17px;border:1px solid #c7e5ed;border-left:5px solid #21b6d7;background:#eaf6f9;border-radius:8px;color:#365e68} | ||
| 11 | .info strong{color:#2d5661} .warn{padding:15px 17px;border:1px solid #efd9cc;border-left:5px solid #e94b13;background:#fff6f1;border-radius:8px;color:#67564e} .warn strong{color:#744531} | ||
| 12 | .sec{margin:0 0 28px 0} .sec h3{font-size:22px;margin:0 0 6px;color:#35312d} .sec>p{color:#6a655e;line-height:1.55} | ||
| 13 | .role{padding:15px 16px;border:1px solid #e3ded6;border-top:4px solid #e94b13;border-radius:9px;background:#fcfbf8} .role h4{font-size:17px;margin:0 0 6px;color:#35312d} .role p{margin:0;color:#625d56;line-height:1.5} | ||
| 14 | .detail{margin:8px 0;border:1px solid #e3ded6;border-radius:8px;background:#fcfbf8;overflow:hidden} .detail summary{cursor:pointer;padding:12px 14px;font-weight:700;color:#403b36;background:#f3efe8} .detail[open] summary{border-bottom:1px solid #e3ded6} .detail .body{padding:14px 16px;color:#514c46;line-height:1.55} | ||
| |
8.1 | 15 | .chip{display:inline-block;padding:4px 8px;margin:3px 4px 3px 0;border-radius:14px;background:#f3efe8;border:1px solid #e3ded6;color:#5c5650;font-size:12px;text-decoration:none}.chip:hover,.chip:focus{background:#fff7f1;border-color:#e7c8b8;color:#6f3f2e;text-decoration:none} |
| |
6.1 | 16 | .tbl{width:100%;border-collapse:collapse;background:#fffdf9} .tbl th,.tbl td{border:1px solid #e3ded6;padding:10px 11px;vertical-align:top;text-align:left} .tbl th{background:#f3efe8;color:#403b36} |
| 17 | .linkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px} .navlink{display:block;padding:10px 11px;border:1px solid #e9e4dc;border-left:3px solid #e94b13;border-radius:6px;background:#fffdf9;color:#252321;text-decoration:none;font-weight:600} .navlink:hover{background:#fff7f1;text-decoration:none} | ||
| 18 | </style> | ||
| |
2.1 | 19 | |
| |
9.1 | 20 | <style> |
| 21 | .research-example-grid{ | ||
| 22 | display:grid; | ||
| 23 | grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); | ||
| 24 | gap:14px; | ||
| 25 | margin-top:12px; | ||
| 26 | } | ||
| 27 | .research-example{ | ||
| 28 | padding:16px 17px; | ||
| 29 | border:1px solid #e3ded6; | ||
| 30 | border-radius:9px; | ||
| 31 | background:#fcfbf8; | ||
| 32 | box-shadow:0 1px 3px rgba(0,0,0,.03); | ||
| 33 | } | ||
| 34 | .research-example h4{ | ||
| 35 | font-size:18px; | ||
| 36 | margin:0 0 7px 0; | ||
| 37 | color:#35312d; | ||
| 38 | } | ||
| 39 | .research-example p{ | ||
| 40 | margin:0 0 10px 0; | ||
| 41 | color:#625d56; | ||
| 42 | line-height:1.5; | ||
| 43 | } | ||
| 44 | .research-example a{ | ||
| 45 | display:inline-block; | ||
| 46 | font-weight:700; | ||
| 47 | text-decoration:none; | ||
| 48 | } | ||
| 49 | .research-example a:hover, | ||
| 50 | .research-example a:focus{ | ||
| 51 | text-decoration:underline; | ||
| 52 | } | ||
| 53 | </style> | ||
| 54 | |||
| |
6.1 | 55 | <div class="pp"> |
| |
2.1 | 56 | |
| |
6.1 | 57 | <section class="card" style="margin-bottom:18px;overflow:hidden;border-left:6px solid #e94b13;"> |
| |
9.10 | 58 | <div class="hero"><img src="https://xwiki.uni-ak.ac.at/bin/download/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/WebHome/enable.png" alt="Planung und Organisation eines künstlerischen oder Forschungsprojekts"></div> |
| |
6.1 | 59 | <div style="padding:18px 21px 20px"> |
| |
9.10 | 60 | <div class="eye" style="color:#8a4d36;margin-bottom:5px">VORBEREITEN · PROJEKTPLANUNG & ORGANISATION</div> |
| 61 | <h2 style="font-size:27px;line-height:1.2;margin:0 0 8px;color:#2c2926">Plane ein Projekt, das institutionell verankert, finanziert, personell ausgestattet und umgesetzt werden kann</h2> | ||
| 62 | <p style="margin:0;color:#5e5953;line-height:1.6;max-width:1120px">Projektplanung an der Angewandten besteht nicht nur aus Zeitplan und Budget. Ein umsetzbares Projekt braucht eine klare künstlerische oder wissenschaftliche Verankerung, eindeutige Verantwortlichkeiten, einen passenden Förder- und Administrationsweg und die frühzeitige Abstimmung mit jenen Universitätsstrukturen, die durch dein Projekt relevant werden.</p> | ||
| |
6.1 | 63 | </div></section> |
| |
2.1 | 64 | |
| |
9.10 | 65 | <div class="info" style="margin-bottom:20px"><strong>Kontaktiere nicht alle Stellen gleichzeitig.</strong> Beginne mit deiner <strong>akademischen oder künstlerischen Verankerung</strong> und bei geförderten oder projektbasierten Kunst- oder Forschungsvorhaben mit <strong>Support Kunst und Forschung</strong>. Beziehe weitere Stellen erst dann ein, wenn ein konkreter Projektauslöser sie relevant macht: Personal, Finanzen, Verträge, IT, Räume, Veranstaltungen, Daten, Studierende, Barrierefreiheit, internationale Partner:innen usw.</div> |
| |
2.1 | 66 | |
| |
9.10 | 67 | <div class="warn" style="margin-bottom:28px"><strong>Organisationsstrukturen können sich ändern.</strong> Diese Seite orientiert sich an der Organisationsstruktur 2026 und verlinkt auf aktuelle Universitätsseiten. Für Freigaben, Unterschriften, interne Fristen und verbindliche Verfahren kläre den jeweils aktuellen Weg mit der zuständigen Stelle.</div> |
| |
2.1 | 68 | |
| |
6.1 | 69 | <section class="sec"> |
| |
9.10 | 70 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 1 · PROJEKT-GOVERNANCE</div> |
| 71 | <h3>Definiere die interne Projektstruktur vor dem detaillierten Arbeitsplan</h3> | ||
| 72 | <p>Halte Namen fest, nicht nur Funktionen. In einem kleinen Projekt kann eine Person mehrere Rollen übernehmen; die jeweilige Verantwortung sollte trotzdem ausdrücklich benannt sein.</p> | ||
| |
6.1 | 73 | <div class="grid"> |
| |
9.10 | 74 | <div class="role"><h4>Projektleitung / Leitung künstlerischer Forschung</h4><p>Verantwortet Konzept, Umfang, zentrale Entscheidungen, Qualität und externe Zusagen.</p></div> |
| 75 | <div class="role"><h4>Institutionelle / akademische Verankerung</h4><p>Das Institut, die Abteilung, besondere Universitätseinrichtung oder Organisationseinheit, in der das Projekt verankert ist.</p></div> | ||
| 76 | <div class="role"><h4>Projektadministration</h4><p>Koordiniert Antragsunterlagen, Fristen, Kommunikation mit Förderstellen, Verträge, Nachweise und interne Abläufe.</p></div> | ||
| 77 | <div class="role"><h4>Budgetverantwortung</h4><p>Führt das Arbeitsbudget, behält Förderbedingungen und Freigaben im Blick und dokumentiert Kosten sowie wesentliche Änderungen.</p></div> | ||
| 78 | <div class="role"><h4>Personal- / Teamverantwortung</h4><p>Klärt Personaleinsatz, Rekrutierung, Arbeitsbelastung, Verträge, Einarbeitung, externe Mitwirkende und Zusammenarbeit.</p></div> | ||
| 79 | <div class="role"><h4>Daten- / Dokumentationsverantwortung</h4><p>Koordiniert Dateien, Speicherung, Backup, Zugriffe, Metadaten, Einwilligungen, Dokumentation und Übergabe.</p></div> | ||
| 80 | <div class="role"><h4>Infrastruktur- / Produktionsverantwortung</h4><p>Koordiniert Räume, Werkstätten, Ausstattung, IT, Beschaffung, Logistik, Sicherheit und technische Abhängigkeiten.</p></div> | ||
| 81 | <div class="role"><h4>Kommunikations- / Verbreitungsverantwortung</h4><p>Plant öffentliche Kommunikation, Publikation, Veranstaltungen, Dokumentation, Credits, Sichtbarkeit und Zielgruppen.</p></div> | ||
| 82 | <div class="role"><h4>Partner:innenkontakt</h4><p>Koordiniert externe Institutionen, vereinbarte Ergebnisse, Budgetabstimmungen und Vereinbarungen.</p></div> | ||
| |
6.1 | 83 | </div> |
| 84 | </section> | ||
| |
2.1 | 85 | |
| |
6.1 | 86 | <section class="sec"> |
| |
9.10 | 87 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 2 · INTERNER WEG</div> |
| 88 | <h3>Nutze diese Reihenfolge, um dich durch die Angewandte zu orientieren</h3> | ||
| |
6.1 | 89 | <div class="grid"> |
| |
9.10 | 90 | <div class="check"><strong>1 · Projekt verankern</strong><br>Klär das Institut, die Abteilung, besondere Universitätseinrichtung oder Organisationseinheit, die das Projekt trägt.</div> |
| 91 | <div class="check"><strong>2 · Förder- / Projektweg klären</strong><br>Beziehe bei Kunst-, Forschungs- und drittmittelfinanzierten Projekten Support Kunst und Forschung frühzeitig ein.</div> | ||
| 92 | <div class="check"><strong>3 · Fachstellen gezielt einbeziehen</strong><br>Finanzen, Personal, Recht, IT, Facility, Veranstaltungsmanagement, Kommunikation, International Office, Bibliothek, Studienangelegenheiten, DEI usw. nur dort einbeziehen, wo sie tatsächlich benötigt werden.</div> | ||
| 93 | <div class="check"><strong>4 · Institutionelle Freigaben bestätigen</strong><br>Klär interne Fristen, Budget-/Personalfreigaben, Zeichnungsberechtigung, Verträge und den externen Einreichweg.</div> | ||
| 94 | <div class="check"><strong>5 · Einreichstand festhalten</strong><br>Speichere die finale Ausschreibung, das freigegebene Budget, den Arbeitsplan, die Rollen und die eingereichten Unterlagen.</div> | ||
| 95 | <div class="check"><strong>6 · Änderungssteuerung planen</strong><br>Lege fest, wer Änderungen an Umfang, Personal, Budget, Partner:innen, Zeitplan oder öffentlichen Outputs genehmigen muss.</div> | ||
| |
6.1 | 96 | </div> |
| 97 | </section> | ||
| |
2.1 | 98 | |
| |
6.1 | 99 | <section class="sec"> |
| |
9.10 | 100 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">BEISPIELE · WIE FORSCHUNG AN DER ANGEWANDTEN VERANKERT IST</div> |
| 101 | <h3>Nutze bestehende Projekte, um mögliche Forschungsprofile und institutionelle Verankerungen zu verstehen</h3> | ||
| |
9.1 | 102 | <p> |
| |
9.10 | 103 | Die Angewandte präsentiert Forschungsprojekte aus mehreren Forschungsschwerpunkten und Perspektiven. |
| 104 | Diese Seiten helfen dir zu verstehen, wie ein Projekt wie deines gerahmt sein könnte, | ||
| 105 | wo vergleichbare Projekte an der Universität angesiedelt sind, welche Förderprogramme genutzt wurden | ||
| 106 | und welche Institute oder Forschungsumgebungen ähnliche Vorhaben getragen haben. | ||
| |
9.1 | 107 | </p> |
| 108 | |||
| 109 | <div class="research-example-grid"> | ||
| 110 | |||
| 111 | <div class="research-example" style="border-top:4px solid #e94b13;"> | ||
| |
9.10 | 112 | <div class="eye" style="font-size:11px;color:#8a4d36;margin-bottom:5px;">KÜNSTLERISCHE FORSCHUNG</div> |
| |
9.1 | 113 | <h4>Fokus Künstlerische Forschung</h4> |
| 114 | <p> | ||
| |
9.10 | 115 | Beispiele für künstlerische und arts-based Forschungsprojekte an der Angewandten, darunter viele Projekte, |
| 116 | die über FWF PEEK und verwandte Programme gefördert wurden. Nutze diese Seite, um zu sehen, wie künstlerische Praxis, | ||
| 117 | Forschungsfragen, Projektleitung und institutionelle Zugehörigkeit in geförderten Projekten zusammenwirken. | ||
| |
9.1 | 118 | </p> |
| 119 | <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/kuenstlerische_forschung" | ||
| 120 | target="_blank" rel="noopener"> | ||
| |
9.10 | 121 | Projekte der künstlerischen Forschung ansehen ↗ |
| |
9.1 | 122 | </a> |
| 123 | </div> | ||
| 124 | |||
| 125 | <div class="research-example" style="border-top:4px solid #21b6d7;"> | ||
| |
9.10 | 126 | <div class="eye" style="font-size:11px;color:#3f6871;margin-bottom:5px;">WISSENSCHAFTLICHE FORSCHUNG</div> |
| |
9.1 | 127 | <h4>Fokus Wissenschaftliche Forschung</h4> |
| 128 | <p> | ||
| |
9.10 | 129 | Beispiele wissenschaftlicher Forschung aus den Instituten und Feldern der Universität, darunter FWF-geförderte |
| 130 | Grundlagenforschung, ESPRIT-Projekte und weitere extern finanzierte Forschung. Nutze diese Seite, um Projekttypen, | ||
| 131 | institutionelle Verankerungen, Förderprogramme und disziplinäre oder interdisziplinäre Forschungskontexte zu vergleichen. | ||
| |
9.1 | 132 | </p> |
| 133 | <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/wissenschaftliche_forschung" | ||
| 134 | target="_blank" rel="noopener"> | ||
| |
9.10 | 135 | Wissenschaftliche Forschungsprojekte ansehen ↗ |
| |
9.1 | 136 | </a> |
| 137 | </div> | ||
| 138 | |||
| 139 | <div class="research-example" style="border-top:4px solid #38b76a;"> | ||
| |
9.10 | 140 | <div class="eye" style="font-size:11px;color:#4a6c53;margin-bottom:5px;">RELATIONALE / BEREICHSÜBERGREIFENDE FORSCHUNG</div> |
| |
9.1 | 141 | <h4>Fokus Relationale Forschung</h4> |
| 142 | <p> | ||
| |
9.10 | 143 | Beispiele für Projekte, die über spezifische Ausschreibungen, thematische Beziehungen und bereichsübergreifende Forschungsrahmen |
| 144 | organisiert sind, darunter INTRA, digitale und soziale Transformation sowie Forschungsinfrastruktur-Initiativen. | ||
| 145 | Nutze diese Seite, wenn dein Projekt Disziplinen, Infrastrukturen, Institutionen oder thematische Programme verbindet. | ||
| |
9.1 | 146 | </p> |
| 147 | <a href="https://dieangewandte.at/kunst_und_forschung/projekte_fokus_forschung/fokus_relationale_forschung" | ||
| 148 | target="_blank" rel="noopener"> | ||
| |
9.10 | 149 | Projekte der relationalen Forschung ansehen ↗ |
| |
9.1 | 150 | </a> |
| 151 | </div> | ||
| 152 | |||
| 153 | </div> | ||
| 154 | |||
| 155 | <div class="info" style="margin-top:14px;"> | ||
| |
9.10 | 156 | <strong>So nutzt du diese Beispiele:</strong> |
| 157 | Übernimm die Struktur eines Projekts nicht einfach deshalb, weil das Thema ähnlich klingt. | ||
| 158 | Vergleiche <strong>Projekttyp, tragende Einheit, Förderprogramm, Projektleitung, Partner:innen, Laufzeit und Outputs</strong>. | ||
| 159 | Diese Elemente helfen dir einzuschätzen, ob ein bestehendes Projekt eine sinnvolle Planungsreferenz für dein eigenes Vorhaben ist. | ||
| |
9.1 | 160 | </div> |
| 161 | </section> | ||
| 162 | |||
| 163 | <section class="sec"> | ||
| |
9.10 | 164 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 3 · WEN SOLL ICH EINBEZIEHEN?</div> |
| 165 | <h3>Projektrelevante Strukturen der Angewandten</h3> | ||
| 166 | <p>Nicht jedes Projekt braucht jede Stelle. Nutze die folgenden Auslöser als Orientierung.</p> | ||
| |
6.1 | 167 | <details class="detail" open> |
| |
9.10 | 168 | <summary>A · Dein Institut, deine Abteilung, Werkstatt oder besondere Universitätseinrichtung — die Projektverankerung</summary> |
| |
6.1 | 169 | <div class="body"> |
| |
9.10 | 170 | <p><strong>Frühzeitig einbeziehen, wenn:</strong> das Projekt den Namen der Einheit, Personalzeit, Räume, Werkstätten, Ausstattung, Lehre, Budget, Infrastruktur oder institutionelle Zusagen nutzt.</p> |
| 171 | <p><strong>Aktuelle Institute:</strong></p> | ||
| 172 | <div><a class="chip" href="https://www.dieangewandte.at/en/institutes/architecture/institute_of_architecture" target="_blank" rel="noopener" title="Institut für Architektur auf dieAngewandte öffnen">Institut für Architektur</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/fine_arts_and_media_art" target="_blank" rel="noopener" title="Institut für Bildende und Mediale Kunst auf dieAngewandte öffnen">Institut für Bildende und Mediale Kunst</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/design" target="_blank" rel="noopener" title="Institut für Design auf dieAngewandte öffnen">Institut für Design</a><a class="chip" href="https://www.dieangewandte.at/en/ikr_institut" target="_blank" rel="noopener" title="Institut für Konservierung und Restaurierung auf dieAngewandte öffnen">Institut für Konservierung und Restaurierung</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/arts_and_society/institute_of_arts_and_society" target="_blank" rel="noopener" title="Institut für Kunst und Gesellschaft auf dieAngewandte öffnen">Institut für Kunst und Gesellschaft</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/art_and_technology" target="_blank" rel="noopener" title="Institut für Kunst und Technologie auf dieAngewandte öffnen">Institut für Kunst und Technologie</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/studies_in_art_and_art_education" target="_blank" rel="noopener" title="Institut für Kunstwissenschaften, Kunstpädagogik und Kunstvermittlung auf dieAngewandte öffnen">Institut für Kunstwissenschaften, Kunstpädagogik und Kunstvermittlung</a><a class="chip" href="https://www.dieangewandte.at/languagearts" target="_blank" rel="noopener" title="Institut für Sprachkunst auf dieAngewandte öffnen">Institut für Sprachkunst</a></div> | ||
| 173 | <p style="margin-top:12px;"><strong>Besondere Universitätseinrichtungen, die als Projektverankerung, Partner:innen, Infrastruktur oder Forschungsressource relevant werden können:</strong></p> | ||
| 174 | <div><a class="chip" href="https://www.dieangewandte.at/en/university/organisation/special_university_facilities/angewandte_interdisciplinary_laboratory" target="_blank" rel="noopener" title="Angewandte Interdisciplinary Lab auf dieAngewandte öffnen">Angewandte Interdisciplinary Lab</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/angewandte_performance_laboratory_apl" target="_blank" rel="noopener" title="Angewandte Performance Lab auf dieAngewandte öffnen">Angewandte Performance Lab</a><a class="chip" href="https://www.dieangewandte.at/art_science_school_transformation" target="_blank" rel="noopener" title="Art x Science School for Transformation auf dieAngewandte öffnen">Art x Science School for Transformation</a><a class="chip" href="https://www.dieangewandte.at/doctoral_centre" target="_blank" rel="noopener" title="Doktoratszentrum auf dieAngewandte öffnen">Doktoratszentrum</a><a class="chip" href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener" title="Diversität, Gleichstellung & Inklusion auf dieAngewandte öffnen">Diversität, Gleichstellung & Inklusion</a><a class="chip" href="https://www.dieangewandte.at/en/institutes/collection_and_archive" target="_blank" rel="noopener" title="Kunstsammlung und Archiv auf dieAngewandte öffnen">Kunstsammlung und Archiv</a><a class="chip" href="https://www.dieangewandte.at/en/university/university_gallery" target="_blank" rel="noopener" title="Universitätsgalerie auf dieAngewandte öffnen">Universitätsgalerie</a><a class="chip" href="https://www.dieangewandte.at/institute/peterweibel" target="_blank" rel="noopener" title="Weibel Institute for Digital Cultures auf dieAngewandte öffnen">Weibel Institute for Digital Cultures</a></div> | ||
| 175 | <p style="margin-top:12px;"><a href="https://www.dieangewandte.at/universitaet/organisation" target="_blank" rel="noopener">Aktuelle Universitätsorganisation</a></p> | ||
| |
6.1 | 176 | </div> |
| 177 | </details><details class="detail" open> | ||
| |
9.10 | 178 | <summary>B · Support Kunst und Forschung — Projekt- und Förderkoordination</summary> |
| |
6.1 | 179 | <div class="body"> |
| |
9.10 | 180 | <p><strong>Nutzen, wenn:</strong> du künstlerische, wissenschaftliche oder arts-based Forschungsprojekte entwickelst, Förderungen suchst, externe Anträge vorbereitest oder drittmittelfinanzierte Projekte koordinierst.</p> |
| |
6.1 | 181 | <ul> |
| |
9.10 | 182 | <li>Konzeptentwicklung und Feedback</li> |
| 183 | <li>Förderlandschaft und Passung zur Ausschreibung</li> | ||
| 184 | <li>administrative und finanzielle Mitentwicklung des Projekts</li> | ||
| 185 | <li>Koordination geförderter Projekte und Partner:innen</li> | ||
| 186 | <li>Unterstützung bei FWF, FFG, EU-Programmen, Stadt Wien und weiteren Förderstellen</li> | ||
| |
6.1 | 187 | </ul> |
| 188 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/support_kunst_und_forschung" target="_blank" rel="noopener">Support Kunst und Forschung</a> · <a href="mailto:support_kf@uni-ak.ac.at">support_kf@uni-ak.ac.at</a></p> | ||
| 189 | </div> | ||
| 190 | </details><details class="detail"> | ||
| |
9.10 | 191 | <summary>C · Rektorat — Strategie, institutionelle Zusagen und Verantwortung auf Universitätsebene</summary> |
| |
6.1 | 192 | <div class="body"> |
| |
9.10 | 193 | <p>Die meisten Projekte beginnen <strong>nicht</strong> mit einer direkten Kontaktaufnahme zum Rektorat. Relevant wird es, wenn ein Projekt Entscheidungen auf Universitätsebene, institutionelle Zusagen, Strategie, Ressourcen, Partnerschaften oder Zeichnungsberechtigung erfordert. Kläre Fragen nach Möglichkeit über deine tragende Einheit und die zuständige Service-Stelle.</p> |
| |
6.1 | 194 | <ul> |
| |
9.10 | 195 | <li><strong>Rektor:in:</strong> Gesamtstrategie, Budget-/Personalzuteilung an Organisationseinheiten, institutionelle Vertretung, internationale Universitätspartnerschaften, Arbeits-/Dienstverträge und Vollmachten.</li> |
| 196 | <li><strong>Vizerektor:in für Wissenschaft, Forschung & Digitalität:</strong> Forschungsstrategie, Unterstützung künstlerischer/wissenschaftlicher Forschung, digitale Entwicklung, IT & Digitalisierung, Support Kunst und Forschung, Universitätsbibliothek und Doktoratszulassungen.</li> | ||
| 197 | <li><strong>Vizerektor:in für Finanzen & Infrastruktur:</strong> Finanzmanagement, Drittmittelverwaltung, Ressourcen, Beschaffung/Infrastruktur, Liegenschaften, Facility Management und Veranstaltungsmanagement.</li> | ||
| 198 | <li><strong>Vizerektor:in für Kunst, Lehre & Studium:</strong> Studien-/Prüfungsangelegenheiten, Lehre, Lehrqualität, curriculare Fragen und Lehrressourcen.</li> | ||
| 199 | <li><strong>Vizerektor:in für Kooperative Disziplinarität, Engagement & Innovation:</strong> internationale Beziehungen und Partnerschaften, Diversität/Gleichstellung/Inklusion, International Office, AIL und Art x Science School for Transformation.</li> | ||
| |
6.1 | 200 | </ul> |
| |
9.10 | 201 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat" target="_blank" rel="noopener">Aktuelles Rektorat und Ressorts</a></p> |
| |
6.1 | 202 | </div> |
| 203 | </details><details class="detail"> | ||
| |
9.10 | 204 | <summary>D · Finanzen — Budget, Buchhaltung, Controlling und Ressourcenplanung</summary> |
| |
6.1 | 205 | <div class="body"> |
| |
9.10 | 206 | <p><strong>Nutzen, wenn:</strong> das Projekt ein Budget, Drittmittel, Rechnungen, Einnahmen, Kostenplanung, Kofinanzierung, Finanzberichte oder institutionelle Ressourcen umfasst.</p> |
| |
6.1 | 207 | <ul> |
| |
9.10 | 208 | <li><strong>Controlling:</strong> Budgetplanung, Monitoring, Steuerungsdaten, Finanzpläne und Berichtsschnittstellen.</li> |
| 209 | <li><strong>Finanzbuchhaltung:</strong> universitäre Zahlungen, Kreditor:innen/Debitor:innen, Dienstverträge/Gastlehre, Buchhaltung, Anlagen, Umsatzsteuer-/Steuerinformationen und Jahresabschlüsse.</li> | ||
| 210 | <li><strong>Ressourcenplanung:</strong> kläre die aktuellen Zuständigkeiten für institutionelle Ressourcenplanung und den Budgetweg des Projekts.</li> | ||
| |
6.1 | 211 | </ul> |
| |
9.10 | 212 | <p><a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen" target="_blank" rel="noopener">Finanzen</a> · |
| |
6.1 | 213 | <a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/controlling" target="_blank" rel="noopener">Controlling</a> · |
| |
9.10 | 214 | <a href="https://dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/finanzen/finanzbuchhaltung" target="_blank" rel="noopener">Finanzbuchhaltung</a></p> |
| |
6.1 | 215 | </div> |
| 216 | </details><details class="detail"> | ||
| |
9.10 | 217 | <summary>E · Personal — Besetzung, Verträge, Arbeitsbelastung, Einarbeitung und Teamentwicklung</summary> |
| |
6.1 | 218 | <div class="body"> |
| |
9.10 | 219 | <p><strong>Nutzen, wenn:</strong> das Projekt Beschäftigung schafft oder verändert, Projektpersonal rekrutiert, bestehende Personalzeit nutzt, Einarbeitung erfordert oder Unterstützung bei der Zusammenarbeit im Team braucht.</p> |
| |
6.1 | 220 | <ul> |
| |
9.10 | 221 | <li><strong>Personalmanagement:</strong> Beschäftigungs- und Personaladministration; kläre den aktuellen Weg für Projektpersonal und Vertragsarten.</li> |
| 222 | <li><strong>Personalentwicklung:</strong> Einarbeitung, Teamcoaching, Organisationsentwicklung, Konfliktunterstützung/Mediation, Führungskräftecoaching und Personalentwicklung.</li> | ||
| 223 | <li>Klär personelle Vorlaufzeiten, bevor du in einem Antrag Starttermine zusagst.</li> | ||
| 224 | <li>Gehe nicht davon aus, dass eine externe Budgetposition automatisch einen Beschäftigungsweg schafft.</li> | ||
| |
6.1 | 225 | </ul> |
| |
9.10 | 226 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personal_finanzen_recht" target="_blank" rel="noopener">Personal</a> · |
| 227 | <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/personalentwicklung" target="_blank" rel="noopener">Personalentwicklung</a></p> | ||
| |
6.1 | 228 | </div> |
| 229 | </details><details class="detail"> | ||
| |
9.10 | 230 | <summary>F · Recht & Datenschutz — Verträge, Rechte, IP, personenbezogene Daten und rechtliche Risiken</summary> |
| |
6.1 | 231 | <div class="body"> |
| |
9.10 | 232 | <p><strong>Nutzen, wenn:</strong> Vereinbarungen, externe Partner:innen, Lizenzen, Urheberrecht/IP, personenbezogene Daten, Vertraulichkeit, komplexe Bedingungen oder institutionelle rechtliche Verpflichtungen betroffen sind.</p> |
| |
6.1 | 233 | <ul> |
| |
9.10 | 234 | <li><strong>Rechtsabteilung:</strong> unterstützt Universitätsangehörige bei Rechtsfragen.</li> |
| 235 | <li><strong>Datenschutzbeauftragte:r:</strong> einbeziehen, wenn Verarbeitung personenbezogener Daten, Datenaustausch, Auftragsverarbeiter:innen/Plattformen oder andere Datenschutzfragen eine fachliche Prüfung erfordern.</li> | ||
| 236 | <li>Plane die rechtliche Prüfung vor der Einreichfrist ein, wenn Förder- oder Partnerverträge Teil der Einreichung sind.</li> | ||
| |
6.1 | 237 | </ul> |
| |
9.10 | 238 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/recht" target="_blank" rel="noopener">Recht</a> · <a href="mailto:rechtsabteilung@uni-ak.ac.at">rechtsabteilung@uni-ak.ac.at</a></p> |
| |
6.1 | 239 | </div> |
| 240 | </details><details class="detail"> | ||
| |
9.10 | 241 | <summary>G · IT & Digitalisierung — Systeme, digitale Services, Infrastruktur und IT-Projekte</summary> |
| |
6.1 | 242 | <div class="body"> |
| |
9.10 | 243 | <p><strong>Nutzen, wenn:</strong> das Projekt Accounts, Universitäts-IT, Server/Speicher, Netzwerke, spezialisierte digitale Systeme, Integrationen, neue Software/Services oder einen digitalen institutionellen Prozess benötigt.</p> |
| |
6.1 | 244 | <ul> |
| 245 | <li><strong>Base</strong></li> | ||
| |
9.10 | 246 | <li><strong>ITD-Projektkoordination</strong></li> |
| 247 | <li><strong>Zentrale IT-Services (ZID):</strong> universitätsweite Informations- und Kommunikationsinfrastruktur, Service/Support, Netzwerke, Server und kunstuniversitätsspezifische IT-Systeme.</li> | ||
| |
6.1 | 248 | </ul> |
| |
9.10 | 249 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/it_digitalisierung" target="_blank" rel="noopener">IT & Digitalisierung</a> · <a href="mailto:helpdesk@uni-ak.ac.at">helpdesk@uni-ak.ac.at</a></p> |
| |
6.1 | 250 | </div> |
| 251 | </details><details class="detail"> | ||
| |
9.10 | 252 | <summary>H · Facility Management — Räume, Beschaffung, Material, Gebäudetechnik, Logistik und Sicherheit</summary> |
| |
6.1 | 253 | <div class="body"> |
| |
9.10 | 254 | <p><strong>Nutzen, wenn:</strong> das Projekt Flächen, temporäre Räume, Ausstattung-/Materialbeschaffung, gebäudetechnische Anforderungen, Logistik, Lieferungen, Lagerung, Zugang oder Sicherheitskoordination benötigt.</p> |
| |
6.1 | 255 | <ul> |
| |
9.10 | 256 | <li><strong>Beschaffung & Materialmanagement:</strong> Beschaffungsberatung, Angebote, Einkauf, Bestellungen/Rechnungen, Anlagen/Inventar und Materialien.</li> |
| 257 | <li><strong>Gebäudetechnik & Sicherheit</strong></li> | ||
| 258 | <li><strong>Liegenschaften & Raumkoordination:</strong> Raum- und Liegenschaftskoordination, zentral buchbare Räume.</li> | ||
| 259 | <li><strong>Post & Logistik</strong></li> | ||
| 260 | <li><strong>Service & Betrieb</strong></li> | ||
| |
6.1 | 261 | </ul> |
| 262 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management" target="_blank" rel="noopener">Facility Management</a> · | ||
| |
9.10 | 263 | <a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/facility_management/logistik__beschaffung" target="_blank" rel="noopener">Beschaffung & Materialmanagement</a> · |
| 264 | <a href="https://www.dieangewandte.at/liegenschaften_und_raumkoordination" target="_blank" rel="noopener">Liegenschaften & Raumkoordination</a></p> | ||
| |
6.1 | 265 | </div> |
| 266 | </details><details class="detail"> | ||
| |
9.10 | 267 | <summary>I · Veranstaltungsmanagement — öffentliche Veranstaltungen, Veranstaltungsräume und Produktionskoordination</summary> |
| |
6.1 | 268 | <div class="body"> |
| |
9.10 | 269 | <p><strong>Nutzen, wenn:</strong> das Projekt ein Symposium, Screening, eine Performance, öffentliche Präsentation, Konferenz, größere Ausstellungsveranstaltung umfasst oder zentral verwaltete Veranstaltungsräume/-services benötigt.</p> |
| |
6.1 | 270 | <ul> |
| |
9.10 | 271 | <li>unterstützt Mitarbeiter:innen bei Planung und Umsetzung universitärer Veranstaltungen</li> |
| 272 | <li>unterstützt bei Ideen- und Raumsuche, Vorbereitung, Durchführung und Nachbereitung</li> | ||
| 273 | <li>stimme dich bei Raum-, Gebäude- und technischen Abhängigkeiten frühzeitig mit dem Facility Management ab</li> | ||
| 274 | <li>stimme öffentliche Kommunikation mit Presse & Kommunikation ab</li> | ||
| |
6.1 | 275 | </ul> |
| |
9.10 | 276 | <p><a href="https://dieangewandte.at/veranstaltungsmanagement" target="_blank" rel="noopener">Veranstaltungsmanagement</a> · <a href="mailto:veranstaltungen@uni-ak.ac.at">veranstaltungen@uni-ak.ac.at</a></p> |
| |
6.1 | 277 | </div> |
| 278 | </details><details class="detail"> | ||
| |
9.10 | 279 | <summary>J · Presse & Kommunikation — öffentliche Sichtbarkeit, Medien, Publikationen, Web und Kooperationen</summary> |
| |
6.1 | 280 | <div class="body"> |
| |
9.10 | 281 | <p><strong>Nutzen, wenn:</strong> das Projekt die Universität öffentlich repräsentiert oder Presse-/Medienarbeit, Web-/Social-Kommunikation, Marketing, institutionelle Publikationen, grafische/CI-Unterstützung oder öffentliche Kooperationskommunikation benötigt.</p> |
| |
6.1 | 282 | <ul> |
| |
9.10 | 283 | <li>Presse</li><li>Publikationen / Edition Angewandte</li><li>Kooperationen</li><li>Marketing</li> |
| 284 | <li>Website / Social Media / Newsletter</li><li>institutionelle visuelle Identität / CI-Aspekte</li> | ||
| |
6.1 | 285 | </ul> |
| |
9.10 | 286 | <p><a href="https://www.dieangewandte.at/presse_kommunikation" target="_blank" rel="noopener">Presse & Kommunikation</a></p> |
| |
6.1 | 287 | </div> |
| 288 | </details><details class="detail"> | ||
| |
9.10 | 289 | <summary>K · International Office — Mobilität und internationaler Projektkontext</summary> |
| |
6.1 | 290 | <div class="body"> |
| |
9.10 | 291 | <p><strong>Nutzen, wenn:</strong> Personal-/Studierendenmobilität, Austauschwege, internationale Gäste oder Mobilitätsförderung Teil des Projekts sind.</p> |
| 292 | <p>Bei umfassenderen Universitätspartnerschaften und institutioneller internationaler Zusammenarbeit kann zusätzlich der zuständige Vizerektorats-/Rektoratsweg relevant werden.</p> | ||
| 293 | <p><a href="https://www.dieangewandte.at/studium/auslandsaufenthalte/personalmobilitaet" target="_blank" rel="noopener">International Office · Personalmobilität</a> · <a href="mailto:international.office@uni-ak.ac.at">international.office@uni-ak.ac.at</a></p> | ||
| |
6.1 | 294 | </div> |
| 295 | </details><details class="detail"> | ||
| |
9.10 | 296 | <summary>L · Universitätsbibliothek & Recherche-/Discovery-Strukturen</summary> |
| |
6.1 | 297 | <div class="body"> |
| |
9.10 | 298 | <p><strong>Nutzen, wenn:</strong> das Projekt Literatur, lizenzierte Datenbanken, Forschungsrecherche, Publikations-/Repositoriumswege oder bibliothekarische Expertise benötigt.</p> |
| 299 | <p>Denke über die Bibliothek hinaus, wenn dein Projekt institutionelle Sammlungen, Archive oder spezialisierte Forschungsressourcen nutzt: Kunstsammlung und Archiv, Weibel Institute und andere besondere Universitätseinrichtungen können je nach Thema relevant sein.</p> | ||
| 300 | <p><a href="https://www.dieangewandte.at/universitaetsbibliothek" target="_blank" rel="noopener">Universitätsbibliothek</a></p> | ||
| |
6.1 | 301 | </div> |
| 302 | </details><details class="detail"> | ||
| |
9.10 | 303 | <summary>M · Studium, Lehre, Curricula & Doktoratszentrum</summary> |
| |
6.1 | 304 | <div class="body"> |
| |
9.10 | 305 | <p><strong>Nutzen, wenn:</strong> das Projekt Lehre, Lehrveranstaltungen, Curricula, Prüfungen, Studierende, Abschlussarbeiten oder Doktoratsstudien direkt betrifft.</p> |
| |
6.1 | 306 | <ul> |
| |
9.10 | 307 | <li><strong>Studienangelegenheiten:</strong> Studierendenadministration und studienrechtliche Prozesse von der Zulassung bis zum Abschluss.</li> |
| 308 | <li><strong>Vizerektor:in für Kunst, Lehre & Studium:</strong> Lehre, Studium/Prüfungen, Lehrqualität und Lehrressourcen.</li> | ||
| 309 | <li><strong>Doktoratszentrum:</strong> zentrale Anlaufstelle für Doktorand:innen; unterstützt Vernetzung und Projektanbahnung über Doktoratsprogramme hinweg.</li> | ||
| 310 | <li><strong>Qualitätskultur Lehre & Curriculumswerkstatt:</strong> bei relevanten Fragen zu Lehre, Curriculum oder Qualitätsentwicklung entsprechend dem aktuellen Aufgabenbereich einbeziehen.</li> | ||
| |
6.1 | 311 | </ul> |
| |
9.10 | 312 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/planung_service_und_verwaltung/studienangelegenheiten" target="_blank" rel="noopener">Studienangelegenheiten</a> · |
| 313 | <a href="https://prod.dieangewandte.at/doktoratszentrum" target="_blank" rel="noopener">Doktoratszentrum</a></p> | ||
| |
6.1 | 314 | </div> |
| 315 | </details><details class="detail"> | ||
| |
9.10 | 316 | <summary>N · Diversität, Gleichstellung, Inklusion & Barrierefreiheit</summary> |
| |
6.1 | 317 | <div class="body"> |
| |
9.10 | 318 | <p><strong>Nutzen, wenn:</strong> Barrierefreiheit, Inklusion, Partizipationsgestaltung, Chancengleichheit, Diversität, Behinderung, strukturelle Barrieren oder inklusive Kommunikation in das Projekt eingeplant werden müssen.</p> |
| |
6.1 | 319 | <ul> |
| |
9.10 | 320 | <li>DEI bündelt Expertise zu Diversität, Gleichstellung/Inklusion und Barrierefreiheit.</li> |
| 321 | <li>Team Barrierefrei bietet praktische Informationen zur Barrierefreiheit und Kontakte für Mitarbeiter:innen/Studierende mit Behinderungen.</li> | ||
| 322 | <li>Plane Barrierefreiheit bei Veranstaltungen früh genug, damit Dolmetschung, technische Unterstützung, barrierefreie Räume oder andere Maßnahmen budgetiert werden können.</li> | ||
| |
6.1 | 323 | </ul> |
| |
9.10 | 324 | <p><a href="https://www.dieangewandte.at/universitaet/organisation/rektorat/vizerektorin_studium_lehre_diversitaet/diversitaet_und_gleichstellung" target="_blank" rel="noopener">Diversität, Gleichstellung & Inklusion</a> · |
| 325 | <a href="https://www.dieangewandte.at/barrierefrei" target="_blank" rel="noopener">Barrierefreiheit an der Angewandten</a></p> | ||
| |
6.1 | 326 | </div> |
| 327 | </details><details class="detail"> | ||
| |
9.10 | 328 | <summary>O · Universitätsentwicklung & Qualitätskultur</summary> |
| |
6.1 | 329 | <div class="body"> |
| |
9.10 | 330 | <p><strong>Nutzen, wenn:</strong> das Projekt universitätsweit oder strategisch relevant ist, Organisations-/Qualitätsprozesse entwickelt, neue einheitenübergreifende Strukturen schafft oder eine Verbindung zu Universitätsentwicklung und Qualitätskultur benötigt.</p> |
| 331 | <p>Für die normale Projektumsetzung ist dies keine Standardstelle der Projektadministration. Beziehe sie ein, wenn der Projektzweck tatsächlich institutionelle Entwicklung oder Qualitätsprozesse betrifft.</p> | ||
| |
6.1 | 332 | <p><a href="mailto:uq@uni-ak.ac.at">uq@uni-ak.ac.at</a></p> |
| 333 | </div> | ||
| 334 | </details><details class="detail"> | ||
| |
9.10 | 335 | <summary>P · Gleichbehandlung / Personal- / Studierendenvertretung — unabhängige Beratung und Vertretung</summary> |
| |
6.1 | 336 | <div class="body"> |
| |
9.10 | 337 | <p>Diese Strukturen sind keine Projektmanagement-Stellen, können aber wesentlich sein, wenn ein Projekt Fragen zu Beschäftigung, Diskriminierung, Beteiligung oder Konflikten aufwirft.</p> |
| |
6.1 | 338 | <ul> |
| |
9.10 | 339 | <li><strong>Arbeitskreis für Gleichbehandlungsfragen (AKG):</strong> vertrauliche Anlaufstelle zu Gleichbehandlung, Diskriminierung und Belästigung.</li> |
| 340 | <li><strong>Betriebsräte:</strong> Vertretung des künstlerisch/wissenschaftlichen und allgemeinen Universitätspersonals in Beschäftigungsfragen.</li> | ||
| 341 | <li><strong>HUFAK / Hochschüler:innenschaft:</strong> Studierendenvertretung; relevant, wenn studentische Beteiligung und Interessen zentral sind.</li> | ||
| 342 | <li><strong>Schiedskommission:</strong> Teil der Governance-/Interessensvertretungsstruktur der Universität; keine reguläre Projektplanungsstelle.</li> | ||
| |
6.1 | 343 | </ul> |
| 344 | <p><a href="https://dieangewandte.at/gleichbehandlung" target="_blank" rel="noopener">AKG</a> · | ||
| |
9.10 | 345 | <a href="https://www.dieangewandte.at/universitaet/organisation/interessensvertretung/betriebsrat_fuer_das_kuenstlerische_und_wissenschaftliche_personal" target="_blank" rel="noopener">Betriebsrat künstlerisches/wissenschaftliches Personal</a> · |
| |
6.1 | 346 | <a href="https://www.dieangewandte.at/hufak" target="_blank" rel="noopener">HUFAK</a></p> |
| 347 | </div> | ||
| 348 | </details> | ||
| 349 | </section> | ||
| |
2.1 | 350 | |
| |
6.1 | 351 | <section class="sec"> |
| |
9.10 | 352 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 4 · AUSLÖSER-MATRIX</div> |
| 353 | <h3>Wenn dein Projekt Folgendes umfasst, beziehe diese Stellen frühzeitig ein</h3> | ||
| |
6.1 | 354 | <table class="tbl"> |
| |
9.10 | 355 | <thead><tr><th>Projektauslöser</th><th>Beginne mit</th><th>Danach prüfen</th></tr></thead> |
| 356 | <tbody><tr><td>Externe Forschungs- / Arts-Based-Research-Förderung</td><td>Tragende Einheit + Support Kunst und Forschung</td><td>Finanzen, Personal, Recht, je nach Bedarf Rektoratsweg</td></tr><tr><td>Neues Personal / Projektbeschäftigung / veränderte Arbeitsbelastung</td><td>Tragende Einheit + Personal</td><td>Finanzen, Support Kunst und Forschung, Betriebsrat bei Beratungsbedarf zur Vertretung</td></tr><tr><td>Größere Beschaffung / Ausstattung / externe Dienstleistung</td><td>Beschaffung & Materialmanagement</td><td>Finanzen, tragende Einheit, je nach Gegenstand IT oder Facility</td></tr><tr><td>Neue Software, Server, Datenbank, digitale Plattform oder Integration</td><td>IT & Digitalisierung / ZID</td><td>Datenschutz, Recht, Beschaffung, Forschungsdatenplanung</td></tr><tr><td>Räume, Werkstatt, Ausstellungsbau, Eingriff in Gebäude</td><td>Tragende Einheit + Facility / Raumkoordination</td><td>Sicherheit, Beschaffung, Veranstaltungsmanagement, Barrierefreiheit</td></tr><tr><td>Öffentliche Veranstaltung / Symposium / Screening / Performance</td><td>Veranstaltungsmanagement</td><td>Facility, Presse & Kommunikation, Rechte, Barrierefreiheit, Sicherheit</td></tr><tr><td>Externer Vertrag / Kooperationsvereinbarung / IP / Vertraulichkeit</td><td>Recht</td><td>Support Kunst und Forschung, Rektoratsweg, Finanzen, Datenschutz</td></tr><tr><td>Personenbezogene Daten / Teilnehmendendaten / Interviews / Aufzeichnungen</td><td>Datenschutz + Projektleitung</td><td>Ethik/Einwilligung, IT/Speicherung, Recht, Förderbedingungen</td></tr><tr><td>Publikation, Medienkampagne, Universitäts-Web/Social Media</td><td>Presse & Kommunikation</td><td>Rechte/Lizenzierung, Support Kunst und Forschung, Repositorium/Bibliothek</td></tr><tr><td>Internationale Mobilität</td><td>International Office</td><td>Tragende Einheit, Support Kunst und Forschung, je nach Förderung Personal/Finanzen</td></tr><tr><td>Formale internationale Universitätspartnerschaft</td><td>Tragende Einheit + zuständiger Rektoratsweg</td><td>International Office, Recht, Support Kunst und Forschung</td></tr><tr><td>Lehre / Curriculum / studienrechtliche Komponente</td><td>Tragendes Institut / Abteilung</td><td>Vizerektorat Kunst/Lehre/Studium, Studienangelegenheiten, Qualitäts-/Curriculumsstrukturen</td></tr><tr><td>Doktoratsprojekt / Struktur für Doktorand:innen</td><td>Doktoratszentrum + relevantes Programm</td><td>Forschungs-Vizerektorat/Zulassungsweg, Support Kunst und Forschung</td></tr><tr><td>Anforderungen zu Barrierefreiheit / Inklusion / Behinderung</td><td>DEI / Team Barrierefrei</td><td>Facility, Veranstaltungsmanagement, Kommunikation, Personal oder Studienangelegenheiten</td></tr><tr><td>Diskriminierungs- / Gleichbehandlungs- / Belästigungsanliegen</td><td>AKG</td><td>Unabhängiger/vertraulicher Weg; weitere Stellen nur, wenn angemessen</td></tr></tbody> | ||
| |
6.1 | 357 | </table> |
| 358 | </section> | ||
| |
2.1 | 359 | |
| |
6.1 | 360 | <section class="sec"> |
| |
9.10 | 361 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 5 · DER EIGENTLICHE PROJEKTPLAN</div> |
| 362 | <h3>Deine Planungsunterlagen sollten diese Bestandteile enthalten</h3> | ||
| |
6.1 | 363 | <div class="grid"> |
| |
9.10 | 364 | <div class="check"><strong>Projektsteckbrief</strong><br>Zweck, Umfang, Nicht-Umfang, Projekttyp, tragende Einheit, Leitung, Partner:innen, Start/Ende, Outputs.</div> |
| 365 | <div class="check"><strong>Rollen- & Verantwortungsmatrix</strong><br>Wer entscheidet, umsetzt, freigibt, konsultiert wird und informiert werden muss.</div> | ||
| 366 | <div class="check"><strong>Arbeitsplan</strong><br>Arbeitspakete, Meilensteine, Abhängigkeiten, Entscheidungspunkte, öffentliche Outputs und Abschluss.</div> | ||
| 367 | <div class="check"><strong>Budget-Ausgangsstand</strong><br>Kosten, Finanzierungsquelle, Kofinanzierung, institutionelle Ressourcen, Annahmen und Reserven.</div> | ||
| 368 | <div class="check"><strong>Personalplan</strong><br>Bestehendes Personal, Neueinstellungen, externe Mitwirkende, Arbeitsbelastung, Verträge, Einarbeitung und Übergabe.</div> | ||
| 369 | <div class="check"><strong>Beschaffungs- / Infrastrukturplan</strong><br>Beschaffungen, Ausstattung, Räume, Werkstätten, IT, Logistik, Sicherheit und Vorlaufzeiten.</div> | ||
| 370 | <div class="check"><strong>Partner:innenplan</strong><br>Rollen, Budgetabstimmungen, vereinbarte Ergebnisse, Vereinbarungen, IP, Daten, Kommunikation und Eskalation.</div> | ||
| 371 | <div class="check"><strong>Rechte- / Ethik- / Datenplan</strong><br>Fremdmaterial, Einwilligung, personenbezogene Daten, Lizenzen, Vertraulichkeit und Ethikprüfung.</div> | ||
| 372 | <div class="check"><strong>Kommunikations- / Veranstaltungsplan</strong><br>Zielgruppen, Medien, Publikation, Veranstaltungsbedarf, CI, Barrierefreiheit und Dokumentation.</div> | ||
| 373 | <div class="check"><strong>Risikoregister</strong><br>Förder-, Personal-, Rechte-, Daten-, Zeitplan-, Lieferant:innen-, Technik-, Raum-, Partner:innen- und Reputationsrisiken.</div> | ||
| 374 | <div class="check"><strong>Entscheidungsprotokoll</strong><br>Wichtige Entscheidungen, Datum, verantwortliche Person, Begründung und Auswirkung.</div> | ||
| 375 | <div class="check"><strong>Abschluss- / Übergabeplan</strong><br>Finale Dateien, Berichtswesen, Repositorium/Archiv, Ausstattung, Accounts, Zugriffe, Aufbewahrung und Verantwortlichkeiten.</div> | ||
| |
6.1 | 376 | </div> |
| 377 | </section> | ||
| |
2.1 | 378 | |
| |
6.1 | 379 | <section class="sec"> |
| |
9.10 | 380 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">SCHRITT 6 · RÜCKWÄRTS PLANEN</div> |
| 381 | <h3>Die externe Frist ist nicht deine erste Frist</h3> | ||
| |
6.1 | 382 | <table class="tbl"> |
| |
9.10 | 383 | <thead><tr><th>Planungspunkt</th><th>Frage</th></tr></thead> |
| |
6.1 | 384 | <tbody> |
| |
9.10 | 385 | <tr><td><strong>Externe Einreichung / öffentliche Eröffnung</strong></td><td>Was muss zu diesem Zeitpunkt vollständig und freigegeben sein?</td></tr> |
| 386 | <tr><td><strong>Institutionelle Freigabe / Unterschrift</strong></td><td>Wer braucht finale Unterlagen und Zeit für die Prüfung?</td></tr> | ||
| 387 | <tr><td><strong>Rechtliche / Partnervereinbarungen</strong></td><td>Was muss vor der Einreichung geprüft werden?</td></tr> | ||
| 388 | <tr><td><strong>Budget- / Personal- / Beschaffungsprüfung</strong></td><td>Sind Sätze, Beschäftigungen, Beschaffungen und Ressourcen realistisch und zulässig?</td></tr> | ||
| 389 | <tr><td><strong>Konzeptfreigabe</strong></td><td>Ab wann dürfen Umfang, Rollen, Arbeitspakete und Outputs nicht mehr laufend geändert werden?</td></tr> | ||
| 390 | <tr><td><strong>Beiträge der Partner:innen</strong></td><td>Wann müssen Partner:innen Texte, Budgets, Schreiben und Freigaben liefern?</td></tr> | ||
| 391 | <tr><td><strong>Interner Start</strong></td><td>Wann muss die Planung beginnen, damit all das möglich ist?</td></tr> | ||
| |
6.1 | 392 | </tbody></table> |
| 393 | </section> | ||
| |
2.1 | 394 | |
| |
6.1 | 395 | <section class="sec"> |
| |
9.10 | 396 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">STOPP & PRÜFEN</div> |
| 397 | <h3>Warnsignale in der Projektplanung</h3> | ||
| |
6.1 | 398 | <div class="grid"> |
| |
9.10 | 399 | <div class="warn"><strong>Keine institutionelle Verankerung.</strong><br>Das Projekt nutzt Namen/Ressourcen der Universität, aber keine tragende Einheit hat Verantwortung übernommen.</div> |
| 400 | <div class="warn"><strong>Externe Zusage ohne Freigabe.</strong><br>Partner:innen, Förderstelle, Veranstaltungsort oder Lieferant:in wurde etwas zugesagt, bevor der interne Weg geklärt ist.</div> | ||
| 401 | <div class="warn"><strong>Personen erscheinen nur als Budgetpositionen.</strong><br>Beschäftigungs-/Vertragswege und Vorlaufzeiten wurden nicht geprüft.</div> | ||
| 402 | <div class="warn"><strong>Ausstattung erscheint nur als Preis.</strong><br>Beschaffung, Eigentum, Installation, IT, Sicherheit, Wartung und Lagerung wurden nicht geplant.</div> | ||
| 403 | <div class="warn"><strong>Öffentlicher Output geplant, Rechte ungeklärt.</strong><br>Publikation/Ausstellung/Streaming wurde zugesagt, ohne Rechte, Einwilligungen oder Datenschutz zu klären.</div> | ||
| 404 | <div class="warn"><strong>Keine Verantwortung für das Projektende.</strong><br>Niemand ist für Abschlussberichte, Masterdateien, Repositorium/Archiv, Ausstattung, Accounts und das Schließen von Zugängen verantwortlich.</div> | ||
| |
6.1 | 405 | </div> |
| 406 | </section> | ||
| |
2.1 | 407 | |
| |
6.1 | 408 | <section class="sec"> |
| |
9.10 | 409 | <div class="eye" style="color:#8a4d36;margin-bottom:4px">WEITER PLANEN</div> |
| 410 | <h3>Verwandte Themen in „Vorbereiten“</h3> | ||
| 411 | <div class="linkgrid"><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Funding%20%26%20Funder%20Requirements/">Förderung & Förderbedingungen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Identify%20Your%20Data%20%26%20Research%20Outputs/">Daten & Forschungsoutputs bestimmen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Plan%20Your%20Data%20Management/">Datenmanagement planen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Copyright%2C%20Rights%20%26%20Licences/">Urheberrecht, Rechte & Lizenzen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Data%20Protection%20%26%20Ethics/">Datenschutz & Ethik</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/File%20Organisation%20%26%20Naming/">Dateien organisieren & benennen</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Storage%2C%20Backup%20%26%20Security/">Speicherung, Backup & Sicherheit</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Infrastructure%2C%20Services%20%26%20Tools/">Infrastruktur, Services & Tools</a><a class="navlink" href="https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Collaboration%20Setup/">Zusammenarbeit einrichten</a></div> | ||
| |
6.1 | 412 | </section> |
| |
2.1 | 413 | |
| |
9.10 | 414 | <div class="info" style="margin-bottom:14px"><strong>Brauchst du Hilfe bei der Strukturierung des Projekts?</strong> Für geförderte, künstlerische, wissenschaftliche und arts-based Forschungsprojekte ist Support Kunst und Forschung eine zentrale Koordinationsstelle. Bring eine kurze Projektbeschreibung, die tragende Einheit, die voraussichtliche antragstellende Stelle, Partner:innen, Laufzeit, ein grobes Budget und die wichtigsten Anforderungen an die Universität mit.</div> |
| |
2.1 | 415 | |
| |
9.10 | 416 | <!-- ARSN_TRAINING_WORKSHOPS_V2_START --> |
| 417 | <section class="arsn-training-workshops" data-arsn-training-workshops="v2" style="margin:27px 0 22px 0;"> | ||
| 418 | <div style="padding:16px 18px;background:#eef8fa;border:1px solid #cfe8ef;border-left:5px solid #21b6d7;border-radius:9px;"> | ||
| 419 | <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#3f6871;margin-bottom:5px;">SCHULUNGEN & WORKSHOPS</div> | ||
| 420 | <h3 style="font-size:20px;line-height:1.3;margin:0 0 7px;color:#35312d;text-align:left;">Schulungen, Workshops & Sprechstunden</h3> | ||
| 421 | <p style="margin:0 0 10px;color:#5e5953;line-height:1.55;">Passende Angebote zu diesem Thema werden hier künftig automatisch aus dem zentralen Kalender angezeigt.</p> | ||
| 422 | <span data-arsn-coming-soon="true" style="display:inline-block;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;line-height:1.2;">IN VORBEREITUNG</span> | ||
| 423 | </div> | ||
| 424 | </section> | ||
| 425 | <!-- ARSN_TRAINING_WORKSHOPS_V2_END --> | ||
| |
9.9 | 426 | |
| |
9.10 | 427 | <!-- ARSN_PRACTICAL_RESOURCES_V2_START --> |
| 428 | <section class="arsn-practical-resources" data-arsn-practical-resources="v2" style="margin:0 0 27px;"> | ||
| 429 | <div style="font-size:12px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:#8a4d36;margin-bottom:4px;">NÜTZLICHE MATERIALIEN</div> | ||
| 430 | <h3 style="font-size:22px;line-height:1.25;margin:0 0 8px;color:#35312d;text-align:left;">Praktische Ressourcen</h3> | ||
| 431 | <p style="margin:0 0 12px;color:#5e5953;line-height:1.55;">Nutze praktische Ressourcen, wenn du einen kompakten Überblick, eine Schritt-für-Schritt-Anleitung oder eine direkt einsetzbare Arbeitshilfe brauchst.</p> | ||
| 432 | <div class="arsn-resource-grid" style="display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;"> | ||
| 433 | <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #21b6d7;border-radius:9px;"><strong>Info-Blätter</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Kurze Orientierungshilfen für häufige Fragen und Entscheidungen.</div></div> | ||
| 434 | <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #e94b13;border-radius:9px;"><strong>Anleitungen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Schritt-für-Schritt-Anleitungen für konkrete Aufgaben und Abläufe.</div></div> | ||
| 435 | <div style="padding:15px 16px;background:#fcfbf8;border:1px solid #e3ded6;border-top:3px solid #38b76a;border-radius:9px;"><strong>Checklisten & Vorlagen</strong><br><span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px;padding:4px 9px;border-radius:14px;background:#fff4ee;border:1px solid #efd9cc;color:#8a4d36;font-size:11px;font-weight:700;letter-spacing:.065em;">IN VORBEREITUNG</span><div style="color:#625d56;line-height:1.45;">Direkt einsetzbare Checklisten und Vorlagen zum Planen, Durchführen und Abschließen von Projekten.</div></div> | ||
| 436 | </div> | ||
| 437 | <style>@media(max-width:767px){.arsn-resource-grid{grid-template-columns:1fr!important}}</style> | ||
| 438 | </section> | ||
| 439 | <!-- ARSN_PRACTICAL_RESOURCES_V2_END --> | ||
| |
9.9 | 440 | |
| |
4.1 | 441 | <!-- ARSN_SEARCH_TERMS_START --> |
| |
6.1 | 442 | <details style="margin-top:24px;padding-top:10px;border-top:1px solid #e3ded6"> |
| |
9.10 | 443 | <summary style="cursor:pointer;color:#6a655e;font-size:13px">Suchbegriffe & verwandte Themen</summary> |
| 444 | <div style="margin-top:9px;color:#5c5650;font-size:12px;line-height:1.7">Projektplanung · Projektorganisation · Projektmanagement · Projekt-Governance · Rollen und Verantwortlichkeiten · RACI · Arbeitspakete · Zeitplan · Meilensteine · Abhängigkeiten · Budgetplanung · Risikomanagement · Projektverankerung · Institut · Abteilung · Rektorat · Support Kunst und Forschung · Drittmittelförderung · Finanzen · Controlling · Buchhaltung · Personal · HR · Verträge · Recht · Datenschutz · IT · digitale Services · Beschaffung · Raumplanung · Facility Management · Veranstaltungsmanagement · Presse und Kommunikation · internationale Kooperation · Mobilität · Bibliothek · Doktoratsprojekt · Lehre · Curriculum · Barrierefreiheit · Diversität · Gleichbehandlung · Inklusion · AKG · Betriebsrat · Projektpartner:innen · institutionelle Freigabe · Zeichnungsberechtigung · Entscheidungsprotokoll · Übergabe</div> | ||
| |
4.1 | 445 | </details> |
| 446 | <!-- ARSN_SEARCH_TERMS_END --> | ||
| |
6.1 | 447 | |
| 448 | </div> | ||
| |
4.1 | 449 | {{/html}} |
| |
8.1 | 450 | |
| |
9.6 | 451 | {{html clean="false"}} |
| 452 | <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START --> | ||
| |
9.5 | 453 | |
| |
9.6 | 454 | <style data-sn-service-navigator-master="1"> |
| 455 | /* ========================================================= | ||
| 456 | MASTER TYPOGRAPHY | ||
| 457 | ========================================================= */ | ||
| |
9.5 | 458 | #xwikicontent h1, |
| 459 | #xwikicontent h2, | ||
| 460 | #xwikicontent h3, | ||
| 461 | #xwikicontent h4, | ||
| 462 | #xwikicontent h5, | ||
| 463 | #xwikicontent h6, | ||
| 464 | #xwikicontent .box-title, | ||
| 465 | #xwikicontent [role="heading"], | ||
| 466 | #xwikicontent h1 a, | ||
| 467 | #xwikicontent h2 a, | ||
| 468 | #xwikicontent h3 a, | ||
| 469 | #xwikicontent h4 a, | ||
| 470 | #xwikicontent h5 a, | ||
| 471 | #xwikicontent h6 a, | ||
| 472 | #xwikicontent .box-title a, | ||
| 473 | #xwikicontent [role="heading"] a{ | ||
| 474 | text-align:left!important; | ||
| 475 | text-justify:auto!important; | ||
| 476 | word-spacing:normal!important; | ||
| 477 | } | ||
| 478 | |||
| |
9.6 | 479 | /* ========================================================= |
| 480 | COMING SOON / IN VORBEREITUNG | ||
| 481 | ========================================================= */ | ||
| 482 | .sn-coming-soon-badge{ | ||
| 483 | display:inline-block; | ||
| 484 | vertical-align:middle; | ||
| 485 | margin-left:10px; | ||
| 486 | padding:4px 8px; | ||
| 487 | border-radius:14px; | ||
| 488 | border:1px solid #efd9cc; | ||
| 489 | background:#fff4ee; | ||
| 490 | color:#8a4d36; | ||
| 491 | font-size:11px; | ||
| 492 | font-weight:700; | ||
| 493 | letter-spacing:.055em; | ||
| 494 | line-height:1.2; | ||
| 495 | white-space:nowrap; | ||
| 496 | } | ||
| 497 | |||
| 498 | /* ========================================================= | ||
| 499 | NATIVE / DETAIL CALLOUT GEOMETRY | ||
| 500 | Preserve existing backgrounds. | ||
| 501 | ========================================================= */ | ||
| 502 | #xwikicontent .arsn-info, | ||
| 503 | #xwikicontent .dmp-info, | ||
| 504 | #xwikicontent .ido-info, | ||
| 505 | #xwikicontent .pp-info, | ||
| 506 | #xwikicontent .infomessage{ | ||
| |
9.5 | 507 | box-sizing:border-box!important; |
| |
9.6 | 508 | border-left:4px solid #21b6d7!important; |
| 509 | border-radius:8px; | ||
| |
9.5 | 510 | text-align:left!important; |
| 511 | word-spacing:normal!important; | ||
| 512 | } | ||
| 513 | |||
| |
9.6 | 514 | #xwikicontent .arsn-warn, |
| 515 | #xwikicontent .dmp-warn, | ||
| 516 | #xwikicontent .ido-warn, | ||
| 517 | #xwikicontent .pp-warn, | ||
| 518 | #xwikicontent .warn, | ||
| 519 | #xwikicontent .warning, | ||
| 520 | #xwikicontent .warningmessage, | ||
| |
9.5 | 521 | #xwikicontent .errormessage{ |
| |
9.6 | 522 | box-sizing:border-box!important; |
| 523 | border-left:4px solid #e94b13!important; | ||
| 524 | border-radius:8px; | ||
| 525 | text-align:left!important; | ||
| 526 | word-spacing:normal!important; | ||
| |
9.5 | 527 | } |
| 528 | |||
| |
9.6 | 529 | [data-sn-master-equal-height], |
| 530 | [data-sn-master-first-row]{ | ||
| |
9.4 | 531 | box-sizing:border-box; |
| |
9.3 | 532 | } |
| |
9.7 | 533 | |
| 534 | /* ========================================================= | ||
| 535 | FULL-WIDTH THREE-LINE NUMBER / TITLE / SUBTITLE BLOCKS | ||
| 536 | ========================================================= */ | ||
| 537 | #xwikicontent .arsn-area-label[data-sn-three-line="1"]{ | ||
| 538 | display:grid!important; | ||
| 539 | grid-template-columns:minmax(0,1fr)!important; | ||
| 540 | grid-auto-rows:auto!important; | ||
| 541 | width:100%!important; | ||
| 542 | max-width:none!important; | ||
| 543 | box-sizing:border-box!important; | ||
| 544 | justify-items:start!important; | ||
| 545 | align-items:start!important; | ||
| 546 | gap:2px!important; | ||
| 547 | text-align:left!important; | ||
| 548 | text-align-last:left!important; | ||
| 549 | text-justify:auto!important; | ||
| 550 | word-spacing:normal!important; | ||
| 551 | white-space:normal!important; | ||
| 552 | } | ||
| 553 | #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-number, | ||
| 554 | #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .sn-area-label-title, | ||
| 555 | #xwikicontent .arsn-area-label[data-sn-three-line="1"] > .arsn-area-action{ | ||
| 556 | display:block!important; | ||
| 557 | width:100%!important; | ||
| 558 | margin:0!important; | ||
| 559 | text-align:left!important; | ||
| 560 | text-align-last:left!important; | ||
| 561 | text-justify:auto!important; | ||
| 562 | word-spacing:normal!important; | ||
| 563 | white-space:normal!important; | ||
| 564 | } | ||
| |
9.3 | 565 | </style> |
| |
9.5 | 566 | |
| |
9.6 | 567 | <script data-sn-service-navigator-master="1"> |
| |
9.3 | 568 | (function(){ |
| 569 | "use strict"; | ||
| 570 | |||
| |
9.6 | 571 | var PAGE_KIND="detail"; |
| 572 | var PLACEHOLDER=false; | ||
| |
9.10 | 573 | var PLACEHOLDER_LABEL="IN VORBEREITUNG"; |
| |
9.6 | 574 | |
| |
9.3 | 575 | var MOBILE_MAX=767; |
| |
9.4 | 576 | var ROW_TOLERANCE=6; |
| |
9.5 | 577 | var RESIZE_DEBOUNCE=220; |
| |
9.3 | 578 | |
| 579 | var root= | ||
| 580 | document.getElementById("xwikicontent")|| | ||
| 581 | document.querySelector(".xwiki-rendering-content")|| | ||
| 582 | document.querySelector("main")|| | ||
| 583 | document.body; | ||
| 584 | |||
| 585 | if(!root)return; | ||
| 586 | |||
| |
9.6 | 587 | var managedHeight=new Set(); |
| 588 | var managedMargin=new Set(); | ||
| 589 | var originalHeight=new WeakMap(); | ||
| 590 | var originalMargin=new WeakMap(); | ||
| |
9.5 | 591 | |
| 592 | var resizeTimer=0; | ||
| |
9.6 | 593 | var running=false; |
| |
9.5 | 594 | |
| |
9.6 | 595 | var THEMES=[ |
| 596 | { | ||
| 597 | name:"BLUE", | ||
| 598 | accent:"#21b6d7", | ||
| 599 | bg:"#eaf7fb", | ||
| 600 | text:"#315d68", | ||
| 601 | labels:[ | ||
| 602 | "HIER STARTEN", | ||
| 603 | "ENTSCHEIDEN", | ||
| 604 | "ÜBERPRÜFEN & ANPASSEN", | ||
| 605 | "START HERE", | ||
| 606 | "DECIDE", | ||
| 607 | "REVIEW & ADAPT" | ||
| 608 | ] | ||
| 609 | }, | ||
| 610 | { | ||
| 611 | name:"RED", | ||
| 612 | accent:"#e94b13", | ||
| 613 | bg:"#fff1ec", | ||
| 614 | text:"#8a4d36", | ||
| 615 | labels:[ | ||
| 616 | "PLANEN & ORGANISIEREN", | ||
| 617 | "ORGANISIEREN & DOKUMENTIEREN", | ||
| 618 | "PUBLIZIEREN & PRÄSENTIEREN", | ||
| 619 | "PLAN & ORGANISE", | ||
| 620 | "PLAN & ORGANIZE", | ||
| 621 | "ORGANISE & DOCUMENT", | ||
| 622 | "ORGANIZE & DOCUMENT", | ||
| 623 | "PUBLISH & PRESENT" | ||
| 624 | ] | ||
| 625 | }, | ||
| 626 | { | ||
| 627 | name:"YELLOW", | ||
| 628 | accent:"#f0aa00", | ||
| 629 | bg:"#fff8e7", | ||
| 630 | text:"#785b17", | ||
| 631 | labels:[ | ||
| 632 | "SCHÜTZEN & KLÄREN", | ||
| 633 | "STANDARDISIEREN & IDENTIFIZIEREN", | ||
| 634 | "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN", | ||
| 635 | "PROTECT & CLARIFY", | ||
| 636 | "STANDARDISE & IDENTIFY", | ||
| 637 | "STANDARDIZE & IDENTIFY", | ||
| 638 | "OPEN, REUSE & MAKE FINDABLE" | ||
| 639 | ] | ||
| 640 | }, | ||
| 641 | { | ||
| 642 | name:"GREEN", | ||
| 643 | accent:"#38b76a", | ||
| 644 | bg:"#edf9f1", | ||
| 645 | text:"#3f7451", | ||
| 646 | labels:[ | ||
| 647 | "INFRASTRUKTUR EINRICHTEN", | ||
| 648 | "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN", | ||
| 649 | "SPEICHERN & ZUGRIFF STEUERN", | ||
| 650 | "REPOSITORIUM, ERHALTEN & ÜBERGEBEN", | ||
| 651 | "SET UP INFRASTRUCTURE", | ||
| 652 | "SET UP INFRASTRUCTURE & COLLABORATION", | ||
| 653 | "STORE & CONTROL ACCESS", | ||
| 654 | "REPOSITORY, PRESERVE & HAND OVER" | ||
| 655 | ] | ||
| |
9.4 | 656 | } |
| |
9.6 | 657 | ]; |
| |
9.4 | 658 | |
| |
9.6 | 659 | function num(value){ |
| 660 | var n=parseFloat(value); | ||
| 661 | return Number.isFinite(n)?n:0; | ||
| |
9.3 | 662 | } |
| 663 | |||
| |
9.6 | 664 | function norm(value){ |
| 665 | return String(value||"") | ||
| |
9.5 | 666 | .replace(/\s+/g," ") |
| 667 | .trim() | ||
| 668 | .toUpperCase(); | ||
| 669 | } | ||
| 670 | |||
| |
9.6 | 671 | function visible(el){ |
| 672 | if(!el||el.nodeType!==1)return false; | ||
| |
9.3 | 673 | |
| |
9.6 | 674 | var style=getComputedStyle(el); |
| 675 | var rect=el.getBoundingClientRect(); | ||
| |
9.5 | 676 | |
| 677 | return ( | ||
| |
9.6 | 678 | style.display!=="none"&& |
| 679 | style.visibility!=="hidden"&& | ||
| 680 | rect.width>20&& | ||
| 681 | rect.height>4 | ||
| |
9.5 | 682 | ); |
| |
9.3 | 683 | } |
| 684 | |||
| |
9.6 | 685 | function saveStyle(el,map,property){ |
| |
9.4 | 686 | if(map.has(el))return; |
| 687 | |||
| 688 | map.set(el,{ | ||
| |
9.6 | 689 | value:el.style.getPropertyValue(property), |
| 690 | priority:el.style.getPropertyPriority(property) | ||
| |
9.4 | 691 | }); |
| 692 | } | ||
| 693 | |||
| |
9.6 | 694 | function restoreStyle(el,map,property){ |
| |
9.4 | 695 | var original=map.get(el); |
| 696 | |||
| 697 | if(original&&original.value){ | ||
| 698 | el.style.setProperty( | ||
| 699 | property, | ||
| 700 | original.value, | ||
| 701 | original.priority||"" | ||
| 702 | ); | ||
| 703 | }else{ | ||
| |
9.6 | 704 | el.style.removeProperty(property); |
| |
9.4 | 705 | } |
| 706 | } | ||
| 707 | |||
| |
9.5 | 708 | function resetRuntime(){ |
| |
9.6 | 709 | managedHeight.forEach(function(el){ |
| 710 | restoreStyle( | ||
| |
9.4 | 711 | el, |
| |
9.6 | 712 | originalHeight, |
| |
9.4 | 713 | "min-height" |
| 714 | ); | ||
| 715 | el.removeAttribute( | ||
| |
9.6 | 716 | "data-sn-master-equal-height" |
| |
9.4 | 717 | ); |
| 718 | }); | ||
| 719 | |||
| |
9.6 | 720 | managedMargin.forEach(function(el){ |
| 721 | restoreStyle( | ||
| |
9.4 | 722 | el, |
| |
9.6 | 723 | originalMargin, |
| |
9.4 | 724 | "margin-top" |
| 725 | ); | ||
| 726 | el.removeAttribute( | ||
| |
9.6 | 727 | "data-sn-master-first-row" |
| |
9.4 | 728 | ); |
| 729 | }); | ||
| 730 | |||
| |
9.6 | 731 | managedHeight.clear(); |
| 732 | managedMargin.clear(); | ||
| 733 | } | ||
| |
9.5 | 734 | |
| |
9.6 | 735 | function themeFor(text){ |
| 736 | var value=norm(text); | ||
| |
9.5 | 737 | |
| |
9.6 | 738 | for(var i=0;i<THEMES.length;i++){ |
| 739 | for(var j=0;j<THEMES[i].labels.length;j++){ | ||
| 740 | var label=THEMES[i].labels[j]; | ||
| 741 | |||
| 742 | if( | ||
| 743 | value===label|| | ||
| 744 | value.indexOf(label+" ")===0|| | ||
| 745 | value.indexOf(label+" -")===0|| | ||
| 746 | value.indexOf(label+" ·")===0 | ||
| 747 | ){ | ||
| 748 | return THEMES[i]; | ||
| 749 | } | ||
| 750 | } | ||
| 751 | } | ||
| 752 | |||
| 753 | return null; | ||
| |
9.4 | 754 | } |
| 755 | |||
| |
9.6 | 756 | /* ======================================================= |
| |
9.7 | 757 | BORDERLESS FILLED RED/ORANGE CTA BUTTONS |
| 758 | ======================================================= */ | ||
| 759 | |||
| 760 | function colourDistance(a,b){ | ||
| 761 | return Math.sqrt( | ||
| 762 | Math.pow(a[0]-b[0],2)+ | ||
| 763 | Math.pow(a[1]-b[1],2)+ | ||
| 764 | Math.pow(a[2]-b[2],2) | ||
| 765 | ); | ||
| 766 | } | ||
| 767 | |||
| 768 | function makeFilledRedOrangeCTAsBorderless(){ | ||
| 769 | var RED_ORANGE=[233,75,19]; | ||
| 770 | |||
| 771 | Array.from( | ||
| 772 | root.querySelectorAll( | ||
| 773 | 'a,button,[role="button"],input[type="submit"],input[type="button"]' | ||
| 774 | ) | ||
| 775 | ).forEach(function(el){ | ||
| 776 | if(!visible(el))return; | ||
| 777 | |||
| 778 | var style=getComputedStyle(el); | ||
| 779 | var rgb=parseRGB(style.backgroundColor); | ||
| 780 | |||
| 781 | if(!rgb)return; | ||
| 782 | |||
| 783 | if( | ||
| 784 | colourDistance( | ||
| 785 | rgb, | ||
| 786 | RED_ORANGE | ||
| 787 | )>55 | ||
| 788 | ){ | ||
| 789 | return; | ||
| 790 | } | ||
| 791 | |||
| 792 | var rect=el.getBoundingClientRect(); | ||
| 793 | |||
| 794 | if( | ||
| 795 | rect.width<80|| | ||
| 796 | rect.height<24 | ||
| 797 | ){ | ||
| 798 | return; | ||
| 799 | } | ||
| 800 | |||
| 801 | el.style.setProperty( | ||
| 802 | "border", | ||
| 803 | "none", | ||
| 804 | "important" | ||
| 805 | ); | ||
| 806 | |||
| 807 | el.style.setProperty( | ||
| 808 | "border-left", | ||
| 809 | "none", | ||
| 810 | "important" | ||
| 811 | ); | ||
| 812 | |||
| 813 | el.style.setProperty( | ||
| 814 | "border-top", | ||
| 815 | "none", | ||
| 816 | "important" | ||
| 817 | ); | ||
| 818 | |||
| 819 | el.style.setProperty( | ||
| 820 | "border-right", | ||
| 821 | "none", | ||
| 822 | "important" | ||
| 823 | ); | ||
| 824 | |||
| 825 | el.style.setProperty( | ||
| 826 | "border-bottom", | ||
| 827 | "none", | ||
| 828 | "important" | ||
| 829 | ); | ||
| 830 | |||
| 831 | el.style.setProperty( | ||
| 832 | "box-shadow", | ||
| 833 | "none", | ||
| 834 | "important" | ||
| 835 | ); | ||
| 836 | }); | ||
| 837 | } | ||
| 838 | |||
| 839 | /* ======================================================= | ||
| 840 | FULL-WIDTH THREE-LINE AREA LABELS | ||
| 841 | ======================================================= */ | ||
| 842 | |||
| 843 | function compactText(value){ | ||
| 844 | return String(value||"") | ||
| 845 | .replace(/\s+/g," ") | ||
| 846 | .trim(); | ||
| 847 | } | ||
| 848 | |||
| 849 | function makeThreeLineAreaLabels(){ | ||
| 850 | Array.from( | ||
| 851 | root.querySelectorAll( | ||
| 852 | ".arsn-area-label" | ||
| 853 | ) | ||
| 854 | ).forEach(function(label){ | ||
| 855 | if( | ||
| 856 | label.getAttribute( | ||
| 857 | "data-sn-three-line" | ||
| 858 | )==="1" | ||
| 859 | ){ | ||
| 860 | return; | ||
| 861 | } | ||
| 862 | |||
| 863 | var number= | ||
| 864 | label.querySelector( | ||
| 865 | ":scope > .arsn-area-number" | ||
| 866 | ); | ||
| 867 | |||
| 868 | var action= | ||
| 869 | label.querySelector( | ||
| 870 | ":scope > .arsn-area-action" | ||
| 871 | ); | ||
| 872 | |||
| 873 | if( | ||
| 874 | !number|| | ||
| 875 | !action | ||
| 876 | ){ | ||
| 877 | return; | ||
| 878 | } | ||
| 879 | |||
| 880 | var clone= | ||
| 881 | label.cloneNode(true); | ||
| 882 | |||
| 883 | var cloneNumber= | ||
| 884 | clone.querySelector( | ||
| 885 | ":scope > .arsn-area-number" | ||
| 886 | ); | ||
| 887 | |||
| 888 | var cloneAction= | ||
| 889 | clone.querySelector( | ||
| 890 | ":scope > .arsn-area-action" | ||
| 891 | ); | ||
| 892 | |||
| 893 | if(cloneNumber){ | ||
| 894 | cloneNumber.remove(); | ||
| 895 | } | ||
| 896 | |||
| 897 | if(cloneAction){ | ||
| 898 | cloneAction.remove(); | ||
| 899 | } | ||
| 900 | |||
| 901 | var titleText= | ||
| 902 | compactText( | ||
| 903 | clone.textContent | ||
| 904 | ); | ||
| 905 | |||
| 906 | if(!titleText){ | ||
| 907 | return; | ||
| 908 | } | ||
| 909 | |||
| 910 | var numberNode= | ||
| 911 | number.cloneNode(true); | ||
| 912 | |||
| 913 | var actionNode= | ||
| 914 | action.cloneNode(true); | ||
| 915 | |||
| 916 | var titleNode= | ||
| 917 | document.createElement( | ||
| 918 | "span" | ||
| 919 | ); | ||
| 920 | |||
| 921 | titleNode.className= | ||
| 922 | "sn-area-label-title"; | ||
| 923 | |||
| 924 | titleNode.textContent= | ||
| 925 | titleText; | ||
| 926 | |||
| 927 | while(label.firstChild){ | ||
| 928 | label.removeChild( | ||
| 929 | label.firstChild | ||
| 930 | ); | ||
| 931 | } | ||
| 932 | |||
| 933 | label.appendChild( | ||
| 934 | numberNode | ||
| 935 | ); | ||
| 936 | |||
| 937 | label.appendChild( | ||
| 938 | titleNode | ||
| 939 | ); | ||
| 940 | |||
| 941 | label.appendChild( | ||
| 942 | actionNode | ||
| 943 | ); | ||
| 944 | |||
| 945 | label.setAttribute( | ||
| 946 | "data-sn-three-line", | ||
| 947 | "1" | ||
| 948 | ); | ||
| 949 | |||
| 950 | var head= | ||
| 951 | label.closest( | ||
| 952 | ".arsn-area-head" | ||
| 953 | ); | ||
| 954 | |||
| 955 | if(head){ | ||
| 956 | head.style.setProperty( | ||
| 957 | "width", | ||
| 958 | "100%", | ||
| 959 | "important" | ||
| 960 | ); | ||
| 961 | |||
| 962 | head.style.setProperty( | ||
| 963 | "max-width", | ||
| 964 | "100%", | ||
| 965 | "important" | ||
| 966 | ); | ||
| 967 | |||
| 968 | head.style.setProperty( | ||
| 969 | "box-sizing", | ||
| 970 | "border-box", | ||
| 971 | "important" | ||
| 972 | ); | ||
| 973 | } | ||
| 974 | }); | ||
| 975 | } | ||
| 976 | |||
| 977 | /* ======================================================= | ||
| |
9.6 | 978 | PLACEHOLDER BADGE |
| 979 | ======================================================= */ | ||
| |
9.5 | 980 | |
| |
9.6 | 981 | function applyPlaceholderBadge(){ |
| 982 | if(!PLACEHOLDER)return; | ||
| |
9.5 | 983 | |
| 984 | if( | ||
| |
9.6 | 985 | document.querySelector( |
| 986 | ".sn-coming-soon-badge" | ||
| 987 | ) | ||
| |
9.5 | 988 | ){ |
| |
9.6 | 989 | return; |
| |
9.5 | 990 | } |
| 991 | |||
| |
9.6 | 992 | var title= |
| 993 | document.querySelector( | ||
| 994 | "#document-title" | ||
| 995 | )|| | ||
| 996 | document.querySelector( | ||
| 997 | "h1" | ||
| 998 | ); | ||
| |
9.5 | 999 | |
| |
9.6 | 1000 | if(!title)return; |
| |
9.5 | 1001 | |
| |
9.6 | 1002 | var badge= |
| 1003 | document.createElement( | ||
| 1004 | "span" | ||
| 1005 | ); | ||
| 1006 | |||
| 1007 | badge.className= | ||
| 1008 | "sn-coming-soon-badge"; | ||
| 1009 | |||
| 1010 | badge.textContent= | ||
| 1011 | PLACEHOLDER_LABEL; | ||
| 1012 | |||
| 1013 | badge.setAttribute( | ||
| 1014 | "aria-label", | ||
| 1015 | PLACEHOLDER_LABEL | ||
| |
9.5 | 1016 | ); |
| 1017 | |||
| |
9.6 | 1018 | title.appendChild( |
| 1019 | badge | ||
| 1020 | ); | ||
| 1021 | } | ||
| |
9.5 | 1022 | |
| |
9.6 | 1023 | /* ======================================================= |
| 1024 | DETAIL PAGE OWN-ACCENT PROPAGATION | ||
| 1025 | ======================================================= */ | ||
| |
9.5 | 1026 | |
| |
9.6 | 1027 | function parseRGB(value){ |
| 1028 | var match=String(value||"").match( | ||
| 1029 | /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i | ||
| |
9.5 | 1030 | ); |
| |
9.6 | 1031 | |
| 1032 | if(!match)return null; | ||
| 1033 | |||
| 1034 | return [ | ||
| 1035 | Number(match[1]), | ||
| 1036 | Number(match[2]), | ||
| 1037 | Number(match[3]) | ||
| 1038 | ]; | ||
| |
9.5 | 1039 | } |
| 1040 | |||
| |
9.6 | 1041 | function distance(a,b){ |
| 1042 | return Math.sqrt( | ||
| 1043 | Math.pow(a[0]-b[0],2)+ | ||
| 1044 | Math.pow(a[1]-b[1],2)+ | ||
| 1045 | Math.pow(a[2]-b[2],2) | ||
| 1046 | ); | ||
| 1047 | } | ||
| |
9.3 | 1048 | |
| |
9.6 | 1049 | function paletteMatch(cssColor){ |
| 1050 | var rgb=parseRGB(cssColor); | ||
| |
9.4 | 1051 | |
| |
9.6 | 1052 | if(!rgb)return null; |
| |
9.4 | 1053 | |
| |
9.6 | 1054 | var palette=[ |
| 1055 | {hex:"#21b6d7",rgb:[33,182,215]}, | ||
| 1056 | {hex:"#e94b13",rgb:[233,75,19]}, | ||
| 1057 | {hex:"#f0aa00",rgb:[240,170,0]}, | ||
| 1058 | {hex:"#38b76a",rgb:[56,183,106]} | ||
| 1059 | ]; | ||
| |
9.3 | 1060 | |
| |
9.4 | 1061 | var best=null; |
| |
9.6 | 1062 | var bestDistance=Infinity; |
| |
9.3 | 1063 | |
| |
9.6 | 1064 | palette.forEach(function(item){ |
| 1065 | var d=distance(rgb,item.rgb); | ||
| |
9.3 | 1066 | |
| |
9.6 | 1067 | if(d<bestDistance){ |
| 1068 | best=item; | ||
| 1069 | bestDistance=d; | ||
| 1070 | } | ||
| 1071 | }); | ||
| |
9.4 | 1072 | |
| |
9.6 | 1073 | return bestDistance<=30 |
| 1074 | ?best | ||
| 1075 | :null; | ||
| 1076 | } | ||
| |
9.3 | 1077 | |
| |
9.6 | 1078 | function propagateDetailAccents(){ |
| 1079 | if(PAGE_KIND!=="detail")return; | ||
| 1080 | |||
| 1081 | Array.from( | ||
| 1082 | root.querySelectorAll( | ||
| 1083 | ".arsn-call,.dmp-call,.ido-call,.pp-call,"+ | ||
| 1084 | ".arsn-source,.dmp-source,.ido-source,.pp-source" | ||
| 1085 | ) | ||
| 1086 | ).forEach(function(el){ | ||
| 1087 | if(!visible(el))return; | ||
| 1088 | |||
| 1089 | var style=getComputedStyle(el); | ||
| 1090 | |||
| |
9.4 | 1091 | if( |
| |
9.6 | 1092 | num(style.borderTopWidth)>=2 |
| |
9.4 | 1093 | ){ |
| |
9.6 | 1094 | var match= |
| 1095 | paletteMatch( | ||
| 1096 | style.borderTopColor | ||
| |
9.4 | 1097 | ); |
| 1098 | |||
| |
9.6 | 1099 | if(match){ |
| 1100 | el.style.setProperty( | ||
| 1101 | "border-left", | ||
| 1102 | "4px solid "+match.hex, | ||
| 1103 | "important" | ||
| |
9.4 | 1104 | ); |
| |
9.3 | 1105 | } |
| 1106 | } | ||
| |
9.6 | 1107 | }); |
| |
9.3 | 1108 | |
| |
9.6 | 1109 | // Warning families: explicit safety override. |
| 1110 | Array.from( | ||
| 1111 | root.querySelectorAll( | ||
| 1112 | ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+ | ||
| 1113 | ".warn,.warning,.warningmessage,.errormessage" | ||
| 1114 | ) | ||
| 1115 | ).forEach(function(el){ | ||
| 1116 | if(!visible(el))return; | ||
| |
9.3 | 1117 | |
| |
9.6 | 1118 | el.style.setProperty( |
| 1119 | "border-left", | ||
| 1120 | "4px solid #e94b13", | ||
| 1121 | "important" | ||
| 1122 | ); | ||
| 1123 | }); | ||
| |
9.3 | 1124 | |
| |
9.6 | 1125 | // Info families: explicit orientation override. |
| 1126 | Array.from( | ||
| 1127 | root.querySelectorAll( | ||
| 1128 | ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage" | ||
| 1129 | ) | ||
| 1130 | ).forEach(function(el){ | ||
| 1131 | if(!visible(el))return; | ||
| |
9.4 | 1132 | |
| |
9.6 | 1133 | el.style.setProperty( |
| 1134 | "border-left", | ||
| 1135 | "4px solid #21b6d7", | ||
| 1136 | "important" | ||
| 1137 | ); | ||
| 1138 | }); | ||
| 1139 | } | ||
| |
9.4 | 1140 | |
| |
9.6 | 1141 | /* ======================================================= |
| 1142 | OVERVIEW SEMANTIC THEME PALETTE | ||
| 1143 | ======================================================= */ | ||
| |
9.4 | 1144 | |
| |
9.6 | 1145 | function smallestThemeHeaders(){ |
| 1146 | return Array.from( | ||
| 1147 | root.querySelectorAll( | ||
| 1148 | "div,span,p,strong,h3,h4,h5,h6" | ||
| 1149 | ) | ||
| 1150 | ).filter(function(el){ | ||
| 1151 | if(!visible(el))return false; | ||
| 1152 | if(!themeFor(el.textContent))return false; | ||
| |
9.4 | 1153 | |
| |
9.6 | 1154 | return !Array.from( |
| 1155 | el.children||[] | ||
| 1156 | ).some(function(child){ | ||
| 1157 | return !!themeFor( | ||
| 1158 | child.textContent | ||
| 1159 | ); | ||
| |
9.4 | 1160 | }); |
| |
9.6 | 1161 | }); |
| |
9.3 | 1162 | } |
| 1163 | |||
| |
9.6 | 1164 | function findOverviewCard(header){ |
| 1165 | var node=header.parentElement; | ||
| 1166 | var candidates=[]; | ||
| |
9.4 | 1167 | |
| |
9.6 | 1168 | while(node&&node!==root){ |
| 1169 | var rect=node.getBoundingClientRect(); | ||
| 1170 | var style=getComputedStyle(node); | ||
| |
9.4 | 1171 | |
| |
9.6 | 1172 | var border= |
| 1173 | num(style.borderTopWidth)+ | ||
| 1174 | num(style.borderRightWidth)+ | ||
| 1175 | num(style.borderBottomWidth)+ | ||
| 1176 | num(style.borderLeftWidth); | ||
| |
9.4 | 1177 | |
| |
9.6 | 1178 | if( |
| 1179 | rect.width>=220&& | ||
| 1180 | rect.width<=800&& | ||
| 1181 | rect.height>=120&& | ||
| 1182 | border>=1 | ||
| 1183 | ){ | ||
| 1184 | candidates.push(node); | ||
| 1185 | } | ||
| |
9.4 | 1186 | |
| |
9.6 | 1187 | node=node.parentElement; |
| 1188 | } | ||
| |
9.4 | 1189 | |
| |
9.6 | 1190 | if(!candidates.length)return null; |
| |
9.4 | 1191 | |
| |
9.6 | 1192 | candidates.sort(function(a,b){ |
| 1193 | return ( | ||
| 1194 | b.getBoundingClientRect().height- | ||
| 1195 | a.getBoundingClientRect().height | ||
| |
9.5 | 1196 | ); |
| |
9.6 | 1197 | }); |
| |
9.4 | 1198 | |
| |
9.6 | 1199 | return candidates[0]; |
| |
9.4 | 1200 | } |
| 1201 | |||
| |
9.6 | 1202 | function rowCandidates(link,card){ |
| 1203 | var result=[]; | ||
| |
9.5 | 1204 | var cardRect= |
| 1205 | card.getBoundingClientRect(); | ||
| |
9.4 | 1206 | |
| |
9.6 | 1207 | var node=link; |
| |
9.4 | 1208 | |
| |
9.6 | 1209 | while(node&&node!==card){ |
| 1210 | if(visible(node)){ | ||
| 1211 | var rect= | ||
| 1212 | node.getBoundingClientRect(); | ||
| |
9.4 | 1213 | |
| |
9.6 | 1214 | if( |
| 1215 | rect.height<=105&& | ||
| 1216 | rect.width>= | ||
| 1217 | cardRect.width*.50&& | ||
| 1218 | rect.width<= | ||
| 1219 | cardRect.width*1.03 | ||
| 1220 | ){ | ||
| 1221 | result.push(node); | ||
| 1222 | } | ||
| 1223 | } | ||
| |
9.4 | 1224 | |
| |
9.6 | 1225 | node=node.parentElement; |
| 1226 | } | ||
| 1227 | |||
| 1228 | return result; | ||
| 1229 | } | ||
| 1230 | |||
| 1231 | function chooseOuterRow( | ||
| 1232 | candidates, | ||
| 1233 | link | ||
| 1234 | ){ | ||
| 1235 | if(!candidates.length){ | ||
| 1236 | return link; | ||
| 1237 | } | ||
| 1238 | |||
| 1239 | var bordered= | ||
| 1240 | candidates.filter(function(el){ | ||
| |
9.5 | 1241 | return ( |
| |
9.6 | 1242 | num( |
| 1243 | getComputedStyle(el) | ||
| 1244 | .borderLeftWidth | ||
| 1245 | )>=1 | ||
| |
9.5 | 1246 | ); |
| 1247 | }); | ||
| |
9.4 | 1248 | |
| |
9.6 | 1249 | var pool= |
| 1250 | bordered.length | ||
| 1251 | ?bordered | ||
| 1252 | :candidates; | ||
| |
9.4 | 1253 | |
| |
9.6 | 1254 | pool.sort(function(a,b){ |
| 1255 | var ar= | ||
| 1256 | a.getBoundingClientRect(); | ||
| |
9.4 | 1257 | |
| |
9.6 | 1258 | var br= |
| 1259 | b.getBoundingClientRect(); | ||
| |
9.4 | 1260 | |
| |
9.6 | 1261 | return ( |
| 1262 | ar.left-br.left|| | ||
| 1263 | br.width-ar.width | ||
| 1264 | ); | ||
| 1265 | }); | ||
| |
9.4 | 1266 | |
| |
9.6 | 1267 | return pool[0]||link; |
| 1268 | } | ||
| |
9.4 | 1269 | |
| |
9.6 | 1270 | function applyOverviewPalette(){ |
| 1271 | if(PAGE_KIND!=="overview"){ | ||
| 1272 | return []; | ||
| |
9.5 | 1273 | } |
| |
9.4 | 1274 | |
| |
9.6 | 1275 | var headers= |
| 1276 | smallestThemeHeaders() | ||
| 1277 | .map(function(el){ | ||
| 1278 | return { | ||
| 1279 | el:el, | ||
| 1280 | theme: | ||
| 1281 | themeFor( | ||
| 1282 | el.textContent | ||
| 1283 | ), | ||
| 1284 | card: | ||
| 1285 | findOverviewCard( | ||
| 1286 | el | ||
| 1287 | ) | ||
| 1288 | }; | ||
| |
9.5 | 1289 | }) |
| |
9.6 | 1290 | .filter(function(row){ |
| 1291 | return !!row.card; | ||
| 1292 | }); | ||
| |
9.4 | 1293 | |
| |
9.6 | 1294 | var unique=[]; |
| 1295 | var seenHeaders=new Set(); | ||
| |
9.4 | 1296 | |
| |
9.6 | 1297 | headers.forEach(function(row){ |
| 1298 | var key= | ||
| 1299 | row.theme.name+ | ||
| 1300 | "|"+ | ||
| 1301 | Math.round( | ||
| 1302 | row.card | ||
| 1303 | .getBoundingClientRect() | ||
| 1304 | .left | ||
| 1305 | )+ | ||
| 1306 | "|"+ | ||
| 1307 | Math.round( | ||
| 1308 | row.el | ||
| 1309 | .getBoundingClientRect() | ||
| 1310 | .top | ||
| 1311 | ); | ||
| |
9.4 | 1312 | |
| |
9.6 | 1313 | if(!seenHeaders.has(key)){ |
| 1314 | seenHeaders.add(key); | ||
| 1315 | unique.push(row); | ||
| 1316 | } | ||
| 1317 | }); | ||
| |
9.4 | 1318 | |
| |
9.6 | 1319 | unique.forEach(function(row){ |
| 1320 | var headerRect= | ||
| 1321 | row.el | ||
| 1322 | .getBoundingClientRect(); | ||
| |
9.4 | 1323 | |
| |
9.6 | 1324 | row.el.style.setProperty( |
| 1325 | "background", | ||
| 1326 | row.theme.bg, | ||
| 1327 | "important" | ||
| |
9.5 | 1328 | ); |
| 1329 | |||
| |
9.6 | 1330 | row.el.style.setProperty( |
| 1331 | "color", | ||
| 1332 | row.theme.text, | ||
| 1333 | "important" | ||
| |
9.5 | 1334 | ); |
| 1335 | |||
| |
9.6 | 1336 | row.el.style.setProperty( |
| 1337 | "text-align", | ||
| 1338 | "left", | ||
| 1339 | "important" | ||
| |
9.5 | 1340 | ); |
| |
9.4 | 1341 | |
| |
9.6 | 1342 | row.el.style.setProperty( |
| 1343 | "word-spacing", | ||
| 1344 | "normal", | ||
| 1345 | "important" | ||
| 1346 | ); | ||
| |
9.5 | 1347 | |
| |
9.6 | 1348 | var later= |
| 1349 | unique | ||
| 1350 | .filter(function(other){ | ||
| 1351 | return ( | ||
| 1352 | other.card===row.card&& | ||
| 1353 | other.el | ||
| 1354 | .getBoundingClientRect() | ||
| 1355 | .top> | ||
| 1356 | headerRect.top+2 | ||
| 1357 | ); | ||
| 1358 | }) | ||
| 1359 | .sort(function(a,b){ | ||
| 1360 | return ( | ||
| 1361 | a.el | ||
| 1362 | .getBoundingClientRect() | ||
| 1363 | .top- | ||
| 1364 | b.el | ||
| 1365 | .getBoundingClientRect() | ||
| 1366 | .top | ||
| 1367 | ); | ||
| 1368 | }); | ||
| |
9.5 | 1369 | |
| |
9.6 | 1370 | var stopTop= |
| 1371 | later.length | ||
| 1372 | ?later[0].el | ||
| 1373 | .getBoundingClientRect() | ||
| 1374 | .top | ||
| 1375 | :Infinity; | ||
| |
9.5 | 1376 | |
| 1377 | Array.from( | ||
| |
9.6 | 1378 | row.card.querySelectorAll("a") |
| 1379 | ).forEach(function(link){ | ||
| 1380 | if(!visible(link))return; | ||
| |
9.5 | 1381 | |
| |
9.6 | 1382 | var rect= |
| 1383 | link.getBoundingClientRect(); | ||
| |
9.5 | 1384 | |
| |
9.6 | 1385 | if( |
| 1386 | rect.top<= | ||
| 1387 | headerRect.bottom-2|| | ||
| 1388 | rect.top>= | ||
| 1389 | stopTop-2 | ||
| 1390 | ){ | ||
| 1391 | return; | ||
| 1392 | } | ||
| |
9.5 | 1393 | |
| |
9.6 | 1394 | var candidates= |
| 1395 | rowCandidates( | ||
| 1396 | link, | ||
| 1397 | row.card | ||
| 1398 | ); | ||
| 1399 | |||
| 1400 | var target= | ||
| 1401 | chooseOuterRow( | ||
| 1402 | candidates, | ||
| 1403 | link | ||
| 1404 | ); | ||
| 1405 | |||
| 1406 | candidates.forEach(function(el){ | ||
| 1407 | el.style.setProperty( | ||
| 1408 | "border-left", | ||
| 1409 | "0 solid transparent", | ||
| 1410 | "important" | ||
| 1411 | ); | ||
| 1412 | }); | ||
| 1413 | |||
| 1414 | target.style.setProperty( | ||
| 1415 | "border-left", | ||
| 1416 | "3px solid "+ | ||
| 1417 | row.theme.accent, | ||
| 1418 | "important" | ||
| |
9.5 | 1419 | ); |
| |
9.6 | 1420 | |
| 1421 | target.style.setProperty( | ||
| 1422 | "box-sizing", | ||
| 1423 | "border-box", | ||
| 1424 | "important" | ||
| |
9.5 | 1425 | ); |
| |
9.4 | 1426 | }); |
| |
9.6 | 1427 | }); |
| |
9.4 | 1428 | |
| |
9.6 | 1429 | return unique; |
| |
9.5 | 1430 | } |
| |
9.4 | 1431 | |
| |
9.6 | 1432 | /* ======================================================= |
| 1433 | OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW | ||
| 1434 | ======================================================= */ | ||
| |
9.5 | 1435 | |
| |
9.6 | 1436 | function alignOverviewCards(headers){ |
| 1437 | if( | ||
| 1438 | PAGE_KIND!=="overview"|| | ||
| 1439 | window.innerWidth<=MOBILE_MAX | ||
| 1440 | ){ | ||
| 1441 | return; | ||
| 1442 | } | ||
| |
9.5 | 1443 | |
| |
9.6 | 1444 | var cards=[]; |
| 1445 | var seen=new Set(); | ||
| |
9.5 | 1446 | |
| |
9.6 | 1447 | headers.forEach(function(row){ |
| 1448 | if(!seen.has(row.card)){ | ||
| 1449 | seen.add(row.card); | ||
| 1450 | cards.push(row.card); | ||
| 1451 | } | ||
| 1452 | }); | ||
| |
9.5 | 1453 | |
| |
9.6 | 1454 | if(cards.length<2){ |
| 1455 | return; | ||
| 1456 | } | ||
| |
9.5 | 1457 | |
| |
9.6 | 1458 | // Group cards by actual top position. |
| 1459 | var groups=[]; | ||
| |
9.5 | 1460 | |
| |
9.6 | 1461 | cards.forEach(function(card){ |
| 1462 | var top= | ||
| 1463 | card.getBoundingClientRect().top; | ||
| |
9.5 | 1464 | |
| |
9.6 | 1465 | var group=null; |
| |
9.5 | 1466 | |
| |
9.6 | 1467 | for(var i=0;i<groups.length;i++){ |
| |
9.5 | 1468 | if( |
| |
9.6 | 1469 | Math.abs( |
| 1470 | groups[i].top-top | ||
| 1471 | )<=ROW_TOLERANCE | ||
| |
9.5 | 1472 | ){ |
| |
9.6 | 1473 | group=groups[i]; |
| 1474 | break; | ||
| |
9.5 | 1475 | } |
| |
9.6 | 1476 | } |
| |
9.5 | 1477 | |
| |
9.6 | 1478 | if(!group){ |
| 1479 | group={ | ||
| 1480 | top:top, | ||
| 1481 | cards:[] | ||
| 1482 | }; | ||
| 1483 | groups.push(group); | ||
| 1484 | } | ||
| |
9.5 | 1485 | |
| |
9.6 | 1486 | group.cards.push(card); |
| 1487 | }); | ||
| |
9.5 | 1488 | |
| |
9.6 | 1489 | groups.forEach(function(group){ |
| 1490 | if(group.cards.length<2){ | ||
| 1491 | return; | ||
| 1492 | } | ||
| |
9.5 | 1493 | |
| |
9.6 | 1494 | var firstHeaders= |
| 1495 | group.cards.map(function(card){ | ||
| 1496 | var candidates= | ||
| 1497 | headers | ||
| 1498 | .filter(function(row){ | ||
| 1499 | return row.card===card; | ||
| 1500 | }) | ||
| 1501 | .sort(function(a,b){ | ||
| 1502 | return ( | ||
| 1503 | a.el | ||
| 1504 | .getBoundingClientRect() | ||
| 1505 | .top- | ||
| 1506 | b.el | ||
| 1507 | .getBoundingClientRect() | ||
| 1508 | .top | ||
| 1509 | ); | ||
| 1510 | }); | ||
| |
9.5 | 1511 | |
| |
9.6 | 1512 | return candidates.length |
| 1513 | ?candidates[0] | ||
| 1514 | :null; | ||
| 1515 | }); | ||
| |
9.5 | 1516 | |
| |
9.6 | 1517 | if( |
| 1518 | !firstHeaders.some(function(row){ | ||
| 1519 | return !row; | ||
| 1520 | }) | ||
| 1521 | ){ | ||
| 1522 | var targetTop= | ||
| 1523 | Math.max.apply( | ||
| 1524 | Math, | ||
| 1525 | firstHeaders.map(function(row){ | ||
| 1526 | return ( | ||
| 1527 | row.el | ||
| 1528 | .getBoundingClientRect() | ||
| 1529 | .top- | ||
| 1530 | row.card | ||
| 1531 | .getBoundingClientRect() | ||
| 1532 | .top | ||
| 1533 | ); | ||
| 1534 | }) | ||
| 1535 | ); | ||
| |
9.3 | 1536 | |
| |
9.6 | 1537 | firstHeaders.forEach(function(row){ |
| 1538 | var relativeTop= | ||
| 1539 | row.el | ||
| 1540 | .getBoundingClientRect() | ||
| 1541 | .top- | ||
| 1542 | row.card | ||
| 1543 | .getBoundingClientRect() | ||
| 1544 | .top; | ||
| |
9.4 | 1545 | |
| |
9.6 | 1546 | var delta= |
| 1547 | targetTop-relativeTop; | ||
| |
9.4 | 1548 | |
| |
9.6 | 1549 | if(delta>1){ |
| 1550 | saveStyle( | ||
| 1551 | row.el, | ||
| 1552 | originalMargin, | ||
| 1553 | "margin-top" | ||
| 1554 | ); | ||
| |
9.5 | 1555 | |
| |
9.6 | 1556 | var current= |
| 1557 | num( | ||
| 1558 | getComputedStyle( | ||
| 1559 | row.el | ||
| 1560 | ).marginTop | ||
| 1561 | ); | ||
| |
9.4 | 1562 | |
| |
9.6 | 1563 | row.el.style.setProperty( |
| 1564 | "margin-top", | ||
| 1565 | ( | ||
| 1566 | current+delta | ||
| 1567 | )+"px" | ||
| 1568 | ); | ||
| |
9.4 | 1569 | |
| |
9.6 | 1570 | row.el.setAttribute( |
| 1571 | "data-sn-master-first-row", | ||
| 1572 | "1" | ||
| 1573 | ); | ||
| |
9.4 | 1574 | |
| |
9.6 | 1575 | managedMargin.add( |
| 1576 | row.el | ||
| 1577 | ); | ||
| 1578 | } | ||
| 1579 | }); | ||
| 1580 | } | ||
| |
9.4 | 1581 | |
| |
9.6 | 1582 | var maxHeight=0; |
| |
9.4 | 1583 | |
| |
9.6 | 1584 | group.cards.forEach(function(card){ |
| 1585 | maxHeight= | ||
| 1586 | Math.max( | ||
| 1587 | maxHeight, | ||
| 1588 | card | ||
| 1589 | .getBoundingClientRect() | ||
| 1590 | .height | ||
| 1591 | ); | ||
| 1592 | }); | ||
| |
9.4 | 1593 | |
| |
9.6 | 1594 | maxHeight= |
| 1595 | Math.ceil(maxHeight); | ||
| |
9.4 | 1596 | |
| |
9.6 | 1597 | group.cards.forEach(function(card){ |
| 1598 | saveStyle( | ||
| 1599 | card, | ||
| 1600 | originalHeight, | ||
| 1601 | "min-height" | ||
| 1602 | ); | ||
| |
9.4 | 1603 | |
| |
9.6 | 1604 | card.style.setProperty( |
| 1605 | "min-height", | ||
| 1606 | maxHeight+"px" | ||
| |
9.4 | 1607 | ); |
| 1608 | |||
| |
9.6 | 1609 | card.setAttribute( |
| 1610 | "data-sn-master-equal-height", | ||
| 1611 | "1" | ||
| 1612 | ); | ||
| |
9.4 | 1613 | |
| |
9.6 | 1614 | managedHeight.add( |
| 1615 | card | ||
| 1616 | ); | ||
| 1617 | }); | ||
| |
9.4 | 1618 | }); |
| 1619 | } | ||
| 1620 | |||
| |
9.6 | 1621 | /* ======================================================= |
| 1622 | DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY | ||
| 1623 | ======================================================= */ | ||
| |
9.4 | 1624 | |
| |
9.6 | 1625 | function equaliseDetailGrids(){ |
| |
9.5 | 1626 | if( |
| |
9.6 | 1627 | PAGE_KIND!=="detail"|| |
| 1628 | window.innerWidth<=MOBILE_MAX | ||
| |
9.5 | 1629 | ){ |
| |
9.6 | 1630 | return; |
| |
9.5 | 1631 | } |
| |
9.4 | 1632 | |
| |
9.6 | 1633 | var selectors=[ |
| 1634 | ".arsn-grid", | ||
| 1635 | ".arsn-grid-2", | ||
| 1636 | ".arsn-grid-3", | ||
| 1637 | ".dmp-grid", | ||
| 1638 | ".ido-grid", | ||
| 1639 | ".pp-grid" | ||
| 1640 | ]; | ||
| |
9.4 | 1641 | |
| |
9.6 | 1642 | selectors.forEach(function(selector){ |
| 1643 | Array.from( | ||
| 1644 | root.querySelectorAll(selector) | ||
| 1645 | ).forEach(function(grid){ | ||
| 1646 | var children= | ||
| 1647 | Array.from( | ||
| 1648 | grid.children||[] | ||
| 1649 | ).filter(visible); | ||
| |
9.4 | 1650 | |
| |
9.6 | 1651 | if(children.length<2){ |
| 1652 | return; | ||
| 1653 | } | ||
| |
9.4 | 1654 | |
| |
9.6 | 1655 | var groups=[]; |
| |
9.4 | 1656 | |
| |
9.6 | 1657 | children.forEach(function(child){ |
| 1658 | var top= | ||
| 1659 | child | ||
| 1660 | .getBoundingClientRect() | ||
| 1661 | .top; | ||
| |
9.4 | 1662 | |
| |
9.6 | 1663 | var group=null; |
| |
9.4 | 1664 | |
| |
9.6 | 1665 | for(var i=0;i<groups.length;i++){ |
| 1666 | if( | ||
| 1667 | Math.abs( | ||
| 1668 | groups[i].top-top | ||
| 1669 | )<=ROW_TOLERANCE | ||
| 1670 | ){ | ||
| 1671 | group=groups[i]; | ||
| 1672 | break; | ||
| 1673 | } | ||
| 1674 | } | ||
| |
9.4 | 1675 | |
| |
9.6 | 1676 | if(!group){ |
| 1677 | group={ | ||
| 1678 | top:top, | ||
| 1679 | items:[] | ||
| 1680 | }; | ||
| 1681 | groups.push(group); | ||
| 1682 | } | ||
| |
9.4 | 1683 | |
| |
9.6 | 1684 | group.items.push(child); |
| 1685 | }); | ||
| |
9.4 | 1686 | |
| |
9.6 | 1687 | groups.forEach(function(group){ |
| 1688 | if(group.items.length<2){ | ||
| 1689 | return; | ||
| 1690 | } | ||
| |
9.3 | 1691 | |
| |
9.6 | 1692 | var maxHeight=0; |
| |
9.5 | 1693 | |
| |
9.6 | 1694 | group.items.forEach(function(item){ |
| 1695 | maxHeight= | ||
| 1696 | Math.max( | ||
| 1697 | maxHeight, | ||
| 1698 | item | ||
| 1699 | .getBoundingClientRect() | ||
| 1700 | .height | ||
| 1701 | ); | ||
| 1702 | }); | ||
| |
9.5 | 1703 | |
| |
9.6 | 1704 | maxHeight= |
| 1705 | Math.ceil(maxHeight); | ||
| |
9.3 | 1706 | |
| |
9.6 | 1707 | group.items.forEach(function(item){ |
| 1708 | saveStyle( | ||
| 1709 | item, | ||
| 1710 | originalHeight, | ||
| 1711 | "min-height" | ||
| 1712 | ); | ||
| |
9.3 | 1713 | |
| |
9.6 | 1714 | item.style.setProperty( |
| 1715 | "min-height", | ||
| 1716 | maxHeight+"px" | ||
| 1717 | ); | ||
| |
9.4 | 1718 | |
| |
9.6 | 1719 | item.setAttribute( |
| 1720 | "data-sn-master-equal-height", | ||
| 1721 | "1" | ||
| 1722 | ); | ||
| |
9.3 | 1723 | |
| |
9.6 | 1724 | managedHeight.add(item); |
| 1725 | }); | ||
| |
9.3 | 1726 | }); |
| |
9.6 | 1727 | }); |
| 1728 | }); | ||
| 1729 | } | ||
| |
9.3 | 1730 | |
| |
9.6 | 1731 | /* ======================================================= |
| 1732 | RUN / RESPONSIVE SCHEDULING | ||
| 1733 | ======================================================= */ | ||
| |
9.3 | 1734 | |
| |
9.6 | 1735 | function run(){ |
| 1736 | if(running)return; | ||
| |
9.3 | 1737 | |
| |
9.6 | 1738 | running=true; |
| |
9.5 | 1739 | |
| |
9.6 | 1740 | try{ |
| 1741 | resetRuntime(); | ||
| 1742 | applyPlaceholderBadge(); | ||
| 1743 | propagateDetailAccents(); | ||
| |
9.5 | 1744 | |
| |
9.6 | 1745 | var headers= |
| 1746 | applyOverviewPalette(); | ||
| |
9.5 | 1747 | |
| |
9.7 | 1748 | makeThreeLineAreaLabels(); |
| 1749 | makeFilledRedOrangeCTAsBorderless(); | ||
| 1750 | |||
| |
9.6 | 1751 | if( |
| 1752 | window.innerWidth> | ||
| 1753 | MOBILE_MAX | ||
| 1754 | ){ | ||
| 1755 | alignOverviewCards( | ||
| 1756 | headers | ||
| 1757 | ); | ||
| |
9.3 | 1758 | |
| |
9.6 | 1759 | equaliseDetailGrids(); |
| 1760 | } | ||
| |
9.5 | 1761 | }finally{ |
| |
9.6 | 1762 | running=false; |
| |
9.5 | 1763 | } |
| |
9.3 | 1764 | } |
| 1765 | |||
| |
9.6 | 1766 | function onResize(){ |
| |
9.5 | 1767 | if(resizeTimer){ |
| 1768 | clearTimeout( | ||
| 1769 | resizeTimer | ||
| 1770 | ); | ||
| 1771 | } | ||
| |
9.4 | 1772 | |
| |
9.5 | 1773 | resizeTimer= |
| 1774 | setTimeout( | ||
| 1775 | function(){ | ||
| 1776 | resizeTimer=0; | ||
| |
9.6 | 1777 | run(); |
| |
9.5 | 1778 | }, |
| 1779 | RESIZE_DEBOUNCE | ||
| 1780 | ); | ||
| |
9.3 | 1781 | } |
| 1782 | |||
| |
9.6 | 1783 | async function waitForReady(){ |
| 1784 | if( | ||
| 1785 | document.readyState!=="complete" | ||
| 1786 | ){ | ||
| 1787 | await new Promise(function(resolve){ | ||
| 1788 | window.addEventListener( | ||
| 1789 | "load", | ||
| 1790 | resolve, | ||
| 1791 | {once:true} | ||
| 1792 | ); | ||
| 1793 | }); | ||
| 1794 | } | ||
| 1795 | |||
| 1796 | if( | ||
| 1797 | document.fonts&& | ||
| 1798 | document.fonts.ready | ||
| 1799 | ){ | ||
| 1800 | try{ | ||
| 1801 | await document.fonts.ready; | ||
| 1802 | }catch(error){} | ||
| 1803 | } | ||
| 1804 | |||
| |
9.5 | 1805 | var images= |
| 1806 | Array.from( | ||
| 1807 | root.querySelectorAll("img") | ||
| 1808 | ); | ||
| |
9.3 | 1809 | |
| |
9.6 | 1810 | await Promise.all( |
| |
9.5 | 1811 | images.map(function(img){ |
| 1812 | if(img.complete){ | ||
| 1813 | return Promise.resolve(); | ||
| 1814 | } | ||
| |
9.3 | 1815 | |
| |
9.5 | 1816 | return new Promise(function(resolve){ |
| 1817 | var done=function(){ | ||
| 1818 | resolve(); | ||
| 1819 | }; | ||
| 1820 | |||
| 1821 | img.addEventListener( | ||
| 1822 | "load", | ||
| 1823 | done, | ||
| 1824 | {once:true} | ||
| 1825 | ); | ||
| 1826 | |||
| 1827 | img.addEventListener( | ||
| 1828 | "error", | ||
| 1829 | done, | ||
| 1830 | {once:true} | ||
| 1831 | ); | ||
| 1832 | }); | ||
| 1833 | }) | ||
| 1834 | ); | ||
| 1835 | |||
| |
9.6 | 1836 | run(); |
| |
9.3 | 1837 | } |
| 1838 | |||
| |
9.6 | 1839 | window.addEventListener( |
| |
9.5 | 1840 | "resize", |
| |
9.6 | 1841 | onResize, |
| |
9.5 | 1842 | {passive:true} |
| 1843 | ); | ||
| 1844 | |||
| |
9.6 | 1845 | waitForReady(); |
| |
9.3 | 1846 | })(); |
| 1847 | </script> | ||
| |
9.5 | 1848 | |
| |
9.6 | 1849 | <!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END --> |
| 1850 | {{/html}} | ||
| 1851 |