From 12c2e1bfc528667adfb8ac3cb1cb17f3ec69a2ef Mon Sep 17 00:00:00 2001
From: Daniele Guido <gui.daniele@gmail.com>
Date: Mon, 1 Feb 2016 17:49:45 +0100
Subject: [PATCH] add user correctly in sigma directive snippet

---
 client/src/css/style.css                         | 14 +++++++++++++-
 client/src/js/directives/sigma.js                |  1 +
 client/src/js/directives/snippets.js             |  4 ++--
 client/src/js/templates.js                       |  2 +-
 client/src/templates/partials/helpers/sigma.html |  2 +-
 client/views/index.jade                          |  2 +-
 6 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/client/src/css/style.css b/client/src/css/style.css
index b26597c..719742b 100644
--- a/client/src/css/style.css
+++ b/client/src/css/style.css
@@ -1330,7 +1330,7 @@ header ul li .notification a {
 }
 
 #milkyway.explore.persons, #milkyway.explore.projection, #milkyway.explore.locations{
-  left: 10px;
+  left: 0px;
   display: block
 }
 
@@ -1721,6 +1721,10 @@ height: 150px;
   background-repeat:no-repeat;
   background-position:center;
   border-radius: 50px;
+  
+}
+
+.node.person .thumbnail-wrapper{
   border: 3px solid #4dc3ba;
 }
 
@@ -1728,6 +1732,14 @@ height: 150px;
   border: 3px solid #f6941c;
 }
 
