Advertisement
Mancolo

Untitled

Nov 22nd, 2021
890
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Python 14.30 KB | None | 0 0
  1. {% extends 'main/base.html' %}
  2.  
  3. {% load static %}
  4.  
  5. {% block head %}
  6.  
  7.     <link rel="stylesheet" type="text/css" href="{% static 'css/nunito-font.css' %}">
  8.     <link rel="stylesheet" type="text/css" href="{% static 'fonts/material-design-iconic-font/css/material-design-iconic-font.min.css' %}">
  9.     <link rel="shortcut icon" href="{% static '/img/svg/logo.svg' %}" type="image/x-icon">
  10.     <!-- CSS Documents-->
  11.     <link rel="stylesheet" href="{% static 'css/form26.css' %}">
  12.     <link rel="stylesheet" href="{% static 'css/style_form262.css' %}">
  13.     <link rel="stylesheet" href="{% static 'css/table2.css' %}">
  14.     <link rel="stylesheet" href="{% static 'css/profile.css' %}">
  15. {#    <!-- Custom styles -->#}
  16.     <link rel="stylesheet" href="//code.jquery.com/ui/1.13.0/themes/base/jquery-ui.css">
  17.     <link rel="stylesheet" href="/resources/demos/style.css">
  18.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet">
  19.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
  20.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  21.     <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>
  22.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
  23.  
  24.     <!-- Favicon -->
  25.       <link rel="shortcut icon" href="{% static '/img/svg/logo.svg' %}" type="image/x-icon">
  26.       <!-- Custom styles -->
  27.       <link rel="stylesheet" href="{% static 'css/styleofindex.min.css' %}">
  28.       <link rel="stylesheet" href="{% static 'css/buttons.css' %}">
  29. {% endblock %}
  30.  
  31. {% block content %}
  32.  
  33.  <div class="wizard-v5-content">
  34.             <div class="wizard-form">
  35.                 <div class="container emp-profile">
  36.                     <form method="post">
  37.                         <div class="row">
  38.                             <div class="col-md-4">
  39.                                 <div class="profile-img">
  40.                                     <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS52y5aInsxSm31CvHOFHWujqUx_wWTS9iM6s7BAm21oEN_RiGoog" alt=""/>
  41.                                 </div>
  42.                             </div>
  43.                             <div class="col-md-6">
  44.                                 <div class="profile-head2">
  45.                                     <h3>
  46.                                         {{ child.name }}
  47.                                     </h3>
  48.                                     <h3>
  49.                                         {{ child.kinder_garden.name }}
  50.                                     </h3>
  51.                                     <ul class="nav nav-tabs" id="myTab" role="tablist">
  52.                                         <li class="nav-item" role="presentation">
  53.                                             <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>
  54.                                         </li>
  55.                                         <li class="nav-item" role="presentation">
  56.                                             <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>
  57.                                         </li>
  58.                                         <li class="nav-item" role="presentation">
  59.                                             <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>
  60.                                         </li>
  61.                                         <li class="nav-item" role="presentation">
  62.                                             <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>
  63.                                         </li>
  64.                                     </ul>
  65.                                 </div>
  66.                             </div>
  67.                         </div>
  68.                         <div class="row">
  69.                             <div class="col-md-4">
  70.                                 <div class="profile-work">
  71.                                     <h4>Родители:</h4><br/>
  72.                                     <h5 href="">Отец: {{ child.parent1.name }}</h5><br/>
  73.                                     <h5 href="">Мать: {{ child.parent2.name }}</h5><br/>
  74.                                 </div>
  75.                             </div>
  76.                             <div class="col-md-8">
  77.                                 <div class="tab-content profile-tab" id="myTabContent">
  78.                                     <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
  79.                                             <div class="top-list">
  80.                                         <div class="row">
  81.                                             <div class="col-md-6">
  82.                                                 <label>Пол ребенка</label>
  83.                                             </div>
  84.                                             <div class="col-md-6">
  85.                                                 <p>{{ child.sex }}</p>
  86.                                             </div>
  87.                                         </div>
  88.                                         <div class="row">
  89.                                             <div class="col-md-6">
  90.                                                 <label>Дата рождения</label>
  91.                                             </div>
  92.                                             <div class="col-md-6">
  93.                                                 <p>{{ child.birthDate }}</p>
  94.                                             </div>
  95.                                         </div>
  96.                                         <div class="row">
  97.                                             <div class="col-md-6">
  98.                                                 <label>Рост</label>
  99.                                             </div>
  100.                                             <div class="col-md-6">
  101.                                                 <p>{{ child.height }}</p>
  102.                                             </div>
  103.                                         </div>
  104.                                         <div class="row">
  105.                                             <div class="col-md-6">
  106.                                                 <label>Вес</label>
  107.                                             </div>
  108.                                             <div class="col-md-6">
  109.                                                 <p>{{ child.weight }}</p>
  110.                                             </div>
  111.                                         </div>
  112.                                         <div class="row">
  113.                                             <div class="col-md-6">
  114.                                                 <label>Группа крови</label>
  115.                                             </div>
  116.                                             <div class="col-md-6">
  117.                                                 <p>{{ child.blood_type }}</p>
  118.                                             </div>
  119.                                         </div>
  120.                                     </div>
  121.                                 </div>
  122.                                     <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
  123.                                         <div class="top-list">
  124.                                         <section class="container">
  125.                                                 {% csrf_token %}
  126.                                                 <div class="margin">
  127.                                                 <div class="row form-group">
  128.                                                     <label class="col-sm-1 col-form-label">Дата:</label>
  129.                                                     <div class="col-sm-4">
  130.                                                         <div class="input-group date">
  131.                                                             <div class="form-control">
  132.                                                             {{ form.creation_date }}
  133.                                                             </div>
  134.                                                             <span class="input-group-append">
  135.                                                             <span class="input-group-text bg-white d-block">
  136.                                                                 <i class="fa fa-calendar"></i>
  137.                                                             </span>
  138.                                                         </span>
  139.                                                         </div>
  140.                                                         </div>
  141.                                                     </div>
  142.                                                 </div>
  143.                                         </section>
  144.                                         <script type="text/javascript">
  145.                                             $(function() {
  146.                                                 $('#datepicker').datepicker();
  147.                                             });
  148.                                         </script>
  149.                                     <p> Данные осмотра: </p>
  150.                                         <div class="form-control">
  151.                                         {{ form.inspection }}
  152.                                         </div>
  153.                                         <br>
  154.                                         <div class="accept d-flex justify-content-end">
  155.                                             <button class="btn3" href="##">Сделать рекомендацию</button>
  156.                                         </div>
  157.                                     </div>
  158.                                 </div>
  159.                                     <div class="tab-pane fade" id="rec" role="tabpanel" aria-labelledby="profile-tab">
  160.                                         <div class="top-list">
  161.                                         <p>Рекомендации: </p>
  162.                                         <div class="form-control">
  163.                                         {{ form.recommendation }}
  164.                                         </div>
  165.                                         <br>
  166.                                         <div class="accept d-flex justify-content-end">
  167.                                             <input type="submit" value="Подтвердить">
  168.                                         </div>
  169.                                     <div class="tab-pane fade" id="diary" role="tabpanel" aria-labelledby="profile-tab">
  170.                                     {% if pastforms %}
  171.                                             <table>
  172.                                         <tr>
  173.                                             <th>Inspection</th>
  174.                                             <th>Recommendation</th>
  175.                                             <th>Date</th>
  176.                                         </tr>
  177.                                         {% for form26 in pastforms %}
  178.                                             <tr>
  179.                                                 <td>{{ form26.inspection }}</td>
  180.                                                 <td>{{ form26.recommendation }}</td>
  181.                                                 <td>{{ form26.creation_date }}</td>
  182.                                             </tr>
  183.                                         {% endfor %}
  184.                                         {% else %}
  185.                                         <p>Записей пока нет</p>
  186.                                         {% endif %}
  187.                                     </table>
  188.                                             </div>
  189.                                         </div>
  190.                                     </div>
  191.                                 </div>
  192.                             </div>
  193.                         </div>
  194.                     </form>
  195.                 </div>
  196.             </div>
  197.         </div>
  198. <!--{#<table>#}-->
  199. <!--{#    <tr>#}-->
  200. <!--{#        <th>Inspection</th>#}-->
  201. <!--{#        <th>Recommendation</th>#}-->
  202. <!--{#        <th>Date</th>#}-->
  203. <!--{#    </tr>#}-->
  204. <!--{#    {% for form26 in pastforms %}#}-->
  205. <!--{#        <tr>#}-->
  206. <!--{#            <td>{{ form26.inspection }}</td>#}-->
  207. <!--{#            <td>{{ form26.recommendation }}</td>#}-->
  208. <!--{#            <td>{{ form26.creation_date }}</td>#}-->
  209. <!--{#        </tr>#}-->
  210. <!--{#    {% endfor %}#}-->
  211. <!--{#</table>#}-->
  212.  
  213. <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  214. <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  215. <script src="{% static 'js/script.js' %}"></script>
  216. <script src="{% static 'js/jquery-3.3.1.min.js' %}"></script>
  217. <script src="{% static 'js/jquery.steps.js' %}"></script>
  218. <script src="{% static 'js/main.js' %}"></script>
  219. <script src="{% static 'js/jquery-3.6.0.js' %}"></script>
  220. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
  221. <script src="{% static '/plugins/chart.min.js' %}"></script>
  222. <!-- Icons library -->
  223. <script src="{% static 'plugins/feather.min.js' %}"></script>
  224. <!-- Custom scripts -->
  225. <script src="https://code.jquery.com/ui/1.13.0/jquery-ui.js"></script>
  226. <!-- JavaScript Bundle with Popper -->
  227. <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>
  228. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  229.  
  230. {% endblock %}
  231.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement