[#153] add footer login page #155

amirhraj · 2023-05-24T14:04:17Z

No description provided.

Malcom1986 · 2023-05-25T13:46:20Z

@amirhraj Привет! Футер - это такой блок, который должен быть на каждой странице сайта, а не только на странице регистрации. При подходе "в лоб" разметку футера придется копировать на каждую страницу сайта и не забывать добавлять ее при появлении новых. А если захотим что-то изменить в футере, опять же придется править каждую страницу. Чтобы этого избежать, всю общую для всех страниц разметку выносят в отдельный шаблон - layout. А сами страницы содержат только уникальную для каждой страницы разметку. Затем эти уникальные фрагменты "вставляются" в общий шаблон. Посмотри пожалуйста, как это сделано в нашем демо приложении. Это общий шаблон, в котором есть плейсхолдеры. На их место будут вставляться конкретные фрагменты разметки. А вот сама страница. При рендере этой страницы в шаблонизаторе этот фрагмент будет подставлен на место плейсхолдера в шаблоне и получится такая вот комбинированная разметка. Таким образом получается, что вся общая разметка находится в одном месте, ее не приходится дублировать и без труда можно поправить. Попробуй сделать по аналогии здесь

Malcom1986 · 2023-05-25T13:47:41Z

И здорово будет потом задеплоить полученный результат куда-нибудь, например на railway или render. Чтобы можно было потыкать, посмотреть, как работает приложение

amirhraj · 2023-05-25T15:18:20Z

Принято буду исправлять

amirhraj · 2023-06-01T13:58:08Z

Задеплоить не получилось выдало такие ошибки Dockerfile:19
-------------------
17 | # build phase
18 | COPY . /app/.
19 | >>> RUN --mount=type=cache,id=s/b2df31d2-734d-4c0e-8490-2044fbfee1b2-m2/repository,target=/app/.m2/repository chmod +x ./mvnw && ./mvnw -DoutputFile=target/mvn-dependency-list.log -B -DskipTests clean dependency:list install
20 |
21 |
-------------------
ERROR: failed to solve: process "/bin/bash -ol pipefail -c chmod +x ./mvnw && ./mvnw -DoutputFile=target/mvn-dependency-list.log -B -DskipTests clean dependency:list install" did not complete successfully: exit code: 1

Error: Docker build failed
Я докер файл не трогал почему вышли ошибки не могу сказать

fey · 2023-06-01T19:17:33Z

src/main/resources/templates/account/signup.html

@@ -84,6 +84,6 @@
        </div>
    </div>
 </main>
-


Футер должен быть не только на странице входа, но вообще любой, где пользователь сидит. К примеру такая логика на Хекслете, код бейзиксе (на хекслете футера нет только в практиках)

Я почти везде добавил, чтобы посмотреть как это все выглядет и потыкать мы можем связаться в телеграм или еще где, я его у себя соберу и дам IP что бы смогли зайти посмотреть.

fey · 2023-06-08T09:15:43Z

@amirhraj локально выглядит криво.
Потерялся фон и футер наезжает на контент.

fey · 2023-06-08T09:16:23Z

src/main/resources/templates/account/acc-info.html

@@ -54,5 +54,6 @@ <h5 class="card-title mb-1">Workspaces</h5>
        </tbody>
    </table>
 </main>
+<footer th:replace="~{fragments/footer :: foot}"></footer>


Посмотрите, есть ли в шаблонизаторе механизм наследования шаблонов, чтобы не дублировать футер во все страницы подряд.

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

fey · 2023-06-08T09:17:18Z

src/main/resources/templates/widget/report-typo-success.html

@@ -5,5 +5,6 @@
 <div class="alert alert-success">
    <span>Сообщение об ошибке успешно отправлено. Спасибо!</span>
 </div>
+<footer th:replace="~{fragments/footer :: foot}"></footer>


В данном файле футер не нужен. Это кусочек виджета

fey · 2023-06-08T09:17:26Z

src/main/resources/templates/widget/typo-form.html

@@ -45,5 +45,6 @@
        }
    };
 </script>
+<footer th:replace="~{fragments/footer :: foot}"></footer>


В данном файле футер не нужен. Это кусочек виджета

fey

Как минимум нужно поправить отображение футера. Если возможно - использовать наследование шаблонов.

