Your Consumers | Your Suppliers

Shows a list of your consumers or a list of your suppliers.

Table of contents

Installation

NPM

  npm i @ppci/your-sources

Usage

Javascript

import '@ppci/your-sources'

Browser

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

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

<your-sources
  deviceId="String"
  direction="String"
  energyType="String"
  sortBy="String"
  startDate="Date"
  endDate="Date"
  backupItem="Object"
></your-sources>

Theme | Styling

 your-sources {
  --icon-color: white;
  --icon-background-color: gray;

  /* 
   * Category colors 
   * 1: LOCAL
   * 2: SOCIAL
   */
  --1-color: #32b4e9;
  --2-color: #ffa800;

  --icon-sun: '\\e9d4';
  --icon-wind: '\\e9c1';
  --icon-water: '\\e90b';
}

Properties