Application files in projects/ng-ace-demo/src/app consist of the following:
Main app files:
- app.module.ts
- app.component.ts (and its SCSS & HTML files)
- app-routing.module.ts
Layouts are inside layouts folder.
There are two layout components which are loaded in the main router app-routing.module.ts.
- Main Layout:
Is used in all pages except for login page. It's located inside
layouts/main - Login:
Is only used in login page. It's located inside
layouts/login
Partials folder layouts/partials contains child components of layouts, such as navbar, sidebar, etc ...
Pages are inside pages folder.
Each page is a separate component consisting of its child components.
For example dashboard folder contains dashboard component files and elements folder contains other folders containing relevant components.
Angular version uses the same ace.css file from HTML version, but there are also a few additional SASS files for some of the angular components inside projects/ng-ace-demo/src/scss folder.
They are included in angular.json file along with bootstrap.css and FontAwesome CSS files
project/ng-ace-demo/src/assets folder contains images and other assets used in demo app.
Data files used in demo are static files such as sidebar.json, tasks.json etc.
But you can load your app's data from a remote location using http services.