%PDF- %PDF-
Server IP : 37.220.80.31 / Your IP : 18.117.91.187 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/layout-form/src/ |
Upload File : |
import {Event, Dom} from "main.core"; import 'ui.forms'; export class LayoutForm { constructor() { this.hiddenAttribute = 'data-form-row-hidden'; this.nodes = null; this.init(); } init() { this.nodes = document.querySelectorAll('[' + this.hiddenAttribute + ']'); for (let i = 0; i < this.nodes.length; i++) { Event.bind(this.nodes[i], "click", this.onClick.bind(this)); this.nodes[i].querySelector('.ui-ctl-element[type="checkbox"]').style.pointerEvents = 'none'; this.checkInitialBlockVisibility(this.nodes[i]); } } checkInitialBlockVisibility(hiddenRow) { let checkbox = hiddenRow.querySelector('.ui-ctl-element[type="checkbox"]'); if (checkbox.checked) { let hiddenBlock = hiddenRow.nextElementSibling; hiddenBlock.style.height = hiddenBlock.scrollHeight + 'px'; Dom.addClass(hiddenBlock, 'ui-form-row-hidden-show'); } } onClick(event) { // event.preventDefault(); let checkbox = event.currentTarget.querySelector('.ui-ctl-element[type="checkbox"]'); let hiddenBlock = event.currentTarget.nextElementSibling; let height = hiddenBlock.scrollHeight; this.toggleHiddenBLock(checkbox, hiddenBlock, height); } toggleHiddenBLock(checkbox, hiddenBlock, height) { if (!checkbox.checked) { checkbox.checked = true; hiddenBlock.style.height = height + 'px'; Dom.addClass(hiddenBlock, 'ui-form-row-hidden-show'); } else { checkbox.checked = false; hiddenBlock.style.height = 0; Dom.removeClass(hiddenBlock, 'ui-form-row-hidden-show'); } } }