Discussion on Angular 13 Admin Template with Material Design

Discussion on Angular 13 Admin Template with Material Design

Cart 618 sales
Well Documented

IronNetwork does not currently provide support for this item.

183 comments found.

We need to replace the bar chart on the CRM dashboard with the first Bar Chart on Ng2Charts page. We tried just taking the component to the Dashboard, however that chat is not rendered.

Please kindly assist on how we can achieve having this kind of a chart on the dashboard instead of the blue one that is currently the first chart on the CRM Dashboard?

Hi,

Thanks for reaching out!

You have to import the modules in that file where you were pasted the chart’s tag.

If you did it already and still facing issues then you can send us an email at support@theironnetwork.org

Thanks and have a nice day!

Hi there,

I get this error in my console on every page of my gene template. Any idea??. Please confirm?? Thanks!!

ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘null’. Current value: ‘Supplier Management’. at throwErrorIfNoChangesMode (core.js:2216) at bindingUpdated (core.js:13973) at interpolation1 (core.js:14080) at ɵɵtextInterpolate1 (core.js:17444) at Module.ɵɵtextInterpolate (core.js:17420) at MainComponent_Template (main-material.html:12) at executeTemplate (core.js:7457) at refreshView (core.js:7326) at refreshComponent (core.js:8473) at refreshChildComponents (core.js:7132)

Hi,

Thanks for reaching out!

This error is only thrown in develop mode. it is often a sign that you should refactor your code, as Angular warns you that this change in your expression will not be picked up when enabling production mode!

So you can solve it by following articles like https://medium.com/better-programming/expressionchangedafterithasbeencheckederror-in-angular-what-why-and-how-to-fix-it-c6bdc0b22787

https://blog.angular-university.io/angular-debugging/

Let us know if you need anything else.

Thanks and have a nice day!

Hi, Thanks for your feedbacks. But this also happens when I run the default Gene template provided to me from you’ll. Please look into it!!

Hi there, Where can I see the change logs for the Gene template

Hello

When i build production with command “node—max_old_space_size=8048 node_modules/@angular/cli/bin/ng build—prod—aot—build-optimizer” the styles.css too big. It about 1Mb

Can you give me advice please?

Hi there, Can you give an e.g. of validating mat-select options

Hi there,

I had some issue with the gene template and send you email at support and also posted it on the comments page. Please answer them asap as I want to go live with the template and want to avoid the errors I have. Appreciate your help. cheers!!

Hi there, I sent you couple of emails, I will appreciate if you can answer those issues. cheers

Hi there, I am trying to Set Default Locale and followed the documentation, but it is not changing the locale. Can you please confirm it is working as described in the doc. cheers

Hi there, How can I translate the page title e.g. this.pageTitleService.setTitle(“Sorting”);

kemayaz,

Try this

This error is occurring due to updation of the sortable js package. So you can fix it by removing this sign (^) form sortablejs in the package.json file

After removing it delete the node module folder and package-lock.json file and install the npm again.

Hi, I have this purchase; code 52eb5185-80e7-4ce2-a885-b3005e72c61a – 19 Dec 2018 I just try to do npm install but I have ” An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist. ” Where do I do wrong? If you can help me I’ll be very glad. Be healthy, stay healthy. Thanks

Hi there, Does the template has demo code for mat-autocomplete select. I will appreciate if you can provide an e.g. for this feature. There is a select option in the demo but does not filter as you type.Cheers!!

Hi there, is the template dependent on the internet, because it seems when i run the demo version or my seed project the UI breaks and as soon as I connect to the internet it shows the UI properly. Can you please confirm?? and what do I need to setup to be able to run the template offline.cheers!!

Hi there, I get this error in my console when I am running the demo app or my own app.Please help!! vendor.js:44540 ERROR Error: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: ‘null’. Current value: ‘CRM’.

ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:8 – error TS1259: Module ’”E:/Projects/FiledServiceManagement-V1/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

2 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:4:8 – error TS1259: Module ’”E:/Projects/FiledServiceManagement-V1/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

node_modules/firebase/index.d.ts:9710:1
  9710 export = firebase;
       ~~~~~~~~~
  This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

4 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:19:14 – error TS2411: Property ‘authState’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

