From 99e0abf45a651806b27748f769bd51d772e4aca7 Mon Sep 17 00:00:00 2001 From: Dmitriy Gorshenin Date: Fri, 6 Dec 2024 03:09:42 +0300 Subject: [PATCH] remove adding template --- lzipus/src/browser_action/popup.html | 1 - lzipus/src/browser_action/popup.js | 136 --------------------------- 2 files changed, 137 deletions(-) diff --git a/lzipus/src/browser_action/popup.html b/lzipus/src/browser_action/popup.html index b593ba2..02a3e63 100644 --- a/lzipus/src/browser_action/popup.html +++ b/lzipus/src/browser_action/popup.html @@ -17,7 +17,6 @@

Твои шаблоны

-
diff --git a/lzipus/src/browser_action/popup.js b/lzipus/src/browser_action/popup.js index 6e734d1..7c28b06 100644 --- a/lzipus/src/browser_action/popup.js +++ b/lzipus/src/browser_action/popup.js @@ -182,142 +182,6 @@ function copyToClipboard(text) { }); }; -const templatesEl = document.querySelector('.templates'); -const addBtn = document.querySelector('.template-add'); -const editExisted = document.querySelector('template-edit-existed'); - -function createTemplate(title, RUText, ENText) { - const templateId = Date.now(); - const templateEl = document.createElement('span'); - templateEl.setAttribute('data-template-id', templateId); - templateEl.classList.add('template'); - templateEl.innerHTML = ` - ${title} -
-
- - - -
- - RU - ENG - - - - -
` - - const editBtn = templateEl.querySelector('.template-edit'); - const deleteBtn = templateEl.querySelector('.template-delete'); - const titleEl = templateEl.querySelector('#template-title'); - const textRUEl = templateEl.querySelector('#template-ru-text'); - const textENEl = templateEl.querySelector('#template-en-text'); - const titleInputEl = templateEl.querySelector('#template-title-input'); - const textRUInputEl = templateEl.querySelector('#template-textareaRU'); - const textENInputEl = templateEl.querySelector('#template-textareaEN'); - - editBtn.addEventListener('click', (e) => { - titleEl.classList.toggle('hidden'); - textRUEl.classList.toggle('hidden'); - textENEl.classList.toggle('hidden'); - - titleInputEl.classList.toggle('hidden'); - textRUInputEl.classList.toggle('hidden'); - textENInputEl.classList.toggle('hidden'); - }); - - deleteBtn.addEventListener('click', (e) => { - const templates = JSON.parse(localStorage.getItem('templates')) || []; - const templateIndex = templates.findIndex(template => template.title === titleEl.innerText); - if (templateIndex !== -1) { - templates.splice(templateIndex, 1); - localStorage.setItem('templates', JSON.stringify(templates)); - } - templateEl.remove(); - }); - - titleInputEl.addEventListener('change', (e) => { - titleEl.innerText = e.target.value; - navigator.clipboard.writeText(titleEl); - updateTemplateInLocalStorage(title, 'title', e.target.value); - }); - - textRUInputEl.addEventListener('change', (e) => { - textRUEl.dataset.ruText = e.target.value; - navigator.clipboard.writeText(textRUEl); - updateTemplateInLocalStorage(title, 'RUText', e.target.value); - }); - - textENInputEl.addEventListener('change', (e) => { - textENEl.dataset.enText = e.target.value; - navigator.clipboard.writeText(textRUEl); - updateTemplateInLocalStorage(title, 'ENText', e.target.value); - }); - - textRUEl.addEventListener('click', (e) => { - navigator.clipboard.writeText(e.target.dataset.ruText) - .then(() => { - console.log('Текст RU скопирован в буфер обмена'); - }) - .catch(err => { - console.error('Не удалось скопировать текст RU: ', err); - }); - }); - - textENEl.addEventListener('click', (e) => { - navigator.clipboard.writeText(e.target.dataset.enText) - .then(() => { - console.log('Текст EN скопирован в буфер обмена'); - }) - .catch(err => { - console.error('Не удалось скопировать текст EN: ', err); - }); - }); - - return templateEl; -}; - -function saveTemplateToLocalStorage(title, RUText, ENText) { - const template = { - title: title, - RUText: RUText, - ENText: ENText - }; - const templates = JSON.parse(localStorage.getItem('templates')) || []; - templates.push(template); - localStorage.setItem('templates', JSON.stringify(templates)); -}; - -function updateTemplateInLocalStorage(title, key, value) { - const templates = JSON.parse(localStorage.getItem('templates')) || []; - const templateIndex = templates.findIndex(template => template.title === title); - - if (templateIndex !== -1) { - templates[templateIndex][key] = value; - localStorage.setItem('templates', JSON.stringify(templates)); - }; -}; - -addBtn.addEventListener('click', (e) => { - const title = "Title"; - const RUText = "RUText"; - const ENText = "ENText"; - - const el = createTemplate(title, RUText, ENText); - templatesEl.appendChild(el); - saveTemplateToLocalStorage(title, RUText, ENText); -}); - -window.onload = function () { - const templates = JSON.parse(localStorage.getItem('templates')) || []; - templates.forEach(template => { - const el = createTemplate(template.title, template.RUText, template.ENText); - templatesEl.appendChild(el); - }); -}; - - const themeToggle = document.getElementById('theme-toggle'); const themeIcon = document.getElementById('theme-icon');