tina: distinguish layout for information box for cases vcard (iff catSoc) or links (catSem)

services/dbdatapi.py

@@ -914,7 +914,7 @@ class BipartiteExtractor:
                  #     </ul>
 
 
-                content=""
+                content="<div class='information-vcard'>"
 
 
                 # pic in vcard
@@ -956,7 +956,7 @@ class BipartiteExtractor:
                         content += '[ <a href=' +self.scholars[idNode]['home_url'].replace("&"," and ")+ ' target=blank > View homepage </a >]<br/>'
 
 
-                content += '</p>'
+                content += '</p></div>'
 
                 node = {}
                 node["type"] = "Document"

static/explorerlibs/css2/custom.css

@@ -266,14 +266,10 @@
 
 
 
-/* "carte de visite" */
+/* "carte de visite" si catSoc, infos sur le mot-clef si catSem */
 #information {
     line-height: 110%;
-    background-color:#fff;
-    border-radius: .3em;
-    padding: 2em 1em .3em 1em;
     margin: 2em ;
-    border: 2px solid #555;
     max-width: 35em;
 }
 
@@ -289,6 +285,17 @@
     list-style: none;
 }
 
+#information .information-vcard {
+    border: 2px solid #555;
+    padding: 2em 1em .3em 1em;
+    background-color:#fff;
+    border-radius: .3em;
+}
+
+#information .information-links {
+    padding: 7px 0 0 20px;
+}
+
 
 .btn-sm:hover {
 	font-weight: bold;

static/tinawebJS/methods.js

@@ -411,12 +411,13 @@ function htmlfied_nodesatts(elems){
             }
 
             if(node.type==catSem){
-                information += '<li><b>' + node.label + '</b></li>';
+                information += '<li><b>' + node.label + '</b>';
                 google='<a href=http://www.google.com/#hl=en&source=hp&q=%20'+node.label.replace(" ","+")+'%20><img src="'+'static/img/google.png"></img></a>';
                 wiki = '<a href=http://en.wikipedia.org/wiki/'+node.label.replace(" ","_")+'><img src="'+'static/img/wikipedia.png"></img></a>';
                 flickr= '<a href=http://www.flickr.com/search/?w=all&q='+node.label.replace(" ","+")+'><img src="'+'static/img/flickr.png"></img></a>';
-                information += '<li>'+google+"&nbsp;"+wiki+"&nbsp;"+flickr+'</li><br>';
-                semnodes.push(information)
+                information += "<p class='information-links'>"+google+"&nbsp;"+wiki+"&nbsp;"+flickr+'</p>';
+                information += '</li>' ;
+                semnodes.push(information) ;
             }
         }
     }