Malcom1986 · 2023-06-15T07:50:31Z

@amirhraj Привет! Идем в верном направлении, переиспользуем футер и уже не дублируем код футера. Это хорошо. Давай пойдем еще дальше и сделаем именно наследование шаблонов. Представь такую ситуацию, мы захотим добавить на страницы помимо футера еще общие элементы. Например, флеш-сообщения, панель навигации и тд. При нынешнем подходе придется делать отдельные файлы для навигации, для флеш сообщений. А затем вставлять их на каждую страницу, где они должны быть при помощи th:replace. А страниц ведь могут быть сотни. Легко запутаться и что-нибудь забыть. При наследовании этого получится избежать. То есть у нас будет одна страница - костяк, например layout.html. Она будет содержать все общие элементы - футер и тд. А также точки, которые мы позже заменим соответствующими фрагментами из конкретных страниц. А конкретные станицы будут содержать только уникальные фрагменты - контент. Почитай про layot:decorate в доке тимлифа https://ultraq.github.io/thymeleaf-layout-dialect/processors/decorate/

Теперь, когда мы будем рендерить конкретную страницу, он возьмет костяк - шаблон layout с общими вещами и "навтыкает" туда фрагментов конкретной страницы в те места, которые мы указали в шаблоне. И получится итоговая станица - такое сочетание базовой и конкретной.

При таком подходе становится гораздо проще добавлять новые общие элементы - достаточно будет поменять один раз layout, а все остальные страницы, использующие этот layout, останутся неизменными

Malcom1986 · 2023-06-20T09:06:23Z

@amirhraj Привет! Нужна еще какая-то помощь с ПРом?

amirhraj · 2023-06-20T09:26:06Z

Привет послезавтра примусь за реализацию, не подскажешь мне все фрагменты нужно будет так реализовать?

Malcom1986 · 2023-06-22T08:42:12Z

Ну да. Нужно будет сделать один layout - костяк страницы со всеми общими элементами, а затем на отдельных страницах сделать фрагменты, которые в этот layout будут подставляться

Malcom1986 · 2023-06-30T12:24:23Z

@amirhraj Привет! Вот наш layout - костяк страницы:

<!DOCTYPE html>
<html lang="en"   xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">
    <head>
        <meta charset="utf-8">
        <meta content="width=device-width, initial-scale=1" name="viewport">

        <title>Hexlet Typo Reporter</title>

        <link rel="stylesheet" th:href="@{/webjars/bootstrap/css/bootstrap.min.css}" type="text/css" />
        <script th:src="@{/webjars/bootstrap/js/bootstrap.bundle.min.js}" type="text/javascript"></script>
    </head>
    <body>
        <main class="container">
            <section layout:fragment="content"></section>
        </main>

        <footer class="bg-dark text-light fixed-bottom">
            <div class="container-xl">
                <div class="row justify-content-lg-around">
                    <div class="col-sm-6 col-md-3 col-lg-auto">
                        <a class="text-dark px-0 py-0 text-decoration-none " href="https://ru.hexlet.io">
                            <p class="h3 mb-2 text-light">© Hexlet</p>
                        </a>
                        <ul class="nav flex-column">
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://sicp.hexlet.io/ru/pages/about">
                                    О проекте
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-correction"
                                target="_blank">
                                    Исходный код
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://t.me/hexletcommunity/12"
                                target="_blank">
                                    Telegram Hexlet канал Волонтеры
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-auto">
                        <p class="h5 mb-3">Помощь</p>
                        <ul class="nav flex-column">
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://ru.hexlet.io/blog">
                                    Блог
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://ru.hexlet.io/knowledge">
                                    База знаний
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light"
                                href="https://ru.hexlet.io/pages/recommended-books">
                                    Рекомендуемые книги
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-auto">
                        <p class="h5 mb-3">Другие open-source проекты</p>
                        <ul class="nav flex-column">
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-cv">
                                    Хекслет-резюме
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-editor">
                                    Хекслет-редактор
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-friends">
                                    Друзья Хекслета
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="col-sm-6 col-md-3 col-lg-auto">
                        <p class="h5 mb-3">Дополнительно</p>
                        <ul class="nav flex-column">
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://ru.code-basics.com/">
                                    Code Basics
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://codebattle.hexlet.io/">
                                    Кодбаттл
                                </a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link px-0 py-1 text-light" href="https://guides.hexlet.io/">
                                    Гайды Хекслета
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </footer>
    </body>
