<link rel="import" href="../lib/polymer/polymer.html">
<link rel='import' href='contact.html'>

<polymer-element name='uproxy-roster-group'
    attributes='onlineContacts, offlineContacts, groupTitle, searchQuery, pending'>

  <template>
    <style>
    .header {
      font-size: 13px;
      margin: 24px 0px 6px 24px;
      color: rgba(0,0,0,0.34);
    }
    </style>

    <div class='header'
        hidden?='{{ onlineContacts.length == 0 && offlineContacts.length == 0 }}'>
        {{ groupTitle }}
    </div>

    <template repeat='{{ c in onlineContacts }}' vertical layout>
      <uproxy-contact contact='{{ c }}'
          hidden?='{{ hideForSearch(c.name, searchQuery) }}'
          isOnline='{{ true }}'>
      </uproxy-contact>
    </template>

    <template repeat='{{ c in offlineContacts }}' vertical layout>
      <uproxy-contact contact='{{ c }}'
          hidden?='{{ hideForSearch(c.name, searchQuery) }}'
          isOnline='{{ false }}'>
      </uproxy-contact>
    </template>

  </template>

  <script src='roster-group.js'></script>

</polymer-element>

<link rel="import" href="../lib/polymer/polymer.html">
<link rel='import' href='contact.html'>

<polymer-element name='uproxy-roster-group'
    attributes='onlineContacts, offlineContacts, groupTitle, searchQuery, pending'>

  <template>
    <style>
    .header {
      font-size: 13px;
      margin: 24px 0px 6px 24px;
      color: rgba(0,0,0,0.34);
      font-weight: 500;
    }
    </style>

    <div class='header'
        hidden?='{{ onlineContacts.length == 0 && offlineContacts.length == 0 }}'>
        {{ groupTitle }}
    </div>

    <template repeat='{{ c in onlineContacts }}' vertical layout>
      <uproxy-contact contact='{{ c }}'
          hidden?='{{ hideForSearch(c.name, searchQuery) }}'
          isOnline='{{ true }}'>
      </uproxy-contact>
    </template>

    <template repeat='{{ c in offlineContacts }}' vertical layout>
      <uproxy-contact contact='{{ c }}'
          hidden?='{{ hideForSearch(c.name, searchQuery) }}'
          isOnline='{{ false }}'>
      </uproxy-contact>
    </template>

  </template>

  <script src='roster-group.js'></script>

</polymer-element>

Use Roboto Medium for roster group headers
Use Roboto Medium for roster group headers

Fixes #1219
