bipon68

step1: git checkout ATR-248
step2: git rebase master
step3: git push origin ATR-248
step4: git checkout master
step5: git merge --ff-only ATR-248
step6: git push origin master

bipon68

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

bipon68

<div class="ui-g" [ngStyle]="patientInfoStyle()"> </div>
#controller like (app.component.ts)
	patientInfoStyle():any{
		return {display: 'block', margin: '0 7px', 'min-height': '215px', width: '100%'}
	}
<div class="consultation-short-info" [ngStyle]="flipAllergyInformationStyle()"> </div>
#controller like (app.component.ts)
  	flipAllergyInformationStyle():any{
		return { display: 'block', 'max-height': '205px', 'overflow-y': 'auto', 'margin-bottom': '10px'}
	}

bipon68

## Learning topic format - https://github.com/bipon68/es6-articles
## Javascript learn
http://javascriptissexy.com/how-to-learn-javascript-properly/
## Gitbook
Gitbook Github Integration - https://www.youtube.com/watch?v=fvirwCe66IA
Publish a book using Gitbook - https://www.youtube.com/watch?v=ooXRd8RmuXY
## Read
8 Must Know JavaScript Concepts | Level Up - https://www.youtube.com/watch?v=06FbxpDYEQY
https://www.youtube.com/watch?v=48Qe0R_VGx4
Event Loop - https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be

bipon68

<td>
              <a *ngIf="rowData.ConsultStatusText == 'Completed'" class="deep-blue" style="cursor: pointer; text-decoration: underline;"
                (click)="showConsultationDetail(rowData)">
                {{ 'COMMON-LABEL.SHOW-DETAIL' | translate }}
              </a>
              <span *ngIf="rowData.ConsultStatusText != 'Completed'">
                {{ 'COMMON-LABEL.SHOW-DETAIL' | translate }}
              </span>
            </td>

bipon68

function A(){
    let a = ' call from a';
    B();
    console.log('Hey', name + a);
}

function B(){
    let b = ' call from b';
    C();
    console.log('Hey', name +  b)

bipon68

##
console.log(x)
var x
// undefined
##
sayHello()
function sayHello () {
  console.log('Hello!')
}
// Hello!

bipon68

let customGlobalVar = "Miew Global Variable";
function miewGlobalScope(){
  console.log('Inside a Function: ' + customGlobalVar);
}
miewGlobalScope();
console.log('Outside Function: ' + customGlobalVar);
// output: Inside a Function: Miew Global Variable
// output: Outside Function:: Miew Global Variable

##

bipon68

import {LogoItem} from './items.model';

export var DUMMY_LOGOS: LogoItem[] = [
    { imageUrl: 'https://cdn.vox-cdn.com/thumbor/pkUF7uOdfKTjltlxJxkOpzaLiHU=/0x0:640x427/920x613/filters:focal(269x162:371x264):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/61160835/binglogo.1419979907.0.jpg', visible: true },
    { imageUrl: 'https://cdn.vox-cdn.com/thumbor/drG69iSTSbsYDNcckVzB3x97pDA=/7x0:633x417/920x613/filters:focal(7x0:633x417):format(webp)/cdn.vox-cdn.com/assets/1311169/mslogo.jpg', visible: true },
    { imageUrl: 'https://cdn.vox-cdn.com/thumbor/xGx425irVzHq-r8-_vTZrWo-79A=/0x0:1320x880/920x613/filters:focal(555x335:765x545):format(webp)/cdn.vox-cdn.com/uploads/chorus_image/image/55270365/newskypelogo.1497525155.jpg', visible: true },
    { imageUrl: 'https://1000logos.net/wp-content/uploads/2018/08/Xbox-Logo.png', visible: true }
]

bipon68

#Angular CLI overview
- A command line interface for Angular
Purpose: 
- Build an Angular application
- Generate Angular files
- Execute the application
- Run unit and end to end tests
- Prepare the application for deployment

# Angular CLI Commands