trevor/smartsoltech_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fully functional. FrontEnd remains

Browse Source
This commit is contained in:
trevor
2024-10-07 21:44:58 +09:00
parent fc20ca01b7
commit 0e82b86e51
27 changed files with 528 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
smartsoltech/web/templates/web/home.html
View File

@@ -1,26 +1,49 @@
<!-- web/templates/web/home.html -->
{% extends 'web/base.html' %}
{% load static %}
{% block title %}Главная{% endblock %}
{% block content %}
<h1>Добро пожаловать в Smartsoltech</h1>
<p>Предоставляем современные решения для бизнеса, включая разработку ПО, установку видеонаблюдения и многое другое.</p>
<div class="row">
<div class="col-md-4">
<h2>Наши Услуги</h2>
<p>Посмотрите наши предложения и выберите то, что вам нужно.</p>
<a class="btn btn-primary" href="services">Подробнее</a>
</div>
<div class="col-md-4">
<h2>Наши Проекты</h2>
<p>Посмотрите на наши успешные проекты.</p>
<a class="btn btn-primary" href="#">Подробнее</a>
</div>
<div class="col-md-4">
<h2>Блог</h2>
<p>Последние новости и обновления в нашем блоге.</p>
<a class="btn btn-primary" href="#">Читать</a>
<div id="carousel-1" class="carousel slide" data-bs-ride="carousel" style="height: 600px;">
<div class="carousel-inner h-100">
<div class="carousel-item active h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="{% static 'img/1.png'%}" alt="Slide Image" style="z-index: -1;" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;">
<h1 class="text-uppercase fw-bold">Сайты<br />разработка сайтов</h1>
<p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="service/1">Подробнее</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="{% static 'img/3.png'%}" alt="Slide Image" style="z-index: -1;" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;">
<h1 class="text-uppercase fw-bold">Biben dum<br />fringi dictum, augue purus</h1>
<p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="/service/3">Подробее</a>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item h-100"><img class="w-100 d-block position-absolute h-100 fit-cover" src="{% static 'img/2.png'%}" alt="Slide Image" style="z-index: -1;" />
<div class="container d-flex flex-column justify-content-center h-100">
<div class="row">
<div class="col-md-6 col-xl-4 offset-md-2">
<div style="max-width: 350px;">
<h1 class="text-uppercase fw-bold">Biben dum<br />fringi dictum, augue purus</h1>
<p class="my-3">Tincidunt laoreet leo, adipiscing taciti tempor. Primis senectus sapien, risus donec ad fusce augue interdum.</p><a class="btn btn-primary btn-lg me-2" role="button" href="#">Button</a><a class="btn btn-outline-primary btn-lg" role="button" href="#">Button</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div><a class="carousel-control-prev" href="#carousel-1" role="button" data-bs-slide="prev"><span class="carousel-control-prev-icon"></span><span class="visually-hidden">Previous</span></a><a class="carousel-control-next" href="#carousel-1" role="button" data-bs-slide="next"><span class="carousel-control-next-icon"></span><span class="visually-hidden">Next</span></a></div>
<div class="carousel-indicators"><button class="active" type="button" data-bs-target="#carousel-1" data-bs-slide-to="0"></button><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="1"></button><button type="button" data-bs-target="#carousel-1" data-bs-slide-to="2"></button></div>
</div>
{% endblock %}

36
smartsoltech/web/templates/web/modal_order_form.html Normal file
View File

@@ -0,0 +1,36 @@
<!-- web/templates/web/modal_order_form.html -->
<div id="orderModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Оформление заявки на услугу</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="orderForm" method="post" action="{% url 'create_order' pk=service.pk %}">
{% csrf_token %}
<div class="form-group mb-3">
<label class="form-label">Имя</label>
<input id="client_name" class="form-control" type="text" name="client_name" required minlength="2" maxlength="50" />
</div>
<div class="form-group mb-3">
<label class="form-label">Телефон</label>
<input id="client_phone" class="form-control" type="tel" name="client_phone" required pattern="^\+?[0-9\s\-]{7,15}$" />
</div>
<div class="form-group mb-3">
<label class="form-label">Адрес электронной почты</label>
<input id="client_email" class="form-control" type="email" name="client_email" required />
</div>
<div class="form-group mb-3">
<label class="form-label">Описание услуги</label>
<textarea id="message" class="form-control" name="message" rows="4" required minlength="10" maxlength="1000"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary">Отправить заявку</button>
</div>
</form>
</div>
</div>
</div>
</div>

139
smartsoltech/web/templates/web/service_detail.html
View File

