diff --git a/Form.html b/Form.html index 6156844..720a02f 100644 --- a/Form.html +++ b/Form.html @@ -3,35 +3,12 @@ Form -
-
-

Выберите тип недели

-

5ти дневная неделя

-

6ти дневная неделя

-
+ +
-
-

Введите максимальное кол-во занятий

-
-
-
-

Выберите язык для создания таблицы

-

Rus

-

Eng

-
- - - -
-
-
-
-
-
- \ No newline at end of file diff --git a/createTable.js b/createTable.js deleted file mode 100644 index 3cbb297..0000000 --- a/createTable.js +++ /dev/null @@ -1,40 +0,0 @@ -export function createTable(radioLanguageChecked, radioWeekChecked, inputMaxLessons, tableValue) { - const languageWords = { - rus: ['Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'], - eng: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'] - }; - - const buttonSubmit = document.getElementById('form_create'); // Инициализируем кнопку для создания таблицы - const buttonDel = document.getElementById('form_delete'); // Инициализируем кнопку для удаления таблицы - const buttonSave = document.getElementById('form_save'); // Инициализируем кнопку для сохранения таблицы - const tableDiv = document.querySelector('.table'); // Инициализруем div в котором будем отрисовывать таблицу - const errorText = document.querySelector('.errorText'); - - if (radioLanguageChecked == '' || radioWeekChecked == '' || inputMaxLessons == '' || inputMaxLessons == 0) { - errorText.textContent = "Пожалуйста выберите все настройки"; - - } else { - errorText.textContent = ""; - const table = document.createElement('table'); - table.className = "createdTable"; - for (let i = 0; i < parseInt(radioWeekChecked); i++) { - const td = document.createElement('td'); - td.textContent = languageWords[radioLanguageChecked][i]; - for (let j = 0; j < parseInt(inputMaxLessons); j++) { - const tr = document.createElement('tr'); - const input = document.createElement('input'); - - if (tableValue.length > 0 && tableValue[i][j] != undefined) { - input.value = tableValue[i][j]; - } - tr.appendChild(input); - td.appendChild(tr); - } - table.appendChild(td); - } - tableDiv.appendChild(table); - buttonDel.style.display = "block"; - buttonSubmit.style.display = "none"; - buttonSave.style.display = "block"; - } -} \ No newline at end of file diff --git a/editLocalStorage.js b/editLocalStorage.js deleted file mode 100644 index 082617d..0000000 --- a/editLocalStorage.js +++ /dev/null @@ -1,27 +0,0 @@ -export function editLocalStorage(radioLanguageChecked, radioWeekChecked, inputMaxLessons) { - if (JSON.parse(localStorage.getItem('tableValue')) == []) { - localStorage.setItem('table', '[]'); - } - - const table = document.querySelector('table'); - const tdTable = table.querySelectorAll('td'); - - let localStorageFormRadio = { - radioLanguageChecked: radioLanguageChecked.value, - radioWeekChecked: radioWeekChecked.value, - inputMaxLessons: inputMaxLessons.value - }; - - localStorage.setItem('tableFormRadio', JSON.stringify(localStorageFormRadio)); - let arrLocalStorageTableValue = []; - tdTable.forEach(trItem => { - const trTable = trItem.querySelectorAll('tr'); - let tempArr = []; - - trTable.forEach((trItem, index) => { - tempArr[index] = trItem.querySelector("input").value; - }); - arrLocalStorageTableValue.push(tempArr); - }); - localStorage.setItem('tableValue', JSON.stringify(arrLocalStorageTableValue)); -} diff --git a/form.js b/form.js deleted file mode 100644 index b60f7df..0000000 --- a/form.js +++ /dev/null @@ -1,71 +0,0 @@ -import {createTable} from "./createTable.js"; -import {editLocalStorage} from "./editLocalStorage.js"; - -function form() { - const radioWeek = document.querySelector('.form_week').querySelectorAll('input'); // Инициализируем radiobutton для создания недели - const radioLanguage = document.querySelector('.form_language').querySelectorAll('input') // Инициализируем radiobutton для определения языка - const inputMaxLessons = document.querySelector('.form_maxLessons').querySelector('input') // Инициализируем input с макс. кол-вом занятий - const buttonSubmit = document.getElementById('form_create'); // Инициализируем кнопку для создания таблицы - const buttonDel = document.getElementById('form_delete'); // Инициализируем кнопку для удаления таблицы - const buttonSave = document.getElementById('form_save'); // Инициализируем кнопку для сохранения таблицы - const tableDiv = document.querySelector('.table'); // Инициализруем div в котором будем отрисовывать таблицу - let radioWeekChecked = ''; - let radioLanguageChecked = ''; - if(localStorage.getItem('tableValue') != null && localStorage.getItem('tableValue')!='[]'){ - console.log(1); - const formRadioValue = JSON.parse(localStorage.getItem('tableFormRadio')); - radioWeek.forEach(item=>{ - if(item.value == formRadioValue['radioWeekChecked']){ - item.checked = true; - } - }) - radioLanguage.forEach(item=>{ - if(item.value == formRadioValue['radioLanguageChecked']){ - item.checked = true; - } - }) - inputMaxLessons.value = formRadioValue['inputMaxLessons']; - createTable(formRadioValue['radioLanguageChecked'], formRadioValue['radioWeekChecked'], formRadioValue['inputMaxLessons'], JSON.parse(localStorage.getItem('tableValue'))); - } - else{ - buttonSubmit.addEventListener('click', () => { - - radioWeek.forEach(item=>{ - if(item.checked){ - radioWeekChecked = item; - } - }) - radioLanguage.forEach(item=>{ - if(item.checked){ - radioLanguageChecked = item; - } - }) - createTable(radioLanguageChecked.value, radioWeekChecked.value, inputMaxLessons.value, []); - })} - buttonDel.addEventListener('click',()=>{ - tableDiv.innerHTML = ''; - buttonDel.style.display = "none"; - buttonSave.style.display = "none"; - buttonSubmit.style.display = "block"; - localStorage.setItem('tableValue','[]'); - localStorage.setItem('tableFormRadio','[]'); - radioWeek.forEach(item=>{ - if(item.checked){ - item.checked = false; - } - }) - radioLanguage.forEach(item=>{ - if(item.checked){ - item.checked = false; - } - }) - inputMaxLessons.value = ''; - }) - - buttonSave.addEventListener('click',()=>{ - editLocalStorage(radioLanguageChecked, radioWeekChecked, inputMaxLessons); - }) - - -} -form(); \ No newline at end of file diff --git a/galleria-css.css b/galleria-css.css index 33f6766..fccf027 100644 --- a/galleria-css.css +++ b/galleria-css.css @@ -264,15 +264,4 @@ a{ width: 100%; margin-top: 40px; margin-bottom: 40px; -} -.createdTable{ - display: flex; - align-items: center; - justify-content: center; -} -#form_delete{ - display: none; -} -#form_save{ - display: none; } \ No newline at end of file