Шаблоны сайта

BEST SOLID PRINCIPLES CMS

Список файлов:

assets
blocks

wizard.js

css

modules

shop

product-page.css

shop-page.css

all.min.css

animate.min.css

bootstrap.css

bootstrap.min.css

bootstrap_limitless.css

bootstrap_limitless.min.css

components.css

components.min.css

custom.css

engine.css

font-awesome.css

font-awesome.min.css

layout.css

layout.min.css

live-chat.css

normalize.css

personal-messages.css

sidebar.css

support.css

wall_custom.css

fonts

Manrope

images

bg

events

favicons

posters

js

bootstrap

bootstrap.bundle.js

bootstrap.bundle.min.js

bootstrap.js

bootstrap.min.js

jquery

jquery.min.js

modules

shop

product-page.js

shop-page.js

vendor

notifications

bootbox.min.js

noty.min.js

sweet_alert.min.js

swiper

modules

a11y-element.css

a11y-element.min.css

a11y.css

a11y.min.css

autoplay-element.css

autoplay-element.min.css

autoplay.css

autoplay.min.css

controller-element.css

controller-element.min.css

controller.css

controller.min.css

effect-cards-element.css

effect-cards-element.min.css

effect-cards.css

effect-cards.min.css

effect-coverflow-element.css

effect-coverflow-element.min.css

effect-coverflow.css

effect-coverflow.min.css

effect-creative-element.css

effect-creative-element.min.css

effect-creative.css

effect-creative.min.css

effect-cube-element.css

effect-cube-element.min.css

effect-cube.css

effect-cube.min.css

effect-fade-element.css

effect-fade-element.min.css

effect-fade.css

effect-fade.min.css

effect-flip-element.css

effect-flip-element.min.css

effect-flip.css

effect-flip.min.css

free-mode-element.css

free-mode-element.min.css

free-mode.css

free-mode.min.css

grid-element.css

grid-element.min.css

grid.css

grid.min.css

hash-navigation-element.css

hash-navigation-element.min.css

hash-navigation.css

hash-navigation.min.css

history-element.css

history-element.min.css

history.css

history.min.css

keyboard-element.css

keyboard-element.min.css

keyboard.css

keyboard.min.css

manipulation-element.css

manipulation-element.min.css

manipulation.css

manipulation.min.css

mousewheel-element.css

mousewheel-element.min.css

mousewheel.css

mousewheel.min.css

navigation-element.css

navigation-element.min.css

navigation.css

navigation.min.css

pagination-element.css

pagination-element.min.css

pagination.css

pagination.min.css

parallax-element.css

parallax-element.min.css

parallax.css

parallax.min.css

scrollbar-element.css

scrollbar-element.min.css

scrollbar.css

scrollbar.min.css

thumbs-element.css

thumbs-element.min.css

thumbs.css

thumbs.min.css

virtual-element.css

virtual-element.min.css

virtual.css

virtual.min.css

zoom-element.css

zoom-element.min.css

zoom.css

zoom.min.css

shared

types

modules

swiper-bundle.css

swiper-bundle.js

swiper-bundle.min.css

swiper-bundle.min.js

swiper-element-bundle.js

swiper-element-bundle.min.js

swiper-element.js

swiper-element.min.js

swiper.css

swiper.js

swiper.min.css

swiper.min.js

app.js

base.js

countdown.js

custom.js

language.js

modules_summernote.js

payment.js

registration_block.js

registration_page.js

theme.js

widgets

counter_widget.js

participation_widget.js

payment_statistics.js

payment_widget.js

quiz_widget.js

walls.js

ws

live-chat.js

notification-list.js

notification.js

personal-messages.js

sendGlobalNotification.js

support.js

tickets-chat.js

main.js
blocks
bodyendscripts.tpl

bottom_menu.tpl

breadcrumbs.tpl

carousel.tpl

copyright.tpl

currency.tpl

error.tpl

faq.tpl

footer.tpl

form.tpl

head.tpl

language.tpl

leftside.tpl

location_item.tpl

logo.tpl

menu.tpl

modal.tpl

module_filter.tpl

notifications.tpl

online_support.tpl

pagetools.tpl

rightside.tpl

support.tpl

theme.tpl

topmenu.tpl

