templates/view_application.html - main - AlexStudio-Code/global-warming

templates/view_application.html
96 строк5 KB
AlexStudio Code
Add files via upload
19 апр 2025, 13:18
19 апр 2025, 13:18765272d
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Метатег для адаптивности -->
    <title>Заявка</title>
    <link rel="shortcut icon" href="https://i.imgur.com/Svz1Ed7.png"/>
    <style>
        body {
            font-family: Arial, sans-serif; /* Шрифт для всего документа */
            margin: 0;
            padding: 20px;
            background-color: #121212; /* Цвет фона для темной темы */
            color: #e0e0e0; /* Цвет текста */
        }
        h1, h2 {
            color: #ffffff; /* Цвет заголовков */
        }
        p {
            line-height: 1.5; /* Высота строки для удобства чтения */
            color: #b0b0b0; /* Цвет текста */
        }
        .description {
            white-space: pre-wrap; /* Сохраняет переносы строк и пробелы */
            word-wrap: break-word; /* Перенос длинных слов */
            background-color: #1e1e1e; /* Цвет фона для описания */
            padding: 10px; /* Отступ внутри блока описания */
            border-radius: 4px; /* Закругленные углы */
            max-width: 100%; /* Ограничение ширины блока описания */
            overflow-wrap: break-word; /* Поддержка переноса длинных слов в современных браузерах */
        }
        form {
            background-color: #2a2a2a; /* Цвет фона формы */
            padding: 20px;
            border-radius: 5px; /* Закругленные углы */
            box-shadow: 0 2px 5px rgba(255, 255, 255, 0.1); /* Тень для формы */
            margin-top: 20px; /* Отступ сверху */
        }
        textarea {
            width: 100%; /* Ширина элемента textarea */
            padding: 10px; /* Отступ внутри textarea */
            margin: 10px 0; /* Отступ сверху и снизу */
            border: 1px solid #555; /* Граница элемента */
            border-radius: 4px; /* Закругленные углы */
            resize: vertical; /* Позволяет изменять размер только по вертикали */
            background-color: #333; /* Цвет фона для textarea */
            color: #e0e0e0; /* Цвет текста в textarea */
        }
        button {
            background-color: #28a745; /* Цвет кнопки */
            color: white; /* Цвет текста кнопки */
            border: none; /* Без границы */
            padding: 10px; /* Отступ внутри кнопки */
            border-radius: 4px; /* Закругленные углы */
            cursor: pointer; /* Указатель при наведении */
            width: 100%; /* Ширина кнопки */
        }
        button:hover {
            background-color: #218838; /* Цвет кнопки при наведении */
        }
    </style>
</head>
<body>
  	<h1>Заявка от {{ application.user.username }}</h1>
    <p>Описание:</p>
    <div class="description">
        <p>{{ application.description }}</p> <!-- Используем класс для сохранения переносов -->
    </div>

    <p>Статус:
        {% if application.status == 'Отказано' %}
            <img src="{{ url_for('static', filename='images/отказано.gif') }}" alt="{{ application.status }}" width="110" height="60">
        {% elif application.status == 'Ожидание' %}
            <p>Ожидание</p>
        {% elif application.status == 'Одобрено' %}
            <img src="{{ url_for('static', filename='images/одобрено.gif') }}" alt="{{ application.status }}" width="110" height="60">
        {% else %}
            <img src="{{ url_for('static', filename='images/Ожидание.gif') }}" alt="{{ application.status }}" width="110" height="60">
        {% endif %}

    {% if application.admin_response %}
        <h2>Ответ админа:</h2>
        <p>{{ application.admin_response }}</p>
    {% else %}
        <h2>Ответ админа:</h2>
        <p>Ответ еще не дан.</p>
          {% if current_user.username in ['Alex-Admin', 'Bismark-Admin'] %}
    <form action="{{ url_for('respond', id=application.id) }}" method="post">
        <textarea name="response" placeholder="Введите ваш ответ" required></textarea>
        <button type="submit">Отправить ответ</button>
    </form>
    {% endif %}

</body>
</html>
    {% endif %}