fabrikantencore 2.13.6 → 2.13.10

package/.editorconfig

@@ -0,0 +1,16 @@
+# Editor configuration, see https://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.ts]
+quote_type = single
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

package/.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

package/.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "pwa-chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

package/.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

package/angular.json

@@ -0,0 +1,117 @@
+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "version": 1,
+  "newProjectRoot": "projects",
+  "projects": {
+    "app": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "style": "scss"
+        }
+      },
+      "root": "",
+      "sourceRoot": "src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/app",
+            "index": "src/index.html",
+            "main": "src/main.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.app.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets",
+              {
+                "glob": "**/*",
+                "input": "./node_modules/@kolkov/angular-editor/assets/",
+                "output": "./assets/fonts/"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": [
+              "src/webgl/gl-matrix.min.js",
+              "src/webgl/WebGLQuery.min.js",
+              "src/webgl/WebGLViewerLight.min.js"
+            ],
+            "progress": false
+          },
+          "configurations": {
+            "production": {
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "500kb",
+                  "maximumError": "1mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "2kb",
+                  "maximumError": "4kb"
+                }
+              ],
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.prod.ts"
+                }
+              ],
+              "outputHashing": "all"
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          },
+          "defaultConfiguration": "production"
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "configurations": {
+            "production": {
+              "browserTarget": "app:build:production"
+            },
+            "development": {
+              "browserTarget": "app:build:development"
+            }
+          },
+          "defaultConfiguration": "development"
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "app:build"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "src/test.ts",
+            "polyfills": "src/polyfills.ts",
+            "tsConfig": "tsconfig.spec.json",
+            "karmaConfig": "karma.conf.js",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
+            "styles": [
+              "src/styles.scss"
+            ],
+            "scripts": []
+          }
+        }
+      }
+    }
+  }
+}

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, './coverage/app'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,6 @@
+{
+    "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
+    "lib": {
+      "entryFile": "public_api.ts"
+    }
+}

package/package.json

