-
+
+
+
+
+
+
+
+
ΠΡΠΎΠΌΠ΅ΠΆΡΡΠΎΡΠ½ΡΠ΅ ΠΎΡΠ²Π΅ΡΡ
@@ -28,12 +46,12 @@
-
+
ΠΡΠΈΠ½ΡΠ»ΠΈ Π² ΡΠ°Π±ΠΎΡΡ
RU
ENG
-
+
@@ -277,7 +295,7 @@
-
+
diff --git a/lzipus/src/popup.js b/lzipus/src/popup.js
index 9921715..3f577b5 100644
--- a/lzipus/src/popup.js
+++ b/lzipus/src/popup.js
@@ -1,6 +1,124 @@
-document.addEventListener("DOMContentLoaded", function () {
+document.addEventListener("DOMContentLoaded", async () => {
+ // Storage Helper - ΠΎΠ±ΡΡΡΠΊΠ° Π΄Π»Ρ chrome.storage.sync Ρ fallback Π½Π° localStorage
+ const StorageHelper = {
+ async get(key) {
+ if (typeof chrome !== 'undefined' && chrome.storage && chrome.storage.sync) {
+ return new Promise((resolve) => {
+ chrome.storage.sync.get([key], (result) => {
+ resolve(result[key]);
+ });
+ });
+ } else {
+ // Fallback Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
+ const value = localStorage.getItem(key);
+ return value ? JSON.parse(value) : null;
+ }
+ },
+
+ async set(key, value) {
+ if (typeof chrome !== 'undefined' && chrome.storage && chrome.storage.sync) {
+ return new Promise((resolve) => {
+ chrome.storage.sync.set({ [key]: value }, resolve);
+ });
+ } else {
+ // Fallback Π΄Π»Ρ Π»ΠΎΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ
+ localStorage.setItem(key, JSON.stringify(value));
+ return Promise.resolve();
+ }
+ },
+
+ async remove(key) {
+ if (typeof chrome !== 'undefined' && chrome.storage && chrome.storage.sync) {
+ return new Promise((resolve) => {
+ chrome.storage.sync.remove(key, resolve);
+ });
+ } else {
+ localStorage.removeItem(key);
+ return Promise.resolve();
+ }
+ }
+ };
+
+ // ΠΠΈΠ³ΡΠ°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ
ΠΈΠ· localStorage Π² chrome.storage.sync
+ async function migrateFromLocalStorage() {
+ const migrationKey = 'migrated_to_chrome_storage';
+ const alreadyMigrated = await StorageHelper.get(migrationKey);
+
+ if (!alreadyMigrated && typeof chrome !== 'undefined' && chrome.storage && chrome.storage.sync) {
+ console.log('ΠΠ°ΡΠΈΠ½Π°Π΅ΠΌ ΠΌΠΈΠ³ΡΠ°ΡΠΈΡ Π΄Π°Π½Π½ΡΡ
ΠΈΠ· localStorage Π² chrome.storage.sync...');
+
+ const keysToMigrate = ['templates', 'theme', 'usageStats'];
+
+ for (const key of keysToMigrate) {
+ const localValue = localStorage.getItem(key);
+ if (localValue) {
+ try {
+ const parsedValue = JSON.parse(localValue);
+ await StorageHelper.set(key, parsedValue);
+ console.log(`ΠΠΈΠ³ΡΠΈΡΠΎΠ²Π°Π½ ΠΊΠ»ΡΡ: ${key}`);
+ } catch (e) {
+ console.error(`ΠΡΠΈΠ±ΠΊΠ° ΠΏΡΠΈ ΠΌΠΈΠ³ΡΠ°ΡΠΈΠΈ ΠΊΠ»ΡΡΠ° ${key}:`, e);
+ }
+ }
+ }
+
+ // ΠΠΈΠ³ΡΠ°ΡΠΈΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ
+ const categoryStates = {};
+ for (let i = 0; i < localStorage.length; i++) {
+ const key = localStorage.key(i);
+ if (key && !keysToMigrate.includes(key)) {
+ const value = localStorage.getItem(key);
+ if (value === 'true' || value === 'false') {
+ categoryStates[key] = value;
+ }
+ }
+ }
+
+ if (Object.keys(categoryStates).length > 0) {
+ await StorageHelper.set('categoryStates', categoryStates);
+ console.log('ΠΠΈΠ³ΡΠΈΡΠΎΠ²Π°Π½Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ');
+ }
+
+ await StorageHelper.set(migrationKey, true);
+ console.log('ΠΠΈΠ³ΡΠ°ΡΠΈΡ Π·Π°Π²Π΅ΡΡΠ΅Π½Π°!');
+ }
+ }
+
+ await migrateFromLocalStorage();
+
+ // Π‘ΡΠ°ΡΠΈΡΡΠΈΠΊΠ° ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ let usageStats = await StorageHelper.get('usageStats') || {};
+
+ async function updateUsageStats(templateId) {
+ usageStats[templateId] = (usageStats[templateId] || 0) + 1;
+ await StorageHelper.set('usageStats', usageStats);
+ }
+
+ function getUsageCount(templateId) {
+ return usageStats[templateId] || 0;
+ }
+
+ // Toast ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ
+ function showToast(message, duration = 3000) {
+ const toastContainer = document.getElementById('toast-container');
+ const toast = document.createElement('div');
+ toast.className = 'toast show';
+ toast.innerHTML = `
+
+
${message}
+ `;
+ toastContainer.appendChild(toast);
+
+ setTimeout(() => {
+ toast.remove();
+ }, duration);
+ }
+
+ // ΠΠ°Π³ΡΡΠΆΠ°Π΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ let builtinOverrides = await StorageHelper.get('builtinOverrides') || {};
+
// ΠΠ±ΡΠ΅ΠΊΡ Ρ ΡΠ΅ΠΊΡΡΠ°ΠΌΠΈ Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°
- const clipboardTexts = {
+ let clipboardTexts = {
"inWorkRu": "ΠΠΎΠ»Π»Π΅Π³ΠΈ, Π·Π΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅.\nΠΡΠΈΠ½ΡΠ»ΠΈ ΠΠ°Ρ Π·Π°ΠΏΡΠΎΡ Π² ΡΠ°Π±ΠΎΡΡ. Π‘ΠΎΠΎΠ±ΡΠΈΠΌ ΠΏΠΎ ΠΌΠ΅ΡΠ΅ ΠΏΠΎΡΡΡΠΏΠ»Π΅Π½ΠΈΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ.",
"inWorkEn": "Dear customer,\nWe are working on your request.",
"dialogueRu": "ΠΠΎΠ»Π»Π΅Π³ΠΈ, Π·Π΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅.\nΠ£Π²Π΅Π΄ΠΎΠΌΠ»ΡΠ΅ΠΌ Π²Π°Ρ ΠΎ ΡΠΎΠΌ, ΡΡΠΎ ΠΌΡ Π½Π°ΡΠ°Π»ΠΈ Π΄ΠΈΠ°Π»ΠΎΠ³ Ρ ΠΎΠΏΠ΅ΡΠ°ΡΠΎΡΠΎΠΌ ΠΏΠΎ Π΄Π°Π½Π½ΠΎΠΌΡ Π·Π°ΠΏΡΠΎΡΡ. ΠΡ ΠΎΠΆΠΈΠ΄Π°Π΅ΠΌ ΠΎΡΠ²Π΅ΡΠ° ΠΈ Π±ΡΠ΄Π΅ΠΌ Π΄Π΅ΡΠΆΠ°ΡΡ Π²Π°Ρ Π² ΠΊΡΡΡΠ΅ Π»ΡΠ±ΡΡ
ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ.",
@@ -59,11 +177,59 @@ document.addEventListener("DOMContentLoaded", function () {
"HLREn": "Dear colleagues,\nPlease clarify the correctness of HLR statuses for the following subscriber numbers:",
"managerTemplate": "Π‘ΡΡΠ°Π½Π°: \nΠΠΏΠ΅ΡΠ°ΡΠΎΡ: \nmccMnc: \nΠ‘Π΅Π½Π΄Π΅Ρ: \nΠΠ»ΠΈΠ΅Π½Ρ: \nSource node: \nDestination node: "
};
+
+ // ΠΡΠΈΠΌΠ΅Π½ΡΠ΅ΠΌ ΠΏΠ΅ΡΠ΅ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½ΠΈΡ
+ Object.keys(builtinOverrides).forEach(key => {
+ if (clipboardTexts.hasOwnProperty(key)) {
+ clipboardTexts[key] = builtinOverrides[key];
+ }
+ });
+
+ // Π€ΡΠ½ΠΊΡΠΈΡ Π΄Π»Ρ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ async function editBuiltinTemplate(templateId) {
+ const newText = prompt('ΠΠ²Π΅Π΄ΠΈΡΠ΅ Π½ΠΎΠ²ΡΠΉ ΡΠ΅ΠΊΡΡ ΡΠ°Π±Π»ΠΎΠ½Π°:', clipboardTexts[templateId]);
+ if (newText !== null && newText !== clipboardTexts[templateId]) {
+ clipboardTexts[templateId] = newText;
+ builtinOverrides[templateId] = newText;
+ await StorageHelper.set('builtinOverrides', builtinOverrides);
+ showToast('ΠΡΡΡΠΎΠ΅Π½Π½ΡΠΉ ΡΠ°Π±Π»ΠΎΠ½ ΠΎΠ±Π½ΠΎΠ²Π»ΡΠ½!');
+ }
+ }
+
+ // ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΈ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ document.querySelectorAll('.template-edit-builtin').forEach(btn => {
+ const template = btn.closest('.template');
+ btn.addEventListener('click', () => {
+ // ΠΠ°Ρ
ΠΎΠ΄ΠΈΠΌ RU ΠΈ EN ΠΊΠ½ΠΎΠΏΠΊΠΈ
+ const ruBtn = template.querySelector('[id$="Ru"]');
+ const enBtn = template.querySelector('[id$="En"]');
+
+ if (ruBtn || enBtn) {
+ const templateName = template.querySelector('.template-title').textContent.trim();
+ const action = confirm(`Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π±Π»ΠΎΠ½ "${templateName}"?\nΠΠ - Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ RU\nΠΡΠΌΠ΅Π½Π° - Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ EN`);
+
+ if (action && ruBtn) {
+ editBuiltinTemplate(ruBtn.id);
+ } else if (!action && enBtn) {
+ editBuiltinTemplate(enBtn.id);
+ }
+ }
+ });
+ });
// Π€ΡΠ½ΠΊΡΠΈΡ Π΄Π»Ρ ΠΎΠ±ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΊΠ»ΠΈΠΊΠΎΠ²
function handleClipboardClick(buttonId) {
if (clipboardTexts[buttonId]) {
- navigator.clipboard.writeText(clipboardTexts[buttonId]);
+ navigator.clipboard.writeText(clipboardTexts[buttonId])
+ .then(() => {
+ updateUsageStats(buttonId);
+ const count = getUsageCount(buttonId);
+ showToast(`Π’Π΅ΠΊΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½! (ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΉ: ${count})`);
+ })
+ .catch(err => {
+ console.error('ΠΠ΅ ΡΠ΄Π°Π»ΠΎΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ: ', err);
+ showToast('ΠΡΠΈΠ±ΠΊΠ° ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ');
+ });
}
}
@@ -121,12 +287,12 @@ function createTemplate(title, RUText, ENText) {
});
// ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄Π»Ρ ΡΠ΄Π°Π»Π΅Π½ΠΈΡ
- deleteBtn.addEventListener('click', () => {
- const templates = JSON.parse(localStorage.getItem('templates')) || [];
+ deleteBtn.addEventListener('click', async () => {
+ const templates = await StorageHelper.get('templates') || [];
const templateIndex = templates.findIndex(template => template.title === titleEl.innerText);
if (templateIndex !== -1) {
templates.splice(templateIndex, 1);
- localStorage.setItem('templates', JSON.stringify(templates));
+ await StorageHelper.set('templates', templates);
}
templateEl.remove();
});
@@ -144,9 +310,18 @@ function createTemplate(title, RUText, ENText) {
// ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ Π΄Π»Ρ ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² Π±ΡΡΠ΅Ρ ΠΎΠ±ΠΌΠ΅Π½Π°
const handleCopyText = (e, key) => {
+ const templateId = `custom-${title}-${key}`;
navigator.clipboard.writeText(e.target.dataset[key])
- .then(() => console.log(`Π’Π΅ΠΊΡΡ ${key} ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ Π² Π±ΡΡΠ΅Ρ ΠΎΠ±ΠΌΠ΅Π½Π°`))
- .catch(err => console.error(`ΠΠ΅ ΡΠ΄Π°Π»ΠΎΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ ${key}: `, err));
+ .then(() => {
+ updateUsageStats(templateId);
+ const count = getUsageCount(templateId);
+ showToast(`Π’Π΅ΠΊΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½! (ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΉ: ${count})`);
+ console.log(`Π’Π΅ΠΊΡΡ ${key} ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ Π² Π±ΡΡΠ΅Ρ ΠΎΠ±ΠΌΠ΅Π½Π°`);
+ })
+ .catch(err => {
+ console.error(`ΠΠ΅ ΡΠ΄Π°Π»ΠΎΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ΅ΠΊΡΡ ${key}: `, err);
+ showToast('ΠΡΠΈΠ±ΠΊΠ° ΠΊΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΡ');
+ });
};
textRUEl.addEventListener('click', (e) => handleCopyText(e, 'ruText'));
@@ -155,19 +330,19 @@ function createTemplate(title, RUText, ENText) {
return templateEl;
}
-function saveTemplateToLocalStorage(title, RUText, ENText) {
+async function saveTemplateToLocalStorage(title, RUText, ENText) {
const template = { title, RUText, ENText };
- const templates = JSON.parse(localStorage.getItem('templates')) || [];
+ const templates = await StorageHelper.get('templates') || [];
templates.push(template);
- localStorage.setItem('templates', JSON.stringify(templates));
+ await StorageHelper.set('templates', templates);
}
-function updateTemplateInLocalStorage(title, key, value) {
- const templates = JSON.parse(localStorage.getItem('templates')) || [];
+async function updateTemplateInLocalStorage(title, key, value) {
+ const templates = await StorageHelper.get('templates') || [];
const templateIndex = templates.findIndex(template => template.title === title);
if (templateIndex !== -1) {
templates[templateIndex][key] = value;
- localStorage.setItem('templates', JSON.stringify(templates));
+ await StorageHelper.set('templates', templates);
}
}
@@ -181,8 +356,8 @@ addBtn.addEventListener('click', () => {
saveTemplateToLocalStorage(title, RUText, ENText);
});
-window.onload = function () {
- const templates = JSON.parse(localStorage.getItem('templates')) || [];
+window.onload = async function () {
+ const templates = await StorageHelper.get('templates') || [];
templates.forEach(template => {
const el = createTemplate(template.title, template.RUText, template.ENText);
templatesEl.appendChild(el);
@@ -195,8 +370,8 @@ const themeToggle = document.getElementById('theme-toggle');
const themeIcon = document.getElementById('theme-icon');
// ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΎΡ
ΡΠ°Π½Π΅Π½Π½ΠΎΠΉ ΡΠ΅ΠΌΡ
-const applySavedTheme = () => {
- const savedTheme = localStorage.getItem('theme');
+const applySavedTheme = async () => {
+ const savedTheme = await StorageHelper.get('theme');
if (savedTheme === 'dark') {
document.body.classList.add('dark-theme');
if (themeIcon) {
@@ -212,10 +387,10 @@ const applySavedTheme = () => {
// ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΠ΅ΠΌΡ
if (themeToggle && themeIcon) {
- themeToggle.addEventListener('click', () => {
+ themeToggle.addEventListener('click', async () => {
document.body.classList.toggle('dark-theme');
const theme = document.body.classList.contains('dark-theme') ? 'dark' : 'light';
- localStorage.setItem('theme', theme); // Π‘ΠΎΡ
ΡΠ°Π½ΡΠ΅ΠΌ Π²ΡΠ±ΡΠ°Π½Π½ΡΡ ΡΠ΅ΠΌΡ
+ await StorageHelper.set('theme', theme); // Π‘ΠΎΡ
ΡΠ°Π½ΡΠ΅ΠΌ Π²ΡΠ±ΡΠ°Π½Π½ΡΡ ΡΠ΅ΠΌΡ
themeIcon.classList.replace(theme === 'dark' ? 'fa-moon' : 'fa-sun', theme === 'dark' ? 'fa-sun' : 'fa-moon');
});
}
@@ -224,13 +399,14 @@ if (themeToggle && themeIcon) {
applySavedTheme();
// Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌΠΈ
-document.querySelectorAll('.category h3').forEach(function(header) {
+document.querySelectorAll('.category h3').forEach(async function(header) {
const categoryId = header.textContent.trim(); // Π£Π½ΠΈΠΊΠ°Π»ΡΠ½ΡΠΉ ΠΈΠ΄Π΅Π½ΡΠΈΡΠΈΠΊΠ°ΡΠΎΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΏΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ
const content = header.nextElementSibling; // Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ
const icon = header.querySelector('.toggle-icon'); // ΠΠΊΠΎΠ½ΠΊΠ° ΡΡΡΠ΅Π»ΠΊΠΈ
// ΠΡΠΎΠ²Π΅ΡΠΊΠ° ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΏΡΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ
- const isCategoryOpen = localStorage.getItem(categoryId) === 'true';
+ const categoryStates = await StorageHelper.get('categoryStates') || {};
+ const isCategoryOpen = categoryStates[categoryId] === 'true';
if (isCategoryOpen) {
content.classList.add('show');
@@ -245,12 +421,180 @@ document.querySelectorAll('.category h3').forEach(function(header) {
}
// ΠΠ±ΡΠ°Π±ΠΎΡΡΠΈΠΊ ΠΊΠ»ΠΈΠΊΠ° ΠΏΠΎ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ
- header.addEventListener('click', function() {
+ header.addEventListener('click', async function() {
content.classList.toggle('show'); // ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ°Π΅ΠΌ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ
icon.classList.toggle('fa-chevron-down');
icon.classList.toggle('fa-chevron-up');
// Π‘ΠΎΡ
ΡΠ°Π½ΡΠ΅ΠΌ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΈ ΠΊΠ°ΠΊ ΠΎΡΠΊΡΡΡΠΎΠ΅ ΠΈΠ»ΠΈ Π·Π°ΠΊΡΡΡΠΎΠ΅
- localStorage.setItem(categoryId, content.classList.contains('show') ? 'true' : 'false');
+ const categoryStates = await StorageHelper.get('categoryStates') || {};
+ categoryStates[categoryId] = content.classList.contains('show') ? 'true' : 'false';
+ await StorageHelper.set('categoryStates', categoryStates);
});
});
+
+// ΠΠΌΠΏΠΎΡΡ/ΠΠΊΡΠΏΠΎΡΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+const exportBtn = document.querySelector('.export-btn');
+const importBtn = document.querySelector('.import-btn');
+const importFileInput = document.getElementById('import-file-input');
+
+if (exportBtn) {
+ exportBtn.addEventListener('click', async () => {
+ const templates = await StorageHelper.get('templates') || [];
+ const dataStr = JSON.stringify(templates, null, 2);
+ const dataBlob = new Blob([dataStr], { type: 'application/json' });
+
+ const url = URL.createObjectURL(dataBlob);
+ const link = document.createElement('a');
+ link.href = url;
+ link.download = `izipus-templates-${new Date().toISOString().split('T')[0]}.json`;
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ URL.revokeObjectURL(url);
+
+ showToast(`ΠΠΊΡΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ ${templates.length} ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²`);
+ });
+}
+
+if (importBtn && importFileInput) {
+ importBtn.addEventListener('click', () => {
+ importFileInput.click();
+ });
+
+ importFileInput.addEventListener('change', (e) => {
+ const file = e.target.files[0];
+ if (!file) return;
+
+ const reader = new FileReader();
+ reader.onload = async (event) => {
+ try {
+ const importedTemplates = JSON.parse(event.target.result);
+
+ if (!Array.isArray(importedTemplates)) {
+ showToast('ΠΠ΅Π²Π΅ΡΠ½ΡΠΉ ΡΠΎΡΠΌΠ°Ρ ΡΠ°ΠΉΠ»Π°');
+ return;
+ }
+
+ // ΠΠ°Π»ΠΈΠ΄Π°ΡΠΈΡ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ const validTemplates = importedTemplates.filter(t =>
+ t.title && typeof t.title === 'string' &&
+ t.RUText && typeof t.RUText === 'string' &&
+ t.ENText && typeof t.ENText === 'string'
+ );
+
+ if (validTemplates.length === 0) {
+ showToast('ΠΠ΅Ρ Π²Π°Π»ΠΈΠ΄Π½ΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² Π΄Π»Ρ ΠΈΠΌΠΏΠΎΡΡΠ°');
+ return;
+ }
+
+ // ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ
+ const existingTemplates = await StorageHelper.get('templates') || [];
+
+ // ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΡΠ΅ΠΌ ΡΠ°Π±Π»ΠΎΠ½Ρ (ΠΈΠ·Π±Π΅Π³Π°Π΅ΠΌ Π΄ΡΠ±Π»ΠΈΠΊΠ°ΡΠΎΠ² ΠΏΠΎ Π½Π°Π·Π²Π°Π½ΠΈΡ)
+ const existingTitles = new Set(existingTemplates.map(t => t.title));
+ const newTemplates = validTemplates.filter(t => !existingTitles.has(t.title));
+
+ if (newTemplates.length === 0) {
+ showToast('ΠΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡ');
+ return;
+ }
+
+ const mergedTemplates = [...existingTemplates, ...newTemplates];
+ await StorageHelper.set('templates', mergedTemplates);
+
+ // ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ Π½ΠΎΠ²ΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΡ
+ newTemplates.forEach(template => {
+ const el = createTemplate(template.title, template.RUText, template.ENText);
+ templatesEl.appendChild(el);
+ });
+
+ showToast(`ΠΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°Π½ΠΎ ${newTemplates.length} Π½ΠΎΠ²ΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²`);
+ } catch (error) {
+ console.error('ΠΡΠΈΠ±ΠΊΠ° ΠΈΠΌΠΏΠΎΡΡΠ°:', error);
+ showToast('ΠΡΠΈΠ±ΠΊΠ° ΠΏΡΠΈ ΠΈΠΌΠΏΠΎΡΡΠ΅ ΡΠ°ΠΉΠ»Π°');
+ }
+
+ // Π‘Π±ΡΠ°ΡΡΠ²Π°Π΅ΠΌ input
+ importFileInput.value = '';
+ };
+
+ reader.readAsText(file);
+ });
+}
+
+// ΠΠΎΠΈΡΠΊ ΠΏΠΎ ΡΠ°Π±Π»ΠΎΠ½Π°ΠΌ
+const searchInput = document.getElementById('search-input');
+if (searchInput) {
+ searchInput.addEventListener('input', function(e) {
+ const searchTerm = e.target.value.toLowerCase().trim();
+ const categories = document.querySelectorAll('.category');
+
+ if (searchTerm === '') {
+ // ΠΡΠ»ΠΈ ΠΏΠΎΠΈΡΠΊ ΠΏΡΡΡ, ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅ΠΌ Π²ΡΠ΅ ΡΠ°Π±Π»ΠΎΠ½Ρ
+ categories.forEach(category => {
+ category.classList.remove('hidden-by-search');
+ const templates = category.querySelectorAll('.template');
+ templates.forEach(template => {
+ template.classList.remove('hidden-by-search');
+ });
+ });
+ return;
+ }
+
+ // ΠΡΠ΅ΠΌ ΠΏΠΎ Π²ΡΠ΅ΠΌ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡΠΌ
+ categories.forEach(category => {
+ const templates = category.querySelectorAll('.template');
+ let hasVisibleTemplates = false;
+
+ templates.forEach(template => {
+ // ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π°
+ const titleEl = template.querySelector('.template-title, #template-title');
+ const title = titleEl ? titleEl.textContent.toLowerCase() : '';
+
+ // ΠΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ² (RU ΠΈ EN)
+ const ruBtn = template.querySelector('[id$="Ru"], [data-ru-text]');
+ const enBtn = template.querySelector('[id$="En"], [data-en-text]');
+
+ let ruText = '';
+ let enText = '';
+
+ if (ruBtn) {
+ ruText = (ruBtn.dataset.ruText || clipboardTexts[ruBtn.id] || '').toLowerCase();
+ }
+
+ if (enBtn) {
+ enText = (enBtn.dataset.enText || clipboardTexts[enBtn.id] || '').toLowerCase();
+ }
+
+ // ΠΡΠΎΠ²Π΅ΡΡΠ΅ΠΌ ΡΠΎΠ²ΠΏΠ°Π΄Π΅Π½ΠΈΠ΅
+ const matches = title.includes(searchTerm) ||
+ ruText.includes(searchTerm) ||
+ enText.includes(searchTerm);
+
+ if (matches) {
+ template.classList.remove('hidden-by-search');
+ hasVisibleTemplates = true;
+ } else {
+ template.classList.add('hidden-by-search');
+ }
+ });
+
+ // Π‘ΠΊΡΡΠ²Π°Π΅ΠΌ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ, Π΅ΡΠ»ΠΈ Π² Π½Π΅ΠΉ Π½Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΡΡ
ΡΠ°Π±Π»ΠΎΠ½ΠΎΠ²
+ if (hasVisibleTemplates) {
+ category.classList.remove('hidden-by-search');
+ // ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ ΠΏΡΠΈ ΠΏΠΎΠΈΡΠΊΠ΅
+ const content = category.querySelector('.category-content');
+ if (content && !content.classList.contains('show')) {
+ content.classList.add('show');
+ const icon = category.querySelector('.toggle-icon');
+ if (icon) {
+ icon.classList.replace('fa-chevron-down', 'fa-chevron-up');
+ }
+ }
+ } else {
+ category.classList.add('hidden-by-search');
+ }
+ });
+ });
+}
});
\ No newline at end of file