feat(ui): disable integrations by version type

Author: mjabascal10

frontend/src/app/app-module/shared/components/app-module-card/app-module-card.component.html

@@ -12,7 +12,10 @@ <h6 class="card-title font-weight-semibold">{{module.prettyName}}</h6>
       > ...</span>
     </p>
   </div>
-  <button class="btn utm-button mb-3 " (click)="showIntegration()"
+
+  <button
+    [disabled]="version === versionType.COMMUNITY && module.moduleName === UtmModulesEnum.AS_400"
+    class="btn utm-button mb-3 " (click)="showIntegration()"
           [ngClass]="module.moduleActive?'utm-button-success':'utm-button-primary'">
     <i class="mr-1 icon-puzzle2"></i>
     {{module.moduleActive ? 'Enabled' : 'View integration'}}

frontend/src/app/app-module/shared/components/app-module-card/app-module-card.component.ts

@@ -1,23 +1,40 @@
-import {ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
+import {ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';
+import {VersionType, VersionTypeService} from '../../../../shared/services/util/version-type.service';
 import {UtmModuleType} from '../../type/utm-module.type';
+import {Subject} from "rxjs";
+import {takeUntil} from "rxjs/operators";
+import {UtmModulesEnum} from "../../enum/utm-module.enum";
 
 @Component({
   selector: 'app-app-module-card',
   templateUrl: './app-module-card.component.html',
   styleUrls: ['./app-module-card.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class AppModuleCardComponent implements OnInit {
+export class AppModuleCardComponent implements OnInit, OnDestroy {
   @Input() module: UtmModuleType;
   @Output() showModuleIntegration = new EventEmitter<UtmModuleType>();
+  versionType = VersionType;
+  version: VersionType;
+  destroy$: Subject<void> = new Subject<void>();
 
-  constructor() {
+  constructor(private versionTypeService: VersionTypeService) {
   }
 
   ngOnInit() {
+    this.versionTypeService.versionType$
+    .pipe(takeUntil(this.destroy$))
+      .subscribe(versionType => this.version = versionType);
   }
 
   showIntegration() {
     this.showModuleIntegration.emit(this.module);
   }
+
+  ngOnDestroy(): void {
+    this.destroy$.next();
+    this.destroy$.complete();
+  }
+
+  protected readonly UtmModulesEnum = UtmModulesEnum;
 }

frontend/src/app/shared/components/layout/header/shared/components/utm-version-info/utm-version-info.component.ts

@@ -29,10 +29,11 @@ export class UtmVersionInfoComponent implements OnInit {
       .pipe(
         map(response => response.body || null),
         tap((versionInfo: VersionInfo) => {
+          console.log('versionInfo', versionInfo);
           const version = versionInfo && versionInfo.build && versionInfo.build.version || '';
-          const versionType = version.includes('community') ? VersionType.COMMUNITY : VersionType.ENTERPRISE;
+          const versionType = version.includes('community') || version === '' ? VersionType.COMMUNITY : VersionType.ENTERPRISE;
 
-          if (versionType !== this.versionTypeService.versionType()){
+          if (versionType !== this.versionTypeService.versionType()) {
             this.versionTypeService.changeVersionType(versionType);
           }
         }),