@@ -1,53 +1,49 @@
-{
-  "name": "fabrikantencore",
-  "version": "2.13.6",
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "peerDependencies": {
-    "ngx-cookie-service": "^16.0.1",
-    "@angular-devkit/build-angular": "^16.0.1",
-    "@angular/animations": "^16.0.1",
-    "@angular/cdk": "^15.2.9",
-    "@angular/cli": "^16.0.1",
-    "@angular/common": "^16.0.1",
-    "@angular/compiler": "^16.0.1",
-    "@angular/compiler-cli": "^16.0.1",
-    "@angular/core": "^16.0.1",
-    "@angular/forms": "^16.0.1",
-    "@angular/material": "^15.2.9",
-    "@angular/platform-browser": "^16.0.1",
-    "@angular/platform-browser-dynamic": "^16.0.1",
-    "@angular/router": "^16.0.1",
-    "@kolkov/angular-editor": "^3.0.0-beta.0",
-    "@types/jasmine": "~4.0.0",
-    "@types/node": "^20.1.2",
-    "jasmine-core": "~4.4.0",
-    "karma": "~6.4.0",
-    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage": "~2.2.0",
-    "karma-jasmine": "~5.1.0",
-    "karma-jasmine-html-reporter": "~2.0.0",
-    "ng-packagr": "^16.0.1",
-    "rxjs": "~7.5.0",
-    "typescript": "~5.0.4",
-    "zone.js": "~0.13.0"
-  },
-  "exports": {
-    "./fabrikanten.service": "./dist/src/app/modules/fabrikantencore/services/fabrikanten.service",
-    "./translate.service": "./dist/src/app/modules/fabrikantencore/services/translate.service",
-    "./svg.service": "./dist/src/app/modules/fabrikantencore/services/svg.service",
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/fabrikantencore.mjs",
-      "esm": "./esm2022/fabrikantencore.mjs",
-      "default": "./fesm2022/fabrikantencore.mjs"
-    }
-  },
-  "module": "fesm2022/fabrikantencore.mjs",
-  "typings": "index.d.ts",
-  "sideEffects": false
-}
+{
+  "name": "fabrikantencore",
+  "version": "2.13.10",
+  "scripts": {
+    "ng": "ng",
+    "start": "echo Starting... && ng serve",
+    "build": "ng build",
+    "watch": "ng build --watch --configuration development",
+    "test": "ng test",
+    "packagr": "ng-packagr -p ng-package.json"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "ngx-cookie-service": "^16.0.1",
+    "@angular-devkit/build-angular": "^16.0.1",
+    "@angular/animations": "^16.0.1",
+    "@angular/cdk": "^15.2.9",
+    "@angular/cli": "^16.0.1",
+    "@angular/common": "^16.0.1",
+    "@angular/compiler": "^16.0.1",
+    "@angular/compiler-cli": "^16.0.1",
+    "@angular/core": "^16.0.1",
+    "@angular/forms": "^16.0.1",
+    "@angular/material": "^15.2.9",
+    "@angular/platform-browser": "^16.0.1",
+    "@angular/platform-browser-dynamic": "^16.0.1",
+    "@angular/router": "^16.0.1",
+    "@kolkov/angular-editor": "^3.0.0-beta.0",
+    "@types/jasmine": "~4.0.0",
+    "@types/node": "^20.1.2",
+    "jasmine-core": "~4.4.0",
+    "karma": "~6.4.0",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage": "~2.2.0",
+    "karma-jasmine": "~5.1.0",
+    "karma-jasmine-html-reporter": "~2.0.0",
+    "ng-packagr": "^16.0.1",
+    "rxjs": "~7.5.0",
+    "typescript": "~5.0.4",
+    "zone.js": "~0.13.0"
+  },
+  "exports": {
+    "./fabrikanten.service": "./dist/src/app/modules/fabrikantencore/services/fabrikanten.service",
+    "./translate.service": "./dist/src/app/modules/fabrikantencore/services/translate.service",
+    "./svg.service": "./dist/src/app/modules/fabrikantencore/services/svg.service"
+  }
+}

package/public_api.ts

@@ -0,0 +1,27 @@
+export * from './src/app/modules/fabrikantencore/fabrikantencore.module'
+export * from './src/app/modules/fabrikantencore/swagger/SwaggerClient'
+
+
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter/fab-filter.component'
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter-label/fab-filter-label.component'
+export * from './src/app/modules/fabrikantencore/components/inputs/fab-filter-custom/fab-filter-custom.component'
+
+export * from './src/app/modules/fabrikantencore/components/fab-filters/fab-filters.component'
+export * from './src/app/modules/fabrikantencore/components/fab-category-navigator/fab-category-navigator.component'
+export * from './src/app/modules/fabrikantencore/components/fab-filters-input/fab-filters-input.component'
+export * from './src/app/modules/fabrikantencore/components/fab-actionmenu/fab-actionmenu.component'
+export * from './src/app/modules/fabrikantencore/components/fab-webgl-viewer/fab-webgl-viewer.component'
+export * from './src/app/modules/fabrikantencore/components/fab-svg-viewer/fab-svg-viewer.component'
+export * from './src/app/modules/fabrikantencore/components/fab-product/fab-product-bestek/fab-product-bestek.component'
+export * from './src/app/modules/fabrikantencore/components/fab-loader/fab-loader.component'
+export * from './src/app/modules/fabrikantencore/components/fab-select-bcbproduct/fab-select-bcbproduct.component'
+export * from './src/app/modules/fabrikantencore/components/fab-download-zip/fab-download-zip.component'
+export * from './src/app/modules/fabrikantencore/components/fab-form/fab-form.component'
+
+export * from './src/app/modules/fabrikantencore/services/mobile.service'
+export * from './src/app/modules/fabrikantencore/services/fabrikanten.service'
+export * from './src/app/modules/fabrikantencore/services/bestek.service'
+export * from './src/app/modules/fabrikantencore/services/translate.service'
+export * from './src/app/modules/fabrikantencore/services/webgl.service'
+export * from './src/app/modules/fabrikantencore/services/svg.service'
+export * from './src/app/modules/fabrikantencore/services/template-component.service'

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

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+
+const routes: Routes = [];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

