github.com/readium/readium-lcp-server@v0.0.0-20240101192032-6e95190e99f1/frontend/manage/app/purchase/purchase-form.component.ts

import {
    Component,
    Input,
    OnInit }                        from '@angular/core';
import { Router }                   from '@angular/router';
import {
    FormGroup,
    FormControl,
    Validators,
    FormBuilder }                   from '@angular/forms';

import * as moment from 'moment';

import { Purchase }                 from './purchase';
import { PurchaseService }          from './purchase.service';
import { UserService }              from '../user/user.service';
import { User }                     from '../user/user';
import { PublicationService }       from '../publication/publication.service';
import { Publication }              from '../publication/publication';

@Component({
    moduleId: module.id,
    selector: 'lcp-purchase-form',
    templateUrl: 'purchase-form.component.html'
})

export class PurchaseFormComponent implements OnInit{
    @Input()
    purchase: Purchase;
    availablePublications: Publication[];
    availableUsers: User[];

    edit: boolean = false;
    submitButtonLabel: string = "Add";
    form: FormGroup;

    private submitted = false;

    constructor(
        private fb: FormBuilder,
        private router: Router,
        private purchaseService: PurchaseService,
        private userService: UserService,
        private publicationService: PublicationService
        ) {}

    refreshAvailablePublications(): void {
        this.publicationService.list().then(
            publications => {
                this.availablePublications = publications;
            }
        );
    }

    refreshAvailableUsers(): void {
        this.userService.list().then(
            users => {
                this.availableUsers = users;
            }
        );
    }

    ngOnInit(): void {
        this.refreshAvailablePublications();
        this.refreshAvailableUsers();

        if (this.purchase == null) {
            this.purchase = new Purchase();
            this.submitButtonLabel = "Add";
            this.form = this.fb.group({
                "publication": ["", Validators.required],
                "user": ["", Validators.required],
                "end_date": ["", Validators.required],
                "type": ["LOAN", Validators.required]
            });
            
            this.form.get('type').valueChanges.subscribe(
                value => {
                    if(value == "LOAN") {
                        this.form.get('end_date').setValidators(Validators.required);
                    } else {
                        this.form.get('end_date').clearValidators();
                    }
                    this.form.updateValueAndValidity();
                    this.form.get('end_date').updateValueAndValidity();
                }
            );

        } else {
            let dateTime = moment(this.purchase.endDate).format('YYYY-MM-DD HH:mm')
            this.edit = true;
            this.submitButtonLabel = "Save";
            this.form = this.fb.group({
                "renew_type": ["NO_END_DATE", Validators.required],
                "end_date": dateTime //[dateTime, Validators.required]
            });

            this.form.get('renew_type').valueChanges.subscribe(
                value => {
                    if(value == "NO_END_DATE") {
                        this.form.get('end_date').clearValidators();
                    } else {
                        this.form.get('end_date').setValidators(Validators.required);
                    }
                    this.form.updateValueAndValidity();
                    this.form.get('end_date').updateValueAndValidity();
                }
            );
        }
    }

    gotoList() {
        if (this.edit) this.router.navigate(['/purchases/' + this.purchase.id + "/status"]);
        else this.router.navigate(['/purchases']);
    }

    onCancel() {
        this.gotoList();
    }

    onSubmit() {
        this.bindForm();
        if (this.edit) {
            this.purchaseService.update(
                this.purchase
            ).then(
                purchase => {
                    this.gotoList();
                }
            );
        } else {
            this.purchaseService.add(this.purchase).then(
                purchase => {
                    this.gotoList();
                }
            );
        }

        this.submitted = true;
    }

    // Bind form to purchase
    bindForm(): void {
        if (!this.edit) {
            let publicationId = this.form.value['publication'];
            let userId = this.form.value['user'];
            let publication = new Publication();
            let user = new User();
            publication.id = publicationId;
            user.id = userId;
            this.purchase.publication = publication;
            this.purchase.user = user;
            this.purchase.type = this.form.value['type'];
        } else {
            this.purchase.status = 'to-be-renewed';
        }

        if (this.form.value['end_date'].trim().length > 0) {
            this.purchase.endDate = moment(this.form.value['end_date']).format();
        }

        if (this.edit && this.form.value['renew_type'] == 'NO_END_DATE') {
            // Set end date to null
            // End date will be processed by LSD
            this.purchase.endDate = null;
        }
    }
}