| 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>
`;
}
}