Требуется создать скрипт
Важно соблюдать по требованиям к примеру:
- Самое важное что бы все было в двух файлах:
a. start.html для загрузки необходимых библиотек, загрузки comp.js
b. comp.js кастомный компонент с данными
2. comp.js должен содержать:
a. Модели с репозиториями:
• journal (id, Name, Quantity)
• journal_line (id, Journal_id, Name, Quantity)
b. Загружаемые JSON данные:
journal = [{“id”:1, “Name”:”Journal01”, “Quantity”:124}, {“id”:2, “Name”:”Journal021”, “Quantity”:0,15}{“id”:3, “Name”:”Journal03” , “Quantity”:0}
journal_line = [{“id”:1, “Journal_id “: 1, “Name”:”Journal line 10”, “Quantity”:100}, {“id”:2, “Journal_id “: 1, “Name”:”Journal line 12”, “Quantity”:20}, {“id”:3, “Journal_id “: 1, “Name”:”Journal line 13”, “Quantity”:4}, , {“id”:4, “Journal_id “: 2, “Name”:”Journal line 20”, “Quantity”:0,1}, {“id”:5, “Journal_id “: 2, “Name”:”Journal line 21”, “Quantity”:0,05}
c. Форма(темплейт):
• Так же виде двух списков строк со всеми полями
• Все поля редактируемые
• Первый список соответствует journal, второй journal_line. При Выборе любого поля строки из первого списка, во втором списке отображаются соответствующие строки из journal_line
d. Должна поддерживаться реактивность всех данных.
• изменение данных через Форму
• изменение, добавление, удаление через pinia-orm (из консоли браузера)
e. Наличие в модели journal_line триггеров(хуков) на
• Updating
- И в измененном объекте(до сохранения), изменение поля Quantity (Quantity = Quantity +1)
- Так же вывод в лог консоли старого объекта и нового объекта
• Creating
- должен быть вывод в лог консоли добавляемого объекта
• Глобальный хук delete с выводом в консоль браузера сообщения об удалении и удаленного объекта
- И код должен быть написан без применения декораторов с комментариями, все остальное обсудим в процессе реализации.