wizard.tpl
chat
live-chat.tpl

message.js

personal-messages.tpl

tickets-chat.tpl
extensions
co_buying

profile_list.tpl

education

grades

diary_grid.tpl

parent_grades.tpl

teacher_grades.tpl

schedules

add_schedule.tpl

schedules_grid.tpl

students_progress

add_student_progress.tpl

students_progress.tpl

page-qr-sharing.tpl

qr-token-payload.tpl
lang
english

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

russian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

spanish

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

ukrainian

home

section-1.tpl

section-2.tpl

section-3.tpl

section-4.tpl

section-5.tpl

section-6.tpl

section-7.tpl

global_1.tpl
modules
ads

add.tpl

full_ad.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_ads.tpl

similar_entries.tpl

adverts

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

auctions

add.tpl

full_auctions.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_auctions.tpl

similar_lots.tpl

coupons

full_coupons.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_coupons.tpl

short_lots.tpl

similar_lots.tpl

events

add.tpl

full_event.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_events.tpl

similar_entries.tpl

files

add.tpl

full_file.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_files.tpl

similar_entries.tpl

investments

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

lots

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

short_lots.tpl

similar_lots.tpl

movies

add.tpl

full_movie.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_movies.tpl

similar_entries.tpl

news

add.tpl

full_news.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_news.tpl

similar_entries.tpl

products

add.tpl

full_product.tpl

latest_entries.tpl

most_viewed_entries.tpl

popular_entries.tpl

short_products.tpl

similar_entries.tpl

shops

add.tpl

full_lots.tpl

latest_lots.tpl

most_viewed_lots.tpl

popular_lots.tpl

product_page.tpl

shop_page.tpl

short_shop.tpl

similar_lots.tpl
payment
balance

error.tpl

success.tpl

blocks

bonuses_section.tpl

finish_payment_section.tpl

info_section.tpl

pay_grid.tpl

coinbase

error.tpl

success.tpl

stripe

error.tpl

success.tpl

cart.tpl

checkout.tpl

payment.tpl
widgets
custom

counter

counter_widget_1.tpl

participation

participation_widget_1.tpl

participation_widget_2.tpl

payments-widgets

donate

donate.tpl

pay_for_hidden_data

hidden_data.tpl

sale

sale.tpl

subscription

base-subscription.tpl

professional-subscription.tpl

universal-payment.tpl

quiz

quiz_widget_1.tpl

wall

wall_1.tpl

counter_widget.tpl

event_participants.tpl

lots_participants.tpl

participation_widget.tpl

payment_statistics.tpl

payment_widget.tpl

quiz_widget.tpl

reviews_facebook.tpl

reviews_google.tpl

slider_facebook.tpl

slider_instagram.tpl

submit_feedback.tpl
add-comment.tpl
addnews.tpl
authorization.tpl
categories.tpl
comments-list.tpl
comments.tpl
error.tpl
home.tpl
info.tpl
latestnews.tpl
login.tpl
lostpassword.tpl
main.tpl
mostviewednews.tpl
my-wallet.tpl
navigation.tpl
notifications.tpl
offline.tpl
pages.tpl
pm.tpl
poll.tpl
popularnews.tpl
profile.tpl
raiting.tpl
registration.tpl
relatednews.tpl
search.tpl
searchresult.tpl
stats.tpl
submit_feedback.tpl
tags.tpl
test.tpl
testchat.tpl
topnews.tpl
user-profile.tpl
users.tpl

Название файла: assets/js/custom.js

/* ------------------------------------------------------------------------------
 *
 *  # Custom JS code
 *
 *  Place here all your custom js. Make sure it's loaded after app.js
 *
 * ---------------------------------------------------------------------------- */

