@colijnit/corecomponents_v12 255.1.1 → 255.1.2

package/projects/corecomponents/src/lib/components/pagination/pagination.module.ts

@@ -1,26 +0,0 @@
-import { CommonModule } from "@angular/common";
-import { NgModule } from "@angular/core";
-import { PaginationBarModule } from "../pagination-bar/pagination-bar.module";
-import { PaginatePipe } from "./paginate.pipe";
-import { PaginationComponent } from "./pagination.component";
-import { PaginationService } from "./pagination.service";
-
-@NgModule({
-  imports: [
-    CommonModule,
-    PaginationBarModule
-  ],
-    providers: [
-        PaginationService
-    ],
-    declarations: [
-        PaginationComponent,
-        PaginatePipe
-    ],
-    exports: [
-        PaginationComponent,
-        PaginatePipe
-    ]
-})
-export class PaginationModule {
-}

package/projects/corecomponents/src/lib/components/pagination/pagination.service.ts

@@ -1,99 +0,0 @@
-import {Injectable} from "@angular/core";
-import {Subject} from "rxjs";
-
-import {IPaginationInstance} from "./pagination-instance";
-import {ObjectUtils} from "../../core/utils/object-utils";
-
-@Injectable()
-export class PaginationService {
-    private static readonly DEFAULT_ID: string = "DEFAULT_PAGINATION_ID";
-
-    public change: Subject<string> = new Subject<string>();
-
-    public get DEFAULT_ID(): string {
-        return PaginationService.DEFAULT_ID;
-    }
-
-    private readonly instances: { [id: string]: IPaginationInstance } = {};
-
-    constructor() {
-    }
-
-    public register(instance: IPaginationInstance): void {
-        if (!instance.id) {
-            instance.id = PaginationService.DEFAULT_ID;
-        }
-
-        if (!this.instances[instance.id]) {
-            this.instances[instance.id] = instance;
-            this.change.next(instance.id);
-        } else {
-            let changed: boolean = this.updateInstance(instance);
-            if (changed) {
-                this.change.next(instance.id);
-            }
-        }
-    }
-
-    // Returns the current page number.
-    public getCurrentPage(id: string): number {
-        if (this.instances[id]) {
-            return this.instances[id].currentPage;
-        }
-    }
-
-    // Sets the current page number.
-    public setCurrentPage(id: string, page: number): void {
-        if (this.instances[id]) {
-            let instance: IPaginationInstance = this.instances[id];
-            let maxPage: number = Math.ceil(instance.totalItems / instance.itemsPerPage);
-            if (page <= maxPage && 1 <= page) {
-                this.instances[id].currentPage = page;
-                this.change.next(id);
-            }
-        }
-    }
-
-    // Sets the value of instance.totalItems
-    public setTotalItems(id: string, totalItems: number): void {
-        if (this.instances[id] && 0 <= totalItems) {
-            this.instances[id].totalItems = totalItems;
-            this.change.next(id);
-        }
-    }
-
-    // Sets the value of instance.itemsPerPage.
-    public setItemsPerPage(id: string, itemsPerPage: number): void {
-        if (this.instances[id]) {
-            this.instances[id].itemsPerPage = itemsPerPage;
-            this.change.next(id);
-        }
-    }
-
-
-    /**
-     * Returns a clone of the pagination instance object matching the id. If no
-     * id specified, returns the instance corresponding to the default id.
-     */
-    public getInstance(id: string = PaginationService.DEFAULT_ID): IPaginationInstance {
-        if (this.instances[id]) {
-            return ObjectUtils.GetShallowClone(this.instances[id]);
-        }
-        return <IPaginationInstance>{};
-    }
-
-    /**
-     * Check each property of the instance and update any that have changed. Return
-     * true if any changes were made, else return false.
-     */
-    private updateInstance(instance: IPaginationInstance): boolean {
-        let changed: boolean = false;
-        for (let prop in this.instances[instance.id]) {
-            if (instance[prop] !== this.instances[instance.id][prop]) {
-                this.instances[instance.id][prop] = instance[prop];
-                changed = true;
-            }
-        }
-        return changed;
-    }
-}

package/projects/corecomponents/src/lib/components/pagination-bar/pagination-bar.component.ts

