---
# System prepended metadata

title: Untitled

---

### Standard roles

- using types on any variable for example `:Observable<boolean>` **!important**
- private methods put on the end of Component or Class **!important**
- starting with attributes then constructor then ngOnInit ngOnChanges and so on **!important**
- don't inject in object you passed already to component and pass it again **!important** 
- defines errors in typescript file
- divid large containers to components ***more than 100 lines***
- make loader skeleton like loaded content
- href on card not on name only
- isSubmitted flag changes onSubmit not when form invalid **!important**
- use border directive module with error validation
- if there are two form in the same containers merge them to one form
- review styling with zeplin
- don't pass variable from outside formGroup  **!important**
- pending button will dimmed background
- @import 'constant.scss'; not from '../../constant.scss';
- assets in html start from "/assets/...." and rename file after adding it src="../../../../../assets/sidenav/5e1313965aa3980f3d0b2138_berlitz-logo-pill-blue (copy).png"
- routerLinkActive="active" this for adding active class to change style of active link
- naming of classes css
- there are no components in organiztion u created
- naming route `vieworganization` not correct
- name of file model is the same name of interface `organizationData.model` interface is IOrganization
- details: fromModels.IOrganization; in reducer not needs, just update adapter **!important**
- u imports module not needs to it like MatSliderModule, MatFormFieldModule -> u can replace him to div
- don't add fixed width to text **!impotant**
- padding inside card every edge of card -> padding: 20px; for example not only padding-left in card **!impotant**
- don't use fixed width only for images **!impotant**
- don't margin left with percentage on div inside container div **!impotant**
`<span class="main-container__heading" fxFlex="22">Organization Settings</span>` !!
- ::ng-deep is overwrite all component style **!impotant** you can add class before it to handle only specific style