|
222 | 222 | <div style="border: dashed black 2px; padding: 8px">
|
223 | 223 | {#if selectedBoundary}
|
224 | 224 | <div style="display: flex; justify-content: space-between;">
|
225 |
| - <b>Your Neighbourhood Overall</b> |
226 |
| - <!--REVIEW: good place for a name input field? --> |
| 225 | + <b>Your neighbourhood overall</b> |
227 | 226 | <button
|
228 | 227 | class="icon-btn destructive"
|
229 | 228 | aria-label="Clear selection"
|
|
244 | 243 | {selectedBoundary.properties.area_km2.toFixed(1)} km²
|
245 | 244 | </td>
|
246 | 245 | </tr>
|
247 |
| - <tr> |
248 |
| - <th>Population density</th> |
249 |
| - <td> |
250 |
| - {Math.round( |
251 |
| - selectedBoundary.properties.population / |
252 |
| - selectedBoundary.properties.area_km2, |
253 |
| - ).toLocaleString()} people / km² |
254 |
| - </td> |
255 |
| - </tr> |
256 |
| - <tr> |
257 |
| - <th>SIMD</th> |
258 |
| - <td>{selectedBoundary.properties.simd.toFixed(1)}%</td> |
259 |
| - </tr> |
260 |
| - <tr> |
261 |
| - <th>Collision density</th> |
262 |
| - <td> |
263 |
| - {( |
264 |
| - selectedBoundary.properties.number_stats19_collisions / |
265 |
| - selectedBoundary.properties.area_km2 |
266 |
| - ).toFixed(1)} / km² |
267 |
| - </td> |
268 |
| - </tr> |
269 |
| - <tr> |
270 |
| - <th>POI density</th> |
271 |
| - <td> |
272 |
| - {( |
273 |
| - selectedBoundary.properties.number_pois / |
274 |
| - selectedBoundary.properties.area_km2 |
275 |
| - ).toFixed(1)} / km² |
276 |
| - </td> |
277 |
| - </tr> |
| 246 | + {#if $appFocus == "cnt"} |
| 247 | + <tr> |
| 248 | + <th>Population density</th> |
| 249 | + <td> |
| 250 | + {Math.round( |
| 251 | + selectedBoundary.properties.population / |
| 252 | + selectedBoundary.properties.area_km2, |
| 253 | + ).toLocaleString()} people / km² |
| 254 | + </td> |
| 255 | + </tr> |
| 256 | + <tr> |
| 257 | + <th>SIMD</th> |
| 258 | + <td>{selectedBoundary.properties.simd.toFixed(1)}%</td> |
| 259 | + </tr> |
| 260 | + <tr> |
| 261 | + <th>Collision density</th> |
| 262 | + <td> |
| 263 | + {( |
| 264 | + selectedBoundary.properties.number_stats19_collisions / |
| 265 | + selectedBoundary.properties.area_km2 |
| 266 | + ).toFixed(1)} / km² |
| 267 | + </td> |
| 268 | + </tr> |
| 269 | + <tr> |
| 270 | + <th>POI density</th> |
| 271 | + <td> |
| 272 | + {( |
| 273 | + selectedBoundary.properties.number_pois / |
| 274 | + selectedBoundary.properties.area_km2 |
| 275 | + ).toFixed(1)} / km² |
| 276 | + </td> |
| 277 | + </tr> |
| 278 | + {/if} |
278 | 279 | </table>
|
279 | 280 | {:else}
|
280 | 281 | <p>Choose an area to use as the boundary for your neighbourhood.</p>
|
|
0 commit comments