Loading

Discovery Setup

This setup aims Web environnement.

Setup

With NPM/Yarn

$ npm install @senx/discovery-widgets

With CDN


<script nomodule src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.js"></script>
<script type="module" src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.esm.js"></script>

Framework Integration

Usage

<html>
<head>
  <title>Test</title>
</head>
<body>
<discovery-dashboard url="https://sandbox.senx.io/api/v0/exec" dashboard-title="Test">
{
  'title' 'Test'
  'description' 'Dashboard test'
  'tiles' [
  {
    'title' 'test'
    'options' { 'autoRefresh' 1 }
    'x' 0 'y' 0 'w' 12 'h' 2
    'type' 'area' 'macro' <%
        1 4 <% DROP 
          NEWGTS 'g' STORE
          1 10 <% 
            'ts' STORE $g $ts RAND + STU * NOW + NaN NaN NaN RAND ADDVALUE DROP 
          %> FOR
          $g 
        %> FOR 
      %>
    }
  ]
}
</discovery-dashboard>
<script nomodule src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.js"></script>
<script type="module" src="https://unpkg.com/@senx/discovery-widgets/dist/discovery/discovery.esm.js"></script>
</body>
</html>

{ 'title' 'Test' 'description' 'Dashboard test' 'tiles' [ { 'title' 'test' 'options' { 'autoRefresh' 1 } 'x' 0 'y' 0 'w' 12 'h' 2 'type' 'area' 'macro' <% 1 4 <% DROP NEWGTS 'g' STORE 1 10 <% 'ts' STORE $g $ts RAND + STU * NOW + NaN NaN NaN RAND ADDVALUE DROP %> FOR $g %> FOR %> } ] }

Within Warp 10

Through a WarpScript:

{ 'title' 'Test' 'description' 'Dashboard test' 'tiles' [ { 'title' 'test' 'options' { 'autoRefresh' 1 } 'x' 0 'y' 0 'w' 12 'h' 2 'type' 'area' 'macro' <% 1 4 <% DROP NEWGTS 'g' STORE 1 10 <% 'ts' STORE $g $ts RAND + STU * NOW + NaN NaN NaN RAND ADDVALUE DROP %> FOR $g %> FOR %> } ] } { 'url' 'https://sandbox.senx.io/api/v0/exec' } @senx/discovery2/render

You can even test it with WarpStudio with the WebView tab appearing after execution.

Next step: Configuration