@ppci/source-edit

Source Edit Form

Table of contents

1. Installation
2. Usage
3. Properties

Installation

NPM

npm i @ppci/source-edit

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

Usage

Javascript

import '@ppci/source-edit'

Browser

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

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

<!-- Component -->
<source-edit></source-edit>

Properties

Property	Type	Description	Possible Values
*source*	Object	Source object	```javascript { "id":1000, "categoryId":1, "deviceId":"1015", "name":"Michiel Ooms", "city":"Amsterdam", "status":"ACTIVE", "latitude":52.368, "longitude":4.9036, "image":"https://imagerurl.com/image.jpeg", "website":null, "type":"SUN", "description":"Powerpeers COO", "supply":9500, "start":"2016-04-10T00:00:00", "end":null, "soldOut":false, "weight":1 } ```
*devices*	Array	List of devices of the current source	```javascript [ { "id":1015, "status":"ACTIVE", "deviceType":"GAS", "userId":9, "latitude":42.99999999999, "longitude":3.3453, "estimatedSupply":3000000, "estimatedUsage":231, "startDate":"2018-04-05T00:00:00", "endDate":null }, ..., ... ] ```
*categories*	Array	List of categories	```javascript [ { "id":1, "categoryName":"SOCIAL", "categoryPriority":1, "maxSourceLimit":5 }, { "id":2, "categoryName":"LOCAL", "categoryPriority":2, "maxSourceLimit":5 } ] ```
loading	Boolean	Show or hide loading indicator	```html ```
fetching	Boolean		```html ```