package/src/app/app.component.html

@@ -0,0 +1 @@
+<router-outlet></router-outlet>

package/src/app/app.component.scss

@@ -0,0 +1,8 @@
+:host {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 14px;
+  color: #333;
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}

package/src/app/app.component.spec.ts

@@ -0,0 +1,35 @@
+import { TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { AppComponent } from './app.component';
+
+describe('AppComponent', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [
+        RouterTestingModule
+      ],
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+
+  it(`should have as title 'app'`, () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.componentInstance;
+    expect(app.title).toEqual('app');
+  });
+
+  it('should render title', () => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.nativeElement as HTMLElement;
+    expect(compiled.querySelector('.content span')?.textContent).toContain('app app is running!');
+  });
+});

package/src/app/app.component.ts

@@ -0,0 +1,47 @@
+import { Component } from '@angular/core';
+import { Title } from '@angular/platform-browser';
+import { ActivatedRoute, NavigationEnd, Router } from '@angular/router';
+import { filter, map } from "rxjs/operators";
+import { TemplateComponentService } from './modules/fabrikantencore/services/template-component.service';
+import { FabDownloadZipComponent } from './modules/fabrikantencore/components/fab-download-zip/fab-download-zip.component';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.scss']
+})
+export class AppComponent {
+  title = 'app';
+
+  constructor(
+    private router: Router,
+    private activatedRoute: ActivatedRoute,
+    private TemplateComponentService: TemplateComponentService,
+    private titleService: Title) {
+    this.router.events.pipe(
+      filter(event => event instanceof NavigationEnd),
+      map(() => {
+        let child = this.activatedRoute.firstChild;
+        while (child) {
+          if (child.firstChild) {
+            child = child.firstChild;
+          } else if (child.snapshot.data && child.snapshot.data['title']) {
+            return child.snapshot.data['title'];
+          } else {
+            return null;
+          }
+        }
+        return null;
+      })
+    ).subscribe((data: any) => {
+      if (data) {
+        this.titleService.setTitle(data + ' - FabrikantenCore');
+      }
+      else {
+        this.titleService.setTitle('FabrikantenCore');
+      }
+    });
+
+    //this.TemplateComponentService.SetComponentFilterCustom("customfilter-24", FabDownloadZipComponent);
+  }
+}

package/src/app/app.module.ts

@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { BrowserModule } from '@angular/platform-browser';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { FabrikantenCoreModule } from './modules/fabrikantencore/fabrikantencore.module';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    FabrikantenCoreModule,
+    BrowserAnimationsModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

package/src/app/modules/fabrikantencore/beheer/components/beheer-bcb-instance/beheer-bcb-instance.component.html