// Таймер обратного отсчёта
document.addEventListener("DOMContentLoaded", function() {
  // Находим все элементы с классом "countdown"
  const countdownElements = document.querySelectorAll(".countdown");
  countdownElements.forEach(function(countdownElement) {
    // Получаем строку с конечной датой из атрибута data-end-time
    let endTimeString = countdownElement.getAttribute("data-end-time");
    // Преобразуем формат с "MM/DD/YYYY - HH:MM:SS" в "MM/DD/YYYY HH:MM:SS"
    endTimeString = endTimeString.replace(" - ", " ");
    // Преобразуем строку в дату
    const countdownDate = new Date(endTimeString).getTime();
    // Функция для обновления таймера
    function updateCountdown() {
      // Определяем текущее время
      const now = new Date().getTime();
      // Вычисляем оставшееся время
      const timeLeft = countdownDate - now;
      // Локальные переменные для вычислений времени
      const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
      const hours = Math.floor((timeLeft % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
      const minutes = Math.floor((timeLeft % (1000 * 60 * 60)) / (1000 * 60));
      const seconds = Math.floor((timeLeft % (1000 * 60)) / 1000);
      // Локальные переменные для обновления элементов DOM
      const daysElement = countdownElement.querySelector(".days");
      const hoursElement = countdownElement.querySelector(".hours");
      const minutesElement = countdownElement.querySelector(".minutes");
      const secondsElement = countdownElement.querySelector(".seconds");
      // Обновляем значения на странице
      if (daysElement && hoursElement && minutesElement && secondsElement) {
        daysElement.innerHTML = days.toString().padStart(2, "0");
        hoursElement.innerHTML = hours.toString().padStart(2, "0");
        minutesElement.innerHTML = minutes.toString().padStart(2, "0");
        secondsElement.innerHTML = seconds.toString().padStart(2, "0");
      }
      // Останавливаем таймер, если дата достигнута
      if (timeLeft < 0) {
        clearInterval(countdownFunction);
        countdownElement.innerHTML = "EXPIRED";
      }
    }
    // Запускаем интервал для обновления каждую секунду
    const countdownFunction = setInterval(updateCountdown, 1000);
    // Немедленно запускаем обновление таймера при загрузке
    updateCountdown();
  });
});

// Сохраняем состояние левой боковой панели в local Storage
document.addEventListener("DOMContentLoaded", function() {
  const leftsidebar = document.getElementById('leftsidebar');
  const toggleButton = document.getElementById('sidebarToggleButton');
  // Проверяем состояние из localStorage при загрузке страницы
  const savedState = localStorage.getItem('leftsidebarState');
  if (savedState === 'resized') {
    leftsidebar.classList.add('sidebar-main-resized');
  } else {
    leftsidebar.classList.remove('sidebar-main-resized');
  }
  // Обработчик клика на переключатель
  toggleButton.addEventListener('click', function() {
    // Получаем текущее состояние
    const currentState = leftsidebar.classList.contains('sidebar-main-resized') ? 'resized' : 'expanded';
    // Сохраняем текущее состояние в localStorage
    localStorage.setItem('leftsidebarState', currentState);
  });
});

document.addEventListener('DOMContentLoaded', () => {
  const tags = { h1:1.5, h2:1.3, h3:1.1, h4:0.9, h5:0.7, p:0.6, span:0.4 };
  const baseSizes = new Map();
  const DOWN_FACTOR = 0.5;
  const SOFT_FLOOR = 0.85;

const slider   = document.getElementById('fontSlider');
  const increase = document.getElementById('increase');
  const decrease = document.getElementById('decrease');
  if (!(slider && increase && decrease)) return;

// гарантируем нужные границы и шаг
  slider.min = "-5"; slider.max = "5"; slider.step = "1";

// Снятие «чистой» базы без инлайнов
  Object.keys(tags).forEach(tag => {
    document.querySelectorAll(tag).forEach(el => {
      const prev = el.style.fontSize;
      el.style.fontSize = '';
      baseSizes.set(el, parseFloat(getComputedStyle(el).fontSize));
      el.style.fontSize = prev;
    });
  });

// шаг (-5..5) -> глобальный процент (50..150) дискретно
  const stepToPercent = (step) => 100 + step * 10;

function applyFontScalingByStep(step) {
    const percent = stepToPercent(step);
    if (percent === 100) {
      // жёсткий сброс к базе
      baseSizes.forEach((base, el) => { el.style.fontSize = base + 'px'; });
      return;
    }

const delta = (percent - 100) / 100; // -0.5..+0.5
    Object.entries(tags).forEach(([tag, mult]) => {
      const upCap = 1 + (0.5) * mult; // максимум соответствует +50
      document.querySelectorAll(tag).forEach(el => {
        const base = baseSizes.get(el);
        if (!base) return;
        const effMult = delta < 0 ? mult * DOWN_FACTOR : mult;
        let scale = 1 + delta * effMult;
        if (scale < SOFT_FLOOR) scale = SOFT_FLOOR;
        if (scale > upCap)      scale = upCap;
        el.style.fontSize = (base * scale) + 'px';
      });
    });
  }

function setStepAndSave(step) {
    const s = Math.max(-5, Math.min(5, step|0));
    slider.value = String(s);
    applyFontScalingByStep(s);
    localStorage.setItem('fontStep', String(s));
  }

// Восстановление
  const saved = Number(localStorage.getItem('fontStep'));
  const start = Number.isFinite(saved) ? Math.max(-5, Math.min(5, saved)) : 0;
  slider.value = String(start);
  applyFontScalingByStep(start);

// Обработчики
  slider.addEventListener('input', () => setStepAndSave(Number(slider.value)));
  increase.onclick = () => setStepAndSave(Number(slider.value) + 1);
  decrease.onclick = () => setStepAndSave(Number(slider.value) - 1);
});

document.querySelectorAll('.video-wrapper').forEach(wrapper => {
  wrapper.addEventListener('click', () => {
    if (wrapper.querySelector('iframe')) return;

const videoSrc = wrapper.getAttribute('data-src');
    const iframe = document.createElement('iframe');

iframe.setAttribute('src', videoSrc + '&autoplay=1');
    iframe.setAttribute('frameborder', '0');
    iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
    iframe.setAttribute('allowfullscreen', 'true');

wrapper.innerHTML = '';
    wrapper.appendChild(iframe);
  });

wrapper.addEventListener('keydown', (e) => {
    if (e.key === 'Enter' || e.key === ' ') {
      e.preventDefault();
      wrapper.click();
    }
  });
});
document.addEventListener('DOMContentLoaded', function () {
    var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
    tooltipTriggerList.forEach(function (tooltipTriggerEl) {
        new bootstrap.Tooltip(tooltipTriggerEl)
    });
});
document.addEventListener('DOMContentLoaded', function () {
	const sidebar = document.getElementById('leftsidebar');
	const toggleButtons = document.querySelectorAll('.sidebar-mobile-main-toggle');

if (!sidebar || toggleButtons.length === 0) return;

toggleButtons.forEach(function (toggleButton) {
		toggleButton.addEventListener('click', function (event) {
			event.stopPropagation();
			sidebar.classList.toggle('open');
		});
	});

document.addEventListener('click', function (event) {
		const clickedInsideSidebar = sidebar.contains(event.target);
		const clickedToggleButton = [...toggleButtons].some(btn => btn.contains(event.target));

if (!clickedInsideSidebar && !clickedToggleButton) {
			sidebar.classList.remove('open');
		}
	});

sidebar.addEventListener('click', function (event) {
		event.stopPropagation();
	});
});

document.addEventListener('DOMContentLoaded', function () {
    const sidebar = document.getElementById('leftsidebar');
    const toggleButton = document.getElementById('sidebarToggleButton');

toggleButton.addEventListener('click', function (event) {
        event.stopPropagation(); 
        sidebar.classList.toggle('blur');
    });

document.addEventListener('click', function (event) {
        const isClickInsideSidebar = sidebar.contains(event.target);
        const isClickOnToggleButton = toggleButton.contains(event.target);

if (!isClickInsideSidebar && !isClickOnToggleButton) {
            sidebar.classList.remove('blur');
        }
    });
});

document.addEventListener('DOMContentLoaded', function () {
    const roleSelector = document.getElementById('roleSelector');
    const selectedRoleInput = document.getElementById('selected_role');

const companyTypeWrapper = document.getElementById('companyTypeWrapper');
    const creatorTypeWrapper = document.getElementById('creatorTypeWrapper');

const roleForms = {
        Company: document.getElementById('Company'),
        Creator: document.getElementById('Creator'),
        User: document.getElementById('User'),
        SelfEmployer: document.getElementById('SelfEmployer')
    };

const companySingle = document.getElementById('company_single');
    const companyBusiness = document.getElementById('company_business');
    const companyTypeSelect = document.getElementById('company_type');

function toggleRoleForms() {
        const selectedRole = roleSelector.value;
        selectedRoleInput.value = selectedRole;

for (const role in roleForms) {
            if (roleForms[role]) {
                roleForms[role].style.display = (role === selectedRole) ? 'block' : 'none';
            }
        }

companyTypeWrapper.style.display = selectedRole === 'Company' ? 'block' : 'none';
        creatorTypeWrapper.style.display = selectedRole === 'Creator' ? 'block' : 'none';

if (selectedRole === 'Company') {
            toggleCompanySubform();
        }
    }

if (roleSelector) {
        roleSelector.addEventListener('change', toggleRoleForms);
        companyTypeSelect.addEventListener('change', toggleCompanySubform);

toggleRoleForms();
    }

});

const profileImage = document.getElementById("profileImage");

if (profileImage) {
    profileImage.addEventListener("change", function(event) {
        let file = event.target.files[0];
        if (!file) return;

$('#editProfileForm').on('submit', function(event) {
    event.preventDefault();
    let formData = new FormData(this);
    let file = $("#profileImage")[0].files[0];
    formData.append("image", file);

$.ajax({
        url: 'engine/ajax/lib/user/update_user.php',
        type: 'POST',
        dataType: 'json',
        processData: false,
        contentType: false,
        data: formData,
        success: function(response) {
            if (response.success) {
                showNotification("Изменения сохранены", "success", 10000);
                $("#editProfileModal").modal("hide");
                $('#avatar').attr('src', response.data.avatar);
                $('#name').text(response.data.name);
                $('#email').text(response.data.email);
                $('#age').text(response.data.age);
                $('#phone').text(response.data.phone);
                $('#city').text(response.data.city);
                $('#gender').text(response.data.gender);
                $('#balance').text(response.data.balance + ' USD');
                $('#pay_methods').text(response.data.pay_methods);
            }
        },
        error: function(xhr, status, error) {
            showNotification("Ошибка при обновлении данных пользователя", "error", 10000);
        }
    });
});

function showNotification(message, type, duration) {
    duration = 10000;
    if (typeof type === 'undefined') type = 'success';

var container = document.getElementById('notification-container');
    var notification = document.createElement('div');
    notification.className = 'notification ' + type;
    notification.innerHTML =
        '<span>' + message + '</span>' +
        '<button class="close-btn" onclick="this.parentElement.remove()">×</button>';

container.appendChild(notification);

setTimeout(function() {
        notification.style.animation = 'fadeOut 0.3s ease';
        notification.addEventListener('animationend', function() {
            notification.remove();
        });
    }, duration);
}

$(document).ready(function () {
    const url = new URL(window.location.href);

debugger;
    if (!url.pathname.includes('profile')) {
        return;
    }

if (url.searchParams.size === 0 || (url.searchParams.size === 1 && url.searchParams.has('tab'))) {

let tab = url.searchParams.get('tab') || 'shop';

const cleanUrl = url.pathname + '?tab=' + tab;
        window.history.replaceState(null, '', cleanUrl);

$('.btn-tab').each(function () {
            const targetId = $(this).data('bs-target').replace('#', '');
            if (targetId.endsWith(tab)) {
                $(this).tab('show');
            }
        });

$('.btn-tab').on('click', function () {
            const targetId = $(this).data('bs-target').replace('#', '');
            const cleanTab = targetId.replace(/^nav-/, '');
            const newUrl = url.pathname + '?tab=' + cleanTab;
            window.history.replaceState(null, '', newUrl);
        });
    }
});

var currentLink = document.getElementById('commonSettings');

if (currentLink) {
  currentLink.classList.add('active');
}

document.addEventListener('DOMContentLoaded', function() {
  var currentPath = window.location.pathname;
  var activeLink = document.querySelector('a[href="' + currentPath + '"]');
  if (activeLink) {
    activeLink.classList.add('active');
  }
});
document.addEventListener('DOMContentLoaded', function() {
    const leftsidebar = document.getElementById('leftsidebar');
    if (!leftsidebar) return;

leftsidebar.addEventListener('click', function() {
        this.classList.toggle('blur');
    });
});

	Страницы
	Лоты
	Объявления
	Файлы
	Фильмы
	Новости
	Товары
	Мероприятия