/better-dashboard

another version of dashboard :bear: :gun:

Primary LanguageTypeScriptApache License 2.0Apache-2.0

The developer dashboard for bespoken.tools

Build Status Coverage Status Codacy Badge

Installation

With Bower

$ bower install bespoken-dashboard

Setup

Place the following CSS dependencies within your <head> tag:

<!-- Dashboard Required Dependencies -->
<link rel="stylesheet" href="https://code.getmdl.io/1.2.1/material.grey-red.min.css" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

and the following script tags before the closing </body> tag:

<!-- Dashboard Required Dependencies -->
<script src="https://unpkg.com/react@15.3.2/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15.3.2/dist/react-dom.js"></script>
<script defer src="https://code.getmdl.io/1.2.1/material.min.js"></script>
<!-- Import the dashboard dependency -->
<script src="/bower/directory/bespoken-dashboard/scripts/dashboard.js"></script>

Most importantly, place the dashboard container tag somewhere within your <body />.

<!-- This is where the dashboard will be injected -->
<div id="dashboard"></div>

Resources