Discussion on Espire - Bootstrap 5 Admin Template + Angular 14

Discussion on Espire - Bootstrap 5 Admin Template + Angular 14

Cart 1,204 sales
Well Documented

Theme_Nate supports this item

Supported

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

226 comments found.

Hello, is the template inside to an angular 7 project or i will import it to a new project manually?

Thanks

Hi, it included both html & Angular version in this template.

How can I add a error class to ng-selectize? Thanks

It doesn’t work like below with the input fields. I didn’t find anything in the docs. <input type=”email” class=”form-control” placeholder=”E-Mail” #email_field=”ngModel” email=”false” email_field?.errors?.email}” [(ngModel)]=”client.email” name=”client.email”>

Tahnks

Hi, dom inside <ng-selectize> was shadow dom, we can only access those styling by using css child selector.

Hi again, i know, but your solution does not work? What do you suggest

Hi, do you mind to share your source code to us via email? we may help to take a look.

Hi I’m trying to install the project in ubuntu 18, I tried with node versions from 12.9 to 110.0 and seems to be a problem with a deprecated function for string:

../src/create_string.cpp: In function ‘char* create_string(Nan::MaybeLocal<v8::Value>)’: ../src/create_string.cpp:17:37: error: no matching function for call to ‘v8::String::Utf8Value::Utf8Value(v8::Local<v8::Value>&)’ v8::String::Utf8Value string(value); ^ In file included from /home/myuser/.node-gyp/12.9.1/include/node/node.h:63:0, from ../../../../../nan/nan.h:54, from ../src/create_string.cpp:1: /home/myuser/.node-gyp/12.9.1/include/node/v8.h:3008:5: note: candidate: v8::String::Utf8Value::Utf8Value(v8::Isolate, v8::Local<v8::Value>) Utf8Value(Isolate isolate, Local<v8::Value> obj); ^~~~~ /home/myuser/.node-gyp/12.9.1/include/node/v8.h:3008:5: note: candidate expects 2 arguments, 1 provided binding.target.mk:129: recipe for target ‘Release/obj.target/binding/src/create_string.o’ failed make: * [Release/obj.target/binding/src/create_string.o] Error 1

Hi, try to open package.json and change “node-sass” version to 4.12.0

Hi there!

We’re looking for an angular front-end template for our latest project. The backend is based on laravel with passport for authentication.

Are there any components included in the package for authentication with access tokeen and CRUD operations?

Thank you in advance!

Yes, it come with a simple token interceptor & route guard.

kindly provide your suport email id to share ssh details to check issue and i am new to themeforest and feels that sharing here may public the credential.

Hi, you can send to here jiasheng_93@hotmail.com.

My client bought Bootstrap 4 Admin Template + Angular 5.. i need the last version with angular 7 or 8. how you can send this version to him? what is your email?

Hi, you can ask your client login his themeforest account and redownload the file.

installation error on vps.

ng build Your global Angular CLI version (8.1.3) is greater than your local version (7.3.9). The local Angular CLI version is used.

To disable this warning use “ng config -g cli.warnings.versionMismatch false”. Schema validation failed with the following errors: Data path ”.builders[‘app-shell’]” should have required property ‘class’. Error: Schema validation failed with the following errors: Data path ”.builders[‘app-shell’]” should have required property ‘class’. at MergeMapSubscriber.project (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/@angular-devkit/core/src/workspace/workspace.js:215:42) at MergeMapSubscriber._tryNext (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:69:27) at MergeMapSubscriber._next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:59:18) at MergeMapSubscriber.Subscriber.next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18) at MergeMapSubscriber.notifyNext (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/mergeMap.js:92:26) at InnerSubscriber._next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18) at MapSubscriber._next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/map.js:55:26) at MapSubscriber.Subscriber.next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18) at SwitchMapSubscriber.notifyNext (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:86:26) at InnerSubscriber._next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/InnerSubscriber.js:28:21) at InnerSubscriber.Subscriber.next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/Subscriber.js:67:18) at /home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeTo.js:17:28 at Object.subscribeToResult (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/util/subscribeToResult.js:10:45) at SwitchMapSubscriber._innerSub (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:65:54) at SwitchMapSubscriber._next (/home/store/public_html/angular/node_modules/@angular/cli/node_modules/rxjs/internal/operators/switchMap.js:55:14) [

----error end--

kindly help. as per your instruction i did all still its not working. Note: i have uploaded app under sub folder. itit. angular

kindly help

also i could not found “Gruntfile.js” as given in your documentation.

grunt.js is only for html version.

Hi! I have this problem when I enter the command ng build—prod:

Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):

