catalogicsoftware / ngx-dynamic-dashboard-framework Goto Github PK

We really like this dashboard and would love to start using it in a prod environment; are there plans for an official release?

How to add any new chart in Gadget list?
please share the steps.

I've forked your repo and have made quite a bit of changes to support our needs. Are you interested in collaborating and seeing if any of these changes would be advantageous to your project?

Hey Jay,
I pulled this project a while ago and made some local mods to it, when I try to use the latest version of node js 12.x the entire thing fails to compile with the error below, the only way I could get around it was to downgrade to node js 10.x. Have you seen this or worked around it in any way?

Thanks in advance.

12398 error code ELIFECYCLE
12399 error errno 1
12400 error [email protected] install: `gulp install`
12400 error Exit status 1
12401 error Failed at the [email protected] install script.
12401 error This is probably not a problem with npm. There is likely additional logging output above.
12402 verbose exit [ 1, true ] 

Hey Jay, I don't think the checkboxes on properties are getting handled correctly, because we need to go after the 'selected' attribute to see if a checkbox is true or false. I am seeing different behavior on different widgets too. Like the barChart, I don't think any of those checkboxes return anything but true no matter what you do. However, on the Pie chart is returns a blank and I can map a blank to a false. Been in the digging in the code and I am not certain how to make a fix that would work across the board, if you have any ideas, let me know.

ERROR] Please refer to /src/target/surefire-reports for the individual test results.
[ERROR] Please refer to dump files (if any exist) [date]-jvmRun[N].dump, [date].dumpstream and [date]-jvmRun[N].dumpstream.
[ERROR] The forked VM terminated without properly saying goodbye. VM crash or System.exit called?
[ERROR] Command was /bin/sh -c cd /src && /usr/lib/jvm/java-1.8-openjdk/jre/bin/java -jar /src/target/surefire/surefirebooter5672739373693424591.jar /src/target/surefire 2018-07-31T20-03-37_730-jvmRun1 surefire3913374855006871093tmp surefire_0373265438879250493tmp
[ERROR] Error occurred in starting fork, check output in log
[ERROR] Process Exit Code: 1

Hi guys, do you have any plans to upgrade this to Angular 6? Just tried it and got quite few errors and I am stuck. Thanks in advance!

Hi,

I like your framework. I have some questions. Can you send me your email?

Jordy

hey,
Thanks for the great work on this. I can't say i am an expert in angular to get it all at once but ill mange ( extra class diagrams would be much more helpful ).

I tried to use the dynamic forms to make a simple login component but i failed with the error : propertyPage.properties is undefined and i didn't figure out what it is. it is not featured in the angular docs for dynamic fomrs.

a little help would on this be appreciated, thank you.

I've created a generic Iframe component and everything is great, but it keeps getting refreshed all the time by what I am unsure, I've dug through a bunch of the code but nothing really sticks out on what is refreshing it, but it seems to me more than just time, like also mouse events etc. I've tried to call stop() but it doesn't seem to work, can you point me in the right direction on how to make a component that is more or less static in the widget frame?

Why this is raising at the time of execution?

NewsGadgetComponent.html:4 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'inRun: false'. Current value: 'inRun: true'.
at viewDebugError (core.js:20342)
at expressionChangedAfterItHasBeenCheckedError (core.js:20330)
at checkBindingNoChanges (core.js:20432)
at checkNoChangesNodeInline (core.js:23307)
at checkNoChangesNode (core.js:23292)
at debugCheckNoChangesNode (core.js:23896)
at debugCheckDirectivesFn (core.js:23824)
at Object.eval [as updateDirectives] (NewsGadgetComponent.html:4)
at Object.debugUpdateDirectives [as updateDirectives] (core.js:23813)
at checkNoChangesView (core.js:23191)

Error: ENOENT: no such file or directory, open '/home/brain/Downloads/ngx-dynamic-dashboard-framework-master/node_modules/semantic-ui/dist/semantic.min.js'
at Object.openSync (fs.js:440:3)
at Object.readFileSync (fs.js:342:35)

As I have cloned the project and running it, but it is giving error while installing or serving the application.
Can anyone help me in this?