</html>

Тут у нас все общие для всех страниц элементы, в данном случае футер. Обрати внимание на кусок кода

<section layout:fragment="content"></section>

Это то место, куда будет вставлен контент конкретной страницы

Malcom1986 · 2023-06-30T12:28:28Z

Дальше сама страница регистрации

<!DOCTYPE html>
<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{fragments/layout.html}">

<section layout:fragment="content">
    <div th:replace="~{fragments/header :: head}"></div>
    <div style="padding-top: 4.5rem">
        <div th:replace="~{fragments/panels :: mainNavbarTop}"></div>
        <div class="row">
            <div class="col">
                <div class="alert alert-danger" role="alert" th:if="${param.error}">
                    Bad credential
                </div>
                <div class="alert alert-warning" role="alert" th:if="${param.logout}">
                    You have been logged out.
                </div>
                <form method="post" th:action="@{/login}">
                    <div class="form-floating mb-3">
                        <input autofocus class="form-control" id="inputUsername"
                            name="username" placeholder="Username" required type="text">
                        <label for="inputUsername">Username</label>
                    </div>
                    <div class="form-floating mb-3">
                        <input class="form-control" id="inputPassword" name="password"
                            placeholder="Password" required type="password">
                        <label for="inputPassword">Password</label>
                    </div>
                    <button class="btn btn-primary" type="submit">Login</button>
                </form>
            </div>
        </div>
    </div>
</section>

</html>

Тут мы указываем, от какого шаблона наследуемся:

<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
    layout:decorate="~{fragments/layout.html}">

И указываем фрагмент, который будет вставлен в layout:

<section layout:fragment="content">
    ...
</section>

Malcom1986 · 2023-06-30T12:30:05Z

Такие же фрагменты делаем в остальных страницах

amirhraj · 2023-07-04T11:02:24Z

<html lang="en" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"  xmlns:th="http://www.thymeleaf.org">
    
<head th:replace="~{fragments/header :: head}"></head>
<body style="padding-top: 4.5rem">
<nav th:replace="~{fragments/panels :: mainNavbarTop}"></nav>
<main class="container">
<div class="row">
    <div class="col">
        <div class="alert alert-danger" role="alert" th:if="${param.error}">
            Bad credential
        </div>
        <div class="alert alert-warning" role="alert" th:if="${param.logout}">
            You have been logged out.
        </div>
        <form method="post" th:action="@{/login}">
            <div class="form-floating mb-3">
                <input autofocus class="form-control" id="inputUsername"
                       name="username" placeholder="Username" required type="text">
                <label for="inputUsername">Username</label>
            </div>
            <div class="form-floating mb-3">
                <input class="form-control" id="inputPassword" name="password"
                       placeholder="Password" required type="password">
                <label for="inputPassword">Password</label>
            </div>
            <button class="btn btn-primary" type="submit">Login</button>
        </form>
    </div>
</div>
</main>
<section layout:fragment="foot"></section>
</body>
</html>
вот логин сюда хочу перенести свой footer

amirhraj · 2023-07-04T11:06:01Z

<html lang="en" 
xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" 
 layout:decorate="~{login.html}">
    <section layout:fragment="foot" class="bg-dark text-light fixed-bottom">
        <div class="container-xl">
            <div class="row justify-content-lg-around">
                <div class="col-sm-6 col-md-3 col-lg-auto">
                    <a class="text-dark px-0 py-0 text-decoration-none " href="https://ru.hexlet.io">
                        <p class="h3 mb-2 text-light">© Hexlet</p>
                    </a>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://sicp.hexlet.io/ru/pages/about">
                                О проекте
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-correction"
                               target="_blank">
                                Исходный код
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://t.me/hexletcommunity/12"
                               target="_blank">
                                Telegram Hexlet канал Волонтеры
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-6 col-md-3 col-lg-auto">
                    <p class="h5 mb-3">Помощь</p>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://ru.hexlet.io/blog">
                                Блог
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://ru.hexlet.io/knowledge">
                                База знаний
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light"
                               href="https://ru.hexlet.io/pages/recommended-books">
                                Рекомендуемые книги
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-6 col-md-3 col-lg-auto">
                    <p class="h5 mb-3">Другие open-source проекты</p>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-cv">
                                Хекслет-резюме
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-editor">
                                Хекслет-редактор
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://github.com/Hexlet/hexlet-friends">
                                Друзья Хекслета
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="col-sm-6 col-md-3 col-lg-auto">
                    <p class="h5 mb-3">Дополнительно</p>
                    <ul class="nav flex-column">
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://ru.code-basics.com/">
                                Code Basics
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://codebattle.hexlet.io/">
                                Кодбаттл
                            </a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link px-0 py-1 text-light" href="https://guides.hexlet.io/">
                                Гайды Хекслета
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

