@colijnit/sharedcomponents 1.0.54 → 1.0.56

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/printer-selection/printer-selection.component.ts

@@ -0,0 +1,84 @@
+import {Component, EventEmitter, HostBinding, Input, OnInit, Output, ViewEncapsulation} from '@angular/core';
+import {animate, state, style, transition, trigger} from '@angular/animations';
+import {Printer} from '@colijnit/mainapi/build/model/printer.bo';
+import {SharedService} from '../../../../service/shared.service';
+import {IconCacheService} from '../../../../service/icon-cache.service';
+import {Icon} from '../../../../enum/icon.enum';
+import {SendMethodService} from '../../service/send-method.service';
+
+@Component({
+  selector: 'co-printer-selection',
+  template: `
+    <div class="printer-selection-wrapper" (click)="showPrinterList = !showPrinterList">
+      <div class="title" [textContent]="'Printer'"></div>
+      <div class="printer-name" [textContent]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName || 'Printer kiezen'"></div>
+    </div>
+    <div class="layouts-wrapper co-small-scrollbar" *ngIf="showPrinterList" @showHideLayouts>
+      <div class="layouts-wrapper-header">
+        <div class="title" [textContent]="'Printer'"></div>
+        <div class="close-layouts">
+          <div class="dialog-close-button" (click)="closePrinterClicked()">
+            <co-icon [iconData]="iconService.getIcon(icons.XSolid)"></co-icon>
+          </div>
+        </div>
+      </div>
+      <div class="printer-list-item" *ngFor="let printer of printers"
+           [class.selected]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName === printer.name"
+           (click)="handlePrinterClicked(printer)">
+        <co-icon class="printer-icon" [iconData]="iconService.getIcon(icons.PrintRegular)"></co-icon>
+        <div class="printer-details">
+          <span class="printer-name" [textContent]="printer.name"></span>
+          <span class="printer-status" [textContent]="printer.acceptingJobs"></span>
+        </div>
+      </div>
+    </div>
+  `,
+  animations: [
+    trigger('showHideLayouts', [
+      state('void', style({height: 0})),
+      state('*', style({height: '100%'})),
+      transition('void => *', animate('200ms ease-in-out')),
+      transition('* => void', animate('200ms ease-out'))
+    ])
+  ],
+  encapsulation: ViewEncapsulation.None
+})
+export class PrinterSelectionComponent implements OnInit {
+  public readonly icons: typeof Icon = Icon;
+
+  @Input()
+  public printers: Printer[] = [];
+
+  @HostBinding('class.co-printer-selection')
+  public showClass() {
+    return true;
+  }
+
+  public showPrinterList: boolean = false;
+
+  constructor(
+    public sendMethodService: SendMethodService,
+    public iconService: IconCacheService,
+    private _service: SharedService
+  ) {
+  }
+
+  ngOnInit(): void {
+    if (!this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName && this.printers && this.printers.length > 0) {
+      const defaultPrinter: Printer = this.printers.find(p => p.isDefault);
+      if (defaultPrinter) {
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName = defaultPrinter.name;
+        this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+      }
+    }
+  }
+
+  public handlePrinterClicked(printer: Printer): void {
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.printerName = printer.name;
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+    this.showPrinterList = false;
+  }
+  public closePrinterClicked(): void {
+    this.showPrinterList = false;
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/printer-selection/printer-selection.module.ts

@@ -0,0 +1,19 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {PrinterSelectionComponent} from './printer-selection.component';
+import {IconModule} from '@colijnit/corecomponents_v12';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    IconModule
+  ],
+  declarations: [
+    PrinterSelectionComponent
+  ],
+  exports: [
+    PrinterSelectionComponent
+  ]
+})
+export class PrinterSelectionModule {
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-email/send-method-email.component.ts

@@ -0,0 +1,63 @@
+import {Component, HostBinding, Input, OnInit, ViewEncapsulation} from '@angular/core';
+import {SendMethodService} from '../../service/send-method.service';
+import {EmailAddressViewmodel} from '../../model/email-address-viewmodel';
+import {ReportLayoutSelectionEmail} from '@colijnit/mainapi/build/model/report-layout-selection-email.bo';
+
+@Component({
+  selector: 'co-send-method-email',
+  template: `
+    <div class="email-addresses-wrapper co-small-scrollbar">
+      <div class="email-address-wrapper" *ngFor="let emailAddressViewmodel of emailAddressViewmodels" (click)="handleCheckedEmail(emailAddressViewmodel)">
+        <co-input-checkbox [model]="emailAddressViewmodel.checked" (modelChange)="handleCheckedEmail(emailAddressViewmodel)"></co-input-checkbox>
+        <div class="email-address" [textContent]="emailAddressViewmodel.emailAddress"></div>
+      </div>
+    </div>
+    <div class="layout-signature-wrapper">
+      <co-layout-selection
+        [(request)]="sendMethodService.reportingDocumentEmailSignDocBaseRequest"
+        [layouts]="layouts"
+      ></co-layout-selection>
+      <co-signature-button
+        [request]="sendMethodService.reportingDocumentEmailSignDocBaseRequest"
+      ></co-signature-button>
+    </div>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SendMethodEmailComponent implements OnInit {
+
+  @Input()
+  public emailAddresses: string[] = [];
+
+  @Input()
+  public layouts: ReportLayoutSelectionEmail[] = [];
+
+  @HostBinding('class.co-send-method-email')
+  public showClass() {
+    return true;
+  }
+
+  public emailAddressViewmodels: EmailAddressViewmodel[] = [];
+
+  constructor(public sendMethodService: SendMethodService) {
+  }
+
+  ngOnInit(): void {
+    if (this.emailAddresses) {
+      this.emailAddresses.forEach((ea: string) => {
+        const emailAddressViewmodel: EmailAddressViewmodel = new EmailAddressViewmodel(this.sendMethodService.selectedEmailAddresses.indexOf(ea) > -1, ea);
+        this.emailAddressViewmodels.push(emailAddressViewmodel);
+      });
+    }
+  }
+
+  public handleCheckedEmail(emailAddressViewmodel: EmailAddressViewmodel): void {
+    const wantedValue: boolean = !emailAddressViewmodel.checked;
+    if (!wantedValue) {
+      this.sendMethodService.removeEmailAddress(emailAddressViewmodel.emailAddress);
+    } else {
+      this.sendMethodService.addEmailAddress(emailAddressViewmodel.emailAddress);
+    }
+    emailAddressViewmodel.checked = wantedValue;
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-email/send-method-email.module.ts

@@ -0,0 +1,24 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SendMethodEmailComponent} from './send-method-email.component';
+import {IconModule, InputCheckboxModule} from '@colijnit/corecomponents_v12';
+import {LayoutSelectionModule} from '../layout-selection/layout-selection.module';
+import {SignatureButtonModule} from "../signature-button/signature-button.module";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    InputCheckboxModule,
+    LayoutSelectionModule,
+    IconModule,
+    SignatureButtonModule
+  ],
+  declarations: [
+    SendMethodEmailComponent
+  ],
+  exports: [
+    SendMethodEmailComponent
+  ]
+})
+export class SendMethodEmailModule {
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-pdf/send-method-pdf.component.ts

@@ -0,0 +1,38 @@
+import {Component, HostBinding, Input, ViewEncapsulation} from '@angular/core';
+import {ReportLayoutSelectionPrint} from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import {SendMethodService} from '../../service/send-method.service';
+
+@Component({
+  selector: 'co-send-method-pdf',
+  template: `
+      <div class="pdf-layout-selections-wrapper">
+          <div class="layout-signature-wrapper">
+              <co-layout-selection
+                      [(request)]="sendMethodService.reportingDocumentPdfBaseRequest"
+                      [layouts]="layouts"
+              ></co-layout-selection>
+<!--
+              <co-signature-button
+                      [request]="sendMethodService.reportingDocumentPdfBaseRequest"
+              ></co-signature-button>
+-->
+          </div>
+      </div>
+    `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SendMethodPdfComponent {
+
+  @Input()
+  public layouts: ReportLayoutSelectionPrint[] = [];
+
+  @HostBinding('class.co-send-method-pdf')
+  public showClass() {
+    return true;
+  }
+
+  constructor(
+    public sendMethodService: SendMethodService
+  ) {
+  }
+} 

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-pdf/send-method-pdf.module.ts

@@ -0,0 +1,21 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SendMethodPdfComponent} from './send-method-pdf.component';
+import {LayoutSelectionModule} from '../layout-selection/layout-selection.module';
+import {SignatureButtonModule} from '../signature-button/signature-button.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    LayoutSelectionModule,
+    SignatureButtonModule
+  ],
+  declarations: [
+    SendMethodPdfComponent
+  ],
+  exports: [
+    SendMethodPdfComponent
+  ]
+})
+export class SendMethodPdfModule {
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-pdf/style/_layout.scss

@@ -0,0 +1,25 @@
+@include export-module('co-send-method-pdf-layout') {
+  .co-send-method-pdf {
+    font-family: $sc-co-send-method-pdf-font-family;
+    font-size: $sc-co-send-method-pdf-font-size;
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    position: relative;
+    row-gap: $sc-co-send-method-pdf-row-gap;
+    padding: $sc-co-send-method-pdf-padding;
+    .pdf-layout-selections-wrapper {
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+    }
+    .layout-signature-wrapper {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .co-layout-selection {
+        width: 80%;
+      }
+    }
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-pdf/style/_material-definition.scss

@@ -0,0 +1,5 @@
+$sc-co-send-method-pdf-font-family: $sc-font-family !default;
+$sc-co-send-method-pdf-font-size: $sc-font-size !default;
+$sc-co-send-method-pdf-font-color: $sc-color-font !default;
+$sc-co-send-method-pdf-row-gap: 20px !default;
+$sc-co-send-method-pdf-padding: 0 !default;

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-pdf/style/_theme.scss

@@ -0,0 +1,5 @@
+@include export-module('co-send-method-pdf-theme') {
+  .co-send-method-pdf {
+    color: $sc-co-send-method-pdf-font-color;
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.component.ts

@@ -0,0 +1,60 @@
+import {Component, HostBinding, Input, ViewEncapsulation} from '@angular/core';
+import {SendMethodService} from '../../service/send-method.service';
+import {ReportLayoutSelectionPrint} from '@colijnit/mainapi/build/model/report-layout-selection-print.bo';
+import {Printer} from '@colijnit/mainapi/build/model/printer.bo';
+
+@Component({
+  selector: 'co-send-method-printer',
+  template: `
+    <div class="printer-layout-selections-wrapper">
+      <co-printer-selection [printers]="printerList"></co-printer-selection>
+      <div class="layout-signature-wrapper">
+        <co-layout-selection
+          [(request)]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
+          [layouts]="layouts"
+        ></co-layout-selection>
+        <co-signature-button
+          [request]="sendMethodService.reportingDocumentPrintSignDocBaseRequest"
+        ></co-signature-button>
+      </div>
+    </div>
+    <co-input-checkbox
+      [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser"
+      [label]="'Koppeling onthouden'"
+      (modelChange)="handleDefaultPrinterUserChange($event)"
+    ></co-input-checkbox>
+    <co-input-checkbox
+      [model]="sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers"
+      [label]="'Alle gebruikers'"
+      (modelChange)="handleDefaultPrinterAllUsersChange($event)"
+    ></co-input-checkbox>
+  `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SendMethodPrinterComponent {
+  @Input()
+  public printerList: Printer[] = [];
+
+  @Input()
+  public layouts: ReportLayoutSelectionPrint[] = [];
+
+  @HostBinding('class.co-send-method-printer')
+  public showClass() {
+    return true;
+  }
+
+  constructor(
+    public sendMethodService: SendMethodService
+  ) {
+  }
+
+  public handleDefaultPrinterUserChange(checked: boolean): void {
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForUser = checked;
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+  }
+
+  public handleDefaultPrinterAllUsersChange(checked: boolean): void {
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequest.saveDefaultPrinterForAllUsers = checked;
+    this.sendMethodService.reportingDocumentPrintSignDocBaseRequestChanged.next(this.sendMethodService.reportingDocumentPrintSignDocBaseRequest);
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/send-method-printer/send-method-printer.module.ts

@@ -0,0 +1,26 @@
+import {NgModule} from '@angular/core';
+import {CommonModule} from '@angular/common';
+import {SendMethodPrinterComponent} from './send-method-printer.component';
+import {IconModule, InputCheckboxModule} from '@colijnit/corecomponents_v12';
+import {LayoutSelectionModule} from '../layout-selection/layout-selection.module';
+import {PrinterSelectionModule} from '../printer-selection/printer-selection.module';
+import {SignatureButtonModule} from "../signature-button/signature-button.module";
+
+@NgModule({
+    imports: [
+        CommonModule,
+        IconModule,
+        LayoutSelectionModule,
+        PrinterSelectionModule,
+        InputCheckboxModule,
+        SignatureButtonModule
+    ],
+  declarations: [
+    SendMethodPrinterComponent
+  ],
+  exports: [
+    SendMethodPrinterComponent
+  ]
+})
+export class SendMethodPrinterModule {
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/signature-button/signature-button.component.ts

@@ -0,0 +1,42 @@
+import {Component, HostBinding, Input, ViewEncapsulation} from "@angular/core";
+import {Icon} from "../../../../enum/icon.enum";
+import {IconCacheService} from "../../../../service/icon-cache.service";
+import {
+  ReportingDocumentEmailSignDocBaseRequest
+} from "@colijnit/mainapi/build/model/reporting-document-email-sign-doc-base-request";
+import {
+  ReportingDocumentPrintSignDocBaseRequest
+} from "@colijnit/mainapi/build/model/reporting-document-print-sign-doc-base-request";
+
+@Component({
+  selector: "co-signature-button",
+  template: `
+    <div class="signature-button-wrapper"
+         [class.selected]="request.parkForDigitalSignature"
+         (click)="handleToggleSignature()">
+      <co-icon
+        [iconData]="iconCacheService.getIcon(icons.FileSignatureRegular)"
+      ></co-icon>
+    </div>
+    `,
+  encapsulation: ViewEncapsulation.None
+})
+export class SignatureButtonComponent {
+  public readonly icons: typeof Icon = Icon;
+
+  @Input()
+  public request: ReportingDocumentEmailSignDocBaseRequest | ReportingDocumentPrintSignDocBaseRequest;
+
+  @HostBinding("class.co-signature-button")
+  public showClass() {
+    return true;
+  }
+
+  constructor(
+    public iconCacheService: IconCacheService
+  ) { }
+
+  public handleToggleSignature(): void {
+    this.request.parkForDigitalSignature = !this.request.parkForDigitalSignature;
+  }
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/signature-button/signature-button.module.ts

@@ -0,0 +1,19 @@
+import {NgModule} from "@angular/core";
+import {CommonModule} from "@angular/common";
+import {SignatureButtonComponent} from "./signature-button.component";
+import {IconModule} from "@colijnit/corecomponents_v12";
+
+@NgModule({
+  imports: [
+    CommonModule,
+    IconModule
+  ],
+  declarations: [
+    SignatureButtonComponent
+  ],
+  exports: [
+    SignatureButtonComponent
+  ]
+})
+export class SignatureButtonModule {
+}

package/projects/sharedcomponents/src/lib/components/send-method-dialog/components/signature-button/style/material.scss

@@ -0,0 +1,4 @@
+@import "../../../../../style/mixin";
+@import "./_material-definition";
+@import "./_layout";
+@import "./_theme";

package/projects/sharedcomponents/src/lib/components/send-method-dialog/model/email-address-viewmodel.ts

@@ -0,0 +1,9 @@
+export class EmailAddressViewmodel {
+  public checked: boolean;
+  public emailAddress: string;
+
+  constructor(checked: boolean, emailAddress: string) {
+    this.checked = checked;
+    this.emailAddress = emailAddress;
+  }
+}