<dom-module id="my-scientists-list">

  <template>
    <firebase-collection data="{{scientists}}"
                        location="https://radiant-fire-9062.firebaseio.com/users">
    </firebase-collection>

    <template is="dom-repeat" items="[[scientists]]" as="scientist"> 
      <p>Element: <span>[[index]]</span></p>
      <p class="">Name: <a href="[[_itemUrl(scientist)]]"><span>[[scientist.firstName]]</span> <span>[[scientist.lastName]]</span></a></p>
      <my-group-essentials group-id="[[scientist.groupId]]" keywords-ids="[[scientist.keywordsIds]]"></my-group-essentials>
      <!-- profile should be in the menu bar -->
      <a href="/profile/georg">profile of georg</a>  
      <p>//////////////////////////////</p>
    </template>
  </template>

  <script>
    (function () {
      Polymer({
        is: 'my-scientists-list',
        _itemUrl: function(obj) {
          return '/scientist/' + obj.firstName.replace(/ /g, '') + obj.lastName.replace(/ /g, '') + '/' + obj.__firebaseKey__;
        },
      });
    })();
  </script>

</dom-module>