Open ivklgn opened 4 years ago
вынесите в отдельные файлы.
html код который вставляете через innerHTML - вынесите в отдельный файл:
this.innerHTML =
`<div class ='content-info-item-btns'> <button class='content-info-item-btn content-info-item-btn-order'>Закзать</button>` +
`<button class='content-info-item-btn content-info-item-btn-cancel'>Отмена</button>` +
`</div> `;
коллекцию drivers вынесите в отдельный файл:
var drivers = [{
driverName: 'Игорь',
driverCar: 'Wolksvagen Polo',
driverCarColor: 'Красный',
driverCarNumberplate: '12ru В228ИД',
driverPhone: '+79872115577'
},
{
driverName: 'Сергей',
driverCar: 'Hyundai Solaris',
driverCarColor: 'Серый',
driverCarNumberplate: '21rus Б109ИС',
driverPhone: '+79348714555'
},
{
driverName: 'Андрей',
driverCar: 'Toyota Camry',
driverCarColor: 'Черный',
driverCarNumberplate: '12rus С447ИД',
driverPhone: '+79371177384'
},
{
driverName: 'Константин',
driverCar: 'Skoda Octavia',
driverCarColor: 'Белая',
driverCarNumberplate: '12rus Б991ЭМ',
driverPhone: '+79841455281'
},
{
driverName: 'Данил',
driverCar: 'Lada Granta',
driverCarColor: 'Серая',
driverCarNumberplate: '12rus П321СТ',
driverPhone: '+79993315690'
}
];
Объявления компонент у customElement должны быть в файлах с компонентами
Типы машин которые есть в системе как и drivers вынесите в отдельный файл
не нужно создавать лишние переменные
просто поместите в if:
this.getAttribute('preview') === 'true'
в данном случае:
лучше просто объявить класс:
class PreviewOrder extends HTMLElement {
...
экспорт модуля лучше делайте в конце класса компонента:
module.exports = PreviewOrder;
В консоли хрома куча ошибок и замечаний
Папка build должна быть заигнорирована в git
Добавьте npm-automation-env