fixes #477

model/ConceptPropertyValue.php

@@ -119,10 +119,16 @@ public function isReified() {
 
     public function getReifiedPropertyValues() {
         $ret = array();
-        $props = $this->resource->properties();
+        $props = $this->resource->propertyUris();
         foreach($props as $prop) {
-            if ($prop !== 'rdf:value') { // shown elsewhere
-                $ret[$prop] = $this->resource->get($prop);
+            $prop = (EasyRdf_Namespace::shorten($prop) !== null) ? EasyRdf_Namespace::shorten($prop) : $prop;
+            foreach ($this->resource->allLiterals($prop) as $val) {
+                if ($prop !== 'rdf:value' && $this->resource->get($prop)) { // shown elsewhere
+                    $ret[gettext($prop)] = new ConceptPropertyValueLiteral($this->resource->get($prop), $prop);
+                }
+            }
+            foreach ($this->resource->allResources($prop) as $val) {
+                $ret[gettext($prop)] = new ConceptPropertyValue($this->model, $this->vocab, $val, $prop, $this->clang);
             }
         }
         return $ret;

resource/css/styles.css

@@ -510,13 +510,31 @@ ul.dropdown-menu > li:last-child > input {
 .qtip-skosmos {
   background-color: #1E1E1E;
   border-radius: 0;
-  margin-top: 2px;
+  border: 3px solid #75889F;
+  margin-top: 12px;
+  margin-left: 9px;
+  min-width: 400px;
 }
 
 .qtip-skosmos * {
+  color: #fff;
   font-size: 14px;
   font-weight: 400;
-  border: 3px solid #75889F;
+}
+
+.qtip-skosmos a {
+  color: #00ACD3 !important;
+  width: 100%;
+}
+
+.reified-tooltip {
+  display: none;
+  margin-top: 5px;
+  width: 100%;
+}
+
+.reified-property-value > img {
+  width: 18px;
 }
 
 /* front page stuff

resource/js/docready.js

@@ -474,14 +474,25 @@ $(function() { // DOCUMENT READY
     position: { my: 'top left', at: 'bottom center' },
     style: { classes: 'qtip-tipsy qtip-skosmos' }
   };
-
+  
   $('#navi4').qtip(qtip_skosmos);
 
   $('.property-click').qtip(qtip_skosmos);
 
   $('.redirected-vocab-id').qtip(qtip_skosmos);
 
-  $('.reified-property-value').qtip(qtip_skosmos);
+  $('.reified-property-value').each(function() {
+    $(this).qtip({
+      content: $(this).next('.reified-tooltip'),
+      position: { my: 'top left', at: 'top left' },
+      style: { classes: 'qtip-skosmos' },
+      show: { delay: 100 },
+      hide: {
+        fixed: true,
+        delay: 400
+      }
+    });
+  });
 
   $('#hierarchy-disabled > #hier-trigger').qtip(qtip_skosmos_hierarchy);
 

view/concept-shared.twig

@@ -77,7 +77,8 @@
                 <a href="{{ propval.uri }}">{{ propval.uri }}</a>
                 {% else %}
                 {% if propval.isReified %} {# e.g. skos:definition's with resource values #}
-                <span class="versal reified-property-value" title="{% for key, val in propval.reifiedpropertyvalues %}{{ key }} : {{ val }}<br/>{% endfor %}">{% if propval.notation %}<span class="versal">{{ propval.notation }} </span>{% endif %} {{ propval.label(request.contentLang) }}</span>
+                <span class="versal reified-property-value"><img src="resource/pics/about.png">{% if propval.notation %}<span class="versal">{{ propval.notation }} </span>{% endif %} {{ propval.label(request.contentLang) }}</span>
+                <div class="reified-tooltip">{% for key, val in propval.reifiedPropertyValues %}<p>{{ key }}: <a href="{{ val.uri | link_url(val.exvocab, request.lang, 'page', request.contentLang) }}">{{ val.label(request.contentLang) }}</a></p>{% endfor %}</div>
                     
                 {% else %}
                     <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>