Coder Social home page Coder Social logo

owsolutions / angular5-iot-dashboard Goto Github PK

View Code? Open in Web Editor NEW
168.0 23.0 83.0 74.31 MB

Multipurpose dashboard admin for IoT softwares, remote control, user interface. Develop your client dashboards in Angular 5 with vast variety of components available.

TypeScript 81.12% JavaScript 0.13% CSS 2.52% HTML 4.37% Java 0.18% Objective-C 0.31% SCSS 11.36%
angular4 socketio javascript typescript angular-iot-dashboard iot dashboard angular angular5 iot-platform

angular5-iot-dashboard's Issues

Update Routing

Currently we are showing 4 main components on app.component, they must convert to router-outlet instead to be able to control them with the router configuration instead of manual checking.

Create Nginx config for project

We are using firebase for deploying the product. It's necessary to make a tutorial for people want to host the dist folder by themselves.

Cross-Browser Issues

When we open the website as aend user in safari/firefox, app has lot's of problems.

Revise the reminder-timeline.component.ts

Take a review for titleGenerator, drawChart and retPosition in reminder-timeline.component.ts file because it seems they have lack of performance, or doing replicate work.

Bind app info activities

Currently app info activities are broken. They must be connected to the real activity from store.

Location row readonly pin

When output-pin component is read only, the display type of value is different, we must implement a new component to show ready only pins status.

screenshot from 2017-07-24 01-21-40

Role add/update/delete

As a user I want to be able to remove roles, add new role, edit existing role information, such as title and description.

Add place ( location ) create form

Currently places list are mock data, we need to add another route that gives users this possibilities to create a new place. Also, IPlace interface must be reviewed, because it has no id or key, and probably specification is not correct.
Also there must be an option to upload photo for that place.

Fix the layout issue

Currently sidebars are fixed positions, this causes we cannot correctly use the layout system, for example login page has no sidebars but still content-box starts with margin from left, right.

Change org name and repo name

Organization name and this repository name, is really generic and I doubt if ever gonna be a magnificent brand name.

Implement slider for analog values

Currently, analog outputs have an input box to set the value.
Multiple component for analog values are needed, to be replace or be used in conjunction with input.

Fix horizontal scroll issue

In some devices, layout components are scrolling horizontally. This must be fixed by using a scroll library.

Add fundamental permissions of the application

Add an initial list of the permissions that application need to operate. This list might vary for production purposes. Plus, I want user service have a list of these permissions by default and show/hide navigation, routes based on these permissions.

Implement data table for dashboard

We need to address the users need for table. This can be implemented either by jquery data table, or any other existing angular components.

Remove the IOT features from dashboard

I want to be able to produce this code again for any dashboard purpose, so it's necessary to make it quite easy to remove the IOT related code from dashboard. Data layer, components must be definitely separated.

Implement users login/signup page.

Currently, dashboard page is appearing right away. We need to protect the dashboard with a proper user login and signup page. Supporting facebook and github login is debating, since Iot must operate in isolation system.

Change font Icons

Change font icons support the following :
1- Font Awesome
2- Material Icons
3- Meteocons

Fix the warning issues for interface exports

Fix warning by angular cli due to the warnings generated by webpack:

WARNING in ./src/app/shared/output-pin-view/output-pin-view.component.ts
47:50-54 "export 'IPin' was not found in '../Definitions'

WARNING in ./src/app/shared/output-pin-view/output-pin-view.component.ts
47:74-78 "export 'IPin' was not found in '../Definitions'

WARNING in ./src/app/shared/output-pin-view/output-pin-view.component.ts
51:50-57 "export 'IDevice' was not found in '../Definitions'

WARNING in ./src/app/shared/output-pin-view/output-pin-view.component.ts
51:77-84 "export 'IDevice' was not found in '../Definitions'

Add initial activity

Add initial activity ( mock ) based on current devices and widgets, by simulating a change on device or widget.

Add JQuery database

For this project, we need several versions of datatable configured for specific usages.

npm test is not running

We have problem to run tests before merging into master branch. We currently only build the project and if it works, we decide to able to be merge.

You must find out how to run npm test on travis CI to check the results.

Support for RTL ( Persian, Arabic )

We must support for RTL languages, and make the layout switchable to rtl. Plus, for arabic and Persian must implement different fonts, since in each language formal fonts are different.

Use google json response

Currently I've added IResponse interface which represents google standard for api results. This must be applied to entire requests.service functions.

Implement fully functional activity status

Currently, when we change a pin status, we log them correctly with sufficient information. Unfortunately, on the other hand, user interface is not fully functional, and icons are wrong.
There must be a review to make sure activity status are addressing pretty well.

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.