@@ -1,178 +0,0 @@
-import {
-  Component,
-  EventEmitter,
-  HostBinding,
-  Input,
-  OnChanges,
-  OnInit,
-  Output,
-  SimpleChanges,
-  ViewEncapsulation
-} from "@angular/core";
-
-export interface IPage {
-  label: string;
-  value: any;
-}
-
-@Component({
-  selector: "co-pagination-bar",
-  template: `
-    <ul class="pagination" *ngIf="!shouldBeHidden()">
-      <li class="pagination-previous" [class.disabled]="isOnFirstPage()" (click)="onPreviousClick()">
-        <div class="pagination-previous-arrow"></div>
-        <a *ngIf="directionLinks" [class.disabled]="isOnFirstPage()">{{ previousLabel }}</a>
-      </li>
-      <li *ngFor="let page of pages" [class.current]="currentPage === page.value" (click)="onPageClick(page.value)">
-        <span>{{page.label}}</span>
-      </li>
-      <li class="pagination-next" [class.disabled]="isOnLastPage()" (click)="onNextClick()" >
-        <a *ngIf="directionLinks" [class.disabled]="isOnLastPage()">{{ nextLabel }}</a>
-        <div class="pagination-next-arrow"></div>
-      </li>
-    </ul>
-    `,
-  encapsulation: ViewEncapsulation.None
-})
-export class PaginationBarComponent implements OnInit, OnChanges {
-
-  @Input()
-  public directionLinks: boolean = true;
-
-  @Input()
-  public previousLabel: string = 'Vorige pagina';
-
-  @Input()
-  public nextLabel: string = 'Volgende pagina';
-
-  @Input()
-  public currentPage: number = 1;
-
-  @Input()
-  public itemsPerPage: number = 20;
-
-  @Input()
-  public set totalItems(value: number){
-    this._totalItems = value;
-    this.totalPages = Math.ceil(this.totalItems / this.itemsPerPage);
-  }
-
-  public get totalItems(): number {
-    return this._totalItems;
-  }
-
-  @Input()
-  public paginationRange: number = 8;
-
-  @Input()
-  public autoHide: boolean = false;
-
-  @Output()
-  public previousClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public nextClick: EventEmitter<void> = new EventEmitter<void>();
-
-  @Output()
-  public pageClick: EventEmitter<any> = new EventEmitter<any>();
-
-  @HostBinding("class.co-pagination-bar")
-  public showClass() {
-    return true;
-  }
-
-  private _totalItems: number = 20;
-  public pages: IPage[] = [];
-  public totalPages: number;
-
-  public ngOnInit(): void {
-    this.pages = this._createPageArray();
-  }
-
-  public ngOnChanges(changes: SimpleChanges): void {
-      this.pages = this._createPageArray();
-  }
-
-  public isOnFirstPage(): boolean {
-    return this.currentPage === 1;
-  }
-
-  public isOnLastPage(): boolean {
-    return this.totalPages === this.currentPage;
-  }
-
-  public onPreviousClick(): void {
-    if (!this.isOnFirstPage()) {
-      this.previousClick.emit();
-    }
-  }
-
-  public onNextClick(): void {
-    if (!this.isOnLastPage()) {
-      this.nextClick.emit();
-    }
-  }
-
-  public onPageClick(value: any): void {
-    this.currentPage = value;
-    this.pageClick.emit(value);
-  }
-
-  public shouldBeHidden(): boolean {
-    if (!this.autoHide) {
-      return false;
-    } else {
-      return (this.totalItems <= this.itemsPerPage);
-    }
-  }
-
-  // Returns an array of IPage objects to use in the pagination controls.
-  private _createPageArray(): IPage[] {
-    // paginationRange could be a string if passed from attribute, so cast to number.
-    this.paginationRange = +this.paginationRange;
-    let pages: IPage[] = [];
-    const halfWay: number = Math.ceil(this.paginationRange / 2);
-    const isStart: boolean = this.currentPage <= halfWay;
-    const isEnd: boolean = this.totalPages - halfWay < this.currentPage;
-    const isMiddle: boolean = !isStart && !isEnd;
-    let ellipsesNeeded: boolean = this.paginationRange < this.totalPages;
-    let i: number = 1;
-    while (i <= this.totalPages && i <= this.paginationRange) {
-      let label: string;
-      let pageNumber: number = this._calculatePageNumber(i);
-      let openingEllipsesNeeded: boolean = (i === 2 && (isMiddle || isEnd));
-      let closingEllipsesNeeded: boolean = (i === this.paginationRange - 1 && (isMiddle || isStart));
-      if (ellipsesNeeded && (openingEllipsesNeeded || closingEllipsesNeeded)) {
-        label = '...';
-      } else {
-        label = '' + pageNumber;
-      }
-      pages.push({
-        label: label,
-        value: pageNumber
-      });
-      i++;
-    }
-    return pages;
-  }
-
-  // Given the position in the sequence of pagination links [i], figure out what page number corresponds to that position.
-  private _calculatePageNumber(i: number): number {
-    let halfWay: number = Math.ceil(this.paginationRange / 2);
-    if (i === this.paginationRange) {
-      return this.totalPages;
-    } else if (i === 1) {
-      return i;
-    } else if (this.paginationRange < this.totalPages) {
-      if (this.totalPages - halfWay < this.currentPage) {
-        return this.totalPages - this.paginationRange + i;
-      } else if (halfWay < this.currentPage) {
-        return this.currentPage - halfWay + i;
-      } else {
-        return i;
-      }
-    } else {
-      return i;
-    }
-  }
-}

