feat: demo version additions

src/app/pages/dashboard/dashboard.component.html

@@ -1,3 +1,19 @@
+<div class="row" *ngIf="showCallAction">
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card title="Hire us to customize ngx-admin"
+                          type="pantone"
+                          link="https://www.akveo.com/contacts?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
+                          linkTitle="Contact us">
+    </ngx-call-action-card>
+  </div>
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card title="Documentation and customization articles"
+                          type="briefcase"
+                          link="https://akveo.github.io/ngx-admin?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
+                          linkTitle="Learn more">
+    </ngx-call-action-card>
+  </div>
+</div>
 <div class="row">
   <div class="col-xxxl-3 col-md-6" *ngFor="let statusCard of statusCards">
     <ngx-status-card [title]="statusCard.title" [type]="statusCard.type">

src/app/pages/dashboard/dashboard.component.ts

@@ -1,7 +1,8 @@
-import {Component, OnDestroy} from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
 import { NbThemeService } from '@nebular/theme';
 import { takeWhile } from 'rxjs/operators' ;
 import { SolarData } from '../../@core/data/solar';
+import { AbService } from '../../@core/utils/ab.service';
 
 interface CardSettings {
   title: string;
@@ -14,9 +15,10 @@ interface CardSettings {
   styleUrls: ['./dashboard.component.scss'],
   templateUrl: './dashboard.component.html',
 })
-export class DashboardComponent implements OnDestroy {
+export class DashboardComponent implements OnInit, OnDestroy {
 
   private alive = true;
+  showCallAction = true;
 
   solarValue: number;
   lightCard: CardSettings = {
@@ -83,7 +85,8 @@ export class DashboardComponent implements OnDestroy {
   };
 
   constructor(private themeService: NbThemeService,
-              private solarService: SolarData) {
+              private solarService: SolarData,
+              private abService: AbService) {
     this.themeService.getJsTheme()
       .pipe(takeWhile(() => this.alive))
       .subscribe(theme => {
@@ -97,6 +100,12 @@ export class DashboardComponent implements OnDestroy {
       });
   }
 
+  ngOnInit() {
+    this.abService.onAbEvent(AbService.VARIANT_HIDE_CALL_ACTION)
+      .pipe(takeWhile(() => this.alive))
+      .subscribe(() => this.showCallAction = false );
+  }
+
   ngOnDestroy() {
     this.alive = false;
   }

src/app/pages/e-commerce/e-commerce.component.html

@@ -1,3 +1,19 @@
+<div class="row" *ngIf="showCallAction">
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card title="Hire us to customize ngx-admin"
+                          type="pantone"
+                          link="https://www.akveo.com/contacts?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
+                          linkTitle="Contact us">
+    </ngx-call-action-card>
+  </div>
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card title="Documentation and customization articles"
+                          type="briefcase"
+                          link="https://akveo.github.io/ngx-admin?utm_source=ngx_admin_demo&utm_medium=ramp_up_contact_card"
+                          linkTitle="Learn more">
+    </ngx-call-action-card>
+  </div>
+</div>
 <div class="row">
   <div class="col-xxl-5">
     <div class="row">

src/app/pages/e-commerce/e-commerce.component.ts

@@ -1,8 +1,26 @@
-import { Component } from '@angular/core';
+import { Component, OnDestroy, OnInit } from '@angular/core';
+import { takeWhile } from 'rxjs/operators';
+import { AbService } from '../../@core/utils/ab.service';
 
 @Component({
   selector: 'ngx-ecommerce',
   templateUrl: './e-commerce.component.html',
 })
-export class ECommerceComponent {
+export class ECommerceComponent implements OnInit, OnDestroy {
+
+  private alive = true;
+  showCallAction = true;
+
+  constructor (private abService: AbService) {}
+
+  ngOnInit() {
+    this.abService.onAbEvent(AbService.VARIANT_HIDE_CALL_ACTION)
+      .pipe(takeWhile(() => this.alive))
+      .subscribe(() => this.showCallAction = false );
+  }
+
+  ngOnDestroy() {
+    this.alive = false;
+  }
+
 }

src/app/pages/pages.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 
 import { MENU_ITEMS } from './pages-menu';
 
@@ -6,13 +6,19 @@ import { MENU_ITEMS } from './pages-menu';
   selector: 'ngx-pages',
   styleUrls: ['pages.component.scss'],
   template: `
-    <ngx-one-column-layout>
+    <ngx-sample-layout>
       <nb-menu [items]="menu"></nb-menu>
       <router-outlet></router-outlet>
-    </ngx-one-column-layout>
+    </ngx-sample-layout>
   `,
 })
-export class PagesComponent {
+export class PagesComponent implements OnInit {
 
   menu = MENU_ITEMS;
+
+  ngOnInit() {
+    if (window['dataLayer']) {
+      window['dataLayer'].push({'event': 'optimize.activate'});
+    }
+  }
 }