@@ -0,0 +1,59 @@
+<div *ngIf="BcbProductInstanceService.IsLoading()">
+  <app-fab-loader></app-fab-loader>
+</div>
+
+<div *ngIf="!BcbProductInstanceService.IsLoading()">
+  <div class="displayflex">
+    <div style="flex: auto;">
+      {{ TranslateService.GetActiveValue(TranslationCategory.Product, TranslationSubCategory.Name, BcbProductInstanceService.BCBProductInstanceViewModel.productId) }}
+    </div>
+
+    <div style="padding: 10px;">
+      <button mat-raised-button (click)="BcbProductInstanceService.SaveConfiguration(ChangeDetectorRef)">
+        Save
+      </button>
+      &nbsp;
+      <button mat-raised-button (click)="BcbProductInstanceService.DownloadPDF(this.TranslateService.ActiveLanguage.id)">
+        Download PDF
+      </button>
+      &nbsp;
+      <button mat-raised-button (click)="BcbProductInstanceService.UnselectBCBProductInstance()">
+        Terug
+      </button>
+    </div>
+  </div>
+  <div class="displayflex">
+    <div class="dividercolumn leftcol">
+      <mat-tab-group style="height: 100%;">
+        <mat-tab label="Configuratie">
+          <div class="filter-scroll-section">
+            <fab-filters-input></fab-filters-input>
+          </div>
+        </mat-tab>
+        <mat-tab label="Info">
+          <app-fab-form [form]="BcbProductInstanceService.FabrikantenCustomFormViewModel"></app-fab-form>
+        </mat-tab>
+        <mat-tab label="Upload">
+          <br />
+          <app-fab-upload name="snede naar onder" [customid]="BcbProductInstanceService.BCBProductInstanceViewModel.id"></app-fab-upload>
+          <hr />
+          <app-fab-upload name="bovenaanzicht" [customid]="BcbProductInstanceService.BCBProductInstanceViewModel.id"></app-fab-upload>
+          <hr />
+          <app-fab-upload name="vooraanzicht" [customid]="BcbProductInstanceService.BCBProductInstanceViewModel.id"></app-fab-upload>
+          <hr />
+          <app-fab-upload name="rechteraanzicht" [customid]="BcbProductInstanceService.BCBProductInstanceViewModel.id"></app-fab-upload>
+        </mat-tab>
+      </mat-tab-group>
+    </div>
+    <div style="width: 50%;">
+      <ng-container *ngIf="!FabrikantenService.ShowVariants()">
+        <app-fab-svg-viewer></app-fab-svg-viewer>
+      </ng-container>
+      <ng-container *ngIf="FabrikantenService.ShowVariants()">
+        <div style="padding: 10px;">
+          Er zijn nog meerdere varianten van dit product die voldoen aan de huidige filter selectie. Vul meer filters om de selectie te specificeren.
+        </div>
+      </ng-container>
+    </div>
+  </div>
+</div>

package/src/app/modules/fabrikantencore/beheer/components/beheer-bcb-instance/beheer-bcb-instance.component.scss

@@ -0,0 +1,84 @@
+app-beheer-bcb-instance {
+  .displayflex {
+    display: flex;
+  }
+
+  .leftcol {
+    padding: 10px;
+  }
+
+  .dividercolumn {
+    width: 50%;
+    max-height: calc(100vH - 174px);
+    overflow: auto;
+  }
+
+  .filter-scroll-section {
+    max-height: calc(100vH - 1px);
+  }
+
+  .filter-affects-sign {
+    display: none;
+  }
+
+  .affects-only-bestek {
+    display: none;
+  }
+
+  .svg-settings {
+    top: 80px !important;
+    right: 25px !important;
+  }
+
+  .toolbar-button {
+    display: none;
+  }
+
+  .prop {
+    font-size: 20px;
+    padding: 5px;
+    border-bottom: 1px solid #000;
+  }
+
+  .prop-name {
+    width: 200px;
+  }
+
+  .prop-value {
+    width: calc(100% - 220px);
+  }
+
+  .border-bottom {
+    border-bottom: 1px solid #000;
+    font-size: 20px;
+    padding: 4px;
+  }
+
+  .form-button-row {
+    display: none;
+  }
+
+  .value-cell {
+    text-align: right;
+    padding-right: 5px;
+  }
+
+  .info-row:hover {
+    background-color: #EFEFEF;
+  }
+
+  .button-row {
+    padding-top: 3px;
+    text-align: right;
+  }
+
+  app-fab-loader {
+    position: fixed;
+    background-color: rgba(0,0,0,0.5);
+    width: 100%;
+    top: 0px;
+    left: 0px;
+    height: 100%;
+    z-index: 10;
+  }
+}