NgxMuvstok

This library was generated with Angular CLI version 9.1.13 and updated to Angular 14.1.

Installation

npm install --save ngx-muvstok

Install pear dependencies

npm install [email protected]

Usage

In your app.module, import the library:

  import { NgxMuvstokModule } from 'ngx-muvstok';

  imports: [
    ...
    NgxMuvstokModule,
  ],

In your app.component:

  import { NgxMuvstokService } from 'ngx-muvstok';

  constructor(
    ...
    private ngxMuvstokService: NgxMuvstokService
  ) {

  this.ngxMuvstokService.initialize(options);

  Options {
    urlMuvstokApi?: string;
    geoKey?: string;
    urlMovidesk?: string;
    chatMovideskToken?: string;
  }

MovideskService

Getting Token Movidesk

  this.movideskService.getToken(email).subscribe(result => {  });

Open Movidesk Page

  this.movideskService.openMovidesk(token);

Open Movidesk Chat

  this.movideskService.openChat(name, email);

MuvstokAnalyticsService

Sending event

  this.muvstokAnalyticsService.sendEvent({
    category: EventCategory.PageView,
    type: EventType.PageView,
    value: {}, // any
  });

Set user data

  this.muvstokAnalyticsService.setAccountData({
    accountId: 123,
    accountEmail: '[email protected]',
    // optional
    groupId: 123,
    groupName: 'Test Group',
    projectId: 123,
    projectName: 'Test Project',
    namespaceId: 123,
    namespaceName: 'Test Namespace',
  });

Parameter types

  enum EventCategory {
    General,
    PageView,
    Error,
    User,
  }

  enum EventType {
    PageView = 'pageview',
    Event = 'event',
    Click = 'click',
    Exception = 'exception',
  }

Muvstok Icons

Import the styles in your project using angular.json

"styles": [
  "src/styles.css",
  "node_modules/ngx-muvstok/styles/main.scss"
],

Using icon classes in HTML

<i class="muvicon-bar-chart-square muvicon-xl"></i>
<i class="muvicon-menu-open muvicon-lg"></i>
<i class="muvicon-alt-route-outlined"></i>
<i class="muvicon-activity muvicon-sm"></i>

Icon sizes

Icon size class is optional, if not used, the icon will be rendered with size 24px (md).

Sizes: muvicon-sm, muvicon-md, muvicon-lg, muvicon-xl, muvicon-xxl

<i class="muvicon-alt-route-outlined"></i>

To get the available icon list

Inport the service

import { NgxMuvstokService } from 'ngx-muvstok';

In your component

constructor(private muvstokService: NgxMuvstokService) {}

Get the icon classes

this.muvstokService.getIconClasses()