Skip to Content
Last modified by Veronika Kocher on Friday, 18 Sep 2026 16:47
From version 39.24
edited by Veronika Kocher
on Thursday, 03 Sep 2026 13:04
Change comment: There is no comment for this version
To version 39.5
edited by ZID Server
on Tuesday, 01 Sep 2026 10:22
Change comment: allow edit right for XWiki.OE-0000211

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.p0009670
1 +XWiki.server
Content
... ... @@ -2,22 +2,12 @@
2 2  
3 3  The **Art & Research Services Navigator** helps you find the right guidance, services and resources for each stage of your project.
4 4  
5 -{{info title="How responsibilities work"}}
6 -The navigator brings services together around the project lifecycle and the researcher's task. It is a navigation layer across university services, not a separate organisational unit.
5 +(% style="margin:20px 0 26px 0;" %)
6 +(((
7 +{{box title="Search the Art & Research Services Navigator"}}
8 +Type a topic, synonym or common query. Matching pages are suggested immediately. Search-term links on the topic pages use the same controlled vocabulary.
7 7  
8 -**Support Kunst und Forschung (SKF)** supports project and funding activities — especially project development, funding and calls, proposals, and coordination of funded projects — and, where useful, connects them with the University's relevant services.
9 -
10 -Depending on the question, these may include the **University Library / Research Data Management & Repository**, **IT**, **Legal and Data Protection**, **Finance and Personnel**, **Publications and Communication**, **Event Management**, the **International Office** and other services.
11 -
12 -The **institute, department or other host unit** remains the artistic or academic home of the project. The navigator brings these offers together along the project stages so you can start from your need rather than from the organisational chart.
13 -{{/info}}
14 -
15 -
16 -
17 17  {{html clean="false"}}
18 -<section data-arsn-search-block-fix="v5" style="margin:20px 0 26px 0;padding:16px 18px;border:1px solid #e3ded6;border-radius:10px;background:#fcfbf8;box-shadow:0 1px 2px rgba(0,0,0,.035);">
19 - <h2 style="font-size:20px;margin:0 0 6px 0;color:#35312d;">Search the Art &amp; Research Services Navigator</h2>
20 - <p style="margin:0 0 12px 0;color:#6a655e;">Type a topic, synonym or common query. Matching pages are suggested immediately. Search-term links on the topic pages use the same controlled vocabulary.</p>
21 21  <form
22 22   id="arsn-search-form"
23 23   action="https://xwiki.uni-ak.ac.at/bin/view/Main/SolrSearch"
... ... @@ -340,8 +340,9 @@
340 340   }
341 341  })();
342 342  </script>
343 -</section>
344 344  {{/html}}
334 +{{/box}}
335 +)))
345 345  
346 346  (% style="margin:10px 0 16px 0;color:#6a655e;font-size:13px;" %)
347 347  (((
... ... @@ -348,7 +348,7 @@
348 348  Follow the project stages from left to right. Within each stage, topics are ordered by what you are most likely to need next; colour is used only as a subtle thematic cue.
349 349  )))
350 350  
351 -{{container layoutStyle="columns"}}
342 +{{container layoutStyle="columns" justify="true"}}
352 352  
353 353  (((
354 354  (% style="border:1px solid #e3ded6;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.035);display:flex;flex-direction:column;" %)
... ... @@ -600,7 +600,6 @@
600 600  
601 601  (((
602 602  {{box title="Info Sheets"}}
603 -{{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;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;">COMING SOON</span>{{/html}}
604 604  Short reference guides for common questions and decisions.
605 605  
606 606  Resources will be linked here as the collection is developed.
... ... @@ -609,7 +609,6 @@
609 609  
610 610  (((
611 611  {{box title="Tutorials"}}
612 -{{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;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;">COMING SOON</span>{{/html}}
613 613  Step-by-step guidance for specific tasks and workflows.
614 614  
615 615  Tutorials will be linked here as the collection is developed.
... ... @@ -618,7 +618,6 @@
618 618  
619 619  (((
620 620  {{box title="Checklists & Templates"}}
621 -{{html}}<span data-arsn-coming-soon="true" style="display:inline-block;margin:6px 0 8px 0;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;">COMING SOON</span>{{/html}}
622 622  Ready-to-use checklists and templates for planning, managing and closing projects.
623 623  
624 624  [[Start with the Quick Start checklist>>https://xwiki.uni-ak.ac.at/bin/view/Service%20Navigator/Art%20%26%20Research%20Services%20Navigator/Enable/Quick%20Start%20for%20Small%20Projects/]]
... ... @@ -630,1157 +630,14 @@
630 630  
631 631  (% style="margin-top:30px;" %)
632 632  (((
633 -== Need help finding the right route? ==
621 +== Need help? ==
634 634  
635 -{{info title="Start with the right service"}}
636 -For **project development, funding, proposals and coordination of funded art and research projects**, **Support Kunst und Forschung** is a good place to start.
623 +{{info title="Contact Art & Research Services"}}
624 +Not sure which requirements, services or next steps apply to your project?
637 637  
638 -For more specific questions, the topic pages point directly to the relevant university services. When several areas are involved, use the navigator to see which support is useful at the next step.
626 +Use the central contact form for project-specific support, or contact the appropriate institutional service.
627 +
628 +//Add the central contact-form link here once it is available.//
639 639  {{/info}}
640 640  )))
641 641  
642 -{{html clean="false"}}
643 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_START -->
644 -
645 -<style data-sn-service-navigator-master="1">
646 -/* =========================================================
647 - MASTER TYPOGRAPHY
648 - ========================================================= */
649 -#xwikicontent h1,
650 -#xwikicontent h2,
651 -#xwikicontent h3,
652 -#xwikicontent h4,
653 -#xwikicontent h5,
654 -#xwikicontent h6,
655 -#xwikicontent .box-title,
656 -#xwikicontent [role="heading"],
657 -#xwikicontent h1 a,
658 -#xwikicontent h2 a,
659 -#xwikicontent h3 a,
660 -#xwikicontent h4 a,
661 -#xwikicontent h5 a,
662 -#xwikicontent h6 a,
663 -#xwikicontent .box-title a,
664 -#xwikicontent [role="heading"] a{
665 - text-align:left!important;
666 - text-justify:auto!important;
667 - word-spacing:normal!important;
668 -}
669 -
670 -/* =========================================================
671 - COMING SOON / IN VORBEREITUNG
672 - ========================================================= */
673 -.sn-coming-soon-badge{
674 - display:inline-block;
675 - vertical-align:middle;
676 - margin-left:10px;
677 - padding:4px 8px;
678 - border-radius:14px;
679 - border:1px solid #efd9cc;
680 - background:#fff4ee;
681 - color:#8a4d36;
682 - font-size:11px;
683 - font-weight:700;
684 - letter-spacing:.055em;
685 - line-height:1.2;
686 - white-space:nowrap;
687 -}
688 -
689 -/* =========================================================
690 - NATIVE / DETAIL CALLOUT GEOMETRY
691 - Preserve existing backgrounds.
692 - ========================================================= */
693 -#xwikicontent .arsn-info,
694 -#xwikicontent .dmp-info,
695 -#xwikicontent .ido-info,
696 -#xwikicontent .pp-info,
697 -#xwikicontent .infomessage{
698 - box-sizing:border-box!important;
699 - border-left:4px solid #21b6d7!important;
700 - border-radius:8px;
701 - text-align:left!important;
702 - word-spacing:normal!important;
703 -}
704 -
705 -#xwikicontent .arsn-warn,
706 -#xwikicontent .dmp-warn,
707 -#xwikicontent .ido-warn,
708 -#xwikicontent .pp-warn,
709 -#xwikicontent .warn,
710 -#xwikicontent .warning,
711 -#xwikicontent .warningmessage,
712 -#xwikicontent .errormessage{
713 - box-sizing:border-box!important;
714 - border-left:4px solid #e94b13!important;
715 - border-radius:8px;
716 - text-align:left!important;
717 - word-spacing:normal!important;
718 -}
719 -
720 -[data-sn-master-equal-height],
721 -[data-sn-master-first-row]{
722 - box-sizing:border-box;
723 -}
724 -</style>
725 -
726 -<script data-sn-service-navigator-master="1">
727 -(function(){
728 - "use strict";
729 -
730 - var PAGE_KIND="overview";
731 - var PLACEHOLDER=false;
732 - var PLACEHOLDER_LABEL="COMING SOON";
733 -
734 - var MOBILE_MAX=767;
735 - var ROW_TOLERANCE=6;
736 - var RESIZE_DEBOUNCE=220;
737 -
738 - var root=
739 - document.getElementById("xwikicontent")||
740 - document.querySelector(".xwiki-rendering-content")||
741 - document.querySelector("main")||
742 - document.body;
743 -
744 - if(!root)return;
745 -
746 - var managedHeight=new Set();
747 - var managedMargin=new Set();
748 - var originalHeight=new WeakMap();
749 - var originalMargin=new WeakMap();
750 -
751 - var resizeTimer=0;
752 - var running=false;
753 -
754 - var THEMES=[
755 - {
756 - name:"BLUE",
757 - accent:"#21b6d7",
758 - bg:"#eaf7fb",
759 - text:"#315d68",
760 - labels:[
761 - "HIER STARTEN",
762 - "ENTSCHEIDEN",
763 - "ÜBERPRÜFEN & ANPASSEN",
764 - "START HERE",
765 - "DECIDE",
766 - "REVIEW & ADAPT"
767 - ]
768 - },
769 - {
770 - name:"RED",
771 - accent:"#e94b13",
772 - bg:"#fff1ec",
773 - text:"#8a4d36",
774 - labels:[
775 - "PLANEN & ORGANISIEREN",
776 - "ORGANISIEREN & DOKUMENTIEREN",
777 - "PUBLIZIEREN & PRÄSENTIEREN",
778 - "PLAN & ORGANISE",
779 - "PLAN & ORGANIZE",
780 - "ORGANISE & DOCUMENT",
781 - "ORGANIZE & DOCUMENT",
782 - "PUBLISH & PRESENT"
783 - ]
784 - },
785 - {
786 - name:"YELLOW",
787 - accent:"#f0aa00",
788 - bg:"#fff8e7",
789 - text:"#785b17",
790 - labels:[
791 - "SCHÜTZEN & KLÄREN",
792 - "STANDARDISIEREN & IDENTIFIZIEREN",
793 - "ÖFFNEN, NACHNUTZEN & AUFFINDBAR MACHEN",
794 - "PROTECT & CLARIFY",
795 - "STANDARDISE & IDENTIFY",
796 - "STANDARDIZE & IDENTIFY",
797 - "OPEN, REUSE & MAKE FINDABLE"
798 - ]
799 - },
800 - {
801 - name:"GREEN",
802 - accent:"#38b76a",
803 - bg:"#edf9f1",
804 - text:"#3f7451",
805 - labels:[
806 - "INFRASTRUKTUR EINRICHTEN",
807 - "INFRASTRUKTUR & ZUSAMMENARBEIT EINRICHTEN",
808 - "SPEICHERN & ZUGRIFF STEUERN",
809 - "REPOSITORIUM, ERHALTEN & ÜBERGEBEN",
810 - "SET UP INFRASTRUCTURE",
811 - "SET UP INFRASTRUCTURE & COLLABORATION",
812 - "STORE & CONTROL ACCESS",
813 - "REPOSITORY, PRESERVE & HAND OVER"
814 - ]
815 - }
816 - ];
817 -
818 - function num(value){
819 - var n=parseFloat(value);
820 - return Number.isFinite(n)?n:0;
821 - }
822 -
823 - function norm(value){
824 - return String(value||"")
825 - .replace(/\s+/g," ")
826 - .trim()
827 - .toUpperCase();
828 - }
829 -
830 - function visible(el){
831 - if(!el||el.nodeType!==1)return false;
832 -
833 - var style=getComputedStyle(el);
834 - var rect=el.getBoundingClientRect();
835 -
836 - return (
837 - style.display!=="none"&&
838 - style.visibility!=="hidden"&&
839 - rect.width>20&&
840 - rect.height>4
841 - );
842 - }
843 -
844 - function saveStyle(el,map,property){
845 - if(map.has(el))return;
846 -
847 - map.set(el,{
848 - value:el.style.getPropertyValue(property),
849 - priority:el.style.getPropertyPriority(property)
850 - });
851 - }
852 -
853 - function restoreStyle(el,map,property){
854 - var original=map.get(el);
855 -
856 - if(original&&original.value){
857 - el.style.setProperty(
858 - property,
859 - original.value,
860 - original.priority||""
861 - );
862 - }else{
863 - el.style.removeProperty(property);
864 - }
865 - }
866 -
867 - function resetRuntime(){
868 - managedHeight.forEach(function(el){
869 - restoreStyle(
870 - el,
871 - originalHeight,
872 - "min-height"
873 - );
874 - el.removeAttribute(
875 - "data-sn-master-equal-height"
876 - );
877 - });
878 -
879 - managedMargin.forEach(function(el){
880 - restoreStyle(
881 - el,
882 - originalMargin,
883 - "margin-top"
884 - );
885 - el.removeAttribute(
886 - "data-sn-master-first-row"
887 - );
888 - });
889 -
890 - managedHeight.clear();
891 - managedMargin.clear();
892 - }
893 -
894 - function themeFor(text){
895 - var value=norm(text);
896 -
897 - for(var i=0;i<THEMES.length;i++){
898 - for(var j=0;j<THEMES[i].labels.length;j++){
899 - var label=THEMES[i].labels[j];
900 -
901 - if(
902 - value===label||
903 - value.indexOf(label+" ")===0||
904 - value.indexOf(label+" -")===0||
905 - value.indexOf(label+" ·")===0
906 - ){
907 - return THEMES[i];
908 - }
909 - }
910 - }
911 -
912 - return null;
913 - }
914 -
915 - /* =======================================================
916 - PLACEHOLDER BADGE
917 - ======================================================= */
918 -
919 - function applyPlaceholderBadge(){
920 - if(!PLACEHOLDER)return;
921 -
922 - if(
923 - document.querySelector(
924 - ".sn-coming-soon-badge"
925 - )
926 - ){
927 - return;
928 - }
929 -
930 - var title=
931 - document.querySelector(
932 - "#document-title"
933 - )||
934 - document.querySelector(
935 - "h1"
936 - );
937 -
938 - if(!title)return;
939 -
940 - var badge=
941 - document.createElement(
942 - "span"
943 - );
944 -
945 - badge.className=
946 - "sn-coming-soon-badge";
947 -
948 - badge.textContent=
949 - PLACEHOLDER_LABEL;
950 -
951 - badge.setAttribute(
952 - "aria-label",
953 - PLACEHOLDER_LABEL
954 - );
955 -
956 - title.appendChild(
957 - badge
958 - );
959 - }
960 -
961 - /* =======================================================
962 - DETAIL PAGE OWN-ACCENT PROPAGATION
963 - ======================================================= */
964 -
965 - function parseRGB(value){
966 - var match=String(value||"").match(
967 - /rgba?\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)/i
968 - );
969 -
970 - if(!match)return null;
971 -
972 - return [
973 - Number(match[1]),
974 - Number(match[2]),
975 - Number(match[3])
976 - ];
977 - }
978 -
979 - function distance(a,b){
980 - return Math.sqrt(
981 - Math.pow(a[0]-b[0],2)+
982 - Math.pow(a[1]-b[1],2)+
983 - Math.pow(a[2]-b[2],2)
984 - );
985 - }
986 -
987 - function paletteMatch(cssColor){
988 - var rgb=parseRGB(cssColor);
989 -
990 - if(!rgb)return null;
991 -
992 - var palette=[
993 - {hex:"#21b6d7",rgb:[33,182,215]},
994 - {hex:"#e94b13",rgb:[233,75,19]},
995 - {hex:"#f0aa00",rgb:[240,170,0]},
996 - {hex:"#38b76a",rgb:[56,183,106]}
997 - ];
998 -
999 - var best=null;
1000 - var bestDistance=Infinity;
1001 -
1002 - palette.forEach(function(item){
1003 - var d=distance(rgb,item.rgb);
1004 -
1005 - if(d<bestDistance){
1006 - best=item;
1007 - bestDistance=d;
1008 - }
1009 - });
1010 -
1011 - return bestDistance<=30
1012 - ?best
1013 - :null;
1014 - }
1015 -
1016 - function propagateDetailAccents(){
1017 - if(PAGE_KIND!=="detail")return;
1018 -
1019 - Array.from(
1020 - root.querySelectorAll(
1021 - ".arsn-call,.dmp-call,.ido-call,.pp-call,"+
1022 - ".arsn-source,.dmp-source,.ido-source,.pp-source"
1023 - )
1024 - ).forEach(function(el){
1025 - if(!visible(el))return;
1026 -
1027 - var style=getComputedStyle(el);
1028 -
1029 - if(
1030 - num(style.borderTopWidth)>=2
1031 - ){
1032 - var match=
1033 - paletteMatch(
1034 - style.borderTopColor
1035 - );
1036 -
1037 - if(match){
1038 - el.style.setProperty(
1039 - "border-left",
1040 - "4px solid "+match.hex,
1041 - "important"
1042 - );
1043 - }
1044 - }
1045 - });
1046 -
1047 - // Warning families: explicit safety override.
1048 - Array.from(
1049 - root.querySelectorAll(
1050 - ".arsn-warn,.dmp-warn,.ido-warn,.pp-warn,"+
1051 - ".warn,.warning,.warningmessage,.errormessage"
1052 - )
1053 - ).forEach(function(el){
1054 - if(!visible(el))return;
1055 -
1056 - el.style.setProperty(
1057 - "border-left",
1058 - "4px solid #e94b13",
1059 - "important"
1060 - );
1061 - });
1062 -
1063 - // Info families: explicit orientation override.
1064 - Array.from(
1065 - root.querySelectorAll(
1066 - ".arsn-info,.dmp-info,.ido-info,.pp-info,.infomessage"
1067 - )
1068 - ).forEach(function(el){
1069 - if(!visible(el))return;
1070 -
1071 - el.style.setProperty(
1072 - "border-left",
1073 - "4px solid #21b6d7",
1074 - "important"
1075 - );
1076 - });
1077 - }
1078 -
1079 - /* =======================================================
1080 - OVERVIEW SEMANTIC THEME PALETTE
1081 - ======================================================= */
1082 -
1083 - function smallestThemeHeaders(){
1084 - return Array.from(
1085 - root.querySelectorAll(
1086 - "div,span,p,strong,h3,h4,h5,h6"
1087 - )
1088 - ).filter(function(el){
1089 - if(!visible(el))return false;
1090 - if(!themeFor(el.textContent))return false;
1091 -
1092 - return !Array.from(
1093 - el.children||[]
1094 - ).some(function(child){
1095 - return !!themeFor(
1096 - child.textContent
1097 - );
1098 - });
1099 - });
1100 - }
1101 -
1102 - function findOverviewCard(header){
1103 - var node=header.parentElement;
1104 - var candidates=[];
1105 -
1106 - while(node&&node!==root){
1107 - var rect=node.getBoundingClientRect();
1108 - var style=getComputedStyle(node);
1109 -
1110 - var border=
1111 - num(style.borderTopWidth)+
1112 - num(style.borderRightWidth)+
1113 - num(style.borderBottomWidth)+
1114 - num(style.borderLeftWidth);
1115 -
1116 - if(
1117 - rect.width>=220&&
1118 - rect.width<=800&&
1119 - rect.height>=120&&
1120 - border>=1
1121 - ){
1122 - candidates.push(node);
1123 - }
1124 -
1125 - node=node.parentElement;
1126 - }
1127 -
1128 - if(!candidates.length)return null;
1129 -
1130 - candidates.sort(function(a,b){
1131 - return (
1132 - b.getBoundingClientRect().height-
1133 - a.getBoundingClientRect().height
1134 - );
1135 - });
1136 -
1137 - return candidates[0];
1138 - }
1139 -
1140 - function rowCandidates(link,card){
1141 - var result=[];
1142 - var cardRect=
1143 - card.getBoundingClientRect();
1144 -
1145 - var node=link;
1146 -
1147 - while(node&&node!==card){
1148 - if(visible(node)){
1149 - var rect=
1150 - node.getBoundingClientRect();
1151 -
1152 - if(
1153 - rect.height<=105&&
1154 - rect.width>=
1155 - cardRect.width*.50&&
1156 - rect.width<=
1157 - cardRect.width*1.03
1158 - ){
1159 - result.push(node);
1160 - }
1161 - }
1162 -
1163 - node=node.parentElement;
1164 - }
1165 -
1166 - return result;
1167 - }
1168 -
1169 - function chooseOuterRow(
1170 - candidates,
1171 - link
1172 - ){
1173 - if(!candidates.length){
1174 - return link;
1175 - }
1176 -
1177 - var bordered=
1178 - candidates.filter(function(el){
1179 - return (
1180 - num(
1181 - getComputedStyle(el)
1182 - .borderLeftWidth
1183 - )>=1
1184 - );
1185 - });
1186 -
1187 - var pool=
1188 - bordered.length
1189 - ?bordered
1190 - :candidates;
1191 -
1192 - pool.sort(function(a,b){
1193 - var ar=
1194 - a.getBoundingClientRect();
1195 -
1196 - var br=
1197 - b.getBoundingClientRect();
1198 -
1199 - return (
1200 - ar.left-br.left||
1201 - br.width-ar.width
1202 - );
1203 - });
1204 -
1205 - return pool[0]||link;
1206 - }
1207 -
1208 - function applyOverviewPalette(){
1209 - if(PAGE_KIND!=="overview"){
1210 - return [];
1211 - }
1212 -
1213 - var headers=
1214 - smallestThemeHeaders()
1215 - .map(function(el){
1216 - return {
1217 - el:el,
1218 - theme:
1219 - themeFor(
1220 - el.textContent
1221 - ),
1222 - card:
1223 - findOverviewCard(
1224 - el
1225 - )
1226 - };
1227 - })
1228 - .filter(function(row){
1229 - return !!row.card;
1230 - });
1231 -
1232 - var unique=[];
1233 - var seenHeaders=new Set();
1234 -
1235 - headers.forEach(function(row){
1236 - var key=
1237 - row.theme.name+
1238 - "|"+
1239 - Math.round(
1240 - row.card
1241 - .getBoundingClientRect()
1242 - .left
1243 - )+
1244 - "|"+
1245 - Math.round(
1246 - row.el
1247 - .getBoundingClientRect()
1248 - .top
1249 - );
1250 -
1251 - if(!seenHeaders.has(key)){
1252 - seenHeaders.add(key);
1253 - unique.push(row);
1254 - }
1255 - });
1256 -
1257 - unique.forEach(function(row){
1258 - var headerRect=
1259 - row.el
1260 - .getBoundingClientRect();
1261 -
1262 - row.el.style.setProperty(
1263 - "background",
1264 - row.theme.bg,
1265 - "important"
1266 - );
1267 -
1268 - row.el.style.setProperty(
1269 - "color",
1270 - row.theme.text,
1271 - "important"
1272 - );
1273 -
1274 - row.el.style.setProperty(
1275 - "text-align",
1276 - "left",
1277 - "important"
1278 - );
1279 -
1280 - row.el.style.setProperty(
1281 - "word-spacing",
1282 - "normal",
1283 - "important"
1284 - );
1285 -
1286 - var later=
1287 - unique
1288 - .filter(function(other){
1289 - return (
1290 - other.card===row.card&&
1291 - other.el
1292 - .getBoundingClientRect()
1293 - .top>
1294 - headerRect.top+2
1295 - );
1296 - })
1297 - .sort(function(a,b){
1298 - return (
1299 - a.el
1300 - .getBoundingClientRect()
1301 - .top-
1302 - b.el
1303 - .getBoundingClientRect()
1304 - .top
1305 - );
1306 - });
1307 -
1308 - var stopTop=
1309 - later.length
1310 - ?later[0].el
1311 - .getBoundingClientRect()
1312 - .top
1313 - :Infinity;
1314 -
1315 - Array.from(
1316 - row.card.querySelectorAll("a")
1317 - ).forEach(function(link){
1318 - if(!visible(link))return;
1319 -
1320 - var rect=
1321 - link.getBoundingClientRect();
1322 -
1323 - if(
1324 - rect.top<=
1325 - headerRect.bottom-2||
1326 - rect.top>=
1327 - stopTop-2
1328 - ){
1329 - return;
1330 - }
1331 -
1332 - var candidates=
1333 - rowCandidates(
1334 - link,
1335 - row.card
1336 - );
1337 -
1338 - var target=
1339 - chooseOuterRow(
1340 - candidates,
1341 - link
1342 - );
1343 -
1344 - candidates.forEach(function(el){
1345 - el.style.setProperty(
1346 - "border-left",
1347 - "0 solid transparent",
1348 - "important"
1349 - );
1350 - });
1351 -
1352 - target.style.setProperty(
1353 - "border-left",
1354 - "3px solid "+
1355 - row.theme.accent,
1356 - "important"
1357 - );
1358 -
1359 - target.style.setProperty(
1360 - "box-sizing",
1361 - "border-box",
1362 - "important"
1363 - );
1364 - });
1365 - });
1366 -
1367 - return unique;
1368 - }
1369 -
1370 - /* =======================================================
1371 - OVERVIEW CARD HEIGHT + FIRST THEMATIC ROW
1372 - ======================================================= */
1373 -
1374 - function alignOverviewCards(headers){
1375 - if(
1376 - PAGE_KIND!=="overview"||
1377 - window.innerWidth<=MOBILE_MAX
1378 - ){
1379 - return;
1380 - }
1381 -
1382 - var cards=[];
1383 - var seen=new Set();
1384 -
1385 - headers.forEach(function(row){
1386 - if(!seen.has(row.card)){
1387 - seen.add(row.card);
1388 - cards.push(row.card);
1389 - }
1390 - });
1391 -
1392 - if(cards.length<2){
1393 - return;
1394 - }
1395 -
1396 - // Group cards by actual top position.
1397 - var groups=[];
1398 -
1399 - cards.forEach(function(card){
1400 - var top=
1401 - card.getBoundingClientRect().top;
1402 -
1403 - var group=null;
1404 -
1405 - for(var i=0;i<groups.length;i++){
1406 - if(
1407 - Math.abs(
1408 - groups[i].top-top
1409 - )<=ROW_TOLERANCE
1410 - ){
1411 - group=groups[i];
1412 - break;
1413 - }
1414 - }
1415 -
1416 - if(!group){
1417 - group={
1418 - top:top,
1419 - cards:[]
1420 - };
1421 - groups.push(group);
1422 - }
1423 -
1424 - group.cards.push(card);
1425 - });
1426 -
1427 - groups.forEach(function(group){
1428 - if(group.cards.length<2){
1429 - return;
1430 - }
1431 -
1432 - var firstHeaders=
1433 - group.cards.map(function(card){
1434 - var candidates=
1435 - headers
1436 - .filter(function(row){
1437 - return row.card===card;
1438 - })
1439 - .sort(function(a,b){
1440 - return (
1441 - a.el
1442 - .getBoundingClientRect()
1443 - .top-
1444 - b.el
1445 - .getBoundingClientRect()
1446 - .top
1447 - );
1448 - });
1449 -
1450 - return candidates.length
1451 - ?candidates[0]
1452 - :null;
1453 - });
1454 -
1455 - if(
1456 - !firstHeaders.some(function(row){
1457 - return !row;
1458 - })
1459 - ){
1460 - var targetTop=
1461 - Math.max.apply(
1462 - Math,
1463 - firstHeaders.map(function(row){
1464 - return (
1465 - row.el
1466 - .getBoundingClientRect()
1467 - .top-
1468 - row.card
1469 - .getBoundingClientRect()
1470 - .top
1471 - );
1472 - })
1473 - );
1474 -
1475 - firstHeaders.forEach(function(row){
1476 - var relativeTop=
1477 - row.el
1478 - .getBoundingClientRect()
1479 - .top-
1480 - row.card
1481 - .getBoundingClientRect()
1482 - .top;
1483 -
1484 - var delta=
1485 - targetTop-relativeTop;
1486 -
1487 - if(delta>1){
1488 - saveStyle(
1489 - row.el,
1490 - originalMargin,
1491 - "margin-top"
1492 - );
1493 -
1494 - var current=
1495 - num(
1496 - getComputedStyle(
1497 - row.el
1498 - ).marginTop
1499 - );
1500 -
1501 - row.el.style.setProperty(
1502 - "margin-top",
1503 - (
1504 - current+delta
1505 - )+"px"
1506 - );
1507 -
1508 - row.el.setAttribute(
1509 - "data-sn-master-first-row",
1510 - "1"
1511 - );
1512 -
1513 - managedMargin.add(
1514 - row.el
1515 - );
1516 - }
1517 - });
1518 - }
1519 -
1520 - var maxHeight=0;
1521 -
1522 - group.cards.forEach(function(card){
1523 - maxHeight=
1524 - Math.max(
1525 - maxHeight,
1526 - card
1527 - .getBoundingClientRect()
1528 - .height
1529 - );
1530 - });
1531 -
1532 - maxHeight=
1533 - Math.ceil(maxHeight);
1534 -
1535 - group.cards.forEach(function(card){
1536 - saveStyle(
1537 - card,
1538 - originalHeight,
1539 - "min-height"
1540 - );
1541 -
1542 - card.style.setProperty(
1543 - "min-height",
1544 - maxHeight+"px"
1545 - );
1546 -
1547 - card.setAttribute(
1548 - "data-sn-master-equal-height",
1549 - "1"
1550 - );
1551 -
1552 - managedHeight.add(
1553 - card
1554 - );
1555 - });
1556 - });
1557 - }
1558 -
1559 - /* =======================================================
1560 - DETAIL GRID EQUAL HEIGHT, DESKTOP ONLY
1561 - ======================================================= */
1562 -
1563 - function equaliseDetailGrids(){
1564 - if(
1565 - PAGE_KIND!=="detail"||
1566 - window.innerWidth<=MOBILE_MAX
1567 - ){
1568 - return;
1569 - }
1570 -
1571 - var selectors=[
1572 - ".arsn-grid",
1573 - ".arsn-grid-2",
1574 - ".arsn-grid-3",
1575 - ".dmp-grid",
1576 - ".ido-grid",
1577 - ".pp-grid"
1578 - ];
1579 -
1580 - selectors.forEach(function(selector){
1581 - Array.from(
1582 - root.querySelectorAll(selector)
1583 - ).forEach(function(grid){
1584 - var children=
1585 - Array.from(
1586 - grid.children||[]
1587 - ).filter(visible);
1588 -
1589 - if(children.length<2){
1590 - return;
1591 - }
1592 -
1593 - var groups=[];
1594 -
1595 - children.forEach(function(child){
1596 - var top=
1597 - child
1598 - .getBoundingClientRect()
1599 - .top;
1600 -
1601 - var group=null;
1602 -
1603 - for(var i=0;i<groups.length;i++){
1604 - if(
1605 - Math.abs(
1606 - groups[i].top-top
1607 - )<=ROW_TOLERANCE
1608 - ){
1609 - group=groups[i];
1610 - break;
1611 - }
1612 - }
1613 -
1614 - if(!group){
1615 - group={
1616 - top:top,
1617 - items:[]
1618 - };
1619 - groups.push(group);
1620 - }
1621 -
1622 - group.items.push(child);
1623 - });
1624 -
1625 - groups.forEach(function(group){
1626 - if(group.items.length<2){
1627 - return;
1628 - }
1629 -
1630 - var maxHeight=0;
1631 -
1632 - group.items.forEach(function(item){
1633 - maxHeight=
1634 - Math.max(
1635 - maxHeight,
1636 - item
1637 - .getBoundingClientRect()
1638 - .height
1639 - );
1640 - });
1641 -
1642 - maxHeight=
1643 - Math.ceil(maxHeight);
1644 -
1645 - group.items.forEach(function(item){
1646 - saveStyle(
1647 - item,
1648 - originalHeight,
1649 - "min-height"
1650 - );
1651 -
1652 - item.style.setProperty(
1653 - "min-height",
1654 - maxHeight+"px"
1655 - );
1656 -
1657 - item.setAttribute(
1658 - "data-sn-master-equal-height",
1659 - "1"
1660 - );
1661 -
1662 - managedHeight.add(item);
1663 - });
1664 - });
1665 - });
1666 - });
1667 - }
1668 -
1669 - /* =======================================================
1670 - RUN / RESPONSIVE SCHEDULING
1671 - ======================================================= */
1672 -
1673 - function run(){
1674 - if(running)return;
1675 -
1676 - running=true;
1677 -
1678 - try{
1679 - resetRuntime();
1680 - applyPlaceholderBadge();
1681 - propagateDetailAccents();
1682 -
1683 - var headers=
1684 - applyOverviewPalette();
1685 -
1686 - if(
1687 - window.innerWidth>
1688 - MOBILE_MAX
1689 - ){
1690 - alignOverviewCards(
1691 - headers
1692 - );
1693 -
1694 - equaliseDetailGrids();
1695 - }
1696 - }finally{
1697 - running=false;
1698 - }
1699 - }
1700 -
1701 - function onResize(){
1702 - if(resizeTimer){
1703 - clearTimeout(
1704 - resizeTimer
1705 - );
1706 - }
1707 -
1708 - resizeTimer=
1709 - setTimeout(
1710 - function(){
1711 - resizeTimer=0;
1712 - run();
1713 - },
1714 - RESIZE_DEBOUNCE
1715 - );
1716 - }
1717 -
1718 - async function waitForReady(){
1719 - if(
1720 - document.readyState!=="complete"
1721 - ){
1722 - await new Promise(function(resolve){
1723 - window.addEventListener(
1724 - "load",
1725 - resolve,
1726 - {once:true}
1727 - );
1728 - });
1729 - }
1730 -
1731 - if(
1732 - document.fonts&&
1733 - document.fonts.ready
1734 - ){
1735 - try{
1736 - await document.fonts.ready;
1737 - }catch(error){}
1738 - }
1739 -
1740 - var images=
1741 - Array.from(
1742 - root.querySelectorAll("img")
1743 - );
1744 -
1745 - await Promise.all(
1746 - images.map(function(img){
1747 - if(img.complete){
1748 - return Promise.resolve();
1749 - }
1750 -
1751 - return new Promise(function(resolve){
1752 - var done=function(){
1753 - resolve();
1754 - };
1755 -
1756 - img.addEventListener(
1757 - "load",
1758 - done,
1759 - {once:true}
1760 - );
1761 -
1762 - img.addEventListener(
1763 - "error",
1764 - done,
1765 - {once:true}
1766 - );
1767 - });
1768 - })
1769 - );
1770 -
1771 - run();
1772 - }
1773 -
1774 - window.addEventListener(
1775 - "resize",
1776 - onResize,
1777 - {passive:true}
1778 - );
1779 -
1780 - waitForReady();
1781 -})();
1782 -</script>
1783 -
1784 -<!-- SN_SERVICE_NAVIGATOR_MASTER_STYLE_END -->
1785 -{{/html}}
1786 -
XWiki.XWikiRights[1]
levels
... ... @@ -1,1 +1,1 @@
1 -view,comment,edit,script
1 +view,comment,edit
XWiki.XWikiRights[2]
allow
... ... @@ -1,1 +1,0 @@
1 -Allow
levels
... ... @@ -1,1 +1,0 @@
1 -view,comment,edit,script
users
... ... @@ -1,1 +1,0 @@
1 -XWiki.p0010210
XWiki.XWikiRights[3]
allow
... ... @@ -1,1 +1,0 @@
1 -Allow
groups
... ... @@ -1,1 +1,0 @@
1 -XWiki.XWikiAllGroup
levels
... ... @@ -1,1 +1,0 @@
1 -view