https://github.com/thelinuxlich/vue-dashing-js

The dashboard framework Dashing reimplemented in Node.js + Vue.js
https://github.com/thelinuxlich/vue-dashing-js

Last synced: 3 months ago
JSON representation

The dashboard framework Dashing reimplemented in Node.js + Vue.js

• Host: GitHub
• URL: https://github.com/thelinuxlich/vue-dashing-js
• Owner: thelinuxlich
• License: mit
• Created: 2015-07-08T05:38:16.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-17T05:04:26.000Z (over 7 years ago)
• Last Synced: 2024-03-18T18:04:27.686Z (3 months ago)
• Language: JavaScript
• Size: 5.88 MB
• Stars: 81
• Watchers: 8
• Forks: 12
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: HISTORY.md
  • License: LICENSE

Lists

• awesome-vue - vue-dashing-js - dashing-js?style=social) - nuvo-dashing-js的fork (应用实例)
• awesome-vuejs - Dashboard framework ★54
• repo-560-awesome-vue-cn - Dashboard framework ★40
• awesome-github-vue - vue-dashing-js - nuvo-dashing-js的fork (应用实例)
• awesome - vue-dashing-js - nuvo-dashing-js的fork (应用实例)
• awesome-github-vue - vue-dashing-js - nuvo-dashing-js的fork (应用实例)
• awesome-github-vue - vue-dashing-js - nuvo-dashing-js的fork (应用实例)
• awesome-vue-refactor - Dashboard framework ★54
• awesome-vue-cn - Dashboard framework ★40

README

        
# vue-dashing-js

This is a fork of [nuvo-dashing-js](https://github.com/lokulin/nuvo-dashing-js) replacing Batman.js with Vue.js

## Getting Started

1. Install from npm

```shell

$ npm install -g vue-dashing-js

```

2. Generate a new project

```shell

$ dashing-js new sweet_dashboard_project

```

3. Change your directory to sweet_dashboard_project and install required modules

```shell

$ sudo npm install -g browserify watchify

$ cd sweet_dashboard_project && npm install

```

4. Start the automatic asset compilation task:

```shell

$ npm run watch

```

5. Start the server!

```shell

$ dashing-js start

```

5. Point your browser at http://localhost:3030/ and have fun!

***

Every new Dashing project comes with sample widgets & sample dashboards for you to explore. The directory is setup as follows:

* Assets — All your images, fonts, and js/coffeescript libraries. Uses [Sprockets](https://github.com/sstephenson/sprockets) [Mincer](http://nodeca.github.io/mincer/).

* Dashboards — One .jade file for each dashboard that contains the layout for the widgets.

* Jobs — Your js/coffee jobs for fetching data (e.g for calling third party APIs like twitter). Name them *\*.job.js/\*.job.coffee*

* Lib — Optional js/coffee files to help out your jobs.

* Public — Static files that you want to serve. A good place for a favicon or a custom 404 page.

* Widgets — All the vue templates for individual widgets.

Run `dashing-js` from command line to find out what command line tools are available to you.

## TODO

* Implement all the basic widgets

* Add a websocket option

* Refactoring