How to add d3.js charts with given gadget in this framework instead of ngx-chart.

Please, share any link or explain the steps.

Hi ,
When i try to clone and install the project am facing the various below errors

1.npm ERR! code EINTEGRITY
npm ERR! sha1-mnHEh0chjrylHlGmbaaCA4zct78= integrity checksum failed when using
sha1: wanted sha1-mnHEh0chjrylHlGmbaaCA4zct78= but got sha1-krNyb8WyKnkXwdvJF2zG
uZcSuXI=. (10681087 bytes)

2.audited 31272 packages in 30.275s
found 77 vulnerabilities (33 low, 26 moderate, 18 high)
run npm audit fix to fix them, or npm audit for details

3.npm WARN tarball tarball data for [email protected] (sha1-mnHEh0chjrylHlGmbaaCA4zct78=) seems to be corrupted. Trying one more time.
npm ERR! path D:\dashboard\ngx-dynamic-dashboard-framework-master\node_modules.staging\material-design-icons-50593f6c\editor\ios\ic_monetization_on_36pt.imageset\ic_monetization_on_36pt_3x.png
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink
npm ERR! Error: EPERM: operation not permitted, unlink 'D:\dashboard\ngx-dynamic-dashboard-framework-master\node_modules.staging\material-design-icons-50593f6c\editor\ios\ic_monetization_on_36pt.imageset\ic_monetization_on_36pt_3x.png'

so please help me out in figuring it

Hi, Thanks for creating a such good dashboard.

I am evaluating the dashboard framework and try to understand how thing works,

I am trying to integrate this dashboard into jhipster which is using Angular 10, but it is complainting the view variable is undefined during compilation.

can you please tell me where the 'view' comes from in this snippet. the one on the right hand side. Thanks.

in src/app/gadgets/disk/view.html
I couldn't find the this variable in the disk-gadget.component.ts or its super class.

<ngx-charts-pie-chart *ngIf="!inConfig"
                        [view]="view"
                        [scheme]="colorScheme"
                        [results]="data"
                        [legend]="true"
                        [explodeSlices]="false"
                        [labels]="false"
                        [doughnut]="true"
                        [gradient]="false"
                        [arcWidth]=".4"
                        (select)="drillDownPopUp.showDetail($event)">
                </ngx-charts-pie-chart>

Do we have any documentation for this framework. Please provide if anyone have. It will help beginner to study this framework easily.

Creating a simple gadget requires a few steps as outlined in the readme. These steps can be fully automated such that the developer would only need to do some form of ng g gadget mygadget in order to produce a fully functional gadget skeleton.

This is an error that occurs when building with --aot --prod. This problem occurs with Angular 4.4.6 and Angular CLI below 1.4.9.

as this is the development of the library, i see that it was updated a while ago and it is with version 7 of the angular.

If it is no longer being developed, is there any other option?

We really like this dashboard and would love to start using it in a prod environment.

So, our idea is to convert your codebase into an angular library or npm private package.

Then we will start using this private generated library or package into our codebase.

I found one solution about how to generate angular library by using the following package

ng-packagr

But, Not got success to generate a library or package

It would be helpful if you can provide some guild lines or steps about to generate private npm package based on a codebase.

Question?
the codebase is cooperative to create a library?

Hello,
I am searching a way to add this framework on my existing angular 4 project, so if someone have a good tutorial or advice it can be amazing.
Thank you !

In this project we are using local and session storage to get render the boards/widget etc. Is there any way to transfer control to developer?

Hey,

I was trying to create sample new component after installing npm and successful executing the app but, not able to create new component.

I was getting one message:
"Two or more projects are using identical roots. Unable to determine project using current working directory. Using default work space project instead. More than one module matches. Use skip-import option to skip importing the component into the closest module."

Please help me on this:
-how to create new components?
-try to attach any documentation(How to modify the application) link, if it is there.

Thanks-
Ashutosh kumar.

The framework uses Angular Material version 2.0.0-beta.8. This needs to be updated to reflect the latest beta release and the the GA release candidates once those become available.