Template:Home/ConservationPanel: Difference between revisions

← Older edit

Latest revision as of 11:24, 19 November 2025

Landrace Cannabis Conservation Overview

4

Growing regions

0

Growing Areas

2

Accessions

Stable0
Vulnerable2
Endangered1
Critical1
Extinct0

@@ Line 3: / Line 3: @@
 <div class="lw-cons-panel" role="region" aria-label="Conservation overview">
    <div class="lw-cons-title">Landrace Cannabis Conservation Overview</div>
+  <!-- KPI cards - now with auto-counting -->
-  <!-- KPI cards -->
    <div class="lw-kpis" role="group" aria-label="Key metrics">
      <div class="lw-kpi">
-       <div class="lw-kpi__num">{{{regions|0}}}</div>
+       <div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Regions|pages}}</div>
        <div class="lw-kpi__label">Growing regions</div>
      </div>
      <div class="lw-kpi">
-       <div class="lw-kpi__num">{{{areas|0}}}</div>
+       <div class="lw-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div>
        <div class="lw-kpi__label">Growing Areas</div>
      </div>
      <div class="lw-kpi">
-       <div class="lw-kpi__num">{{{accessions|0}}}</div>
-       <div class="lw-kpi__label">Accessions </div>
+       <div class="lw-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div>
+       <div class="lw-kpi__label">Accessions</div>
      </div>
    </div>
+  <!-- Proportional status bar - auto-calculated -->
-  <!-- Proportional status bar 1 -->
-<div class="lw-cons-title">Growing Regions Status</div>
    <div class="lw-statusbar" role="img"
-       aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
-    <div class="lw-seg lw-s-stable"     style="flex-grow:{{{stable|0}}}"     title="Stable • {{{stable|0}}}"></div>
-    <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
-    <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></div>
-    <div class="lw-seg lw-s-critical"    style="flex-grow:{{{critical|0}}}"   title="Critical • {{{critical|0}}}"></div>
-    <div class="lw-seg lw-s-extinct"     style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></div>
-  </div>
- <!-- Proportional status bar 2 -->
+        aria-label="Status distribution across known regions (Stable {{PAGESINCATEGORY:Conservation Status - Stable|pages}}, Vulnerable {{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}, Endangered {{PAGESINCATEGORY:Conservation Status - Endangered|pages}}, Critical {{PAGESINCATEGORY:Conservation Status - Critical|pages}}, Extinct {{PAGESINCATEGORY:Conservation Status - Extinct|pages}})">
-<div class="lw-cons-title">Growing Areas Status</div>
-  <div class="lw-statusbar" role="img"
+     <div class="lw-seg lw-s-stable"     style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Stable|pages}}"     title="Stable • {{PAGESINCATEGORY:Conservation Status - Stable|pages}}"></div>
-        aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
-     <div class="lw-seg lw-s-stable"     style="flex-grow:{{{stable|0}}}"     title="Stable • {{{stable|0}}}"></div>
+     <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}" title="Vulnerable • {{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}"></div>
-     <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
-     <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></div>
+     <div class="lw-seg lw-s-endangered"  style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Endangered|pages}}" title="Endangered • {{PAGESINCATEGORY:Conservation Status - Endangered|pages}}"></div>
-     <div class="lw-seg lw-s-critical"    style="flex-grow:{{{critical|0}}}"   title="Critical • {{{critical|0}}}"></div>
-     <div class="lw-seg lw-s-extinct"     style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></div>
+     <div class="lw-seg lw-s-critical"    style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Critical|pages}}"   title="Critical • {{PAGESINCATEGORY:Conservation Status - Critical|pages}}"></div>
-  </div>
+     <div class="lw-seg lw-s-extinct"     style="flex-grow:{{PAGESINCATEGORY:Conservation Status - Extinct|pages}}"    title="Extinct • {{PAGESINCATEGORY:Conservation Status - Extinct|pages}}"></div>
-<!-- Proportional status bar 3 -->
-<div class="lw-cons-title">Growing Areas Status</div>
-  <div class="lw-statusbar" role="img"
-       aria-label="Status distribution across known regions (Stable {{{stable|0}}}, Vulnerable {{{vulnerable|0}}}, Endangered {{{endangered|0}}}, Critical {{{critical|0}}}, Extinct {{{extinct|0}}})">
-    <div class="lw-seg lw-s-stable"     style="flex-grow:{{{stable|0}}}"     title="Stable • {{{stable|0}}}"></div>
-    <div class="lw-seg lw-s-vulnerable"  style="flex-grow:{{{vulnerable|0}}}" title="Vulnerable • {{{vulnerable|0}}}"></div>
-    <div class="lw-seg lw-s-endangered"  style="flex-grow:{{{endangered|0}}}" title="Endangered • {{{endangered|0}}}"></div>
-    <div class="lw-seg lw-s-critical"    style="flex-grow:{{{critical|0}}}"   title="Critical • {{{critical|0}}}"></div>
-    <div class="lw-seg lw-s-extinct"     style="flex-grow:{{{extinct|0}}}"    title="Extinct • {{{extinct|0}}}"></div>
    </div>
+  <!-- Flat legend - auto-calculated -->
-  <!-- Flat legend -->
    <ul class="lw-legend" role="list" aria-label="Conservation legend">
-     <li class="lw-legend__item"><span class="dot dot--stable" aria-hidden="true"></span><span class="lbl">Stable</span><span class="count">{{{stable|0}}}</span></li>
-     <li class="lw-legend__item"><span class="dot dot--vuln"   aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{{vulnerable|0}}}</span></li>
+     <li class="lw-legend__item"><span class="dot dot--stable" aria-hidden="true"></span><span class="lbl">Stable</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Stable|pages}}</span></li>
-     <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{{endangered|0}}}</span></li>
-     <li class="lw-legend__item"><span class="dot dot--crit"   aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{{critical|0}}}</span></li>
+     <li class="lw-legend__item"><span class="dot dot--vuln"   aria-hidden="true"></span><span class="lbl">Vulnerable</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Vulnerable|pages}}</span></li>
-     <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{{extinct|0}}}</span></li>
+     <li class="lw-legend__item"><span class="dot dot--end"    aria-hidden="true"></span><span class="lbl">Endangered</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Endangered|pages}}</span></li>
+     <li class="lw-legend__item"><span class="dot dot--crit"   aria-hidden="true"></span><span class="lbl">Critical</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Critical|pages}}</span></li>
+     <li class="lw-legend__item"><span class="dot dot--ext"    aria-hidden="true"></span><span class="lbl">Extinct</span><span class="count">{{PAGESINCATEGORY:Conservation Status - Extinct|pages}}</span></li>
    </ul>
 </div>