| Server IP : 37.220.80.31 / Your IP : 3.135.183.149 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/designerblock/src/ui/panels/ |
Upload File : |
import {Loc} from 'landing.loc';
import {Content} from 'landing.ui.panel.content';
import {Dom, Cache, Tag} from 'main.core';
export type RepoElementType = {
name: string,
code: string,
html: string,
manifest: {
nodes: {
[selector: string]: {
type: string
}
},
style: {
[selector: string]: {
type: string
}
}
}
};
export type RepoPanelOptions = {
onElementSelect: (RepoElementType) => {}
};
export class RepoPanel extends Content
{
constructor(options: RepoPanelOptions)
{
super('design_repo', {
title: Loc.getMessage('LANDING_DESIGN_BLOCK_REPO_TITLE'),
scrollAnimation: true
});
this.currentCategory = null;
this.cache = new Cache.MemoryCache();
this.onElementSelect = options.onElementSelect;
this.renderTo(document.body);
Dom.addClass(this.layout, 'landing-ui-panel-repo');
}
addRepository(repository: Array<RepoElementType>)
{
repository.map(item => {
this.addElement(item);
});
}
makeElementUnique(element: RepoElementType): RepoElementType
{
const newManifest = {};
Object.keys(element.manifest.nodes).map(selector => {
const randPostfix = '-' + this.randomNum(1000, 9999);
const className = selector.substr(1);
element.html = element.html.replaceAll(new RegExp(className + '([\\s"]{1})', 'g'), className + randPostfix + '$1');
newManifest[selector + randPostfix] = element.manifest.nodes[selector];
});
element.manifest.nodes = newManifest;
return element;
}
addElement(element: RepoElementType)
{
const nodeCard = new BX.Landing.UI.Card.BlockPreviewCard({
title: element.name,
image: '/bitrix/images/landing/designerblock/presets/' + element .code + '.jpg',
onClick: () => {
this.onElementSelect(this.makeElementUnique(element));
void this.hide();
}
});
this.appendCard(nodeCard);
}
randomNum(min: number, max: number): number
{
return parseInt(Math.random() * (max - min) + min);
}
getListContainer(): HTMLDivElement
{
return this.cache.remember('listContainer', () => {
return Tag.render`<div class="landing-ui-field-layer-list-container"></div>`;
});
}
}