node_modules/firebase/index.d.ts:9710:1
  9710 export = firebase;
       ~~~~~~~~~
  This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

19 readonly authState: Observable<firebase.User | null>; ~~~~~ node_modules/@angular/fire/auth/auth.d.ts:23:14 – error TS2411: Property ‘idToken’ of type ‘Observable<string>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

23 readonly idToken: Observable<string | null>; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:27:14 – error TS2411: Property ‘user’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

27 readonly user: Observable<firebase.User | null>; ~~ node_modules/@angular/fire/auth/auth.d.ts:33:14 – error TS2411: Property ‘idTokenResult’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

33 readonly idTokenResult: Observable<firebase.auth.IdTokenResult | null>; ~~~~~~~ node_modules/@angular/fire/auth/auth.d.ts:37:14 – error TS2411: Property ‘credential’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

37 readonly credential: Observable<Required<firebase.auth.UserCredential> | null>; ~~~~~

these are the errors after building the project

Hi,

Thanks for reaching out!

It is happening because firebase has updated its version. You can try this following fixes in github thread here: https://github.com/angular/angularfire/issues/2635

We are also working on the theme updatation and we will update it soon with these kind of fixes.

Let us know if you want anything else at support@theironnetwork.org

Thanks and have a nice day!

Hi there, I purchased GENE template and when I run npm install I get this error.Can you please help we resolve it

ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:8 – error TS1259: Module ’”C:/Zolf Drive/gene-701/gene/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

2 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:4:8 – error TS1259: Module ’”C:/Zolf Drive/gene-701/gene/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

node_modules/firebase/index.d.ts:9710:1
  9710 export = firebase;
       ~~~~~~~~~
  This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

4 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:19:14 – error TS2411: Property ‘authState’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

node_modules/firebase/index.d.ts:9710:1
  9710 export = firebase;
       ~~~~~~~~~
  This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

19 readonly authState: Observable<firebase.User | null>; ~~~~~ node_modules/@angular/fire/auth/auth.d.ts:23:14 – error TS2411: Property ‘idToken’ of type ‘Observable<string>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

7m23 readonly idToken: Observable<string | null>; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:27:14 – error TS2411: Property ‘user’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

27 readonly user: Observable<firebase.User | null>; ~~ node_modules/@angular/fire/auth/auth.d.ts:33:14 – error TS2411: Property ‘idTokenResult’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

33 readonly idTokenResult: Observable<firebase.auth.IdTokenResult | null>; ~~~~~~~ node_modules/@angular/fire/auth/auth.d.ts:37:14 – error TS2411: Property ‘credential’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

37 readonly credential: Observable<Required<firebase.auth.UserCredential> | null>; ~~~~~

  • Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** 40% building 70/118 modules 48 active C:\Zolf Drive\gene-701\gene\node_modules\babel-loader\lib\index.js??ref—7-0!C:\Zolf Drive\gene-701\gene\node_modules\echarts\index.js ERROR in node_modules/@angular/fire/firebase.app.module.d.ts:2:8 – error TS1259: Module ’”C:/Zolf Drive/gene-701/gene/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

    2 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:4:8 – error TS1259: Module ’”C:/Zolf Drive/gene-701/gene/node_modules/firebase/index”’ can only be default-imported using the ‘allowSyntheticDefaultImports’ flag

    node_modules/firebase/index.d.ts:9710:1
      9710 export = firebase;
           ~~~~~~~~~
      This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

    4 import firebase from ‘firebase/app’; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:19:14 – error TS2411: Property ‘authState’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

    node_modules/firebase/index.d.ts:9710:1
      9710 export = firebase;
           ~~~~~~~~~
      This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.

    19 readonly authState: Observable<firebase.User | null>; ~~~~~ node_modules/@angular/fire/auth/auth.d.ts:23:14 – error TS2411: Property ‘idToken’ of type ‘Observable<string>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

    23 readonly idToken: Observable<string | null>; ~~~~ node_modules/@angular/fire/auth/auth.d.ts:27:14 – error TS2411: Property ‘user’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

    27 readonly user: Observable<firebase.User | null>; ~~ node_modules/@angular/fire/auth/auth.d.ts:33:14 – error TS2411: Property ‘idTokenResult’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

    33 readonly idTokenResult: Observable<firebase.auth.IdTokenResult | null>; ~~~~~~ node_modules/@angular/fire/auth/auth.d.ts:37:14 – error TS2411: Property ‘credential’ of type ‘Observable<any>’ is not assignable to string index type ‘Promise<any> & ((...args: unknown[]) => Promise<any>) & ((...args: unknown[]) => any)’.

    37 readonly credential: Observable<Required<firebase.auth.UserCredential> | null>;

Hi there, I have purchased the Gene template and when I try to run the app with ng serve, I get this error C:\Zolf Drive\gene-701\gene-seed>ng serve—port 4201 An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist.

Can you please help me.

Hi,

Thanks for reaching out!

This error is occurring due to updation of the sortable js package. So you can fix it by removing this sign (^) form sortablejs in the package.json file

After removing it delete the node module folder and package-lock.json file and install the npm again.

Let us know if it works.

Thanks and have a nice day!

la plantilla tiene un problema con sortable.js

Hola,

¡Gracias por contactarnos!

Este error se produce debido a la actualización del paquete js ordenable. Entonces, puede solucionarlo eliminando este signo (^) de sortablejs en el archivo package.json

Después de eliminarlo, elimine la carpeta del módulo de nodo y el archivo package-lock.json e instale el npm nuevamente.

Permítanos saber si funciona.

¡Gracias y que tenga un buen día!

I am getting this error when I run the app: An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist.

I looked at the comments regarding the fix, I tried removing the ^ from package.json “sortablejs”: “1.12.0” and it still does not work

Hi,

Thanks for reaching out!

This error is occurring due to updation of the sortable js package. So you can fix it by removing this sign (^) form sortablejs in the package.json file

After removing it delete the node module folder and package-lock.json file and install the npm again.

Let us know if it works.

Thanks and have a nice day!

best regards, I get this error: “An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist.”

Hi , When I try to run ng serve or npm start, it gives this error

An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist.

How can I fix this

Hi,

Thanks for reaching out!

This error is occurring due to updation of the sortable js package. So you can fix it by removing this sign (^) form sortablejs in the package.json file

After removing it delete the node module folder and package-lock.json file and install the npm again.

Let us know if it works.

Thanks and have a nice day!

Hi, are you going to update that kind of reload/refresh between sections and pages?

Yes of course. When we are in any section and I click a link in the menu in order to go to other section or page, that action produces the reload/refresh of the page that I mentioned before (showing a blank page for a few seconds). I mean, if you can smooth that transition.

Hi,

Thanks for explaining in detail.

In the last update, we removed the full page loader from the template now you will see only a bar that resides top of the page and just a small loader at the left top of the corner.

Please download the latest files to check this.

Let us know if you need anything else at support@theironnetwork.org

Thanks and have a nice day!

Nice, thank you very much. I’ll check it out!. Best Regards

Hi, I am getting these errors

An unhandled exception occurred: Script file node_modules/sortablejs/Sortable.js does not exist. See ”/tmp/ng-Xxa894/angular-errors.log” for further details.

at utils_2.normalizeExtraEntryPoints.reduce (/home/developer/web/gene-seed/node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/common.js:147:19)
  at Array.reduce (<anonymous>)
  at Object.getCommonConfig (/home/developer/web/gene-seed/node_modules/@angular-devkit/build-angular/src/angular-cli-files/models/webpack-configs/common.js:143:106)
  at webpackPartialGenerator (/home/developer/web/gene-seed/node_modules/@angular-devkit/build-angular/src/browser/index.js:59:27)
  at generateWebpackConfig (/home/developer/web/gene-seed/node_modules/@angular-devkit/build-angular/src/utils/webpack-browser-config.js:63:22)
  at process._tickCallback (internal/process/next_tick.js:68:7)
  at Function.Module.runMain (internal/modules/cjs/loader.js:744:11)
  at startup (internal/bootstrap/node.js:285:19)
  at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)

Hi,

Thanks for reaching out!

This error is occurring due to updation of the sortable js package. So you can fix it by removing this sign (^) form sortablejs in the package.json file

After removing it delete the node module folder and package-lock.json file and install the npm again.

Let us know if it works.

Thanks and have a nice day!

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey