very basic display of concept properties

NatLibFi · Nov 14, 2023 · 200e12a · 200e12a
1 parent f402290
commit 200e12a
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 12 deletions.
diff --git a/resource/css/skosmos.css b/resource/css/skosmos.css
@@ -376,6 +376,10 @@ body {
     font-weight: bold;
   }
 
+  #sidebar, #main-content {
+    background-color: var(--vocab-bg);
+  }
+
   /*** Sidebar termpage & vocabpage ***/
   #main-container.vocabpage #sidebar .nav-item, #main-container.termpage #sidebar .nav-item {
     background-color: var(--sidebar-tab-inactive-bg);
@@ -542,6 +546,13 @@ body {
     border: none;
   }
 
+  .property ul, .property li {
+    list-style-type: none;
+    margin-left: 0;
+    padding-left: 0;
+    margin-bottom: 0;
+  }
+
   .term-other-languages a {
     display: inline-block;
     width: 50%;

diff --git a/src/view/concept-card.inc b/src/view/concept-card.inc
@@ -13,21 +13,22 @@
 
       <table class="table" id="main-table">
         <tbody>
-          <tr>
-            <td class="main-table-label px-0">Tyyppi</td>
-            <td class="align-middle px-0">Thsys</td>
-          </tr>
-          <tr>
-            <td class="main-table-label px-0">Alakäsitteet</td>
+          {% for property in concept.properties %}
+          <tr class="property prop-{{property.ID}}">
+            <td class="main-table-label px-0">{{ property.label }}</td>
             <td class="align-middle px-0">
-              <a href="#">A.00 Allgemeinwörter</a><br>
-              <a href="#">A.01 Regionaladjektive und Sprache</a>
+              <ul>
+              {% for propval in property.values %}
+                {% if propval.uri %} {# resources with URI #}
+                <li><a href="{{ propval.uri | link_url(propval.vocab, request.lang, 'page', request.contentLang) }}">{% if propval.notation %}<span class="versal">{{ propval.notation }} </span>{% endif %} {{ propval.label(request.contentLang) }}</a></li>
+                {% else %} {# literals, e.g. altLabels #}
+                <li>{{ propval.label }}</li>
+                {% endif %}
+              {% endfor %}
+              </li>
             </td>
           </tr>
-          <tr>
-            <td class="main-table-label px-0">Notaatio</td>
-            <td class="align-middle px-0">A</td>
-          </tr>
+          {% endfor %}
           <tr>
             <td class="main-table-label px-0">Muunkieliset termit</td>
             <td class="term-other-languages align-middle px-0">