#11 верстка статуса заказа

Created by: amgn1

Reviewed.

dev/req3d/req3d/templates/base_generic.html

@@ -53,7 +53,7 @@
                                 <a class="nav-link" href="{% url 'appform' %}"><i class="bi bi-pencil-square"></i> Подать заявку</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="#"><i class="bi bi-question-octagon"></i> Статус заказа</a>
+                                <a class="nav-link" href="{% url 'status_check' %}"><i class="bi bi-question-octagon"></i> Статус заказа</a>
                             </li>
                             <li class="nav-item">
                                 <a class="nav-link" href="#"><i class="bi bi-clipboard-check"></i> Инструкция</a>

dev/req3d/req3d/settings.py

@@ -40,7 +40,8 @@ INSTALLED_APPS = [
     'appform.apps.AppformConfig',
     'home.apps.HomeConfig',
     'django_bootstrap5',
-    'oauth.apps.AuthConfig'
+    'oauth.apps.AuthConfig',
+    'status_check'
 ]
 
 MIDDLEWARE = [

dev/req3d/req3d/urls.py

@@ -25,5 +25,6 @@ urlpatterns = [
     path('', include('home.urls')),
     path('appform/', include('appform.urls')),
     # path('auth/user', views.get_authenticated_user, name='get_authenticated_user'),
-    path('oauth2/', include('oauth.urls'))
+    path('oauth2/', include('oauth.urls')),
+    path('status_check/', include('status_check.urls'))
 ] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

dev/req3d/status_check/templates/status_check/status_check.html

+{% extends 'base_generic.html' %}
+{% block title %}3D MIEM{% endblock %}
+{% block content %}
+<style>
+    .button {
+        display: inline-block;
+        padding: 15px 25px;
+        cursor: pointer;
+        text-align: center;
+        text-decoration: none;
+        outline: none;
+        color: black;
+        background-color: #d6e6ff;
+        border: none;
+        border-radius: 30px;
+        font-size: 20px
+        
+    }
+
+    .text {
+        font-size: 20px
+    }
+
+    .navbar {
+        position: fixed;
+        top: 0;
+        width: 100%;
+    }
+
+    body {
+        padding-top: 90px;
+    }
+
+    .status-message {
+        height: 150px;
+        overflow: visible;
+    }
+
+    .form-container {
+        font-size: calc(min(40px, (0.6rem + 1.7vw))*0.8);
+    }
+</style>
+
+<div class="mt-auto" style="padding: 5% 0 10% 0;">
+<div class="container p-4">
+    <p class='text-center mb-4 display-6'>
+        <strong>Проверка статуса заказа</strong>
+        <br>
+    </p>
+</div>
+
+<div class="d-flex justify-content-center align-items-center" style="margin-left: 10px; margin-right: 10px;">
+    <div class="form-container">
+        <form method="GET" action="{% url 'status_check' %}">
+            <label for="order_number">Введите номер заказа:</label>
+            <input type="text" id="order_number" name="order_number">
+            <button type="submit" class="button">Проверить</button>
+        </form>
+    </div>
+</div>
+
+<div class="p-4 status-message">
+    <p class='text-center mb-4 display-6'>
+        {% if order_number %}
+        <text>Статус заказа номер {{ order_number }}:</text>
+        <br>
+        <text>{{ status }}</text>
+        {% endif %}
+    </p>
+</div>
+</div>
+
+{% endblock %}

dev/req3d/status_check/admin.py

+from django.contrib import admin
+
+# Register your models here.

dev/req3d/status_check/apps.py

+from django.apps import AppConfig
+
+
+class StatusCheckConfig(AppConfig):
+    default_auto_field = "django.db.models.BigAutoField"
+    name = "status_check"

dev/req3d/status_check/models.py

+from django.db import models
+
+# Create your models here.

dev/req3d/status_check/tests.py

+from django.test import TestCase
+
+# Create your tests here.

dev/req3d/status_check/urls.py

+from django.urls import path
+from . import views
+
+urlpatterns = [
+    path('', views.status_check, name='status_check'),
+]
\ No newline at end of file