Your IP : 172.70.80.238
// @flow
import {Type, Tag} from 'main.core';
import type { OptionsField } from '../process-types';
import { BaseField } from './base-field';
import { DialogStyle } from '../dialog';
export class CheckboxField extends BaseField
{
type: string = 'checkbox';
list: Array = [];
multiple: boolean = false;
className: string = DialogStyle.ProcessOptionCheckbox;
constructor(options: OptionsField)
{
super(options);
if ('list' in options)
{
this.list = options.list;
}
this.multiple = (this.list.length > 1);
if (this.multiple)
{
this.class = DialogStyle.ProcessOptionMultiple;
}
}
setValue(value: any)
{
if (this.multiple)
{
this.value = Type.isArray(value) ? value : [value];
}
else
{
if (value === 'Y' || value === 'N' || value === null || value === undefined)
{
value = (value === 'Y');//Boolean
}
this.value = value;
}
if (this.field)
{
if (this.multiple)
{
const optionElements = this.field.querySelectorAll("input[type=checkbox]");
if (optionElements)
{
for (let k = 0; k < optionElements.length; k++)
{
optionElements[k].checked = (this.value.indexOf(optionElements[k].value) !== -1);
}
}
}
else
{
const optionElement = this.field.querySelector("input[type=checkbox]");
if (optionElement)
{
optionElement.checked =
Type.isBoolean(this.value) ? this.value : (optionElement.value === this.value);
}
}
}
return this;
}
getValue(): any
{
if (this.field && this.disabled !== true)
{
if (this.multiple)
{
this.value = [];
const optionElements = this.field.querySelectorAll("input[type=checkbox]");
if (optionElements)
{
for (let k = 0; k < optionElements.length; k++)
{
if (optionElements[k].checked)
{
this.value.push(optionElements[k].value);
}
}
}
}
else
{
const optionElement = this.field.querySelector("input[type=checkbox]");
if (optionElement)
{
if (optionElement.value && optionElement.value !== 'Y')
{
this.value = optionElement.checked ? optionElement.value : '';
}
else
{
this.value = optionElement.checked;
}
}
}
}
return this.value;
}
isFilled(): boolean
{
if (this.field)
{
const optionElements = this.field.querySelectorAll("input[type=checkbox]");
if (optionElements)
{
return true;
}
}
return false;
}
getInput(): ?HTMLElement | ?HTMLElement[]
{
if (this.field)
{
if (this.multiple)
{
const optionElements = this.field.querySelectorAll("input[type=checkbox]");
if (optionElements)
{
return optionElements;
}
}
else
{
const optionElement = this.field.querySelector("input[type=checkbox]");
if (optionElement)
{
return optionElement;
}
}
}
return null;
}
render(): HTMLElement
{
if (!this.field)
{
this.field = Tag.render`<div id="${this.id}"></div>`;
}
if (this.multiple)
{
Object.keys(this.list).forEach(itemId => {
if (this.value.indexOf(itemId) !== -1)
{
this.field.appendChild(Tag.render`<label><input type="checkbox" name="${this.name}[]" value="${itemId}" checked>${this.list[itemId]}</label>`);
}
else
{
this.field.appendChild(Tag.render`<label><input type="checkbox" name="${this.name}[]" value="${itemId}">${this.list[itemId]}</label>`);
}
});
}
else
{
if (Type.isBoolean(this.value))
{
if (this.value)
{
this.field.appendChild(Tag.render`<input type="checkbox" id="${this.id}_inp" name="${this.name}" value="Y" checked>`);
}
else
{
this.field.appendChild(Tag.render`<input type="checkbox" id="${this.id}_inp" name="${this.name}" value="Y">`);
}
}
else
{
if (this.value !== '')
{
this.field.appendChild(Tag.render`<input type="checkbox" id="${this.id}_inp" name="${this.name}" value="${this.value}" checked>`);
}
else
{
this.field.appendChild(Tag.render`<input type="checkbox" id="${this.id}_inp" name="${this.name}" value="${this.value}>"`);
}
}
}
return this.field;
}
lock(flag: boolean = true)
{
this.disabled = flag;
if (this.field)
{
const optionElements = this.field.querySelectorAll("input[type=checkbox]");
if (optionElements)
{
for (let k = 0; k < optionElements.length; k++)
{
optionElements[k].disabled = !!flag;
}
}
}
return this;
}
}