captaincodeman / app-metadata Goto Github PK

</style>

<app-route
  route="{{route}}"
  pattern="/:poster_id"
  data="{{routeData}}"
  tail="{{subroute}}">
</app-route>

<firebase-document
  id="firebaseDoc"
  path="/posters/[[routeData.poster_id]]"
  data="{{poster}}">
</firebase-document>
<app-metadata></app-metadata>

<div class="poster_board">
  <a href="./[[routeData.poster_id]]">
    <plastr-poster id="poster"
      name="[[poster.name]]"
      location=[[poster.location]]
      poster="[[poster.poster]]"
      date="[[poster.date]]">
    </plastr-poster>
  </a>
</div>

  attached: function() {
    // this will create the singleton element if it has not been created yet
    Polymer.AppMetadata.requestAvailability();
  },
  properties: {
    prop1: {
      type: String,
      value: 'plastr-app',
    },
  },
  observers: ['_fireMetadataEvent(poster, routeData)'],

  _fireMetadataEvent: function(poster, routeData) {
    if (poster) {

      this.fire('app-metadata', {
        "description": poster.name,
        "keywords": 'events, posters, local, music, dance, art',
        "og:title": "plastrr",
        "og:description": poster.name,
        "og:image":poster.poster,
        "og:url": "https://plastrr-baa70.firebaseapp.com/details/" + routeData.poster_id,
        "twitter:card":"",
      });
    }
  }