├── README.md ├── angular.json ├── package.json └── src ├── app ├── app-routing.module.ts ├── app.component.html ├── app.component.scss ├── app.component.spec.ts ├── app.component.ts ├── app.module.ts ├── layouts │ ├── default │ │ ├── default.component.html │ │ ├── default.component.scss │ │ ├── default.component.spec.ts │ │ ├── default.component.ts │ │ └── default.module.ts │ └── fullwidth │ │ ├── fullwidth.component.html │ │ ├── fullwidth.component.scss │ │ ├── fullwidth.component.spec.ts │ │ ├── fullwidth.component.ts │ │ └── fullwidth.module.ts ├── modules │ ├── home │ │ ├── home.component.html │ │ ├── home.component.scss │ │ ├── home.component.spec.ts │ │ └── home.component.ts │ ├── login │ │ ├── login.component.html │ │ ├── login.component.scss │ │ ├── login.component.spec.ts │ │ └── login.component.ts │ └── posts │ │ ├── posts.component.html │ │ ├── posts.component.scss │ │ ├── posts.component.spec.ts │ │ └── posts.component.ts └── shared │ ├── components │ ├── footer │ │ ├── footer.component.html │ │ ├── footer.component.scss │ │ ├── footer.component.spec.ts │ │ └── footer.component.ts │ ├── header │ │ ├── header.component.html │ │ ├── header.component.scss │ │ ├── header.component.spec.ts │ │ └── header.component.ts │ └── sidebar │ │ ├── sidebar.component.html │ │ ├── sidebar.component.scss │ │ ├── sidebar.component.spec.ts │ │ └── sidebar.component.ts │ └── shared.module.ts ├── index.html ├── main.ts ├── polyfills.ts ├── styles.css └── styles.scss /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/README.md -------------------------------------------------------------------------------- /angular.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/angular.json -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/package.json -------------------------------------------------------------------------------- /src/app/app-routing.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/app-routing.module.ts -------------------------------------------------------------------------------- /src/app/app.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/app.component.html -------------------------------------------------------------------------------- /src/app/app.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/app.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/app.component.spec.ts -------------------------------------------------------------------------------- /src/app/app.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/app.component.ts -------------------------------------------------------------------------------- /src/app/app.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/app.module.ts -------------------------------------------------------------------------------- /src/app/layouts/default/default.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/default/default.component.html -------------------------------------------------------------------------------- /src/app/layouts/default/default.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/default/default.component.scss -------------------------------------------------------------------------------- /src/app/layouts/default/default.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/default/default.component.spec.ts -------------------------------------------------------------------------------- /src/app/layouts/default/default.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/default/default.component.ts -------------------------------------------------------------------------------- /src/app/layouts/default/default.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/default/default.module.ts -------------------------------------------------------------------------------- /src/app/layouts/fullwidth/fullwidth.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/fullwidth/fullwidth.component.html -------------------------------------------------------------------------------- /src/app/layouts/fullwidth/fullwidth.component.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/fullwidth/fullwidth.component.scss -------------------------------------------------------------------------------- /src/app/layouts/fullwidth/fullwidth.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/fullwidth/fullwidth.component.spec.ts -------------------------------------------------------------------------------- /src/app/layouts/fullwidth/fullwidth.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/fullwidth/fullwidth.component.ts -------------------------------------------------------------------------------- /src/app/layouts/fullwidth/fullwidth.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/layouts/fullwidth/fullwidth.module.ts -------------------------------------------------------------------------------- /src/app/modules/home/home.component.html: -------------------------------------------------------------------------------- 1 |

home works!

-------------------------------------------------------------------------------- /src/app/modules/home/home.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/modules/home/home.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/home/home.component.spec.ts -------------------------------------------------------------------------------- /src/app/modules/home/home.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/home/home.component.ts -------------------------------------------------------------------------------- /src/app/modules/login/login.component.html: -------------------------------------------------------------------------------- 1 |

login works!

-------------------------------------------------------------------------------- /src/app/modules/login/login.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/modules/login/login.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/login/login.component.spec.ts -------------------------------------------------------------------------------- /src/app/modules/login/login.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/login/login.component.ts -------------------------------------------------------------------------------- /src/app/modules/posts/posts.component.html: -------------------------------------------------------------------------------- 1 |

posts works!

-------------------------------------------------------------------------------- /src/app/modules/posts/posts.component.scss: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/app/modules/posts/posts.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/posts/posts.component.spec.ts -------------------------------------------------------------------------------- /src/app/modules/posts/posts.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/modules/posts/posts.component.ts -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/footer/footer.component.html -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.scss: -------------------------------------------------------------------------------- 1 | footer { 2 | padding: 20px; 3 | background-color: green; 4 | } 5 | -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/footer/footer.component.spec.ts -------------------------------------------------------------------------------- /src/app/shared/components/footer/footer.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/footer/footer.component.ts -------------------------------------------------------------------------------- /src/app/shared/components/header/header.component.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/header/header.component.html -------------------------------------------------------------------------------- /src/app/shared/components/header/header.component.scss: -------------------------------------------------------------------------------- 1 | header { 2 | padding: 20px; 3 | background-color: skyblue; 4 | } 5 | -------------------------------------------------------------------------------- /src/app/shared/components/header/header.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/header/header.component.spec.ts -------------------------------------------------------------------------------- /src/app/shared/components/header/header.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/header/header.component.ts -------------------------------------------------------------------------------- /src/app/shared/components/sidebar/sidebar.component.html: -------------------------------------------------------------------------------- 1 |

sidebar works!

2 | -------------------------------------------------------------------------------- /src/app/shared/components/sidebar/sidebar.component.scss: -------------------------------------------------------------------------------- 1 | :host { 2 | padding: 20px; 3 | background-color: #fc0; 4 | } 5 | -------------------------------------------------------------------------------- /src/app/shared/components/sidebar/sidebar.component.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/sidebar/sidebar.component.spec.ts -------------------------------------------------------------------------------- /src/app/shared/components/sidebar/sidebar.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/components/sidebar/sidebar.component.ts -------------------------------------------------------------------------------- /src/app/shared/shared.module.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/app/shared/shared.module.ts -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/index.html -------------------------------------------------------------------------------- /src/main.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/main.ts -------------------------------------------------------------------------------- /src/polyfills.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/polyfills.ts -------------------------------------------------------------------------------- /src/styles.css: -------------------------------------------------------------------------------- 1 | /* Add application styles & imports to this file! */ -------------------------------------------------------------------------------- /src/styles.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/soufiane-fadil/angular-layout/HEAD/src/styles.scss --------------------------------------------------------------------------------