@@ -5,8 +5,6 @@
{% block content %}
<div class="container py-4 py-xl-5">
<div class="row gy-4 gy-md-0">
<div class="col-md-6">
@@ -22,109 +20,45 @@
</div>
</div>
<!-- Модальное окно для оформления заявки -->
<div id="orderModal" class="modal fade" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Оформление заявки на услугу</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="orderForm" method="post" action="{% url 'create_order' pk=service.pk %}">
{% csrf_token %}
<div class="form-group mb-3">
<label class="form-label">Имя</label>
<input id="client_name" class="form-control" type="text" name="client_name" required minlength="2" maxlength="50" />
</div>
<div class="form-group mb-3">
<label class="form-label">Телефон</label>
<input id="client_phone" class="form-control" type="tel" name="client_phone" required pattern="^\+?[0-9\s\-]{7,15}$" />
</div>
<div class="form-group mb-3">
<label class="form-label">Адрес электронной почты</label>
<input id="client_email" class="form-control" type="email" name="client_email" required />
</div>
<div class="form-group mb-3">
<label class="form-label">Описание услуги</label>
<textarea id="message" class="form-control" name="message" rows="4" required minlength="10" maxlength="1000"></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Закрыть</button>
<button type="submit" class="btn btn-primary">Отправить заявку</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="container py-4 py-xl-5">
<div class="row mb-5">
{% include "web/modal_order_form.html" %}
<div class="container py-4">
<div class="row-cols-auto">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Отзывы</h2>
<p>Пожалуйста, оставьте отзыв, нажав на кнопку ниже. Нам важна ваша обратная связь. Спасибо!</p>
<button class="btn btn-primary mb-4" type="button" data-bs-toggle="modal" data-bs-target="#addReview">Добавить отзыв</button>
</div>
</div>
<div id="addReview" class="modal fade" role="dialog" tabindex="-1">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h3>Добавить отзыв</h3>
<button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<p>Пожалуйста, заполните форму ниже, чтобы оставить отзыв. Если вы хотите, чтобы ваше имя не отображалось, выберите опцию "Анонимный отзыв". Спасибо!</p>
</div>
<form>
<div class="form-group mb-3">
<label class="form-label">Имя</label>
<input id="firstName" class="form-control" type="text" maxlength="50" />
</div>
<div class="form-group mb-3">
<label class="form-label">Фамилия</label>
<input id="lastName" class="form-control" type="text" maxlength="50" />
</div>
<div class="form-group mb-3">
<label class="form-label">Адрес электронной почты</label>
<input id="email" class="form-control" type="email" />
</div>
<div class="form-group mb-3">
<select id="rating" class="form-select">
<option value="0" selected>Пожалуйста, введите свою оценку</option>
<option value="1">*</option>
<option value="2">**</option>
<option value="3">***</option>
<option value="4">****</option>
<option value="5">*****</option>
</select>
</div>
<div class="form-group mb-3">
<label class="form-label">Отзыв</label>
<textarea id="review" class="form-control" rows="3" maxlength="2000"></textarea>
</div>
<div class="form-group mb-3">
<div class="form-check">
<input id="anonDisplay" class="form-check-input" type="checkbox" />
<label class="form-check-label" for="anonDisplay">Отображать анонимно</label>
</div>
</div>
</form>
<div class="modal-footer">
<button class="btn btn-secondary" type="button" data-bs-dismiss="modal">Закрыть</button>
<button id="submitReview" class="btn btn-primary" type="button">Отправить</button>
</div>
</div>
<h2>Проекты</h2>
<p>Список проектов, связанных с данной услугой:</p>
</div>
</div>
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-lg-3">
{% for project in service.projects.all %}
<div class="col">
<div class="card project-card">
<div class="card-body">
<h5 class="card-title">{{ project.name }}</h5>
<p class="card-text small-text">{{ project.description }}</p>
<p class="card-text small-text"><strong>Сообщение заказчика:</strong> {{ project.order.message }}</p>
<p class="card-text small-text"><strong>Дата завершения:</strong> {{ project.completion_date }}</p>
<p class="card-text small-text"><strong>Статус:</strong> {{ project.get_status_display }}</p>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
<div class="container py-4">
<div class="row-cols-auto">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Отзывы</h2>
<p>Наших любимых клиентов. Спасибо, что Вы с нами!</p>
</div>
</div>
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-lg-3">
{% for review in reviews %}
<div class="col">
<div class="card">
<div class="card review-card">
<div class="card-body">
<p class="card-text">{{ review.comment }}</p>
<p class="card-text small-text">{{ review.comment }}</p>
<div class="d-flex">
{% if review.client.image %}
<img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="{{ review.client.image.url }}" />
@@ -132,8 +66,8 @@
<img class="rounded-circle flex-shrink-0 me-3 fit-cover" width="50" height="50" src="https://cdn.bootstrapstudio.io/placeholders/1400x800.png" />
{% endif %}
<div>
<p class="fw-bold text-primary mb-0">{{ review.client.first_name }} {{ review.client.last_name }}</p>
<p class="text-muted mb-0">Оценка: {{ review.rating }} из 5</p>
<p class="fw-bold text-primary mb-0 small-text">{{ review.client.first_name }} {{ review.client.last_name }}</p>
<p class="text-muted mb-0 small-text">Оценка: {{ review.rating }} из 5</p>
</div>
</div>
</div>
@@ -143,7 +77,6 @@
</div>
</div>
<script>
// JavaScript для дополнительной проверки формы
document.getElementById('orderForm').addEventListener('submit', function (event) {
@@ -155,6 +88,6 @@
event.preventDefault(); // Останавливаем отправку формы
}
});
</script>
</script>
{% endblock %}
{% endblock %}