</html>
Вот мой footer все тоже самое делаю как и в рекомендациях у меня не подтягивается эта библиотека имен

amirhraj · 2023-07-04T11:10:04Z

Pom.xml добавил эту библиотеку

<dependency>
            <groupId>nz.net.ultraq.thymeleaf</groupId>
            <artifactId>thymeleaf-layout-dialect</artifactId>
     </dependency>

amirhraj · 2023-07-04T11:11:52Z

Добавляю и понижая версию этой библиотеки так же не дает результата, я не знаю куда смотреть где посмотреть логи и ошибки связанные с этой библиотекой и почему не отображается фотер

Malcom1986 · 2023-07-04T14:41:06Z

А бин LayoutDialect не забыл подключить?

@Bean
    public LayoutDialect layoutDialect() {
        return new LayoutDialect();
    }

amirhraj · 2023-07-05T06:20:31Z

Да он у меня подключен, хотел спросить ты вроде его у себя запускал и у тебя footer отобразился, не подскажешь какие у тебя там конфигурация была ? Версия этой Таймлиф библиотеки плюс Бин?

amirhraj · 2023-07-05T06:21:24Z

Ещё импорт в файл Таймлиф конфигурации

amirhraj · 2023-07-05T06:21:54Z

Я как будто гадаю и собираю комбинации чтобы у меня заработала

amirhraj · 2023-07-05T06:59:21Z

Нашел такую запись Бин @bean
public SpringTemplateEngine templateEngine() {
SpringTemplateEngine templateEngine = new SpringTemplateEngine();
templateEngine.addDialect(new LayoutDialect());
return templateEngine;
}в чем отличие не особо понимаю

Malcom1986 · 2023-07-11T10:43:57Z

@amirhraj Привет! Есть успехи? Посмотри плиз, аналогичная работа ведется в соседнем ПРе #161. Можно скоординироваться и поделить задачи, чтоб над одними вещами не работать

amirhraj · 2023-07-15T02:21:07Z

Привет, не получилось

amirhraj · 2023-07-15T15:36:07Z

что то я у себя не увидел зеленой кнопки по добавлении ПР

Malcom1986 · 2023-07-17T12:41:49Z

Привет! Изменения автоматом попадают в открытый ПР, когда ты пушишь в эту ветку

Malcom1986 · 2023-07-17T12:46:32Z

Посмотри пожалуйста, как коллега ваш вот тут делает https://github.com/RedGradient/hexlet-correction/blob/add-footer/src/main/resources/templates/application.html. Это наш макет страницы. Тут уже есть общиэ элементы для всех страниц - [навбар](https://github.com/RedGradient/hexlet-correction/blob/37ffe126eb62b9c5425761388c14e9ce52bf586c/src/main/resources/templates/application.html#L7) и футер. Так как они лежат в отдельных файлах, их черех relace сюда вставляем. И есть "дырка", куда будем вставлять контент конкретной страницы.

А вот конкретная страница https://github.com/RedGradient/hexlet-correction/blob/37ffe126eb62b9c5425761388c14e9ce52bf586c/src/main/resources/templates/login.html#L5

Вот этот фрагмент будет вставляться на место "дырки" в наш макет

amirhraj · 2023-07-19T12:09:43Z

Вышел в отпуск, две недели не смогу что-то сделать, если спешит , можете передать другому коллеге

