66 lines
2.6 KiB
JavaScript
66 lines
2.6 KiB
JavaScript
|
// Модуль для работы с модальным окном
|
|||
|
|
|
|||
|
|
// импорт компонента Modal из bootstrap
|
|||
|
|
import { Modal } from "bootstrap";
|
|||
|
|
import { cntrls, imagePlaceholder } from "./lines-ui";
|
|||
|
|
|
|||
|
|
// поиск модального окна на странице
|
|||
|
|
const modal = document.getElementById("items-update");
|
|||
|
|
// если он найден, то создается экземпляр компонента Modal
|
|||
|
|
// для программного управления модальным окном
|
|||
|
|
const myModal = modal ? new Modal(modal, {}) : null;
|
|||
|
|
|
|||
|
|
// поиск тега с заголовком модального кона для его смены
|
|||
|
|
const modalTitle = document.getElementById("items-update-title");
|
|||
|
|
|
|||
|
|
// обнуление значений модального окна, т. к.
|
|||
|
|
// используется одно окно для всех операций
|
|||
|
|
function resetValues() {
|
|||
|
|
cntrls.id.value = "";
|
|||
|
|
cntrls.name.value = "";
|
|||
|
|
cntrls.autor.value = "";
|
|||
|
|
cntrls.info.value = "";
|
|||
|
|
cntrls.annotation.value = "";
|
|||
|
|
cntrls.number.value = "";
|
|||
|
|
cntrls.image.value = "";
|
|||
|
|
cntrls.imagePreview.src = imagePlaceholder;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// функция для показа модального окна
|
|||
|
|
// перед показом происходит заполнение формы для редактирования
|
|||
|
|
// если объект item не пуст
|
|||
|
|
export function showUpdateModal(item) {
|
|||
|
|
modalTitle.innerHTML = item === null ? "Добавить" : "Изменить";
|
|||
|
|
console.info(item);
|
|||
|
|
|
|||
|
|
if (item) {
|
|||
|
|
cntrls.id.value = item.id;
|
|||
|
|
cntrls.name.value = item.name,
|
|||
|
|
cntrls.annotation.value = item.annotation;
|
|||
|
|
cntrls.info.value = item.info;
|
|||
|
|
cntrls.autor.value = item.autor;
|
|||
|
|
cntrls.number.value = item.number;
|
|||
|
|
cntrls.image.src = item.cover;
|
|||
|
|
|
|||
|
|
// заполнение превью
|
|||
|
|
// Если пользователь выбрал изображение, то оно загружается
|
|||
|
|
// в тэг image с id image - preview
|
|||
|
|
// иначе устанавливается заглушка, адрес которой указан в imagePlaceholder
|
|||
|
|
cntrls.imagePreview.src = item.image ? item.image : imagePlaceholder;
|
|||
|
|
} else {
|
|||
|
|
resetValues();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
myModal.show();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// функция для скрытия модального окна
|
|||
|
|
export function hideUpdateModal() {
|
|||
|
|
resetValues();
|
|||
|
|
|
|||
|
|
// удаление класса was-validated для скрытия результатов валидации
|
|||
|
|
cntrls.form.classList.remove("was-validated");
|
|||
|
|
|
|||
|
|
myModal.hide();
|
|||
|
|
}
|