:host /deep/ ngb-datepicker { ^ Expected selector. ╷ 3 │ :host /deep/ ngb-datepicker{ │ ^ ╵ src/assets/scss/plugins/_datepicker.scss 3:7 @import stdin 34:9 root stylesheet in /home/jarias/repos/gui-dam2/html/gui-dam2/src/assets/scss/plugins/_datepicker.scss (line 3, column 7) at runLoaders (/home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/webpack/lib/NormalModule.js:286:20) at /home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/loader-runner/lib/LoaderRunner.js:367:11 at /home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/loader-runner/lib/LoaderRunner.js:233:18 at context.callback (/home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/loader-runner/lib/LoaderRunner.js:111:13) at render (/home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/sass-loader/lib/loader.js:52:13) at Function.$2 (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:24915:48) at yL.$2 (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:15543:15) at wO.lS (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:9341:42) at wO.lR (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:9343:32) at j2.wk (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8650:46) at w9.$0 (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8786:7) at Object.eZ (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:1471:80) at ar.bs (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8703:3) at jh.bs (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8645:25) at jh.cK (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8632:12) at qb.cK (/home/jarias/repos/gui-dam2/node_modules/sass/sass.dart.js:8415:35) ERROR in ./node_modules/iso-language-converter/index.es5.js Module not found: Error: Can’t resolve ’./iso’ in ’/home/jarias/repos/gui-dam2/html/gui-dam2/node_modules/iso-language-converter’

How could I solve this? Thanks

Hi, this issue has been fix in previous update, please download the latest version and replace src\assets\scss\plugins\_datepicker.scss to your current _datepicker.scss.

Hello,

Please I’m having some issues.

1 – After I customize my own dashboard side nav items and changing the routes, when I click on the item it doesn’t respond 2 – I’m trying to implement location map using https://dzone.com/articles/render-and-interact-with-here-location-data-using, but redirects to home page and map doesn’t even show.

Please are things I need to know in your routes configuration? I’m really stuck here and I’m already behind schedule.

I’ve you a mail with the source code repository

Hi, we have replied you, please check.

Thank you

Hello we need support its possibel to have your email please thank you

Hi, you can send us mail via our themeforest profile page.

Hey. I bought your template on the resource WrapBootstrap (order WB05987BX), however, your template is no longer there. Can I get the latest update?

Sure, please send us a mail, we will send you the latest update.

How do we upgrade from Angular 6 to 7. I have an existing app which i don’t want to break running fine under version 6.

Hi, you can run ng update @angular/cli @angular/core to upgrade angular version, (it might need some debug based on your app & dev environment).

Hello, I’m trying to install angular 7 version and when I “npm install”, it says:

” npm WARN @angular/animations@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/common@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN angular/<redpre#4> requires a peer of rxjs5.5.0 but none is installed. You must install peer dependencies yourself. npm WARN @angular/forms@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/http@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/platform-browser@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/platform-browser-dynamic@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/platform-server@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN @angular/router@7.2.15 requires a peer of @angular/core@7.2.15 but none is installed. You must install peer dependencies yourself. npm WARN ng-bootstrap/<redpre#17> requires a peer of @angular/common6.1.0 but none is installed. You must install peer dependencies yourself. npm WARN ng-bootstrap/<redpre#18> requires a peer of @angular/core6.1.0 but none is installed. You must install peer dependencies yourself. npm WARN ng-bootstrap/<redpre#19> requires a peer of @angular/forms6.1.0 but none is installed. You must install peer dependencies yourself. npm WARN ngtools/<redpre#20> requires a peer of @angular/compiler-cli>=8.0.0-beta.0 < 9.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngtools/<redpre#21> requires a peer of typescript>=3.4 < 3.5 but none is installed. You must install peer dependencies yourself. npm WARN angular-datatables@5.1.0 requires a peer of angular/common5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-datatables@5.1.0 requires a peer of angular/compiler5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-datatables@5.1.0 requires a peer of angular/platform-browser5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-datatables@5.1.0 requires a peer of angular/platform-browser-dynamic5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN angular-datatables@5.1.0 requires a peer of rxjs@5.5.2 but none is installed. You must install peer dependencies yourself. npm WARN ng-selectize@1.1.3 requires a peer of angular/core4.2.4 || 5.1.0 but none is installed. You must install peer dependencies yourself. npm WARN ng-selectize@1.1.3 requires a peer of rxjs@5.4.2 but none is installed. You must install peer dependencies yourself. npm WARN ng2-dragula@2.1.1 requires a peer of angular/core>=6.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-nouislider@1.7.6 requires a peer of angular/common2.0.0 || ^4.0.0 || ^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of angular/core2.4.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of angular/common2.4.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of angular/compiler2.4.5 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of angular/platform-browser2.4.5 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of angular/router3.2.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of rxjs@5.0.1 but none is installed. You must install peer dependencies yourself. npm WARN ng2-scroll-to@1.0.7 requires a peer of zone.js@0.7.2 but none is installed. You must install peer dependencies yourself. npm WARN ng2-sticky-kit@5.0.0 requires a peer of angular/core>=4.0.0 <5.0.0 || >=4.0.0-beta <5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ng2-toasty@4.0.3 requires a peer of angular/core2.4.7 || ^4.0.0 but none is installed. You must install peer dependencies yourself. npm WARN ngx-masonry@1.1.2 requires a peer of angular/common5.0.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself. “

Then, with ng serve: ” Schema validation failed with the following errors: Data path ”.builders[‘app-shell’]” should have required property ‘class’. Error: Schema validation failed with the following errors: Data path ”.builders[‘app-shell’]” should have required property ‘class’. at “

I don’t know what’s wrong, I tried with different node versions and even different OS but no way. Can you help me figure out what’s wrong please?

Hi, I reinstalled as you told me and still have the same failed to compile error:

” ERROR in ./src/assets/scss/app.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js\\./node_modules/sass-loader/lib/loader.js??ref—13-3!./src/assets/scss/app.scss) Module build failed (from ./node_modules/sass-loader/lib/loader.js): :host /deep/ ngb-datepicker { ^ Expected selector. ╷ 3 │ :host /deep/ ngb-datepicker{ │ ^ ╵ src/assets/scss/plugins/_datepicker.scss 3:7 @import stdin 34:9 root stylesheet in <route>/src/assets/scss/plugins/_datepicker.scss (line 3, column 7) ERROR in The Angular Compiler requires TypeScript >=3.4.0 and <3.5.0 but 3.5.1 was found instead.

Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ ** ℹ 「wdm」: Failed to compile. “

If I comment ”@import ‘plugins/datepicker’; ” on “src/assets/scss/app.scss” it lets me serve but that means the datepicker is not working, can you help me fix it please? I didn’t change any code, it’s the starter version.

Hi, we will take a look on this issue, it might be caused by styling.

Hi, try to download the latest version, we have fixed this ngb-datepicker error.

Hey. I bought your template on the resource WrapBootstrap (order WB05987BX), however, your template is no longer there. Can I get the latest update?

Hi, please drop us a mail, we will send you the update.

Hi, I have an issue with this page: http://themenate.com/espire/html/dist/form-elements.html.

Css seems to lag and the page at the first sec, show up not styled

I am using chrome (I have tested it in incognito mode to be sure that there is no interferance with a plugin).

Many thanks

Hi, guess it was caused by selectize dependency, we will fix this in next update.

Thanks for posting new release. Just FYI, your footer is not sitting at the footer in some of the preview pages: Task Page is an example. Do you have any further plans beyond this release you would be willing to share? i.e. are you going to extend functionality, add anything else etc? Just so we know if its active or not.

Thanks for your inform, we will fix it soon, no doubt, we will keep on maintain & enhance this template.

Hello, First of all I want to say thank you for cool admin template and great job!

I have an issue with Side Modals – Right and Left. It dosn’t work in Demo and in starter package. I’ve use angular setup. I see only grey background and any content also background wasn’t transparent. For other modals it works, but background not transparent as well like in demo http://themenate.com/espire/angular/dist/#!/espire/ui/modals

Any ideas what it could be?

Hi, do you mind to send us your source code? this may help us to figure out the root cause.

source code is exact same what I got from u after purchase. Anyway I’ve solved issue by myself this way:

app/assets/scss/elements/_modal.scss

.modal-backdrop { z-index: 1040; background-color: $default-dark; background:rgba(81,83,101,.5); /* <- missed opacity / }

&.slide-in-right { &.show { / <- works if it says &.in / …. } }

&.slide-in-left { &.shown { / <- works if it says &.in */ …. } }

But now I have another question. Is it possible to make side-nav hidden for mobile version after you click to nav menu items? Bc right now you need every time to close side-nav and it’s quite annoying :(

Yes, we will update this fix within this month.

Any updates in your timeline for releasing your next version. Very interested in seeing what you have done.

?

update will release within this month.

Im using angular, is there a way to create a modal coming from a component and call open and close modal from typescript?

Hi, maybe you try to put your component inside the modal body.

Hi does it have seed project? and is it fully written in typescript? and also can i have access to documentation before i buy it ?

Hi, it come with a starter project & most of the component is written in TS. If you want to take a look on the documentation, you can send us a mail, we will reply you with the documentation.

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