package/projects/corecomponents/src/lib/components/pagination-bar/pagination-bar.module.ts

@@ -1,17 +0,0 @@
-import { NgModule } from "@angular/core";
-import { CommonModule } from "@angular/common";
-import { PaginationBarComponent } from "./pagination-bar.component";
-
-@NgModule({
-  imports: [
-    CommonModule
-  ],
-  declarations: [
-    PaginationBarComponent
-  ],
-  exports: [
-    PaginationBarComponent
-  ]
-})
-export class PaginationBarModule {
-}

package/projects/corecomponents/src/lib/components/popup/const/popup-window-token.ts

@@ -1,4 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { PopupWindowModel } from '../model/popup-window';
-
-export const POPUP_WINDOW_DATA: InjectionToken<PopupWindowModel> = new InjectionToken<PopupWindowModel>('POPUP_WINDOW_DATA');

package/projects/corecomponents/src/lib/components/popup/interface/popup-button.ts

@@ -1,14 +0,0 @@
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-
-export class PopupButton {
-    public label: string;
-    public cssClass: string;
-    public closeType: PopupButtonType;
-    public disabled: boolean;
-
-    constructor(label: string, cssClass: string, closeType: PopupButtonType) {
-        this.label = label;
-        this.cssClass = cssClass;
-        this.closeType = closeType;
-    }
-}

package/projects/corecomponents/src/lib/components/popup/interface/popup-close-event.ts

@@ -1,8 +0,0 @@
-
-// The object shape for close events of app popups.
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-
-export interface PopupCloseEvent<T = any> {
-    eventType: PopupButtonType;
-    output: T;
-}

package/projects/corecomponents/src/lib/components/popup/interface/popup-settings.ts

