%PDF- %PDF-
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()); } }