| Server IP : 37.220.80.31 / Your IP : 3.14.247.9 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/js/ui/short-view/src/ |
Upload File : |
import {Dom, Tag, Type, Loc, Event} from 'main.core';
import {EventEmitter} from 'main.core.events';
type Params = {
isShortView: 'Y' | 'N'
}
import './css/base.css';
export class ShortView extends EventEmitter
{
constructor(params: Params)
{
super(params);
this.setEventNamespace('BX.UI.ShortView');
this.setShortView(params.isShortView);
this.node = null;
}
renderTo(container: HTMLElement)
{
if (!Type.isDomNode(container))
{
throw new Error('UI ShortView: HTMLElement not found');
}
Dom.append(this.render(), container);
}
render(): HTMLElement
{
const checked = (this.getShortView() === 'Y' ? 'checked' : '');
this.node = Tag.render`
<div class="tasks-scrum__switcher--container tasks-scrum__scope-switcher">
<label class="tasks-scrum__switcher--label">
<div class="tasks-scrum__switcher--label-text">
${Loc.getMessage('UI_SHORT_VIEW_LABEL')}
</div>
<input type="checkbox" class="tasks-scrum__switcher--checkbox" ${checked}>
<span class="tasks-scrum__switcher-cursor"></span>
</label>
</div>
`;
Event.bind(this.node, 'change', this.onChange.bind(this));
return this.node;
}
setShortView(value: string)
{
this.shortView = (value === 'Y' ? 'Y' : 'N');
}
getShortView(): 'Y' | 'N'
{
return this.shortView;
}
onChange()
{
const checkboxNode = this.node.querySelector('input[type="checkbox"]');
this.setShortView(checkboxNode.checked ? 'Y' : 'N');
this.emit('change', this.getShortView());
}
}