[Hexlet#153] add footer login page

22b70c0

amirhraj added 2 commits June 1, 2023 16:00

[Hexlet#153 add footer in login and signup]

ed651dd

[Hexlet#153] add fotter

334be3c

fey reviewed Jun 1, 2023

View reviewed changes

[Hexlet#153] add footer

cbb9ba4

fey reviewed Jun 8, 2023

View reviewed changes

fey requested changes Jun 8, 2023

View reviewed changes

amirhraj added 3 commits June 11, 2023 22:59

[Hexlet#153] fix footer class

bd31505

[Hexlet#153] fix footer class

5e6fca8

[Hexlet#153] fix footer class

99819c7

fey requested a review from Malcom1986 June 13, 2023 11:22

fey mentioned this pull request Jul 4, 2023

[#153] add footer (internationalized) #161

Draft

[Hexlet#153] add foooter fragments

bd9ba88

[Hexlet#153] add layout fragments

97873b7

fey marked this pull request as draft July 28, 2023 08:47

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[#153] add footer login page #155

[#153] add footer login page #155

amirhraj commented May 24, 2023

Malcom1986 commented May 25, 2023

Malcom1986 commented May 25, 2023

amirhraj commented May 25, 2023

amirhraj commented Jun 1, 2023

fey Jun 1, 2023

amirhraj Jun 5, 2023 •

edited

Loading

fey commented Jun 8, 2023

fey Jun 8, 2023

amirhraj Jun 11, 2023

fey Jun 8, 2023

fey Jun 8, 2023

fey left a comment

Malcom1986 commented Jun 15, 2023 •

edited

Loading

Malcom1986 commented Jun 20, 2023

amirhraj commented Jun 20, 2023

Malcom1986 commented Jun 22, 2023

Malcom1986 commented Jun 30, 2023 •

edited

Loading

Malcom1986 commented Jun 30, 2023

Malcom1986 commented Jun 30, 2023

amirhraj commented Jul 4, 2023 •

edited

Loading

amirhraj commented Jul 4, 2023 •

edited

Loading

amirhraj commented Jul 4, 2023

amirhraj commented Jul 4, 2023

Malcom1986 commented Jul 4, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

Malcom1986 commented Jul 11, 2023

amirhraj commented Jul 15, 2023

amirhraj commented Jul 15, 2023

Malcom1986 commented Jul 17, 2023

Malcom1986 commented Jul 17, 2023

amirhraj commented Jul 19, 2023

@@ @@ -84,6 +84,6 @@ @@
                       </div>
                   </div>
               </main>

[#153] add footer login page #155

Are you sure you want to change the base?

[#153] add footer login page #155

Conversation

amirhraj commented May 24, 2023

Malcom1986 commented May 25, 2023

Malcom1986 commented May 25, 2023

amirhraj commented May 25, 2023

amirhraj commented Jun 1, 2023

fey Jun 1, 2023

Choose a reason for hiding this comment

amirhraj Jun 5, 2023 • edited Loading

Choose a reason for hiding this comment

fey commented Jun 8, 2023

fey Jun 8, 2023

Choose a reason for hiding this comment

amirhraj Jun 11, 2023

Choose a reason for hiding this comment

fey Jun 8, 2023

Choose a reason for hiding this comment

fey Jun 8, 2023

Choose a reason for hiding this comment

fey left a comment

Choose a reason for hiding this comment

Malcom1986 commented Jun 15, 2023 • edited Loading

Malcom1986 commented Jun 20, 2023

amirhraj commented Jun 20, 2023

Malcom1986 commented Jun 22, 2023

Malcom1986 commented Jun 30, 2023 • edited Loading

Malcom1986 commented Jun 30, 2023

Malcom1986 commented Jun 30, 2023

amirhraj commented Jul 4, 2023 • edited Loading

amirhraj commented Jul 4, 2023 • edited Loading

amirhraj commented Jul 4, 2023

amirhraj commented Jul 4, 2023

Malcom1986 commented Jul 4, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

amirhraj commented Jul 5, 2023

Malcom1986 commented Jul 11, 2023

amirhraj commented Jul 15, 2023

amirhraj commented Jul 15, 2023

Malcom1986 commented Jul 17, 2023

Malcom1986 commented Jul 17, 2023

amirhraj commented Jul 19, 2023

amirhraj Jun 5, 2023 •

edited

Loading

Malcom1986 commented Jun 15, 2023 •

edited

Loading

Malcom1986 commented Jun 30, 2023 •

edited

Loading

amirhraj commented Jul 4, 2023 •

edited

Loading

amirhraj commented Jul 4, 2023 •

edited

Loading