Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- {% extends 'main/base.html' %}
- {% load static %}
- {% block head %}
- <link rel="stylesheet" type="text/css" href="{% static 'css/nunito-font.css' %}">
- <link rel="stylesheet" type="text/css" href="{% static 'fonts/material-design-iconic-font/css/material-design-iconic-font.min.css' %}">
- <link rel="shortcut icon" href="{% static '/img/svg/logo.svg' %}" type="image/x-icon">
- <!-- CSS Documents-->
- <link rel="stylesheet" href="{% static 'css/form26.css' %}">
- <link rel="stylesheet" href="{% static 'css/style_form262.css' %}">
- <link rel="stylesheet" href="{% static 'css/table2.css' %}">
- <link rel="stylesheet" href="{% static 'css/profile.css' %}">
- {# <!-- Custom styles -->#}
- <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
- <link rel="stylesheet" href="/resources/demos/style.css">
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
- <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <!-- Favicon -->
- <link rel="shortcut icon" href="{% static '/img/svg/logo.svg' %}" type="image/x-icon">
- <!-- Custom styles -->
- <link rel="stylesheet" href="{% static 'css/styleofindex.min.css' %}">
- <link rel="stylesheet" href="{% static 'css/buttons.css' %}">
- {% endblock %}
- {% block content %}
- <div class="wizard-v5-content">
- <div class="wizard-form">
- <div class="container emp-profile">
- <form method="post">
- <div class="row">
- <div class="col-md-4">
- <div class="profile-img">
- <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS52y5aInsxSm31CvHOFHWujqUx_wWTS9iM6s7BAm21oEN_RiGoog" alt=""/>
- </div>
- </div>
- <div class="col-md-6">
- <div class="profile-head2">
- <h3>
- {{ child.name }}
- </h3>
- <h3>
- {{ child.kinder_garden.name }}
- </h3>
- <ul class="nav nav-tabs" id="myTab" role="tablist">
- <li class="nav-item" role="presentation">
- <button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Общая информация</button>
- </li>
- <li class="nav-item" role="presentation">
- <button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Осмотр</button>
- </li>
- <li class="nav-item" role="presentation">
- <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#rec" type="button" role="tab" aria-controls="rec" aria-selected="false">Рекомендации</button>
- </li>
- <li class="nav-item" role="presentation">
- <button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#diary" type="button" role="tab" aria-controls="diary" aria-selected="false">Дневник осмотра</button>
- </li>
- </ul>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-4">
- <div class="profile-work">
- <h4>Родители:</h4><br/>
- <h5 href="">Отец: {{ child.parent1.name }}</h5><br/>
- <h5 href="">Мать: {{ child.parent2.name }}</h5><br/>
- </div>
- </div>
- <div class="col-md-8">
- <div class="tab-content profile-tab" id="myTabContent">
- <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
- <div class="top-list">
- <div class="row">
- <div class="col-md-6">
- <label>Пол ребенка</label>
- </div>
- <div class="col-md-6">
- <p>{{ child.sex }}</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <label>Дата рождения</label>
- </div>
- <div class="col-md-6">
- <p>{{ child.birthDate }}</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <label>Рост</label>
- </div>
- <div class="col-md-6">
- <p>{{ child.height }}</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <label>Вес</label>
- </div>
- <div class="col-md-6">
- <p>{{ child.weight }}</p>
- </div>
- </div>
- <div class="row">
- <div class="col-md-6">
- <label>Группа крови</label>
- </div>
- <div class="col-md-6">
- <p>{{ child.blood_type }}</p>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
- <div class="top-list">
- <section class="container">
- {% csrf_token %}
- <div class="margin">
- <div class="row form-group">
- <label class="col-sm-1 col-form-label">Дата:</label>
- <div class="col-sm-4">
- <div class="input-group date">
- <div class="form-control">
- {{ form.creation_date }}
- </div>
- <span class="input-group-append">
- <span class="input-group-text bg-white d-block">
- <i class="fa fa-calendar"></i>
- </span>
- </span>
- </div>
- </div>
- </div>
- </div>
- </section>
- <script type="text/javascript">
- $(function() {
- $('#datepicker').datepicker();
- });
- </script>
- <p> Данные осмотра: </p>
- <div class="form-control">
- {{ form.inspection }}
- </div>
- <br>
- <div class="accept d-flex justify-content-end">
- <button class="btn3" href="##">Сделать рекомендацию</button>
- </div>
- </div>
- </div>
- <div class="tab-pane fade" id="rec" role="tabpanel" aria-labelledby="profile-tab">
- <div class="top-list">
- <p>Рекомендации: </p>
- <div class="form-control">
- {{ form.recommendation }}
- </div>
- <br>
- <div class="accept d-flex justify-content-end">
- <input type="submit" value="Подтвердить">
- </div>
- <div class="tab-pane fade" id="diary" role="tabpanel" aria-labelledby="profile-tab">
- {% if pastforms %}
- <table>
- <tr>
- <th>Inspection</th>
- <th>Recommendation</th>
- <th>Date</th>
- </tr>
- {% for form26 in pastforms %}
- <tr>
- <td>{{ form26.inspection }}</td>
- <td>{{ form26.recommendation }}</td>
- <td>{{ form26.creation_date }}</td>
- </tr>
- {% endfor %}
- {% else %}
- <p>Записей пока нет</p>
- {% endif %}
- </table>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- <!--{#<table>#}-->
- <!--{# <tr>#}-->
- <!--{# <th>Inspection</th>#}-->
- <!--{# <th>Recommendation</th>#}-->
- <!--{# <th>Date</th>#}-->
- <!--{# </tr>#}-->
- <!--{# {% for form26 in pastforms %}#}-->
- <!--{# <tr>#}-->
- <!--{# <td>{{ form26.inspection }}</td>#}-->
- <!--{# <td>{{ form26.recommendation }}</td>#}-->
- <!--{# <td>{{ form26.creation_date }}</td>#}-->
- <!--{# </tr>#}-->
- <!--{# {% endfor %}#}-->
- <!--{#</table>#}-->
- <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
- <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
- <script src="{% static 'js/script.js' %}"></script>
- <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
- <script src="{% static 'js/jquery.steps.js' %}"></script>
- <script src="{% static 'js/main.js' %}"></script>
- <script src="{% static 'js/jquery-3.6.0.js' %}"></script>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
- <script src="{% static '/plugins/chart.min.js' %}"></script>
- <!-- Icons library -->
- <script src="{% static 'plugins/feather.min.js' %}"></script>
- <!-- Custom scripts -->
- <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
- <!-- JavaScript Bundle with Popper -->
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
- {% endblock %}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement