Discussion on Enlink - Angular 14 Admin Template

Discussion on Enlink - Angular 14 Admin Template

Cart 637 sales
Well Documented

Theme_Nate supports this item

Supported

This author's response time can be up to 2 business days.

96 comments found.

Hello!

Can’t find out if the package contains design layouts (in Figma or Sketch)?

Best regards, A

Hi, this templates does not included Ui prototyping files.

Do you plan to upgrade to Angular 10?

Yes, we will upgrade to angular 10, currently we are pending on NG-ZORRO release.

Hello There, Do you provide here with full documentation?

Hi, you may drop us an email, we will reply you with full documentation file.

Hi, Is it purely ng zorro admin template? Can we use without bootstrap?

Hi, basically it is only ng-zorro as core Ui components, but the template included bootstrap utilities css class, you optionally use it,

Hi, thnaks for this good template! Is’t possible to reduce the size of all content? Pafdding, margin,text, input, select, ecc..

thanks

Tempor

Yes, you may config related value in src/assets/scss/variables.scss.

Hi, I am not able to implement server side rendering with the latest version of the theme.

Documentation of NG Zorro seems not up to date with angular 9 https://ng.ant.design/docs/universal/en

Can you provide sample code?

Thank you

Hi, we have tried the theme with a basic ssr setup, it work perfectly, can you tell us more about the issue you encounter? If you have problem on ssr boilerplate, we suggest you to refer this repository, https://github.com/NG-ZORRO/ng-zorro-universal-starter

I just tried the latest version of Enlink. This is the error I got. Error: You must pass in a NgModule or NgModuleFactory to be bootstrapped

Did you included @nguniversal/express-engine in your package.json?

Hi, could you update this template to have dark theme toggle for whole application? we have only sidebar dark toggle for now, but we need to have this app wide.

Hi, we wiil consider to add this feature in future updates.

Disappointed. Many compile time errors while ng serve in folder “demo”

1 export declare class LayoutModule {
                       ~~~~~~~~~~~~
node_modules/ng-zorro-antd/core/outlet/outlet.module.d.ts:5:22 - error NG6002: Appears in the NgModule.imports of NzFormMo
dule, but could not be resolved to an NgModule class.

This likely means that the library (ng-zorro-antd/core/outlet) which declares NzOutletModule has not been processed correc
tly by ngcc, or is not compatible with Angular Ivy. Check if a newer version of the library is available, and update if so
. Also consider checking with the library's authors to see if the library is expected to be compatible with Ivy.

5 export declare class NzOutletModule {
                       ~~~~~~~~~~~~~~

Compiling ng-zorro-antd/skeleton : es2015 as esm2015
Warning: Skipping processing of ng-zorro-antd/transfer because its dependency ng-zorro-antd/empty failed to compile.
Warning: Skipping processing of ng-zorro-antd/tree-select because its dependency ng-zorro-antd/tree failed to compile.
Warning: Skipping processing of ng-zorro-antd/typography because its dependency ng-zorro-antd/tooltip failed to compile.
Warning: Skipping processing of ng-zorro-antd/upload because its dependency ng-zorro-antd/tooltip failed to compile.
Compiling ng-zorro-antd/statistic : es2015 as esm2015
Error: Failed to compile entry-point ng-zorro-antd/statistic (es2015 as esm2015) due to compilation errors:
node_modules/ng-zorro-antd/core/outlet/outlet.module.d.ts:5:22 - error NG6002: Appears in the NgModule.imports of NzStatis
ticModule, but could not be resolved to an NgModule class.

I fixed it by updating all packages in package.json, Here is the updated package.json:

"dependencies": {
    "@angular/animations": "~9.1.11",
    "@angular/common": "~9.1.11",
    "@angular/compiler": "~9.1.11",
    "@angular/core": "~9.1.11",
    "@angular/forms": "~9.1.11",
    "@angular/platform-browser": "~9.1.11",
    "@angular/platform-browser-dynamic": "~9.1.11",
    "@angular/router": "~9.1.11",
    "@fortawesome/fontawesome-free": "^5.13.1",
    "@types/chartist": "^0.9.48",
    "chart.js": "^2.9.3",
    "chartist": "^0.11.4",
    "date-fns": "^2.14.0",
    "jquery": "^3.5.1",
    "ng-chartjs": "0.2.0",
    "ng-zorro-antd": "^9.2.1",
    "ngx-highlightjs": "^4.0.2",
    "ngx-infinite-scroll": "^9.0.0",
    "ngx-perfect-scrollbar": "^9.0.0",
    "ngx-quicklink": "^0.2.3",
    "ngx-quill": "^11.1.0",
    "quill": "^1.3.7",
    "rxjs": "~6.5.5",
    "tslib": "^2.0.0",
    "webpack-bundle-analyzer": "^3.8.0",
    "zone.js": "~0.10.3" 
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.901.9",
    "@angular/cli": "~9.1.9",
    "@angular/compiler-cli": "~9.1.11",
    "@angular/language-service": "~9.1.11",
    "@types/node": "^14.0.13",
    "@types/jasmine": "~3.5.11",
    "@types/jasminewd2": "~2.0.8",
    "codelyzer": "^5.2.2",
    "jasmine-core": "~3.5.0",
    "jasmine-spec-reporter": "~5.0.2",
    "karma": "~5.1.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.3",
    "karma-jasmine": "~3.3.1",
    "karma-jasmine-html-reporter": "^1.5.4",
    "protractor": "~7.0.0",
    "ts-node": "~8.10.2",
    "tslint": "~6.1.2",
    "typescript": "3.8.3" 
  }

Now I have following errors:

“cannot match any routes” occurs in “https://localhost:4200/#/demo/components/date-picker/en” after clicking any of the link on the right.

“cannot read property of undefined” occurs in “http://localhost:4200/#/pages/setting” after clicking “change” button in change password section

Thanks for your feedback, we will take a look on the above issues.

In your next release, please update all the dependecies to the latest version !

Sure thing, we will keep track on dependencies version.

Hi, after purchased this item and run in local enviroment i found some diferrences between demo example in themeforest and downloaded version. Why?

I attached a GIF with differences:

https://ibb.co/1RY2pDk

Hi, you are comparing angular version with bootstrap version, both versions have the same design, but they are built by different frameworks.

Guys, would you have a SKETCH file for these component ?

Hi, unfortunately we don’t have any sketch or psd files for the template.

I try your product and get this error. Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: ‘apps/e-commerce/product-edit’ Error: Cannot match any routes. URL Segment: ‘apps/e-commerce/product-edit’

It would be greate that you adds more components on E-commerce section, for example: create new product, view and edit order, ...

Hi, thanks for you feedback we will fix the url error as soon as possible.

Hello Nate, I see above you are releasing an Angular and ng-zorro 9 upgrade this week? Do you know what day this week you plan to release the upgrade? I want to buy this for a project i’m working on but need to make a decision on Tuesday if I use this or ng-alain. Thanks!

Hi, we have a change log and last update date in product page.

Great thanks Nate! I’ll keep the refresh button going on the main product page every few hours. I can’t wait to see it so I can purchase. Once you have this up, I’ll also pass this product url to all my friends, I’m sure they’re going to love to see this! Hoping to see the upgrade this week but if its early next I understand.

Thanks for your appreciated.

Hi there, I purchased this theme last year and only just started to use it, I have just 1 question about the Search bar.

I am using nz-table When I try to search through the table it always searches in the current page only, I want search text should be searched through all the pages and gives me the result. Here is my component.html file

<nz-table #pageTable [nzData]=”allPages” class=”m-t-50” [nzHideOnSinglePage]=”true” [nzPageSize]=”10”>

<tbody> </tbody>
Page Install
<nz-avatar [nzSrc]=”data.picture_url” [nzShape]=”’square’” class=”m-t-5”></nz-avatar> {{data.name}}
</nz-table>

Hi, can we take a look on your search logic?

We haven’t applied any logic. Its just pipe we used for search as it was there in theme.

Hi, we recommend to use search() method in our TableSevice instead of pipe, e.g
search() {
    const data = this.yourRawData
    this.dataForNzTable= this.tableService.search(this.yourSearchInputValue, data )
}
<input type="text" nz-input placeholder="Search" [(ngModel)]="yourSearchInputValue" (ngModelChange)="search()">

Hi Theme_Nate – when do you expect you’ll finish upgrading this to support Angular v9 and ng-zorro-antd v9 (currently in beta 4)?

node 12 or 14 versions, latest npm, ng 9 and zorro 9

also deleted both node versions, node_modules, clean npm, etc etc – same result

Maybe try to delete package.lock.json as well and check also ng-zorro version inside node_modules.

I purchased the enlink theme earlier today but it isn’t showing in my downloads section do you know if there is anything I can do to fix it?!?

Hi, you can try to contact help center for assists.

Hello! I’ve just purchased Enlink Angular Template and I want to know:

- What is the process to copy components from Demo site to Starter site? Is it enough with just copying the folder and declare it in app.module.ts?

- What files should I refactor if I want to change component’s name?

- I want to set login url to myapp.com/login. Where do I set the route without affecting the other routes? How can I remove the #?

Thank you for your help.

Kind regards

Hi, thanks for your purchases, we will answer your question accordingly.

- Basically starter pack a clean & new environment for developer, you can copy any components or modules to your project, as long as they are connected with your root modules.

- Any files that imported that renamed component, for more naming convention & style guide, you can refer to this doc https://angular.io/guide/styleguide

- To remove # from url, your try to remove { useHash: true } from RouterModule

- You can try o set your authentication as a stand alone module, and protect your routes with a route interceptor, for more router information , you can refer to https://angular.io/guide/router#milestone-5-route-guards & https://angular.io/guide/router

Regards

In Theme config, how can I add more colors in Header Color and Side Nav?

Hi, the header theme control is based on css, you might need to add a new class in src\assets\scss\template\_header.scss & declare a new variable insrc\assets\scss\_variables.scss. But we have provided a customizable theme variable in _variables.scss named $custom-1. You can set your own color to $custom-1, and change headerColor to 'custom' in theme-constant.service.ts

Thanks and the “side nav” theme, how do I add colors?

Hi, in default side nav, we just provided dark & light mode for your options, but you can still add your own CSS to the following related files to create your own side nav theme.
- common-layout.component.html
- _side-nav.scss
- _variables.scss

Hello,

I just purchased Enlink, the Angular version, when in fact I intended to purchase the regular HTML version. Could I have the html version included too or can I get a refund so I can buy the html version?

Regards, Csaba Demeter

Sure, you can raise a request for refund, we will approve it.

This is a great angular starter – thanks for the awesome work!

Do you know how quickly you will be able to update this to Angular 9 once ng-zorro-antd is updated?

I’m tracking ng-ant issue [0] and it seems they are getting close! :-)

0- https://github.com/NG-ZORRO/ng-zorro-antd/issues/4634

Hi, we are still pending on ng-zorro release a stable version, since it will have some breaking changes.

hello @Theme_Nate – ng-zorro is now stable on Angular 9. Can you provide an ETA for when you think this will be updated to support it? Thanks!

Hi, the integration is in progress, estimate will release by next week.

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