Coder Social home page Coder Social logo

khaled-ansary / ngx-dynamic-dashboard-framework Goto Github PK

View Code? Open in Web Editor NEW

This project forked from catalogicsoftware/ngx-dynamic-dashboard-framework

1.0 1.0 0.0 32.45 MB

This is an angular x based dashboard framework that is inspired by JIRA's dashboard implementation and https://github.com/raulgomis/angular-dashboard-framework

License: MIT License

TypeScript 75.92% JavaScript 0.52% CSS 3.50% HTML 20.06%

ngx-dynamic-dashboard-framework's Introduction

NGX Dynamic Dashboard Framework

Natural Language Processing (NLP) integration

Image of Main Screen

Sample Board 1

Image of Main Screen

Add Board and Gadget

Image of Add Gadget To Screen

Alert/Notification

Image Notification

Sample Realtime Web Socket Based Gadget

Image of Add Gadget To Screen

Sample Board 2

Image of Main Screen

Drag and Drop

Image of Add Board To Screen

Facet Filter

Image of Filter Board To Screen

Note: This project is under heavy construction and is not intended for general production use yet. As such, we are not accepting bugs at the moment and documentation is quite lacking.

This is an angular (ngx) based dashboard framework that is inspired by JIRA's dashboard implementation and https://github.com/angular-dashboard-framework/angular-dashboard-framework

The primary projects leveraged:

  • ngx - https://angularjs.org/
  • ngx-charts (angular based d3 charts) - https://github.com/swimlane/ngx-charts
  • Semantic-UI - https://semantic-ui.com/
  • ng2-dnd drag and drop - https://github.com/akserg/ng2-dnd
  • angular material
  • AI Natural Language Processing - The board includes two options for AI, Wit.Ai and IBM Watson. ** Wit.ai - Natural Language Processing site has been integrated via JSONP ** IBM Watson - IBM Watson does not support JSONP so the code relies on a backend implementation of the IBM Watson SDK. I offer sample backend code based on Spring Boot within the comments of the Runtime Service

Features:

  • Leverages Angular's dynamic data driven forms approach for gadget property pages and properties - https://angular.io/guide/dynamic-form
  • Dynamic component strategy for creating gadget instances during runtime - https://angular.io/guide/dynamic-component-loader
  • Faceted gadget search approach leveraging tags
  • Support multiple board creation
  • Drag and Drop support
  • Multiple Data Source/Endpoint management
  • Web Socket support
  • Completely customizable and configurable

NgADF

This project was generated with Angular CLI version 1.6.x.

Setup

Clone this repository then run npm install

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class/module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --aot flag for ahead of time compilation. Please note that after upgrading to Angular 5 the --prod does not work and throws an out of memory error. See angular/angular-cli#5618

The title of that issue suggests an issue with AOT but in my testing --prod seems to be the problem.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.

Source Code Documentation

This project uses the compodoc project : https://github.com/compodoc/compodoc

Run npm install -g @compodoc/compodoc to install compodoc globally

Run compodoc -p tsconfig.json -n 'NGX Dynamic Dashboard Framework' to generate the documentation. It will be placed in the documentation folder

Run compodoc -s to serve up the documentation site at http://localhost:8080

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI README.

ngx-dynamic-dashboard-framework's People

Contributors

jayhamilton avatar

Stargazers

Md Khaled Hossain Ansary avatar

Watchers

Md Khaled Hossain Ansary avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.