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

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/ws/notification.js

$(document).ready(function () {

let currentUserToken = null;
    let wsUrl = null;
    let ws;
    let notifications = [];
    const audio = document.getElementById('message-sound');

// Загружаем токен
    $.ajax({
        url: '/engine/ajax/lib/notification/get_token.php',
        type: 'GET',
        dataType: 'json',
        success: function (response) {
            if (response.token !== false) {
                currentUserToken = response.token;
                wsUrl = response.ws_config.web_socket_url;
                connectToWebSocket();
            }
        }
    });

// Клик по иконке уведомлений
    $('.dropdown-toggle-notification').on('click', function () {
        const unreadIds = notifications
            .filter(n => n.status === false)
            .map(n => n.id);

if (unreadIds.length > 0) {
            $.ajax({
                url: '/engine/ajax/lib/notification/mark_as_read.php',
                method: 'POST',
                data: { ids: unreadIds },
                dataType: 'json',
                success: function (response) {
                    notifications = response;
                    updateDotIndicator();
                }
            });
        }
    });

// --- РЕНДЕРИНГ ЧЕРЕЗ ШАБЛОНЫ ---

function renderEmptyNotification($list) {
        const template = document.getElementById('tpl-empty-notification');
        const clone = template.content.cloneNode(true);
        $list.append(clone);
    }

function renderNotificationItem(item, $list) {
        const template = document.getElementById('tpl-notification-item');
        const clone = template.content.cloneNode(true);
        clone.querySelector('.notification-sender-name').innerHTML = item.senderData.name;
        clone.querySelector('.sender-avatar').src = item.senderData.avatar;
        clone.querySelector('.notification-icon').src = 'templates/universal/svg/'+item.svg_ico;
        clone.querySelector('.notification-type').textContent = window.globalLang[item.module_type] || 'Уведомление';
        clone.querySelector('.notification-time').textContent = formatDate(item.created_at);
        
        if (item.status == false || item.status == 0) {
        	clone.querySelector('.status').classList.add('status-not-read');
        } else {
            clone.querySelector('.status').classList.add('status-read');
        }
        
      //  clone.querySelector('.notification-content').textContent = item.content;

// переход по клику
        clone.querySelector('.notification-item').onclick = () => {
            window.location.href = item.module_url;
        };

$list.append(clone);
    }

function renderNotificationCard(item, $list) {
        const template = document.getElementById('tpl-notification-card');
        const clone = template.content.cloneNode(true);

clone.querySelector('.notification-icon').innerHTML = item.svg_ico;
  //      clone.querySelector('.notification-content').textContent = item.content;
        clone.querySelector('.notification-time').textContent = formatDate(item.created_at);

$list.prepend(clone);
    }

// --- ВСПОМОГАТЕЛЬНЫЕ ФУНКЦИИ ---

function updateDotIndicator() {
        const $dot = $('.dropdown-toggle .bullet-dot');
        const unreadCount = notifications.filter(n => n.status === false).length;

if ($dot.length) {
            if (unreadCount > 0) {
                $(".animation-blink").show();
                $dot.text(unreadCount > 10 ? '10+' : unreadCount);
            } else {
                $(".animation-blink").hide().text('');
            }
        }
    }

function formatDate(utcDate) {
        return new Date(utcDate + ' UTC').toLocaleString('en-EN', {
            day: 'numeric',
            month: 'short',
            year: 'numeric',
            hour: '2-digit',
            minute: '2-digit',
            second: '2-digit',
            hour12: false
        });
    }

// --- WEBSOCKET ---

function connectToWebSocket() {
        ws = new WebSocket(wsUrl + '?usr_token=' + currentUserToken);

ws.onopen = function () {
            ws.send(JSON.stringify({
                type: 'notification',
                from_user_token: currentUserToken,
                action: "connect",
                globalLang: window.globalLang
            }));
        };

ws.onmessage = function (event) {
            const data = JSON.parse(event.data);
            notifications = data.notifications;

if (data.type === "notification" &&
                (data.action === "connect" || data.action === "send")) {

const $list = $('#NotificationsDiv ul');
                $list.empty();

if (!notifications || notifications.length < 1) {
                    renderEmptyNotification($list);
                } else {
                    notifications.forEach(item => renderNotificationItem(item, $list));
                }

updateDotIndicator();

// если новое уведомление
                if (data.action === "send" && notifications.length > 0) {
                    const item = notifications[0];

audio.play();
                    Push.create(window.globalLang[item.module_type], {
                        body: item.content,
                        icon: 'https://cdn-icons-png.flaticon.com/512/1827/1827349.png',
                        timeout: 5000,
                        onClick: function () {
                            window.location.href = item.module_url;
                            this.close();
                        }
                    });

$(".no-notifications").addClass("d-none");
                    renderNotificationCard(item, $('#notificationList'));
                }
            }
        };
    }

// Переподключение при возврате на вкладку
    $(document).on("visibilitychange", function () {
        if (!document.hidden) {
            connectToWebSocket();
        }
    });

});

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