Hi 3079604,

Check out the vendor.json file located in ‘app/vendor.json’. There you can add/remove your references to any vendor scripts. Then re-run the project build and that will create your new vendor bundle.

Hi,

Yes, it uses the latest Angular CLI. Here’s the version numbers for it.

"@angular/core": "^4.3.3",
"@angular/cli": "1.2.7",
"@angular/compiler-cli": "^4.3.3",

Try deleting your package-lock.json file and the node_modules folder first, then run npm install again. That lock file might be holding on to something.

I have followed your instructions, still the same compile exception no core.d.ts file…

That’s strange, please email me your package-lock.json and your package.json files to support@authenticgoods.co

Hi, The file management portion is front-end only, you would need to create the click event bind and wire it up to your database to create the ‘crud’ portion of your app.

If am integrated backed every functionality working fine means edit folder delete folder move folder is it working on UI now????

No it’s just what you see in the preview, that’s the extent of it.

The Angular 4 is npm based, no bower or gulp. Those are being used on the static jQuery version.

Ok Thanks. This is what i am looking for. I need only npm based version. Please fix the responsive table issue so that i can buy it ASAP

Hi – thank you very much! I can add a responsive version where the table has a horizontal scrollbar, or here’s another approach that I was thinking about. http://swimlane.github.io/ngx-datatable/#responsive

Thanks. Please fix that ASAP

Hello, thank you very much. We plan on adding a calendar after the release of the front-end template.

What do you mean it’s not working anymore? Did you accidentally remove it from your local copy? Do you still have this on your index.html file?

<div id="loader-wrapper" display="none">
   <div id="loader"> </div>
</div>

Had a much higher demand for Angular 4 so that project came first, so this one’s probably next on the list.

Hi,

Thank you for the kinds words!

In the root folder of the download package you’ll find 2 seeds projects. One for the Angular 4 project and one for the Static version. The one you’re looking for is the folder called “jQuery-seed”. This will be your stripped down version of the project for you to start with and add only the plugins and/or modules you may need from the full project. This vendor.js file is much lighter coming in at only 360 KB and the app.bundle.js at 74 KB.

Hope this helps!

Thanks for the quick response

So if I’m getting this right, I should combine jquery-seed/dist/assets + jquery-seed/app/js/modules ?

Hi,

Let me see if I can explain this a little better. You’re going to have 2 main JS files that get minifed and uglifed for production.

These files are located here:

jquery seed/dist/assets/js/app.bundle.js
jquery seed/dist/assets/js/vendor.bundle.js

Everything in the jquery-seed/app folder will be for development and everything in the jquery-seed/dist/ folder will be for production.

There’s a couple of build process that will take your files from the jquery-seed/app/ folder and moves them to your jquery-seed/dist/js folder.

Let’s start will all of your custom JS modules files…

All of the JS modules in the jquery-seed/app/js/modules/ folder get imported into one file which is the jquery-seed/app/js/app.js file. So if you want to add or remove a custom JS module file you’ll do that on the app.js file. The app.js file gets ran via webpack. Take a look at the webpack.config.js file located here: jquery-seed/app/webpack.config.js There you can see the app.js file getting pulled in where it will then get ran through the webpack’s bundling process then exported into jquery seed/dist/assets/js/app.bundle.js That file will contain the minified version of all the custom JS modules for production.

Now for the 3rd party plugin files there’s a vendor.json file with all of the locations to those files. The gulp process will handle the build process for these plugins and export those out to jquery seed/dist/assets/js/vendor.bundle.js So if you want to add or remove a plugin you’ll first install it then add or remove the location entry inside of this vendor.json file.

So webpack will handle your custom JS modules and gulp will handle combining your 3rd party plugin files.

Hope this helps!

Hi, It sounds like you may need to install typings as a global dependency. Try running this command: npm install typings -g

Lots of thanks, never used typings before so there was my problem!

Hey Martin, thank you very much! Yes, plans are in the works for updating the static version to bs4. Have not thought about making a gantt-chart, but that maybe something to consider.

Hi , I have tried with it .. can you tell me exactly where i should put this css ?

Yes, you can place it on the _modals.scss file which is located at ‘src/app/shared/styles/main/components/_modals.scss’

Hello ,I have putted in Base.css and it works ….Thanks for your support

Do you need it for the jQuery or Angular version?

Hello,

That is a shared component, you can find the source of that component inside of ‘app/shared/components/cards/tabs-over-card/’ There you can change the tab headings and icons.

It works !! thanks a lot for Support

Awesome, glad to help!

It works !! thanks a lot for Support

Awesome, glad to help!

Hello ,

I have set Login route as you given in code , but when i compile application first time ,it gives me an error like

Could not resolve ”../pages/authentication/login/login.module” from “E:/GitProjects/RealEstateWeb/RealEstateWeb/RealEstateWeb/RealestateWeb/src/app/app.routing.ts”.

If i click save login module from code ,it resolved , can you suggest me any solution?

Regards, khushbu

Hi,

Yes for sure, this template currently contains several of these pages such as Authentication/Login, Authentication/Sign Up, Authentication/Lock Screen, Pricing Tables, Invoice, Locations, Profile Page, Timeline, Gallery Page, etc. Is there something missing from these pages you need?

Hey,

Good find, thank you for reporting this. Upon further investigation I found the culprit to be the Pikaday Calendar plugin. It seems to be attaching itself globally. You can find the issue located inside of ‘bower_components/pikaday/pikaday.js’ lines 520 -523 They have a case statement with keycode 37 aka Left Arrow key. If I comment out these lines and re-run gulp that fixes that issue and prevents my Left Arrow key from getting hijacked. So you could do that for a quick fix, but I’ll figure out a more permeant fix for that and include it in the next release.

Please let me know if you need any help with that and I’ll help walk you through it, thanks again.

I wonder if you don’t have typings installed as a global dependency. Try running this command: npm install typings -g

Perfect! Apologies for any ignorance, just redid my development machine recently. FYI, same npm warn’s exist as well as a few deprecated warnings. Thank you for the help and quick response.

No thank you! I’m working on building some more robust documentation and I’ll be sure to add this check.

Thanks for the feedback, I’ll be adding those features next. I tried to take the original static version and make everything interactive and dynamic with the Angular version. I plan on adding more apps and features soon. So if there’s any feature you think it might be lacking please let me know, and I’ll see about adding at it.