qbd-direct integrations main page setting (#942)

* qbd-direct integrations main page setting
fylein · Sep 20, 2024 · d19e444 · d19e444
1 parent 6d5b242
commit d19e444
Show file tree

Hide file tree

Showing 4 changed files with 51 additions and 9 deletions.
diff --git a/src/app/core/models/enum/enum.model.ts b/src/app/core/models/enum/enum.model.ts
@@ -90,7 +90,8 @@ export enum AppName {
   QBO = 'QuickBooks Online',
   BUSINESS_CENTRAL = 'Dynamics 365 Business Central',
   NETSUITE = 'NetSuite',
-  XERO = 'Xero'
+  XERO = 'Xero',
+  QBD_DIRECT = 'QuickBooks Desktop Direct'
 }
 
 export enum AppNameInService {
@@ -780,7 +781,8 @@ export enum TrackingApp {
   BUSINESS_CENTRAL = 'BC',
   QBD = 'QBD',
   BAMBOO_HR = 'BHR',
-  TRAVELPERK = 'TP'
+  TRAVELPERK = 'TP',
+  QBD_DIRECT = 'QBD_DIRECT'
 }
 
 export enum ReimbursableImportState {

diff --git a/src/app/core/models/misc/tracking.model.ts b/src/app/core/models/misc/tracking.model.ts
@@ -52,7 +52,8 @@ export type TrackingAppMap = {
   [AppName.QBO]: TrackingApp.QBO,
   [AppName.TRAVELPERK]: TrackingApp.TRAVELPERK,
   [AppName.NETSUITE]: TrackingApp.NETSUITE,
-  [AppName.XERO]: TrackingApp.XERO
+  [AppName.XERO]: TrackingApp.XERO,
+  [AppName.QBD_DIRECT]: TrackingApp.QBD_DIRECT
 }
 
 export const trackingAppMap: TrackingAppMap = {
@@ -64,5 +65,6 @@ export const trackingAppMap: TrackingAppMap = {
   [AppName.QBO]: TrackingApp.QBO,
   [AppName.TRAVELPERK]: TrackingApp.TRAVELPERK,
   [AppName.NETSUITE]: TrackingApp.NETSUITE,
-  [AppName.XERO]: TrackingApp.XERO
+  [AppName.XERO]: TrackingApp.XERO,
+  [AppName.QBD_DIRECT]: TrackingApp.QBD_DIRECT
 };
diff --git a/src/app/integrations/qbd-direct/qbd-direct-main/qbd-direct-main.component.html b/src/app/integrations/qbd-direct/qbd-direct-main/qbd-direct-main.component.html
@@ -1 +1,6 @@
-<router-outlet></router-outlet>
+<div [ngClass]="{'tw-h-100-vh tw-bg-bg-tertiary-lighter tw-overflow-auto': brandingFeatureConfig.isBackgroundColorAllowed}">
+    <app-main-menu [modules]="modules" [activeItem]="modules[0]" [appName]="appName" [isDropdrownRequired]="false" [isSyncVisible]="true"></app-main-menu>
+    <div>
+        <router-outlet></router-outlet>
+    </div>
+</div>
diff --git a/src/app/integrations/qbd-direct/qbd-direct-main/qbd-direct-main.component.ts b/src/app/integrations/qbd-direct/qbd-direct-main/qbd-direct-main.component.ts
@@ -1,13 +1,46 @@
-import { Component } from '@angular/core';
-import { RouterModule } from '@angular/router';
+import { CommonModule } from '@angular/common';
+import { Component, OnInit } from '@angular/core';
+import { Router, RouterModule } from '@angular/router';
+import { MenuItem } from 'primeng/api';
+import { brandingContent, brandingFeatureConfig } from 'src/app/branding/branding-config';
+import { AppName } from 'src/app/core/models/enum/enum.model';
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @Component({
   selector: 'app-qbd-direct-main',
   standalone: true,
-  imports: [RouterModule],
+  imports: [RouterModule, CommonModule, SharedModule],
   templateUrl: './qbd-direct-main.component.html',
   styleUrl: './qbd-direct-main.component.scss'
 })
-export class QbdDirectMainComponent {
+export class QbdDirectMainComponent implements OnInit {
 
+  appName: AppName = AppName.QBD_DIRECT;
+
+  readonly brandingContent = brandingContent.common;
+
+  modules: MenuItem[] = [
+    {label: 'Dashboard', routerLink: '/integrations/qbd_direct/main/dashboard'},
+    {label: this.brandingContent.exportLogTabName, routerLink: '/integrations/qbd_direct/main/export_log'},
+    {label: 'Mapping', routerLink: '/integrations/qbd_direct/main/mapping'},
+    {label: 'Configuration', routerLink: '/integrations/qbd_direct/main/configuration'}
+  ];
+
+  activeModule: MenuItem;
+
+  readonly brandingFeatureConfig = brandingFeatureConfig;
+
+  constructor(
+    private router: Router
+  ) { }
+
+
+  private setupPage() {
+    this.activeModule = this.modules[0];
+    this.router.navigateByUrl(this.modules[0].routerLink);
+  }
+
+  ngOnInit(): void {
+    this.setupPage();
+  }
 }