|
|
| Line 1: |
Line 1: |
| <templatestyles src="Template:Home/ConservationPanel.css" /> | | <templatestyles src="Template:Home/ConservationPanel.css" /> |
| <div class="lw-cons-panel" role="region" aria-label="Conservation overview"> | | <div class="lw-cp"> |
| <p class="lw-cons-headline"> | | <div class="lw-cp-card"> |
| <span class="lw-cons-pct">{{#expr: ({{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}} + {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}) * 100 / {{#ifexpr: {{PAGESINCATEGORY:Accessions|pages}} > 0 | {{PAGESINCATEGORY:Accessions|pages}} | 1 }} round 0}}%</span> | | <div class="lw-cp-header">Conservation status</div> |
| <span class="lw-cons-pct-label">of landrace accessions documented are assessed as critical or high conservation priority</span> | | <div class="lw-cp-body"> |
| </p>
| | <div class="lw-cp-bar" role="img" aria-label="Conservation priority distribution across documented accessions"> |
| <div class="lw-cons-bar" role="img" aria-label="Conservation priority distribution"> | | <span class="lw-cp-seg lw-cp-seg-critical" style="flex-grow: {{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}};" title="Critical"></span> |
| <div class="lw-bar-seg lw-bar--critical" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}" title="Critical · {{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}"></div> | | <span class="lw-cp-seg lw-cp-seg-high" style="flex-grow: {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}};" title="High"></span> |
| <div class="lw-bar-seg lw-bar--high" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}" title="High · {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}"></div> | | <span class="lw-cp-seg lw-cp-seg-medium" style="flex-grow: {{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}};" title="Medium"></span> |
| <div class="lw-bar-seg lw-bar--medium" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}" title="Medium · {{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}"></div> | | <span class="lw-cp-seg lw-cp-seg-low" style="flex-grow: {{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}};" title="Low"></span> |
| <div class="lw-bar-seg lw-bar--low" style="flex-grow:{{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}" title="Low · {{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}"></div> | | <span class="lw-cp-seg lw-cp-seg-stable" style="flex-grow: {{#ask:[[Category:Accessions]][[Has conservation priority::Stable]]|format=count}};" title="Stable"></span> |
| </div> | | </div> |
| <ul class="lw-cons-legend" role="list" aria-label="Priority legend"> | | <div class="lw-cp-callout"> |
| <li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--critical"></span><span class="lw-llbl">Critical</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}}</span></li>
| | <span class="lw-cp-pct">{{#expr: ({{#ask:[[Category:Accessions]][[Has conservation priority::Critical]]|format=count}} + {{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}) * 100 / {{#ifeq:{{#ask:[[Category:Accessions]][[Has conservation priority::+]]|format=count}}|0|1|{{#ask:[[Category:Accessions]][[Has conservation priority::+]]|format=count}}}} round 0}}%</span> |
| <li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--high"></span><span class="lw-llbl">High</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::High]]|format=count}}</span></li>
| | <span class="lw-cp-pct-desc">of landrace accessions documented are assessed as critical or high conservation priority</span> |
| <li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--medium"></span><span class="lw-llbl">Medium</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Medium]]|format=count}}</span></li>
| |
| <li class="lw-cons-legend__item"><span class="lw-ldot lw-ldot--low"></span><span class="lw-llbl">Low</span><span class="lw-lcount">{{#ask:[[Category:Accessions]][[Has conservation priority::Low]]|format=count}}</span></li>
| |
| </ul> | |
| <div class="lw-cons-sep"></div>
| |
| <div class="lw-cons-kpis" role="group" aria-label="Key metrics">
| |
| <div class="lw-cons-kpi" style="position:relative;">
| |
| [[:Category:Accessions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
| |
| <div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Accessions|pages}}</div>
| |
| <div class="lw-cons-kpi__label">Accessions</div>
| |
| </div> | | </div> |
| <div class="lw-cons-kpi" style="position:relative;">
| |
| [[:Category:Growing Areas|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
| |
| <div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Growing Areas|pages}}</div>
| |
| <div class="lw-cons-kpi__label">Growing areas</div>
| |
| </div> | | </div> |
| <div class="lw-cons-kpi" style="position:relative;">
| |
| [[:Category:Growing Regions|<span style="position:absolute; inset:0; z-index:2; display:block;"></span>]]
| |
| <div class="lw-cons-kpi__num">{{PAGESINCATEGORY:Growing Regions|pages}}</div>
| |
| <div class="lw-cons-kpi__label">Growing regions</div>
| |
| </div> | | </div> |
| | |
| | <div class="lw-cp-stats"> |
| | <div class="lw-cp-stat"> |
| | <div class="lw-cp-stat-num">{{PAGESINCATEGORY:Accessions|R}}</div> |
| | <div class="lw-cp-stat-label">Accessions</div> |
| </div> | | </div> |
| | <div class="lw-cp-stat"> |
| | <div class="lw-cp-stat-num">{{PAGESINCATEGORY:Growing Areas|R}}</div> |
| | <div class="lw-cp-stat-label">Growing Areas</div> |
| </div> | | </div> |
| | <div class="lw-cp-stat"> |
| | <div class="lw-cp-stat-num">{{PAGESINCATEGORY:Growing Regions|R}}</div> |
| | <div class="lw-cp-stat-label">Growing Regions</div> |
| | </div> |
| | </div> |
| | </div><noinclude> |
| | {{Documentation}} |
| | </noinclude> |
