@@ -133,9 +133,10 @@ <h1>CY-Bench dashboards</h1>
133133 < div class ="card ">
134134 < div class ="toolbar ">
135135 < span class ="muted "> Horizon</ span >
136- < button type ="button " data-horizon ="both " class ="active "> Both</ button >
136+ < button type ="button " data-horizon ="all " class ="active "> All</ button >
137+ < button type ="button " data-horizon ="mid "> Mid-season (~50%)</ button >
138+ < button type ="button " data-horizon ="qtr "> Late season (~75%)</ button >
137139 < button type ="button " data-horizon ="eos "> End of season</ button >
138- < button type ="button " data-horizon ="mid "> Mid-season</ button >
139140 </ div >
140141 < div id ="map-wrap "> < p class ="muted "> Loading map…</ p > </ div >
141142 < div class ="legend muted ">
@@ -154,7 +155,7 @@ <h3>Select a country</h3>
154155 const DATA = __MAP_DATA_JSON__ ;
155156 const byCc = new Map ( DATA . countries . map ( c => [ c . cc , c ] ) ) ;
156157 const byMapIso = new Map ( DATA . countries . map ( c => [ c . map_cc || c . cc , c ] ) ) ;
157- let horizon = "both " ;
158+ let horizon = "all " ;
158159 let selectedCc = null ;
159160
160161 const topLinks = document . getElementById ( "top-links" ) ;
@@ -170,7 +171,7 @@ <h3>Select a country</h3>
170171 topLinks . innerHTML += `<span class="pill muted">${ DATA . n_countries } countries published</span>` ;
171172
172173 function hasHorizon ( c , hz ) {
173- if ( hz === "both" ) return Boolean ( c . eos || c . mid ) ;
174+ if ( hz === "all" || hz === " both") return Boolean ( c . eos || c . mid || c . qtr ) ;
174175 return Boolean ( c [ hz ] ) ;
175176 }
176177
@@ -190,11 +191,13 @@ <h3>Select a country</h3>
190191 const c = byCc . get ( cc ) ;
191192 const eosCls = c . eos ? "" : " disabled" ;
192193 const midCls = c . mid ? "" : " disabled" ;
194+ const qtrCls = c . qtr ? "" : " disabled" ;
193195 el . innerHTML = `
194196 <h3>${ c . name } </h3>
195197 <div class="cc">${ c . cc } </div>
196- <a class="dash-link${ eosCls } " href="${ c . eos || "#" } ">End-of-season walk-forward</a>
197- <a class="dash-link${ midCls } " href="${ c . mid || "#" } ">Mid-season walk-forward</a>` ;
198+ <a class="dash-link${ midCls } " href="${ c . mid || "#" } ">Mid-season walk-forward</a>
199+ <a class="dash-link${ qtrCls } " href="${ c . qtr || "#" } ">Late-season walk-forward (~75% observed)</a>
200+ <a class="dash-link${ eosCls } " href="${ c . eos || "#" } ">End-of-season walk-forward</a>` ;
198201 }
199202
200203 function selectCountry ( cc ) {
0 commit comments