Rework frontend

2025-04-02 18:09:54 +05:00
parent 49072e50c7
commit bd3a4408b1
197 changed files with 9715 additions and 6664 deletions
@@ -1,20 +1,63 @@
 import { createStore } from 'vuex';
+import * as isvek from "bvi";
+import { getCookie, setCookie, deleteCookie, deleteCookiesWithPrefix } from '@/utils/cookies';
+

 export default createStore({
    state: {
-        lastSlider: null, // Состояние для отслеживания положения слайдера
+        lastSlider: null,
+        bvi: null,               // Экземпляр плагина bvi
+        bviSettings: {           // Настройки по умолчанию
+            target: '.open-bvi',
+            fontSize: 24,
+            theme: 'black',
+            speech: false,
+            reload: true,
+            panelHide: true
+        },
+        isBviActive: false       // Флаг активности панели
    },
    mutations: {
        setLastSlider(state, value) {
-            state.lastSlider = value; // Мутация для изменения состояния
+            state.lastSlider = value;
        },
+        setBviInstance(state, instance) {
+            state.bvi = instance;
+        },
+        setBviActive(state, isActive) {
+            state.isBviActive = isActive;
+        },
+        updateBviSettings(state, settings) {
+            state.bviSettings = { ...state.bviSettings, ...settings };
+        }
    },
    actions: {
        updateLastSlider({ commit }, value) {
-            commit('setLastSlider', value); // Действие для обновления состояния
+            commit('setLastSlider', value);
        },
+        initializeBvi(context) {  // Получаем весь context
+            if (!context.state.bvi) {
+                const bviInstance = new isvek.Bvi(context.state.bviSettings);
+                context.commit('setBviInstance', bviInstance);
+            }
+
+            if (getCookie('bvi_panelActive')) {
+                context.dispatch('toggleBvi');  // Вызываем через context.dispatch
+            }
+        },
+        toggleBvi({ commit, state }) {
+            if (state.bvi) {
+                commit('setBviActive', !state.isBviActive);
+            }
+        },
+        updateBviSettings({ commit }, settings) {
+            commit('updateBviSettings', settings);
+        }
    },
    getters: {
-        lastSlider: (state) => state.lastSlider, // Геттер для получения состояния
-    },
+        lastSlider: (state) => state.lastSlider,
+        bviInstance: (state) => state.bvi,
+        isBviActive: (state) => state.isBviActive,
+        bviSettings: (state) => state.bviSettings
+    }
 });