Source Card

This is a source wrapper around the custom card component. It handles certain async network requests like loading/updating the source mix.

By leveraging the apollo cache it will prevent a lot of network request while having multiple cards on the same page.

Table of contents

Installation

NPM

npm i @ppci/source-dialog

// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs

Usage

Javascript

import '@ppci/source-dialog'

Browser

<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-dialog/builds/index.min.js" />

<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-dialog/builds/legacy.min.js" />

<!-- Component -->
<source-dialog
  .source=${Object}
  .deviceId=${String}
  @close=${Function}
  open=${Boolean}
></source-dialog>

Properties

    // Other
    categoryId":1,
    "deviceId":"1015",
    "status":"ACTIVE",
    "latitude":52.368,
    "longitude":4.9036,
    "website":null,
    "type":"SUN",
    "supply":9500,
    "start":"2016-04-10T00:00:00",
    "end":null,
    "soldOut":false,
    "weight":1
  }
  ```
</td>

Events