+.node.location .thumbnail-wrapper{
+  border: 3px solid #7e213c;
+}
+
+.node.theme .thumbnail-wrapper{
+  border: 3px solid #ff9b01;
+}
+
 .node .content {
 margin-left: 50px;
     min-height: 70px;
diff --git a/client/src/js/directives/sigma.js b/client/src/js/directives/sigma.js
index f5dab6e..a84ecd5 100644
--- a/client/src/js/directives/sigma.js
+++ b/client/src/js/directives/sigma.js
@@ -17,6 +17,7 @@ angular.module('histograph')
       templateUrl: 'templates/partials/helpers/sigma.html',
         
       scope:{
+        user: '=',
         graph: '=',
         tips: '=',
         controller: '=',
diff --git a/client/src/js/directives/snippets.js b/client/src/js/directives/snippets.js
index b89365c..540aceb 100644
--- a/client/src/js/directives/snippets.js
+++ b/client/src/js/directives/snippets.js
@@ -16,8 +16,8 @@ angular.module('histograph')
       templateUrl: 'templates/partials/helpers/snippet.html',
       scope:{
         center: '=',
-        target: '='
-        
+        target: '=',
+        user: '='
       },
       link: function(scope, elem){
         $log.log('::snippets ------------');
diff --git a/client/src/js/templates.js b/client/src/js/templates.js
index 45bac35..39acfda 100644
--- a/client/src/js/templates.js
+++ b/client/src/js/templates.js
@@ -40,7 +40,7 @@ $templateCache.put("templates/partials/helpers/gasp.html","<div class=\"inner\">
 $templateCache.put("templates/partials/helpers/grammar.html","<!-- global template for grammar based on current state-->\r\n<div class=\'grammar\'>\r\n  <!-- change sub state -->\r\n  \r\n  <!-- &nbsp;{{ruler.label}} -->\r\n  <!-- <div class=\"toggle-extend\">\r\n    {{grammar.label}}\r\n    \r\n    <div class=\"btn-group\" uib-dropdown is-open=\"false\">\r\n      <button type=\"button\" class=\"btn btn-default btn-line\" uib-dropdown-toggle>\r\n        toggle panel\r\n      </button>\r\n      <ul class=\"uib-dropdown-menu dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\r\n        <li>\r\n          <div>\r\n\r\n          </div>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n\r\n  </div> -->\r\n\r\n\r\n  \r\n  <div ng-if=\'ruler\' class=\'grammar-choice ruler\' ng-if=\'grammar\'>\r\n    <!-- <b ng-if=\'item\' class=\'grammar-item\'>{{item.props|lookup:\'name\':language:36}}</b> --> \r\n    {{grammar.label|enrichWithStateParams:stateParams}} <span ng-if=\'totalItems\'>(\r\n        {{totalItems}})\r\n        </span>\r\n    <div class=\"btn-group\" uib-dropdown is-open=\"false\">\r\n      <button id=\"single-button\" type=\"button\" class=\"btn btn-default\" uib-dropdown-toggle>\r\n        <i class=\'fa fa-angle-down\'></i>\r\n      </button>\r\n      <ul class=\"uib-dropdown-menu dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\r\n        <li ng-repeat=\"item in ruler.choices\">\r\n          <a ng-click=\'setChoice(item)\'>\r\n            {{item.label}}\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n  \r\n  <!-- grammar: filters -->\r\n  \r\n        \r\n        \r\n        <span ng-if=\'filters.type\'>\r\n            &nbsp;{{grammar.connector.type}}&nbsp;\r\n        </span>\r\n        <div class=\'grammar-choice\' ng-if=\'grammar.types\'>\r\n          <span ng-if=\'filters.type\'>\r\n            <span ng-repeat=\'filter in filters.type\'>\r\n              <span class=\"filter \"><b>{{filter}}</b><span ng-click=\'removeFilter(\"type\",filter)\'>&nbsp;<i class=\"fa fa-times-circle\"></i></span></span>{{!$last? \' OR \': \'\'}}\r\n            </span>\r\n          </span>\r\n          <span ng-if=\'!filters.type\'>\r\n            {{grammar.types[0].name}}\r\n          </span>\r\n          <div class=\"btn-group\" uib-dropdown is-open=\"false\">\r\n            <button id=\"single-button\" type=\"button\" class=\"btn btn-default\" uib-dropdown-toggle>\r\n              <i class=\'fa fa-angle-down\'></i>\r\n            </button>\r\n            <ul class=\"uib-dropdown-menu dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\r\n              <li ng-repeat=\"item in grammar.types\">\r\n                <a ng-click=\'setType(grammar, item)\'>\r\n                  {{item.name}}\r\n                </a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n        \r\n        <!-- typeahead -->\r\n        <span ng-if=\'filters.with\'>\r\n          &nbsp;{{grammar.connector.relatedTo}}&nbsp;\r\n        </span>\r\n        \r\n        <!-- filters -->\r\n        <span ng-repeat=\'item in filterItems.with\'>\r\n          <div class=\"grammar-choice\">\r\n            <span class=\"filter {{item.type}}\"><b data-id=\'{{item.id}}\' gasp-type=\'{{item.type}}\'>{{item.props|lookup:\'name\':language:24}}</b><span tooltip-append-to-body=\"true\" tooltip=\'remove {{item.type}} {{item.props|lookup:\"name\":language:24}} from filters\' ng-click=\'removeFilter(\"with\",item.id)\'>&nbsp;<i class=\"fa fa-times-circle\"></i></span></span>\r\n          </div>\r\n          {{!$last? \' OR \': \'\'}}\r\n        </span>\r\n\r\n        <div class=\'grammar-choice\' ng-if=\'grammar.relatedTo\'  isolate-item>\r\n          <span ng-if=\'!filters.with\'>\r\n            &nbsp;{{grammar.connector.notRelatedTo}}&nbsp;\r\n          </span>\r\n          <div class=\"btn-group\" uib-dropdown is-open=\"false\">\r\n            <button id=\"single-button\" type=\"button\" class=\"btn btn-default\" uib-dropdown-toggle>\r\n              <i class=\'fa fa-angle-down\'></i>\r\n            </button>\r\n            <ul class=\"uib-dropdown-menu dropdown-menu with-typeahead\" role=\"menu\" aria-labelledby=\"single-button\">\r\n              <li disable-auto-close>\r\n                <div class=\'typeahead-in-dropdown\'>\r\n                  <label>which {{grammar.relatedTo.typeahead}}</label>\r\n                  <form>\r\n                    <input autofocus type=\'text\' name=\'test\' ng-model=\'____q\' class=\'form-control\' typeahead-editable=\'false\' placeholder=\'search person, location, themes...\' typeahead=\'item for items in typeaheadSuggest($viewValue, grammar.relatedTo.typeahead)\' typeahead-wait-ms=\'100\' typeahead-on-select=\'addFilterFromTypeahead($item, $model, $label)\' typeahead-template-url=\'templates/partials/helpers/typeahead.html\'/>\r\n                  </form>\r\n                </div>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <!-- <button uib-popover-template=\"\'templates/partials/helpers/typeahead-popup.html\'\" popover-title=\"{{dynamicPopover.title}}\" popover-placement=\"bottom\" popover-title=\"{{dynamicPopover.title}}\" type=\"button\" class=\"btn btn-default\"><i class=\'fa fa-angle-down\'></i></button> -->\r\n          \r\n          \r\n        </div>\r\n        \r\n        \r\n        <span ng-if=\"filters.from\">\r\n          &nbsp;{{grammar.connector.from}}&nbsp;\r\n        \r\n          <span ng-repeat=\'filter in filters.from\'>\r\n            <span class=\"filter \"><b>{{filter}}</b><span ng-click=\'removeFilter(\"from\",filter)\'>&nbsp;<i class=\"fa fa-times-circle\"></i></span></span>\r\n          </span>\r\n        </span>\r\n        \r\n        <span ng-if=\"filters.to\">\r\n          &nbsp;{{grammar.connector.to}}&nbsp;\r\n          <span ng-repeat=\'filter in filters.to\'>\r\n            <span class=\"filter\"><b>{{filter}}</b><span ng-click=\'removeFilter(\"to\",filter)\'>&nbsp;<i class=\"fa fa-times-circle\"></i></span></span>\r\n          </span>\r\n        </span>\r\n        \r\n        \r\n        \r\n      </div>");
 $templateCache.put("templates/partials/helpers/menu.html","<ul>\n  <!-- <li class=\'path\'>/\n    <a  ui-sref=\"index\">home</a>\n  </li>\n  <li class=\'path split\'>/</li> -->\n  <li class=\'path\'>\n    \n    <span ng-if=\'query\'>search <b>{{query}}</b> in &nbsp;</span>\n    <!-- <span ng-if=\'item\'>starting from \n      <a class=\"active\" href=\"#\">{{item.type || \'document\'}}#{{item.id}}</a>\n    </span> -->\n    \n  </li>\n  \n\n\n  <li ng-include src=\"\'templates/partials/helpers/grammar.html\'\"></li>\n  \n  <!-- sort -->\n  <li>\n    <div class=\"btn-group\" uib-dropdown is-open=\"false\">\n      <button id=\"single-button\" type=\"button\" class=\"btn btn-default btn-line\" uib-dropdown-toggle>\n        sorted by {{sorting.label}} <span class=\"caret\"></span>\n      </button>\n      <ul class=\"uib-dropdown-menu dropdown-menu\" role=\"menu\" aria-labelledby=\"single-button\">\n        <li class=\"{{sorting==item?\'active\':\'\'}}\" ng-repeat=\"item in availableSortings\">\n          <a ng-click=\'setSorting(item)\'>by {{item.label}}</a>\n        </li>\n      </ul>\n    </div>\n  </li>  \n  <!-- viewpoint menu-->\n  <!-- li tooltip=\"{{p.label}}\" tooltip-append-to-body=\'true\' ng-repeat=\"p in viewpoint.available\" >\n    <a ng-click=\'setViewpoint(p)\' class=\'{{ p.name == viewpoint.selected.name? \"active\": \"\"}}\'><i class=\"fa fa-{{p.icon}}\"></i>\n    </a>\n  </li -->\n</ul>");
 $templateCache.put("templates/partials/helpers/network-legend.html","<div class=\"gasp tk-proxima-nova {{enabled?\'enabled\':\'disabled\'}}\"><div class=\"inner {{target.type||\'\'}}\">\n  <div class=\"text\" ng-if=\"target.type == \'node\'\" >\n    <a href=\"{{href}}\">\n      <i uib-tooltip=\"{{type}}\" class=\"fa fa-circle type {{type}}\"></i>\n      {{label|truncate:32}}\n    </a>\n  </div> \n  <div class=\"text\" ng-if=\"target.type == \'edge\'\">\n    <span class=\"weight\">{{weight}}</span>\n    <i class=\"fa fa-circle {{left.type}}\"></i>&nbsp;\n    <i class=\"fa fa-long-arrow-right\"></i>&nbsp;\n    <i class=\"fa fa-circle {{right.type}}\"></i>\n    <span><span uib-tooltip=\"left: {{left.label}}\" uib-tooltip-append-to-body=\'true\'>{{left.label|truncate:20}}</span> &#8594; \n    <span uib-tooltip=\"{{right.label}}\" uib-tooltip-append-to-body=\'true\'>{{right.label|truncate:20}}\n    </span>\n  </div> \n  <div class=\"action-group\">\n    <a class=\"action slide enabled\"  title=\"filter\" uib-tooltip=\'{{filterby}}\' uib-tooltip-placement=\'bottom\'  uib-tooltip-append-to-body=\'true\' ng-click=\"addTargetToFilter()\">\n      <span class=\"fa fa-filter\"></span></a>\n\n<!-- \n      \n    <a class=\"action slide {{target.type == \'node\'? \'enabled\': \'disabled\'}}\"  href=\"{{href}}\" title=\"visit\" data-action=\"link\" uib-tooltip=\"link {{linkto}}\" uib-tooltip-append-to-body=\'true\'>\n      <span class=\"fa fa-link\"></span></a> -->\n    \n    <a class=\"action slide enabled\"  title=\"show connected nodes\" uib-tooltip=\'show connected nodes\' uib-tooltip-placement=\'bottom\'  uib-tooltip-append-to-body=\'true\' ng-click=\"egonetwork()\">\n      <span class=\"fa fa-eye\"></span></a>\n\n    <a class=\"action queue\" ng-click=\"addTargetToQueue()\" uib-tooltip-placement=\'bottom\'  uib-tooltip=\"add to your bookmark list\" data-action=\"queue\">\n      <span class=\"fa fa-play-circle-o\"></span></a>\n            \n  </div>\n</div></div>");
-$templateCache.put("templates/partials/helpers/sigma.html","<div id=\"playground\"></div>\r\n       <!-- <div gmasp target=\"target\"></div> -->\r\n        <!-- <div id=\"tips\" ng-if=\"tips.length > 0\"><div>{{tips}}</div></div> -->\r\n<div snippets id=\"sigma-snippets\" target=\"target\" center=\"center\"></div>\r\n<div id=\"sigma-messenger\" ng-if=\"message.text.length\" class=\"animated {{message.visible? \'fadeIn\': \'fadeOut\'}}\"><div class=\"inner\">{{message.text}}</div></div>\r\n<div id=\"commands\" class=\"{{lookup?\'lookup\':\'\'}}\">\r\n  <div tooltip=\"view all nodes\" tooltip-append-to-body=\"true\" class=\"action {{lookup? \'bounceIn animated\': \'hidden\'}}\" ng-click=\"toggleLookup()\"><i class=\"fa fa-eye\"></i></div>\r\n  <div class=\"action {{status==\'RUNNING\'? \'bounceIn animated\': \'\'}}\" ng-click=\"togglePlay()\"><i class=\"fa fa-{{status==\'RUNNING\' ? \'stop\': \'play\'}}\"></i></div>\r\n  <div class=\"action\" ng-click=\"rescale()\"><i class=\"fa fa-dot-circle-o\"></i></div>\r\n  <div class=\"action\" ng-click=\"zoomin()\"><i class=\"fa fa-plus\"></i></div>\r\n  <div class=\"action\" ng-click=\"zoomout()\"><i class=\"fa fa-minus\"></i></div>\r\n</div>\r\n<div id=\"sigma-actions\">\r\n  \r\n  <button class=\'btn btn-line\' uib-tooltip=\'download as SVG graphics\' tooltip-placement=\'left\' ng-click=\'download()\'><i class=\'fa fa-download\'></i></button>\r\n</div>");
+$templateCache.put("templates/partials/helpers/sigma.html","<div id=\"playground\"></div>\r\n       <!-- <div gmasp target=\"target\"></div> -->\r\n        <!-- <div id=\"tips\" ng-if=\"tips.length > 0\"><div>{{tips}}</div></div> -->\r\n<div snippets user=\"user\" id=\"sigma-snippets\" target=\"target\" center=\"center\"></div>\r\n<div id=\"sigma-messenger\" ng-if=\"message.text.length\" class=\"animated {{message.visible? \'fadeIn\': \'fadeOut\'}}\"><div class=\"inner\">{{message.text}}</div></div>\r\n<div id=\"commands\" class=\"{{lookup?\'lookup\':\'\'}}\">\r\n  <div tooltip=\"view all nodes\" tooltip-append-to-body=\"true\" class=\"action {{lookup? \'bounceIn animated\': \'hidden\'}}\" ng-click=\"toggleLookup()\"><i class=\"fa fa-eye\"></i></div>\r\n  <div class=\"action {{status==\'RUNNING\'? \'bounceIn animated\': \'\'}}\" ng-click=\"togglePlay()\"><i class=\"fa fa-{{status==\'RUNNING\' ? \'stop\': \'play\'}}\"></i></div>\r\n  <div class=\"action\" ng-click=\"rescale()\"><i class=\"fa fa-dot-circle-o\"></i></div>\r\n  <div class=\"action\" ng-click=\"zoomin()\"><i class=\"fa fa-plus\"></i></div>\r\n  <div class=\"action\" ng-click=\"zoomout()\"><i class=\"fa fa-minus\"></i></div>\r\n</div>\r\n<div id=\"sigma-actions\">\r\n  \r\n  <button class=\'btn btn-line\' uib-tooltip=\'download as SVG graphics\' tooltip-placement=\'left\' ng-click=\'download()\'><i class=\'fa fa-download\'></i></button>\r\n</div>");
 $templateCache.put("templates/partials/helpers/snippet.html","<div class=\'snip {{status}} {{center.type}}\'  ng-if=\'center\' ng-click=\'setTarget(center)\' style=\'background-image: url({{center.props.thumbnail}})\' uib-tooltip=\"{{center.props|lookup:\'name\':language}}\" tooltip-placement=\'right\'>\r\n  <!-- <h2>{{center.props|lookup:\'name\':language}}</h2> -->\r\n</div>\r\n<div class=\"inner {{center?\'wait\':\'\'}} {{status}}\">\r\n  \r\n  <div class=\'nodes\'>\r\n    <div ng-if=\'items.length > 1\' class=\"line\">\r\n        <div class=\'weight\'>{{totalItems || weight}}</div>\r\n    </div>\r\n    \r\n    <div ng-repeat=\'relatedItem in items\'>\r\n      <!-- person node -->\r\n      <div ng-if=\'relatedItem.type!=\"resource\"\' class=\'node {{relatedItem.type}}\' >\r\n        <div class=\'thumbnail\'>\r\n          <div class=\"thumbnail-wrapper\" style=\'background-image: url({{relatedItem.props.thumbnail}})\'>    \r\n            \r\n          </div>\r\n        </div>\r\n        <div class=\'content\'>\r\n          <h4><a ng-href=\'#/e/{{relatedItem.id}}/g\' marked=\"relatedItem.props|lookup:\'name\':language\"></a></h4>\r\n          <div class=\'date\'>{{relatedItem.type}} - \r\n\r\n            <span ng-if=\'relatedItem.type==\"person\"\'>{{relatedItem.props.birth_time | datesOfAPerson : relatedItem.props.death_time}}</span>\r\n            <span ng-if=\'relatedItem.type==\"location\"\'>{{relatedItem.props.country}} {{relatedItem.props.lat}} - {{relatedItem.props.lng}}</span>\r\n          </div>\r\n          <div ng-if=\"relatedItem.props.links_viaf\">VIAF: {{relatedItem.props.links_viaf}}</div>\r\n          <div ng-if=\"relatedItem.props.links_wiki\" class=\'links\'><a href=\'http://dbpedia.org/resource/{{relatedItem.props.links_wiki}}\' target=\'_blank\'>dbpedia: {{relatedItem.props.links_wiki}}</a></div>\r\n        </div>\r\n        <div class=\"actions\">\r\n          \r\n          <!-- <a class=\'action\'>\r\n            <span class=\"fa fa-target\"></span></a>\r\n          </a> -->\r\n          <!-- <a class=\"action\" title=\"filter\" uib-tooltip=\"add to your bookmarks\" uib-tooltip-placement=\"top\" uib-tooltip-append-to-body=\"true\" ng-click=\"queue(relatedItem)\">\r\n            <span class=\"fa fa-bookmark-o\"></span></a> -->\r\n        </div>\r\n        <div class=\'btn-group btn-group dual\' style=\'margin: 10px 0\'>\r\n          <a class=\'btn btn-default btn-line-white\' ng-href=\'/#/e/{{relatedItem.id}}\'>more</a>\r\n          <button class=\'btn btn-default btn-line-white\' ng-click=\"queue(relatedItem)\"> <span class=\"fa fa-bookmark-o\"></span></button>\r\n          <button class=\'btn btn-default btn-line-white\' data-id=\"{{relatedItem.id}}\"> <span class=\"fa fa-dot-circle-o\"></span></button>\r\n        </div>\r\n        <div class=\'clear\'></div>\r\n      </div>\r\n\r\n      <!-- resource node -->\r\n      <div ng-if=\'relatedItem.type==\"resource\"\' data-id=\"{{relatedItem.id}}\" class=\'node resource\'>\r\n        <div class=\'thumbnail\'>\r\n          <div class=\"thumbnail-wrapper\" ng-if=\'relatedItem.props.mimetype==\"image\"\' style=\'background-image: url(media/{{relatedItem.props.url}})\'>    \r\n            \r\n          </div>\r\n          <div class=\"thumbnail-wrapper\" ng-if=\'relatedItem.props.mimetype!=\"image\"\'>   </div>\r\n        </div>\r\n        <div class=\'content\'>\r\n          <h4 marked=\"relatedItem.props|lookup:\'title\':language\"></h4>\r\n          <div class=\'date\'>{{relatedItem.props | guessInterval}}</div>\r\n\r\n        </div>\r\n        <div class=\'btn-group btn-group dual\'>\r\n          <a class=\'btn btn-default btn-line-white\' ng-href=\'/#/r/{{relatedItem.id}}\'>more</a>\r\n           <button class=\'btn btn-default btn-line-white\' ng-click=\"queue(relatedItem)\"> <span class=\"fa fa-bookmark-o\"></span></button>\r\n           <button class=\'btn btn-default btn-line-white\' data-id=\'{{center.id}}\'> <span class=\"fa fa-dot-circle-o\"></span></button>\r\n        </div>\r\n        \r\n        <div class=\'clear\'></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- use detail only if a single node has been selected -->\r\n  <div class=\'detail\' ng-if=\'items.length == 1\'>\r\n    <div ng-repeat=\'relatedItem in items\'>\r\n      <div ng-if=\'relatedItem.type==\"person\"\'>\r\n        <blockquote  marked=\"relatedItem.props|lookup:\'abstract\':language\">\r\n        </blockquote>\r\n      </div>\r\n      <div ng-if=\'relatedItem.type==\"resource\"\'>\r\n        <div class=\"meta\">\r\n          <span ng-if=\"relatedItem.persons.length\" class=\"tags\"><i>persons in the document</i>:\r\n            <span ng-repeat=\"per in relatedItem.persons\"><span data-id=\'{{per.id}}\' removed-ng-click=\"startCommenting(item, per, \'person\')\" tooltip=\'{{per.props.name}} - {{per.props.description}} ({{per.props.birth_date | date:\"yyyy\"}} - {{per.props.death_date | date:\"yyyy\"}}) {{per.props.score < 0? \" - signaled as a mistake\":\"\"}}\' gasp-type=\'person\' gasp-parent=\'{{relatedItem.type}}-{{relatedItem.id}}\' class=\"tag person {{per.props.score < 0? \'downvoted\': \'\' }}\">{{per.props.name}}{{$last? \'\':  \', \'}}</span></span>\r\n          </span>\r\n          <span ng-if=\"relatedItem.social_groups.length\" class=\"tags\"><i>  —  groups</i>:\r\n            <span ng-repeat=\"per in relatedItem.social_groups\"><span data-id=\'{{per.id}}\' removed-ng-click=\"startCommenting(item, per, \'person\')\" tooltip=\'{{per.props.name}} {{per.props.score < 0? \" - signaled as a mistake\":\"\"}}\' gasp-type=\'person\' gasp-parent=\'{{relatedItem.type}}-{{relatedItem.id}}\' class=\"tag person {{per.props.score < 0? \'downvoted\': \'\' }}\">{{per.props.name}}{{$last? \'\':  \', \'}}</span></span>\r\n          </span>\r\n          <span ng-if=\"relatedItem.organizations.length\" class=\"tags\"><i>  —  organizations</i>:\r\n            <span ng-repeat=\"per in relatedItem.organizations\"><span data-id=\'{{per.id}}\' removed-ng-click=\"startCommenting(item, per, \'person\')\" tooltip=\'{{per.props.name}} {{per.props.score < 0? \" - signaled as a mistake\":\"\"}}\' gasp-type=\'person\' gasp-parent=\'{{relatedItem.type}}-{{relatedItem.id}}\' class=\"tag person {{per.props.score < 0? \'downvoted\': \'\' }}\">{{per.props.name}}{{$last? \'\':  \', \'}}</span></span>\r\n          </span>\r\n        </div>\r\n        <blockquote ng-if=\'relatedItem.annotations && relatedItem.annotations.length\' context=\'relatedItem\' marked=\"relatedItem.annotations|annotate:\'caption\':language\"></blockquote>\r\n        <blockquote ng-if=\'!relatedItem.annotations\'marked=\"relatedItem.props|lookup:\'caption\':language\"></blockquote>\r\n        <div ng-if=\'relatedItem.props.mimetype==\"image\"\'>\r\n          <img  ng-src=\"media/{{relatedItem.props.url}}\">\r\n        </div>\r\n        <div class=\"doi\">\r\n          <span marked=\"relatedItem.props|lookup:\'ipr\':language\"></span>\r\n        </div>\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <!-- edges is full of sharedItems  -->\r\n  <div ng-if=\"sharedItems.length\" class=\'edges\' >\r\n    <div ng-repeat=\'relatedItem in sharedItems\'>\r\n      <div ng-if=\'relatedItem.type==\"resource\"\' ng-include=\'\"templates/partials/resource-lite.html\"\'></div>\r\n      <div ng-if=\'relatedItem.type!=\"resource\"\' ng-include=\'\"templates/partials/entity-lite.html\"\'></div>\r\n    </div>\r\n\r\n    <!-- load more -->\r\n    <div class=\'more\' ng-if=\'totalItems && offset + limit < totalItems\'>\r\n      <button ng-click=\'more()\' class=\'btn-block btn btn-default more\'>{{status==\'loading\'?\'loading...\':\'load more items\'}}</button>\r\n    </div>\r\n  </div>\r\n</div>");
 $templateCache.put("templates/partials/helpers/suggest.html","<div class=\'{{match.model.props.thumbnail?\"with-thumbnail\":\"\"}}\'>\r\n        <a ng-if=\'match.model.type==\"default\"\'>\r\n          search {{query}}\r\n        </a>\r\n        <a ng-if=\'match.model.type==\"resource\"\' ng-href=\'/#/r/{{match.model.id}}\'>\r\n          <h4>{{match.model.props | lookup:\'title\': \'en\'}} — {{match.model.props.type}}</h4>\r\n        </a>\r\n\r\n        <a ng-if=\'match.model.type==\"person\"\' ng-href=\'/#/e/{{match.model.id}}\'>\r\n          <div class=\'thumbnail\' ng-if=\'match.model.props.thumbnail\' style=\'background-image:url({{match.model.props.thumbnail}})\'></div>\r\n          <h4>{{match.model.props|lookup:\'name\':\'en\'}} — {{match.model.type}}</h4>\r\n          <p ng-if=\'match.model.props.birth_date\'>{{match.model.props|datesOfSomeone}} {{match.model.props|lookup:\'description\':language}}</p>\r\n        </a>\r\n        <a ng-if=\'match.model.type==\"place\"\' ng-href=\'/#/e/{{match.model.id}}\'>\r\n          <div class=\'thumbnail\' ng-if=\'match.model.props.thumbnail\' style=\'background-image:url({{match.model.props.thumbnail}})\'></div>\r\n          <h4>{{match.model.props|lookup:\'name\':\'en\'}} ({{match.model.props.country}}) — location</h4>\r\n        </a>\r\n\r\n        <a ng-if=\'match.model.type==\"location\"\' ng-href=\'/#/e/{{match.model.id}}\'>\r\n          <div class=\'thumbnail\' ng-if=\'match.model.props.thumbnail\' style=\'background-image:url({{match.model.props.thumbnail}})\'></div>\r\n          <h4>{{match.model.props|lookup:\'name\':\'en\'}} ({{match.model.props.country}}) — location</h4>\r\n        </a>\r\n\r\n        <a ng-if=\'match.model.type==\"theme\"\' ng-href=\'/#/e/{{match.model.id}}\'>\r\n          <div class=\'thumbnail\' ng-if=\'match.model.props.thumbnail\' style=\'background-image:url({{match.model.props.thumbnail}})\'></div>\r\n          <h4>{{match.model.props|lookup:\'name\':\'en\'}} — theme</h4>\r\n        </a>\r\n\r\n        \r\n\r\n        <span ng-if=\'match.model.type != \"default\"\' ng-click=\'$parent.$parent.$parent.$parent.queue(match.model.id, true)\'>\r\n          <i class=\'fa fa-bookmark-o\'></i>\r\n        </span>\r\n      </div>");
 $templateCache.put("templates/partials/helpers/typeahead.html","<!-- typeahead template for FILTERING purpose; used in contribute modal -->\r\n<div class=\'{{match.model.props.thumbnail?\"with-thumbnail\":\"\"}}\'>\r\n  <a ng-if=\'match.model.type != \"default\"\' >\r\n    <div class=\'thumbnail\' ng-if=\'match.model.props.thumbnail\' style=\'background-image:url({{match.model.props.thumbnail}})\'></div>\r\n    \r\n    <h4 marked=\"match.model.props|lookup:\'name\':\'en\'\"></h4>\r\n    <p>\r\n      <span ng-if=\'match.model.type==\"person\"\'>{{match.model.props|datesOfSomeone}}</span>\r\n      <span ng-if=\'match.model.type==\"location\"\'>{{match.model.props.country}}</span>\r\n      — {{match.model.type}} ({{match.model.props.df}} documents)\r\n    </p>\r\n  </a>\r\n</div>");}]);
\ No newline at end of file
diff --git a/client/src/templates/partials/helpers/sigma.html b/client/src/templates/partials/helpers/sigma.html
index 8f89bd8..855e520 100644
--- a/client/src/templates/partials/helpers/sigma.html
+++ b/client/src/templates/partials/helpers/sigma.html
@@ -1,7 +1,7 @@
 <div id="playground"></div>
        <!-- <div gmasp target="target"></div> -->
         <!-- <div id="tips" ng-if="tips.length > 0"><div>{{tips}}</div></div> -->
-<div snippets id="sigma-snippets" target="target" center="center"></div>
+<div snippets user="user" id="sigma-snippets" target="target" center="center"></div>
 <div id="sigma-messenger" ng-if="message.text.length" class="animated {{message.visible? 'fadeIn': 'fadeOut'}}"><div class="inner">{{message.text}}</div></div>
 <div id="commands" class="{{lookup?'lookup':''}}">
   <div tooltip="view all nodes" tooltip-append-to-body="true" class="action {{lookup? 'bounceIn animated': 'hidden'}}" ng-click="toggleLookup()"><i class="fa fa-eye"></i></div>
diff --git a/client/views/index.jade b/client/views/index.jade
index c9aa0eb..d20567b 100644
--- a/client/views/index.jade
+++ b/client/views/index.jade
@@ -124,7 +124,7 @@ html
           div(class='view {{currentCtrl}} {{currentState.name|humanizeState}} {{queueStatus}} viewpoint-{{viewpoint.selected.name}}', infinite-scroll='addMoreItems()', infinite-scroll-collection='relatedItems')
             div(ui-view='')
           
-          div#milkyway(sigma, graph='graph', freeze='freeze', tips='headers.graph', togglemenu='toggleMenu(e, item, tag)', class='{{currentState.name|humanizeState}} {{queueStatus}} viewpoint-{{viewpoint.selected.name}}', controller='currentCtrl', setmessage='setMessage(message)', redirect='redirect(path)', queue="addToQueue(items)", filter='addFilter(key, value)')
+          div#milkyway(sigma, user='user', graph='graph', freeze='freeze', tips='headers.graph', togglemenu='toggleMenu(e, item, tag)', class='{{currentState.name|humanizeState}} {{queueStatus}} viewpoint-{{viewpoint.selected.name}}', controller='currentCtrl', setmessage='setMessage(message)', redirect='redirect(path)', queue="addToQueue(items)", filter='addFilter(key, value)')
           
           div(id='timeline', timeline, class='{{currentState.name}} {{queueStatus}}', t='timeline', cxt='contextualTimeline', filters="filters")