[CALLS-700]Call history design implementation

review apply

Author: danney-chun

lib/components/App.js

@@ -30,8 +30,8 @@ export default class App extends BaseElement {
   route(pageName, opt = {}) {
     for (let i = this.children.length - 1 ; i >= 0 ; i--) {
       const child = this.children[i];
-      if( child.element.id === 'header' || child.element.id === 'tabtoolbar') {
-        if( opt.isRemoveHeader === true ) {
+      if(child.element.id === 'header' || child.element.id === 'tabtoolbar') {
+        if(opt.isRemoveHeader === true) {
           child.remove();
         }
       }

lib/components/Header.js

@@ -88,7 +88,7 @@ export default class Header extends BaseElement {
     this.element.appendChild(divider);
     this.element.appendChild(headerButtons);
 
-    if( !this.args.isWidget ){
+    if(!this.args.isWidget){
       const headerLogo = createDiv({ id: 'header_logo', className: `${classes['headerLogo']}`});
       this.element.appendChild(headerLogo);
     }

lib/components/TabToolBar.js

@@ -11,7 +11,7 @@ export default class TabToolBar extends BaseElement {
 
   build() {
     // dial tab    
-    if( this.args.isWidget ) {
+    if(this.args.isWidget) {
       this.element.classList.add(classes['tabToolBarWidget']);
     }
     const btnDial = createDiv({ id: 'btn_tab_dial', className: `${classes['btnTab']}` });
@@ -32,7 +32,7 @@ export default class TabToolBar extends BaseElement {
       }
     };
 
-    if( this.args.isWidget ) {
+    if(this.args.isWidget) {
       btnDial.classList.add(classes['btnTabWidget']);
     }
 
@@ -55,7 +55,7 @@ export default class TabToolBar extends BaseElement {
       }
     };
 
-    if( this.args.isWidget ) {
+    if(this.args.isWidget) {
       btnCallLog.classList.add(classes['btnTabWidget']);
     }
 

lib/css/styles.js

@@ -1109,7 +1109,6 @@ const styles = {
   callLogListContainer: {
     display: 'inline-block',
     position: 'relative',
-    height: 'calc(100% - 103px)',
     height: '100%',
     overflowY: 'auto',
     listStyle: 'none',

lib/views/CallLogItem.js

@@ -58,15 +58,14 @@ export class CallLogItem {
         let hour = parseInt(tempDuration / 3600);
         let min = parseInt((tempDuration - (hour * 3600)) / 60);
         let sec = tempDuration - (hour * 3600) - (min * 60);
-        if( hour > 0 ){
+        if(hour > 0){
           callDurationTime = hour + 'h ';
         }
-        if( min > 0 ){
+        if(min > 0){
           callDurationTime += (min + 'm ');
         }
         callDurationTime += (sec + 's');
-      }
-      else {
+      } else {
         callDurationTime = '0s';
       }
 

lib/views/CallLogView.js

@@ -23,12 +23,12 @@ export default class CallLogView extends BaseElement{
     this.getCallLogs(callLogList);
     callLogList.onscroll = (e) => {
       let scrollposition = e.target.scrollHeight - e.target.clientHeight;
-      if( scrollposition === e.target.scrollTop ) {
+      if(scrollposition === e.target.scrollTop) {
         this.getCallLogs(callLogList);
       }
     };
 
-    if( this.args.isWidget ) {
+    if(this.args.isWidget) {
       callLogList.classList.add(classes['widgetCallLog']);
       this.element.appendChild(callLogList);
     }
@@ -47,16 +47,15 @@ export default class CallLogView extends BaseElement{
   }
 
   getCallLogs(element){
-    if( this.callLogQuery.hasNext && !this.callLogQuery.isLoading ) {
+    if(this.callLogQuery.hasNext && !this.callLogQuery.isLoading) {
       this.callLogQuery.next((directCallLog) => {
-        if( directCallLog ){
-          if( directCallLog.length > 0 ) {
+        if(directCallLog){
+          if(directCallLog.length > 0) {
             for( let i = 0; i < directCallLog.length; i++ ){
               let callItem = null;
-              if( i === 0 ){
+              if(i === 0){
                 callItem = new CallLogItem({ callLogInfo: directCallLog[i], className: `${classes['callLogItemWrap']}` });
-              }
-              else {
+              } else {
                 callItem = new CallLogItem({ callLogInfo: directCallLog[i], className: `${classes['callLogItemWrap']} ${classes['callLogItemWarpBorder']}` }); 
               }
               callItem.onclick = (event, args) => {