live chat

src/app/app.component.ts

@@ -9,7 +9,7 @@ declare const AratakaConfig : any;
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  //styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css']
 })
 export class AppComponent implements OnInit{
   

src/app/auth/auth-routing.module.ts

@@ -4,6 +4,7 @@ import { Routes, RouterModule } from '@angular/router';
 import { AuthSigninComponent } from './auth-signin/auth-signin.component';
 import { AuthForgotPasswordComponent } from './auth-forgot-password/auth-forgot-password.component';
 import { AuthResetPasswordComponent } from './auth-reset-password/auth-reset-password.component';
+import { LiveChatComponent } from './live-chat/live-chat.component';
 
 const routes: Routes = [
   {
@@ -17,6 +18,10 @@ const routes: Routes = [
   {
     path: 'resetpassword',
     component: AuthResetPasswordComponent
+  },
+  {
+    path: 'live-chat',
+    component: LiveChatComponent
   }
 ];
 

src/app/auth/auth-signin/auth-signin.component.css

@@ -43,3 +43,17 @@ input{
   border: none;
   border-radius:5px;
 }
+/* You can add global styles to this file, and also import other style files */
+.far {
+    padding: 20px;
+    font-size: 30px;
+    width: 50px;
+    text-align: center;
+    text-decoration: none;
+    margin: 5px 2px;
+  }
+
+  .fa-comment-dots{
+    background: green;
+    color: white;
+  }
\ No newline at end of file

src/app/auth/auth-signin/auth-signin.component.html

@@ -26,3 +26,4 @@
     </div>
   </div>
 </div>
+<a class="far fa-comment-dots" target="popup" onclick="window.open('https://innodev.vnetcloud.com/lhc_web/','name','width=900,height=1000')" style="width: 70px;border-radius: 50px; height: 70px; position: fixed; bottom: 20px; right: 20px; z-index: 100;color: wheat;cursor: pointer;"></a>
\ No newline at end of file

src/app/auth/auth-signin/auth-signin.component.ts

@@ -214,5 +214,8 @@ export class AuthSigninComponent implements OnInit {
       });
 
   }
-
+  pageTo(){
+    console.log(this.router)
+    this.router.navigate(['auth/live-chat'])
+  }
 }

src/app/auth/auth.module.ts

@@ -7,13 +7,15 @@ import { AuthRoutingModule } from './auth-routing.module';
 import { AuthSigninComponent } from './auth-signin/auth-signin.component';
 import { AuthForgotPasswordComponent } from './auth-forgot-password/auth-forgot-password.component';
 import { AuthResetPasswordComponent } from './auth-reset-password/auth-reset-password.component';
-
+import { LiveChatComponent } from './live-chat/live-chat.component'
+import { PipeglobalModule } from '../pipe/pipeglobal/pipeglobal.module';
 @NgModule({
-  declarations: [AuthSigninComponent, AuthForgotPasswordComponent, AuthResetPasswordComponent],
+  declarations: [AuthSigninComponent, AuthForgotPasswordComponent, AuthResetPasswordComponent, LiveChatComponent],
   imports: [
     CommonModule,
     AuthRoutingModule,
-    FormsModule
+    FormsModule,
+    PipeglobalModule
   ],
   //providers: [AuthService],
 })

src/app/auth/live-chat/live-chat.component.html

+<iframe 
+[src]="URLIFrame | SrcSafe"
+[ngClass]="{'d-none': !isIframeLoad, 'd-block': isIframeLoad }" 
+frameborder="0"
+style="border-radius: 10px;"
+height="600px" width="100%" 
+(load)="Iframe_onLoad()"
+#Iframe
+class="scroller"></iframe> 
+
+<p *ngIf="!isIframeLoad" class="text-center">PLEASE WAIT, FRAME IS LOADING</p>
+
+<!-- <iframe src="http://localhost:4200/extended" 
+style="border-radius: 10px;"
+height="550px" width="100%" frameborder="0"></iframe>  -->
\ No newline at end of file

src/app/auth/live-chat/live-chat.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LiveChatComponent } from './live-chat.component';
+
+describe('LiveChatComponent', () => {
+  let component: LiveChatComponent;
+  let fixture: ComponentFixture<LiveChatComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LiveChatComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LiveChatComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/auth/live-chat/live-chat.component.ts

+import { Component, OnInit,Injector, ViewChildren, ViewChild, ElementRef  } from '@angular/core';
+import { 
+  ServiceProxyWeb 
+} from '../../../shared/serviceproxy/service-proxy.service';
+
+import { Router } from '@angular/router';
+
+import { ChangeDetectorRef } from '@angular/core';
+import { environment } from '../../../environments/environment';
+
+@Component({
+  selector: 'app-live-chat',
+  templateUrl: './live-chat.component.html',
+  styleUrls: ['./live-chat.component.css']
+})
+export class LiveChatComponent implements OnInit {
+  @ViewChild('Iframe') iframe: ElementRef;
+
+  public Env = environment;
+
+  public URLIFrame = "https://innodev.vnetcloud.com/lhc_web/"
+  
+  public isIframeLoad = false
+  public reloadCount = 1;
+  constructor(private _cRef: ChangeDetectorRef,) { }
+
+  ngOnInit() {
+    this.isIframeLoad = false
+    this.reloadCount = 1
+
+  }
+
+  Iframe_onLoad(){
+    this.isIframeLoad = true
+  }
+
+}

src/app/shared/side-bar-menu/side-bar-menu.component.html

@@ -81,8 +81,13 @@
                 </ul>
             </li>
         </ng-container>
+        <li>
+            <a target="popup" onclick="window.open('https://innodev.vnetcloud.com/lhc_web/index.php/user/autologin/714ea7d864d0356927c14e96614d720320656ead/(r)/Y2hhdC9jaGF0dGFicw%3D%3D/(u)/1','name','width=900,height=1000')" style="text-transform: uppercase;">
+                <i class="far fa-file-alt"></i> 
+                Live Chat
+            </a>
+        </li>
     </ul>
-
     <!-- <ul class="list-unstyled CTAs">
         <li>
             <a href="https://bootstrapious.com/tutorial/files/sidebar.zip" class="download">Download source</a>

src/styles.css

-/* You can add global styles to this file, and also import other style files */