@@ -1,70 +0,0 @@
-import { PopupButton } from './popup-button';
-import { PopupType } from '../../../core/enum/popup-type.enum';
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-
-export class PopupSettings {
-    // Title text for the header of a popup window. Will be localized.
-    public title: string;
-    // Whether to close the popup automatically when the user clicks outside of it.
-    public autoClose: boolean;
-    // Kind of popup to adjust styling.
-    public type: PopupType;
-    // Defines which buttons are shown.
-    public buttons?: PopupButton[];
-    // Set to true to hide the 'X' close icon in the top-right corner of the popup.
-    public hideCloseIcon?: boolean;
-    // Do not focus on first button when popping up (default behavior is to focus on the first button)
-    public noButtonFocus?: boolean;
-    // Whether the popup can be moved around
-    public fixed?: boolean;
-    // Whether content of the popup can be downloaded
-    public downloadable?: boolean;
-
-    constructor() {
-    }
-
-    public enableButtonByType(buttonType: PopupButtonType): void {
-        const button: PopupButton = this._getButtonByType(buttonType);
-        if (button) {
-            button.disabled = false;
-        }
-    }
-
-    public disableButtonByType(buttonType: PopupButtonType): void {
-        const button: PopupButton = this._getButtonByType(buttonType);
-        if (button) {
-            button.disabled = true;
-        }
-    }
-
-    public enableSaveButton(): void {
-        this.enableButtonByType(PopupButtonType.Save);
-    }
-
-    public disableSaveButton(): void {
-        this.disableButtonByType(PopupButtonType.Save);
-    }
-
-    public enableOpenButton(): void {
-        this.enableButtonByType(PopupButtonType.Open);
-    }
-
-    public disableOpenButton(): void {
-        this.disableButtonByType(PopupButtonType.Open);
-    }
-
-    private _getButtonByType(buttonType: PopupButtonType): PopupButton {
-        let button: PopupButton = undefined;
-
-        if (this.buttons) {
-            for (let i: number = 0, len: number = this.buttons.length; i < len; i++) {
-                if (this.buttons[i].closeType === buttonType) {
-                    button = this.buttons[i];
-                    break;
-                }
-            }
-        }
-
-        return button;
-    }
-}

package/projects/corecomponents/src/lib/components/popup/interface/popup.ts

@@ -1,17 +0,0 @@
-import {EventEmitter} from "@angular/core";
-import { PopupWindowModel } from '../model/popup-window';
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-
-// Base for all app popup components.
-export interface Popup<T = any> {
-    // usable by AppPopups to request the closing of the mother AppPopupWindowComponent
-    readonly closeRequest?: EventEmitter<PopupButtonType>;
-
-    popupModel?: PopupWindowModel;
-
-    // is called when the popup was just spawned
-    onOpen?(): void;
-
-    // Is called when the popup is closed by its mother AppPopupWindowComponent. Supply the output data in promise resolve.
-    onClose(eventType: PopupButtonType): Promise<T>;
-}

package/projects/corecomponents/src/lib/components/popup/model/popup-button-globals.ts

@@ -1,11 +0,0 @@
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-import { PopupButton } from '../interface/popup-button';
-
-export class PopupButtonGlobals {
-    public static readonly Ok: PopupButton = new PopupButton('OK', 'ok-button', PopupButtonType.Ok);
-    public static readonly Open: PopupButton = new PopupButton('OPEN', 'open-button', PopupButtonType.Open);
-    public static readonly Save: PopupButton = new PopupButton('SAVE', 'save-button', PopupButtonType.Save);
-    public static readonly Cancel: PopupButton = new PopupButton('CANCEL', 'cancel-button', PopupButtonType.Cancel);
-    public static readonly Yes: PopupButton = new PopupButton('JA', 'ok-button', PopupButtonType.Yes);
-    public static readonly No: PopupButton = new PopupButton('NEE', 'cancel-button', PopupButtonType.No);
-}

package/projects/corecomponents/src/lib/components/popup/model/popup-window.ts

@@ -1,51 +0,0 @@
-import {ComponentFactory} from "@angular/core";
-import { PopupType } from '../../../core/enum/popup-type.enum';
-import { StringUtils } from '../../../core/utils/string-utils';
-import { PopupWindowShellComponent } from '../popup-window-shell.component';
-import { PopupButtonType } from '../../../core/enum/popup-button-type.enum';
-import { Popup } from '../interface/popup';
-import { PopupSettings } from '../interface/popup-settings';
-
-// Represent the base for app popup windows, with common fields and methods that each popup window has.
-export class PopupWindowModel {
-    public static readonly closeDefaultOutputStr: string = "PopupWindowModel.closeDefault()";
-
-    public get type(): PopupType {
-        return this.settings ? this.settings.type : undefined;
-    }
-
-    public uuid: string = StringUtils.CreateGuid();
-
-    // Reference to the actual popup window component.
-    public popupWindowComponent?: PopupWindowShellComponent;
-
-    constructor(public factory: ComponentFactory<Popup>, public settings: PopupSettings, public inputs: any) {
-    }
-
-    public closeDefault(): void {
-        this.onClose(PopupButtonType.NoButton, PopupWindowModel.closeDefaultOutputStr);
-    }
-
-    public enableOpenButton(): void {
-        if (this.settings) {
-            this.settings.enableOpenButton();
-        }
-    }
-
-    public disableOpenButton(): void {
-        if (this.settings) {
-            this.settings.disableOpenButton();
-        }
-    }
-
-    public getTitle(): string {
-        if (this.settings) {
-            return this.settings.title;
-        }
-    }
-
-    //noinspection JSUnusedLocalSymbols
-    onClose(eventType: PopupButtonType, output?: any): void {
-        return;
-    }
-}

