Template:Accession: Difference between revisions

Revision as of 10:36, 16 September 2025

       {{#vardefine:heroPhoto|}}
       [[File:{{#var:heroPhoto}}|frameless|class=hero-img|link=]]

Accession

Accession ID not specified

           ,  •

     {{#vardefine:fl|}}

             [[File:{{#var:fl}}|80x60px|link=]]
             Flowering

     {{#vardefine:cu|}}

             [[File:{{#var:cu}}|80x60px|link=]]
             Close-up

     {{#vardefine:hb|}}

             [[File:{{#var:hb}}|80x60px|link=]]
             Habitat

     {{#vardefine:fp|}}

             [[File:{{#var:fp}}|80x60px|link=]]
             Farmer

🛡️

Conservation Status

Unknown

Status unknown

📅

Collection

Date unknown

Type unknown • Collector unknown

📍

Location

Unknown

         Coordinates not specified

📋

Documentation

Unknown

         ✗ Origin • 
         ✗ Photos • 
         ✗ Custody

📍

Location coordinates not available

     <button class="action-btn secondary">📁 Download Data</button>

📋 Detailed Information

Additional sections (botanical description, cultural context, conservation details) will be added here with beautiful, scannable design.

For now, all essential information is displayed in the hero section above.

Complete Accession Template

Usage:

{{Accession|{{PAGENAME}}}}

@@ Line 1: / Line 1: @@
 <templatestyles src="Template:Accession/styles.css" />
-<!-- Beautiful Hero Section -->
 <div class="accession-hero">
+   <!-- Gallery -->
-   <!-- Photo Gallery Section -->
    <div class="hero-gallery">
      <div class="gallery-main">
-      <!-- Primary hero image -->
        <div class="hero-image">
-         {{#if: {{#show: {{{1}}} | ?Has whole plant in habitat photo | link=none}} |
+         {{#vardefine:heroPhoto|{{#show: {{{1}}} | ?Has whole plant in habitat photo | link=none}}}}
-           [[File:{{#show: {{{1}}} | ?Has whole plant in habitat photo | link=none}}|frameless|class=hero-img|link=]]
+        {{#if: {{#var:heroPhoto}} |
-         |
+           {{#switch: {{lc:{{#var:heroPhoto}}}}
-           <div class="hero-placeholder">
+            | true = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
-            <div class="placeholder-icon">🌿</div>
+            | yes  = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
-            <div class="placeholder-text">No primary image available</div>
+            | 1    = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
-          </div>
+            | false= <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
+            | 0    = <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
+            | #default = [[File:{{#var:heroPhoto}}|frameless|class=hero-img|link=]]
+          }}
+         |
+           <div class="hero-placeholder"><div class="placeholder-icon">🌿</div><div class="placeholder-text">No primary image available</div></div>
          }}
-         <!-- Image overlay with key info -->
+         <!-- Overlay -->
          <div class="hero-overlay">
            <div class="hero-title">{{PAGENAME}}</div>
@@ Line 28: / Line 30: @@
        </div>
      </div>
-     <!-- Gallery thumbnails -->
+     <!-- Thumbs -->
      <div class="gallery-thumbs">
-       {{#if: {{#show: {{{1}}} | ?Has flowering branches photo | link=none}} |
+       {{#vardefine:fl|{{#show: {{{1}}} | ?Has flowering branches photo | link=none}}}}
-         <div class="thumb active">
+      {{#if: {{#var:fl}} |
-          [[File:{{#show: {{{1}}} | ?Has flowering branches photo | link=none}}|80x60px|link=]]
+         {{#switch: {{lc:{{#var:fl}}}}
-          <span class="thumb-label">Flowering</span>
+          | true|yes|1|false|0 =
-        </div>
+            <!-- boolean → no file, skip -->
+          | #default =
+            <div class="thumb active">
+              [[File:{{#var:fl}}|80x60px|link=]]
+              <span class="thumb-label">Flowering</span>
+            </div>
+        }}
        }}
-       {{#if: {{#show: {{{1}}} | ?Has close-up inflorescences photo | link=none}} |
-         <div class="thumb">
+       {{#vardefine:cu|{{#show: {{{1}}} | ?Has close-up inflorescences photo | link=none}}}}
-          [[File:{{#show: {{{1}}} | ?Has close-up inflorescences photo | link=none}}|80x60px|link=]]
+      {{#if: {{#var:cu}} |
-          <span class="thumb-label">Close-up</span>
+         {{#switch: {{lc:{{#var:cu}}}}
-        </div>
+          | true|yes|1|false|0 =
+          | #default =
+            <div class="thumb">
+              [[File:{{#var:cu}}|80x60px|link=]]
+              <span class="thumb-label">Close-up</span>
+            </div>
+        }}
        }}
-       {{#if: {{#show: {{{1}}} | ?Has habitat overview photo | link=none}} |
-         <div class="thumb">
+       {{#vardefine:hb|{{#show: {{{1}}} | ?Has habitat overview photo | link=none}}}}
-          [[File:{{#show: {{{1}}} | ?Has habitat overview photo | link=none}}|80x60px|link=]]
+      {{#if: {{#var:hb}} |
-          <span class="thumb-label">Habitat</span>
+         {{#switch: {{lc:{{#var:hb}}}}
-        </div>
+          | true|yes|1|false|0 =
+          | #default =
+            <div class="thumb">
+              [[File:{{#var:hb}}|80x60px|link=]]
+              <span class="thumb-label">Habitat</span>
+            </div>
+        }}
        }}
-       {{#if: {{#show: {{{1}}} | ?Has farmer grower portraits | link=none}} |
-         <div class="thumb">
+       {{#vardefine:fp|{{#show: {{{1}}} | ?Has farmer grower portraits | link=none}}}}
-          [[File:{{#show: {{{1}}} | ?Has farmer grower portraits | link=none}}|80x60px|link=]]
+      {{#if: {{#var:fp}} |
-          <span class="thumb-label">Farmer</span>
+         {{#switch: {{lc:{{#var:fp}}}}
-        </div>
+          | true|yes|1|false|0 =
+          | #default =
+            <div class="thumb">
+              [[File:{{#var:fp}}|80x60px|link=]]
+              <span class="thumb-label">Farmer</span>
+            </div>
+        }}
        }}
      </div>
    </div>
-   <!-- Key Stats Dashboard -->
+   <!-- Stats -->
    <div class="hero-stats">
+     <div class="stat-card status-card {{#switch: {{#show: {{{1}}} | ?Has conservation priority | link=none}} | Critical=critical | High=high | Medium=medium | Low=low | #default=unknown }}">
-    <!-- Conservation Status Card -->
-     <div class="stat-card status-card {{#switch: {{#show: {{{1}}} | ?Has conservation priority | link=none}}
-      | Critical = critical
-      | High = high
-      | Medium = medium
-      | Low = low
-      | #default = unknown
-    }}">
        <div class="stat-icon">🛡️</div>
        <div class="stat-content">
@@ Line 77: / Line 95: @@
      </div>
-    <!-- Collection Info Card -->
      <div class="stat-card collection-card">
        <div class="stat-icon">📅</div>
@@ Line 87: / Line 104: @@
      </div>
-    <!-- Location Card -->
      <div class="stat-card location-card">
        <div class="stat-icon">📍</div>
@@ Line 101: / Line 117: @@
      </div>
-    <!-- Documentation Quality Card -->
      <div class="stat-card docs-card">
        <div class="stat-icon">📋</div>
@@ Line 107: / Line 122: @@
          <div class="stat-label">Documentation</div>
          <div class="stat-value">{{#show: {{{1}}} | ?Has documentation status | default=Unknown}}</div>
-         <div class="stat-detail">
+         <div class="stat-detail doc-checks">
            {{#ifeq: {{#show: {{{1}}} | ?Has point of origin documentation | link=none}} | true | ✓ | ✗}} Origin •
            {{#ifeq: {{#show: {{{1}}} | ?Has photographic metadata preserved | link=none}} | true | ✓ | ✗}} Photos •
@@ Line 114: / Line 129: @@
        </div>
      </div>
    </div>
-   <!-- Geographic Hierarchy Breadcrumb -->
+   <!-- Breadcrumb -->
    <div class="hero-breadcrumb">
      <div class="breadcrumb-container">
-       <div class="breadcrumb-item">
+       <div class="breadcrumb-item"><span class="breadcrumb-icon">🌍</span><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has country | default=Unknown Country}}</span></div>
-        <span class="breadcrumb-icon">🌍</span>
+       {{#if: {{#show: {{{1}}} | ?Has growing region}} | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing region}}</span></div> }}
-        <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has country | default=Unknown Country}}</span>
+       {{#if: {{#show: {{{1}}} | ?Has growing area}}   | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing area}}</span></div> }}
-      </div>
+       {{#if: {{#show: {{{1}}} | ?Has appellation}}    | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has appellation}}</span></div> }}
-       {{#if: {{#show: {{{1}}} | ?Has growing region}} |
+       {{#if: {{#show: {{{1}}} | ?Has field | link=none}} |
-        <div class="breadcrumb-arrow">→</div>
+         {{#ifeq: {{#show: {{{1}}} | ?Has field | link=none}} | Various |
-        <div class="breadcrumb-item">
+           | <div class="breadcrumb-arrow">→</div><div class="breadcrumb-item current"><span class="breadcrumb-text">{{#show: {{{1}}} | ?Has field}}</span></div>
-          <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing region}}</span>
-        </div>
-      }}
-       {{#if: {{#show: {{{1}}} | ?Has growing area}} |
-        <div class="breadcrumb-arrow">→</div>
-        <div class="breadcrumb-item">
-          <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has growing area}}</span>
-        </div>
-      }}
-       {{#if: {{#show: {{{1}}} | ?Has appellation}} |
-        <div class="breadcrumb-arrow">→</div>
-        <div class="breadcrumb-item">
-          <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has appellation}}</span>
-        </div>
-      }}
-       {{#if: {{#show: {{{1}}} | ?Has field | link=none}} |
-         {{#ifeq: {{#show: {{{1}}} | ?Has field | link=none}} | Various
-          |
-           | <div class="breadcrumb-arrow">→</div>
-            <div class="breadcrumb-item current">
-              <span class="breadcrumb-text">{{#show: {{{1}}} | ?Has field}}</span>
-            </div>
          }}
        }}
@@ Line 154: / Line 146: @@
    </div>
-   <!-- Interactive Map Section -->
+   <!-- Map block -->
    <div class="hero-map">
      <div class="map-container">
        {{#if: {{#show: {{{1}}} | ?Has GPS coordinates | link=none}} |
-        <!-- Map will be rendered here with coordinates -->
          <div class="map-placeholder">
            <div class="map-icon">🗺️</div>
-           <div class="map-coords">
+           <div class="map-coords">{{#coordinates:{{#show: {{{1}}} | ?Has GPS coordinates | link=none}} | format=dd | directional=yes}}</div>
-            {{#coordinates:{{#show: {{{1}}} | ?Has GPS coordinates | link=none}} | format=dd | directional=yes}}
-          </div>
            <div class="map-text">Interactive map loading...</div>
          </div>
        |
-         <div class="map-unavailable">
+         <div class="map-unavailable"><div class="map-icon">📍</div><div class="map-text">Location coordinates not available</div></div>
-          <div class="map-icon">📍</div>
-          <div class="map-text">Location coordinates not available</div>
-        </div>
        }}
      </div>
-    <!-- Quick Actions -->
      <div class="map-actions">
-       {{#if: {{#show: {{{1}}} | ?Has GPS coordinates}} |
+       {{#if: {{#show: {{{1}}} | ?Has GPS coordinates}} | <button class="action-btn primary">📍 View on Map</button><button class="action-btn secondary">🔗 Share Location</button> }}
-        <button class="action-btn primary">📍 View on Map</button>
-        <button class="action-btn secondary">🔗 Share Location</button>
-      }}
        <button class="action-btn secondary">📁 Download Data</button>
      </div>
    </div>
 </div>
-<!-- Temporary placeholder for detailed sections -->
 <div class="coming-soon">
    <div class="coming-soon-content">
@@ Line 195: / Line 174: @@
 </div>
-<!-- Auto-categorization -->
+<!-- Auto-categories -->
 {{#if: {{#show: {{{1}}} | ?Has country | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has country | link=none}}}} }}
 {{#if: {{#show: {{{1}}} | ?Has growing region | link=none}} | {{Category link|{{#show: {{{1}}} | ?Has growing region | link=none}}}} }}
@@ Line 203: / Line 182: @@
 <noinclude>
 == Complete Accession Template ==
-Usage:
+Usage: <pre>{{Accession|{{PAGENAME}}}}</pre>
-<pre>{{Accession|{{PAGENAME}}}}</pre>
-Requires Template:Accession/styles.css and configured Semantic properties.
 [[Category:Templates]]
 </noinclude>