import {Component, Input} from '@angular/core';
import {Resource} from '../../../model/resource';
import {DocumentEditChangeMonitor} from '../document-edit-change-monitor';


@Component({
    moduleId: module.id,
    selector: 'dai-checkboxes',
    templateUrl: './checkboxes.html'
})

/**
 * @author Fabian Z.
 */
export class CheckboxesComponent {

    @Input() resource: Resource;
    @Input() field: any;

    
    constructor(private documentEditChangeMonitor: DocumentEditChangeMonitor) {}

    
    public addInputArrayItem(item: any) {
        
        if (!this.resource[this.field.name]) this.resource[this.field.name] = [];

        const index: number = this.resource[this.field.name].indexOf(item, 0);
        if (index > -1) {
            this.resource[this.field.name].splice(index, 1);
        } else {
            this.resource[this.field.name].push(item);
        }

        this.documentEditChangeMonitor.setChanged();
    }
}