package/projects/corecomponents/src/lib/components/popup/popup-buttons.component.ts

@@ -1,61 +0,0 @@
-import {Component, EventEmitter, Input, OnInit, Output, ViewChild} from "@angular/core";
-import {ButtonComponent} from "../button/button.component";
-import {PopupButtonGlobals} from "./model/popup-button-globals";
-import {PopupButton} from "./interface/popup-button";
-
-@Component({
-    selector: 'co-popup-buttons',
-    template: `
-        <div class="popup-buttons">
-            <co-button
-                *ngFor="let button of buttons"
-                [label]="button.label"
-                [class]="button.cssClass"
-                [disabled]="button.disabled"
-                (click)="handleClick($event, button)"
-            ></co-button>
-        </div>
-    `,
-    styleUrls: [
-        './popup-buttons.component.scss'
-    ]
-})
-// Component that is part of the WindowComponent, and represents the panel with buttons on the bottom of app popups.
-export class PopupButtonsComponent implements OnInit {
-
-    @Input()
-    public popupWindow: any;
-
-    @Output()
-    public readonly buttonClick: EventEmitter<PopupButton> = new EventEmitter<PopupButton>();
-
-    @ViewChild(ButtonComponent)
-    public firstButton: ButtonComponent;
-
-    public buttons: PopupButton[] = [PopupButtonGlobals.Ok, PopupButtonGlobals.Cancel];
-
-    constructor() {
-    }
-
-    ngOnInit(): void {
-        if (!this.popupWindow || !this.popupWindow.settings) {
-            return;
-        }
-        if (this.popupWindow.settings.buttons) {
-            this.buttons = this.popupWindow.settings.buttons;
-        }
-    }
-
-    public handleClick(event: MouseEvent, button: PopupButton): void {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-        event.stopPropagation();
-        this.buttonClick.emit(button);
-    }
-
-    public focusFirstButton(): void {
-        if (this.firstButton) {
-            this.firstButton.focus();
-        }
-    }
-}

package/projects/corecomponents/src/lib/components/popup/popup-message-display.component.ts

@@ -1,49 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { PopupButtonType } from '../../core/enum/popup-button-type.enum';
-import { FileUtils } from '../../core/utils/file-utils';
-import { BrowserUtils } from '../../core/utils/browser-utils';
-import { Popup } from './interface/popup';
-
-@Component({
-    selector: "co-popup-message-display",
-    template: `
-        <span *ngIf="!image" class="message" [textContent]="message"></span>
-        <img *ngIf="image" [src]="message"/>
-        <ng-container *ngIf="details" label="DETAILS">
-            <div class="overflow-y-auto overflow-x-hidden details">
-                <span class="message wrap" [textContent]="details" style="overflow-wrap: break-word;"></span>
-            </div>
-            <span class="details-link" [textContent]="'COPY_MESSAGE_TO_CLIPBOARD'" (click)="handleCopyClick()"></span>
-        </ng-container>
-    `
-})
-export class PopupMessageDisplayComponent implements Popup<PopupButtonType> {
-    @Input()
-    public set message(value: string) {
-        this._message = value;
-        this.image = FileUtils.StringContainsDataUri(value);
-    }
-
-    public get message(): string {
-        return this._message;
-    }
-
-    @Input()
-    public details: string;
-
-    public image: boolean = false;
-
-    private _message: string = "";
-
-    constructor() {
-    }
-
-    // @implements AppPopup
-    async onClose(eventType: PopupButtonType): Promise<PopupButtonType> {
-        return eventType;
-    }
-
-    public handleCopyClick(): void {
-        BrowserUtils.CopyToClipboard(this.details);
-    }
-}