LipperZack / claspin-ui

Inspired by the Facebook Monitoring Tool Claspin

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

claspin-ui

This project mainly to build a system that will have a clear show of the mass map of items in the UI and their status. Kind of muti mosaic rects.

Inspired by the Facebook Monitoring Tool Claspin (other Reference).

Built using Angular as an Angular directive.

Example

itemList = [
  { index: '01', status: 0 },
  { index: '02', status: 1 },
  { index: '03', status: 3 },
  { index: '06', status: 2 },
  ...
  { index: '10', status: 1 }
];
<claspin item-list="itemList" selected-item="selectedItem"></claspin>

Run Example

bower install
npm install

Screenshot

About

Inspired by the Facebook Monitoring Tool Claspin


Languages

Language:HTML 54.3%Language:JavaScript 41.7%Language:CSS 4.0%