AngularJS version

Make admin include AngularJS version of each variation / layout.

AngularJS will allow fast application that works like a single page. That's mean that for example topbar and sidebar will stay when page change. Only main content will be updated.

See AngularJS version example See official Documentation

AngularJS files

You will find all specific AngularJS files inside angularjs folder. For example, if you want to use layout1, you will find AngularJS files in admin/layout1/angularjs folder.

How to use AngularJS theme?

We will take example of layout 1 version. It's the same thing without other layouts and with RTL version too.

1. Copy admin folder

Here we just need files inside admin folder. All images / js / css / html files will be available.

2. Remove unecessary files

If you want to use layout 1, you can remove admin/layout2 , admin/layout3 , admin/layout4 folders.

you can also remove admin/assets/admin/layout2 , admin/assets//admin/layout3 , admin/assets//admin/layout4 folders.

You can also remove all html pages that are unnecessary, like admin/layout1/charts.html, admin/layout1/charts-finance.html...

You can also remove admin/layout1/page-builder folder since it's not available for AngularJS version, as well as admin/layout1/partial folder.

How to change files path (optional)

It's possible that you want to modify files path. Indeed, your files tree now is:

To show a concrete example, we will modify it in order to have this files organization:

1. Move angularjs files

Cut all files inside admin/layout1/angularjs folder and past it in your root folder.

After that, you can remove admin/layout1 folder since we don't need it now.

2. Move admin & global files

Cut the 2 folders (admin & global) that you will find in admin/assets folder and past it in your root folder.

After that, you can remove admin/assets folder since we don't need it now.

We have now file organization as we want, but we will have to change some files path to make it works now.

3. Move admin & global files

Cut the 2 folders (admin & global) that you will find in admin/assets folder and past it in your root folder.

We have now file organization as we want, but we will have to change some files path to make it works now.

4. Update files and images path

Of course, you will have to change all files and images path in your project since we have changed it.

Best think will be to search in all files and replace in all files using find and replace option in your editor. If you don't know how to search and replace in all files without searching file by file, you can modify each file one by one, or send us an email because each editor is different.

So, in all files, you will have to search and replace:

• ../../../assets/global/ by ../global/
• ../../../assets/admin/ by ../admin/

Here normally you application will work fine. Of course, if you want to have another files organization, you can adapt it to fit your needs.