Component | Convention |
---|---|
HTML Classes | block__element--modifer (Reference : BEM) |
HTML IDs | lowercase_words_separated_by_underscores |
TypeScript cLass attributes | lowercase_words_separated_by_underscores |
TypeScript class methods | camelCase() |
Global constants | UPPERCASE_WORDS_SEPARATED_BY_UNDERSCORES |
Routes | lowercase-words/separated-by/hyphens |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
private module_data: { [key:string]: any } = {}; | |
setModuleData(key: string, value: any){ | |
this.module_data[key] = value; | |
} | |
getModuleData(key: string){ | |
return this.module_data[key]; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
private globals: { [key:string]: any } = { | |
ongoing_request_count: 0, | |
loading_animation_control: new Subject<any>() | |
}; | |
setGlobalData(key: string, value: any){ | |
this.globals[key] = value; | |
} | |
getGlobalData(key: string){ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.mat-tab-links{ | |
@include media-breakpoint-down(sm) { | |
justify-content: center; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Define the palettes for your theme using the Material Design palettes available in palette.scss | |
// (imported above). For each palette, you can optionally specify a default, lighter, and darker | |
// hue. Available color palettes: https://material.io/design/color/ | |
$modhyobitto-palette: ( | |
50: #f1f8e9, | |
100: #dcedc8, | |
200: #c5e1a5, | |
300: #aee571, | |
400: #9ccc65, | |
500: #8bc34a, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Making the application typography over-ride the default Angular Material typography | |
$modhyobitto-typography: mat.define-typography-config( | |
$font-family: inherit | |
); | |
// Include the common styles for Angular Material. We include this here so that you only | |
// have to load a single css file for Angular Material in your app. | |
// Be sure that you only ever include this mixin once! | |
@include mat.core($modhyobitto-typography); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Custom Theming for Angular Material | |
// For more information: https://material.angular.io/guide/theming | |
@use '~@angular/material' as mat; | |
// Plus imports for other components in your app. | |
// Include the common styles for Angular Material. We include this here so that you only | |
// have to load a single css file for Angular Material in your app. | |
// Be sure that you only ever include this mixin once! | |
@include mat.core(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { NgModule } from '@angular/core'; | |
import {MatTabsModule} from '@angular/material/tabs'; | |
const MATERIAL_COMPONENTS = [ | |
MatTabsModule | |
]; | |
@NgModule({ | |
imports: MATERIAL_COMPONENTS, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//importing Angular Material theme | |
@import 'styles/material_theme'; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//importing the good parts from Bootstrap | |
//Dependencies | |
@import '~bootstrap/scss/functions'; | |
@import '~bootstrap/scss/variables'; | |
@import '~bootstrap/scss/mixins'; | |
//Grid | |
@import "~bootstrap/scss/vendor/rfs"; | |
@import "~bootstrap/scss/containers"; | |
@import "~bootstrap/scss/grid"; | |
//Reboot |