n0sfer666 / Toxin-hotel

0 stars 0 forks source link

Структура страниц #38

Closed Everrest1 closed 4 years ago

Everrest1 commented 4 years ago

Pug позволяет использовать отдельную страницу template, например, для шапки, хэдера и футера, а затем вызывать этот темплейт на разных страницах, размещая на них только блок с контентом

Everrest1 commented 4 years ago

Это должен делать сборщик автоматически, нет?

image

Everrest1 commented 4 years ago

Это должно быть папке с блоком

image

n0sfer666 commented 4 years ago

Это должен делать сборщик автоматически, нет?

image

Переместил script(src="main.min.js") в компонент head (изначально, так и было, но в прошлых ишью переделывал не помню уже зачем) (d0e85d5) Переделал на автоматическую инъекцию (c68f731)

n0sfer666 commented 4 years ago

Это должно быть папке с блоком

image

Перенёс в date-dropdown-init.js (7391676)

n0sfer666 commented 4 years ago

Pug позволяет использовать отдельную страницу template, например, для шапки, хэдера и футера, а затем вызывать этот темплейт на разных страницах, размещая на них только блок с контентом

Создал template (components/template/template.pug) (e589d19). Отрефакторил страницы (66d978b).

Everrest1 commented 4 years ago

Тег body мы не трогаем image

Здесь теги header и footer кажутся лишними image

Everrest1 commented 4 years ago

template.pug стоит перенести к остальным страницам

Everrest1 commented 4 years ago

Думаю, лучше будет сразу передавать литерал объекта в миксин. В читаемости не сильно большая разница, но хотя бы не нужно объявлять лишних переменных

image

Everrest1 commented 4 years ago

Старый код)

image

Everrest1 commented 4 years ago

Тут тоже не понятно зачем такая структура

image

n0sfer666 commented 4 years ago

Всё исправил. Сделал 2 отдельных шаблона template-ui-kit и template-page (удобнее получается)

Everrest1 commented 4 years ago

Может лучше делать импорт, там где эта компонента непосредственно используется?

image

Everrest1 commented 4 years ago

Просто класс из неоткуда

image

Everrest1 commented 4 years ago

Это теперь лишний блок?

image

n0sfer666 commented 4 years ago

Может лучше делать импорт, там где эта компонента непосредственно используется?

image

Сделал (711d6e8, c1bc51f). Так лучше (быстрее компиляция)

Просто класс из неоткуда

image

Удалил (14cb0dc)

Это теперь лишний блок?

image

Удалил (070311e)

Everrest1 commented 4 years ago

Откуда здесь взялся .inline-datepicker.js-inline-datepicker? Модификатор - это имя прилагательное в английском языке. По стандартам п.1 https://github.com/fullstack-development/front-end-best-practices/blob/master/CSS/bem.md

image

Everrest1 commented 4 years ago

Имя класса и файла не совпадают

image image

Everrest1 commented 4 years ago

Почему бы не дать тегу a этот класс?

image

n0sfer666 commented 4 years ago

Почему бы не дать тегу a этот класс?

image

Отрефакторил сначала неправильно (d24a834), потом правильно, надеюсь (83ace31)

Имя класса и файла не совпадают

image image

Переименовал (8cd284c)

n0sfer666 commented 4 years ago

Откуда здесь взялся .inline-datepicker.js-inline-datepicker? Модификатор - это имя прилагательное в английском языке. По стандартам п.1 https://github.com/fullstack-development/front-end-best-practices/blob/master/CSS/bem.md

image

Сделал .date-dropdown_inline (2eccb28). Кстати, не знаешь как туда кнопки засунуть? (onShow не работает с inline: true)

Everrest1 commented 4 years ago

Не совпадают имена

image image

Everrest1 commented 4 years ago

Модификатор _320-px не соответствует именованию БЭМ Модификатор date-dropdown_inline используется вне своего блока

image

n0sfer666 commented 4 years ago

Не совпадают имена

image image

Переименовал файлы (2bb1191)

n0sfer666 commented 4 years ago

Модификатор _320-px не соответствует именованию БЭМ Модификатор date-dropdown_inline используется вне своего блока

image

Поправил (a9ed6d8, 246892c)

Everrest1 commented 4 years ago

js-pagination вне своего блока или без миксина

image

n0sfer666 commented 4 years ago

js-pagination вне своего блока или без миксина

image

Создал миксин и отрефакторил страницы (5bd4b7d) UPD. Немного переделал (fd1d7e7)