[#153] add footer (internationalized) #161

RedGradient · 2023-07-01T14:59:26Z

Демонстрация: https://hexlet-corrector-fork.onrender.com/

ola-9 · 2023-07-03T07:27:57Z

@Malcom1986 посмотри, пжлста

Malcom1986 · 2023-07-03T13:52:56Z

@RedGradient Привет! Здорово, такой подход будет работать, но можно пойти еще дальше. Давай попробуем сделать наследование шаблонов. То есть у нас будет общий костяк страницы - layout, который будет содержать общую для всех страниц разметку и такие фрагменты типа плейсхолдера. А шаблоны конкретных страниц будут дополнять layout (как бы наследоваться от него) и будут содержать только уникальную для них разметку. Когда мы рендерим конкретную страницу, будет браться контент конкретной страницы и вставляться на место плейсхолдера в layout. И получится такая комбинированная разметка. В чем плюс. Если нам нужно будет добавить еще како-то общий элемент - хедер, панель навигации и так далее, нам понадобится изменить только layout. Все остальные страницы останутся неизменными. При нынешнем подходе придется опять вставлять их при помощи th:replace на каждую страницу

Malcom1986 · 2023-07-03T13:53:58Z

Посмотри как у нас вот тут сделано https://github.com/hexlet-components/java-javalin-blog/blob/main/app/src/main/resources/templates/layouts/application.html

Fix widget form

…ing-user [Hexlet#162] Исправлен адрес редиректа

Cors 1

fey · 2023-07-04T19:26:13Z

Добрый день.
А что за пустое пространство между хедером и верхним краем страницы?

fey · 2023-07-04T19:27:15Z

src/main/resources/templates/fragments/header.html

@@ -13,6 +13,18 @@
    <script th:src="@{/webjars/bootstrap/js/bootstrap.bundle.min.js}" type="text/javascript"></script>
    <!-- Language switcher-->
    <script th:src="@{/fragments/lang-switcher.js}" type="text/javascript"></script>
+    <style>
+        body {


Для чего используется этот стиль?
Мы не используем кастомные стили - обходимся тем, что дает нам Bootstrap
Плюс в таком виде добавляется пустое пространство над хедером.

fey

Кастомизацию main, body нужно удалить. Не использовать секцию style внутри страницы-шаблона (мы стили пишем в отдельном файле css и загружаем его в шаблон), но здесь кастомные стили в принципе не нужны.
Используйте классы, которые предоставляют Bootstrap. Там кстати есть готовые примеры с хедерами и футерами.

fey · 2023-07-04T19:30:03Z

Еще обратите внимание, что работа ведется также в #155
Предлагаю вам скооперироваться, чтобы не делать одно и то же).

Добавлены требования к сервису hexlet correction

перефразированы требования, относящиеся к личному пространству пользователя. перефразированы требования из раздела implicit

Требования к проекту

Malcom1986 · 2023-07-17T12:48:42Z

@RedGradient Привет! Есть успехи по этому ПРу?

RedGradient · 2023-07-17T13:21:28Z

@Malcom1986 Привет 👋 Я подумал, что лучше оставлю эту задачу amirhraj-у, поскольку после некоторой паузы он снова подключился к работе.

…дальное окно подтвеждения операции удаления

RedGradient · 2023-07-19T20:29:28Z

Возвращаюсь к работе над ПР. Последний отправленный коммит - промежуточный результат.

RedGradient · 2023-07-20T10:37:16Z

@fey, добрый день! Уточните, пожалуйста, какое поведение футера предпочтительнее:

По-умолчанию футер находится внизу экрана. Если контента много, футер опускается ниже за пределы экрана, следуя за контентом.
Футер прикреплен к низу экрана и виден всегда. В случае, если контента много, он его будет перекрывать.

…/Issue179 Issue179 - Удаление пользователя из воркспейса

fey · 2023-07-20T14:50:49Z

Скорее первый вариант, чем второй, футер не должен перекрывать контент. Если контента мало, то на странице должен быть стиль что-то типа min height, когда футер все равно будет внизу.

Можете посмотреть, как ведет себя футер на хекслете,хекслет-цв, код бейзикс и так далее.

fey · 2023-07-20T14:51:12Z

т.е. футер должен быть частью страницу, а не оставаться в поле видимости при скроллинге

…cards-height [Hexlet#181] fix workspace cards height

# Conflicts: # src/main/resources/messages_en.properties # src/main/resources/templates/workspace/wks-settings.html # src/main/resources/templates/workspace/wks-users.html # src/main/resources/templates/workspaces.html

fey · 2023-07-21T07:46:11Z

прежде чем приступить к ревью, я предлагаю пересобрать ветку, чтобы в истории не было лишнших коммитов. Сейчас там коммиты идут из основной ветки.
Можете создать новую ветку от текущей и в ней потренироваться.

Тут можно почитать, как это можно сделать - https://ru.hexlet.io/qna/git/questions/kak-aktualizirovat-vetku-v-pull-request

fey · 2023-07-21T12:03:43Z

src/main/resources/static/css/styles.css

+.main-content {
+  flex: 1;
+  padding-top: 2rem;
+}


посмотрите стили, которые используютсяв самом бутстрапе + можно поспрашивать в сообществе Хекслета, как можно эту задачу решить.

Мы стараемся не использовать кастомные стили. Если они все таки нужны, то используем префикс x-. Но все таки лучше не использовать кастом.
Плюс

Подскажите, пожалуйста, куда конкретно можно обратиться по этому вопросу?

fey · 2023-07-21T20:24:46Z

волонтеры или фронтенд https://t.me/hexletcommunity/12
https://t.me/hexletcommunity/19

RedGradient · 2023-07-25T18:21:39Z

Взял паузу в работе.

add footer

21cba49

RedGradient marked this pull request as ready for review July 1, 2023 15:02

fix 'Not Found' error when adding user to wks

af37166

fey and others added 14 commits July 3, 2023 19:38

add tool versions for asdf

c1d9992

fix widget script

f479d43

Merge pull request Hexlet#164 from fey/fix-widget-form

087ca3d

Fix widget form

Merge pull request Hexlet#163 from RedGradient/fix-redirect-after-add…

a5132e3

…ing-user [Hexlet#162] Исправлен адрес редиректа

add dockerfile

f48ef44

fix

e583e35

fix dockerfile

b152990

add cors configuration

a9d323e

fix typo path in script

ab8374a

Merge pull request Hexlet#169 from Hexlet/cors-1

b59b9ad

Cors 1

add Thymeleaf Layout dialect dependency

9f65100

rename: header.html -> head.html

3a29ccf

make templating with layouts

c15f424

rename: head.html -> header.html

37ffe12

fey reviewed Jul 4, 2023

View reviewed changes

fey requested changes Jul 4, 2023

View reviewed changes

Salivya and others added 4 commits July 6, 2023 10:38

Create requirements.yml

793e90b

Добавлены требования к сервису hexlet correction

Update requirements.yml

4205518

Merge pull request Hexlet#171 from Salivya/Salivya-patch-1

c861461

Требования к проекту

Malcom1986 mentioned this pull request Jul 11, 2023

[#153] add footer login page #155

Draft

Update widget code

c5c91a4

AlekseyNechunaev and others added 3 commits July 19, 2023 13:51

Issue179 - Правки по ревью, переместил кнопку удаления в таблицу

1cb4813

Issue179 - Правки по ревью, изменил стиль кнопки удаления, добавил мо…

e494cea

…дальное окно подтвеждения операции удаления

move out styles from html to separate css file

a76e651

[Hexlet#181] fix workspace cards height

d8960f3

Merge pull request Hexlet#183 from AlekseyNechunaev/feature/nechunaev…

c0a4737

…/Issue179 Issue179 - Удаление пользователя из воркспейса

redgradient and others added 12 commits July 20, 2023 21:20

use bootstrap classes instead of custom css properties

c71929b

Merge pull request Hexlet#186 from asenka0301/frontend/fix-workspace-…

585f48f

…cards-height [Hexlet#181] fix workspace cards height

make templating with layouts

b5e0b63

add footer

11fc6d7

add Thymeleaf Layout dialect dependency

3f07e5b

rename: header.html -> head.html

09c8c0d

make templating with layouts

0c5ef95

rename: head.html -> header.html

45ac594

move out styles from html to separate css file

57951cf

use bootstrap classes instead of custom css properties

70ceb12

make templating with layouts

668d6d7

Merge remote-tracking branch 'origin/add-footer' into add-footer

e930cdb

# Conflicts: # src/main/resources/messages_en.properties # src/main/resources/templates/workspace/wks-settings.html # src/main/resources/templates/workspace/wks-users.html # src/main/resources/templates/workspaces.html

RedGradient requested a review from fey July 20, 2023 19:38

fey requested changes Jul 21, 2023

View reviewed changes

fey marked this pull request as draft July 27, 2023 04:38

fey mentioned this pull request Mar 11, 2024

Add footer to website template #153

Open

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[#153] add footer (internationalized) #161

[#153] add footer (internationalized) #161

RedGradient commented Jul 1, 2023

ola-9 commented Jul 3, 2023

Malcom1986 commented Jul 3, 2023

Malcom1986 commented Jul 3, 2023

fey commented Jul 4, 2023

fey Jul 4, 2023

fey left a comment

fey commented Jul 4, 2023

Malcom1986 commented Jul 17, 2023

RedGradient commented Jul 17, 2023

RedGradient commented Jul 19, 2023

RedGradient commented Jul 20, 2023

fey commented Jul 20, 2023

fey commented Jul 20, 2023

fey commented Jul 21, 2023

fey Jul 21, 2023

RedGradient Jul 21, 2023

fey commented Jul 21, 2023

RedGradient commented Jul 25, 2023 •

edited

Loading

[#153] add footer (internationalized) #161

Are you sure you want to change the base?

[#153] add footer (internationalized) #161

Conversation

RedGradient commented Jul 1, 2023

ola-9 commented Jul 3, 2023

Malcom1986 commented Jul 3, 2023

Malcom1986 commented Jul 3, 2023

fey commented Jul 4, 2023

fey Jul 4, 2023

Choose a reason for hiding this comment

fey left a comment

Choose a reason for hiding this comment

fey commented Jul 4, 2023

Malcom1986 commented Jul 17, 2023

RedGradient commented Jul 17, 2023

RedGradient commented Jul 19, 2023

RedGradient commented Jul 20, 2023

fey commented Jul 20, 2023

fey commented Jul 20, 2023

fey commented Jul 21, 2023

fey Jul 21, 2023

Choose a reason for hiding this comment

RedGradient Jul 21, 2023

Choose a reason for hiding this comment

fey commented Jul 21, 2023

RedGradient commented Jul 25, 2023 • edited Loading

RedGradient commented Jul 25, 2023 •

edited

Loading