forked from eatvio/eatvio-infra
348 lines
24 KiB
HTML
348 lines
24 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Myday</title>
|
||
<style>@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');</style>
|
||
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
|
||
<link type="text/css" rel="stylesheet" href="css/datepicker.min.css" />
|
||
<link type="text/css" rel="stylesheet" href="css/style.css" />
|
||
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/bootstrap.bundle.min.js"></script>
|
||
<script src="js/jquery-3.6.0.min.js"></script>
|
||
<script src="js/jquery.steps.min.js"></script>
|
||
<script src="js/datepicker.js"></script>
|
||
</head>
|
||
<body>
|
||
|
||
<svg width=0 height=0 class=d-none>
|
||
|
||
<symbol id="SearchIcon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M9 17C13.4183 17 17 13.4183 17 9C17 4.58172 13.4183 1 9 1C4.58172 1 1 4.58172 1 9C1 13.4183 4.58172 17 9 17Z" stroke="#7B8794" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M18.9999 18.9999L14.6499 14.6499" stroke="#7B8794" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</symbol>
|
||
|
||
<symbol id="Main" width="26" height="24" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M21.0926 13.2793V24.9999H14.9533V19.4186H10.4866V24.9999H4.34863V13.2793" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M1 11.6046L12.7206 1L24.4419 11.6046" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</symbol>
|
||
|
||
<symbol id="Lenta" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M8.70596 14.6708C9.86516 14.6708 10.806 15.7146 10.806 17.0038V21.667C10.806 22.2857 10.5847 22.8791 10.1909 23.3166C9.79705 23.7541 9.26291 23.9999 8.70596 23.9999H2.09999C1.54304 23.9999 1.0089 23.7541 0.615073 23.3166C0.221249 22.8791 0 22.2857 0 21.667V17.0038C0 15.7146 0.940796 14.6708 2.09999 14.6708H8.70596V14.6708ZM21.8999 14.6708C23.0591 14.6708 23.9999 15.7146 23.9999 17.0038V21.667C23.9999 22.2857 23.7786 22.8791 23.3848 23.3166C22.991 23.7541 22.4569 23.9999 21.8999 23.9999H15.2939C14.737 23.9999 14.2028 23.7541 13.809 23.3166C13.4152 22.8791 13.1939 22.2857 13.1939 21.667V17.0038C13.1939 15.7146 14.1347 14.6708 15.2939 14.6708H21.8999V14.6708ZM8.70596 16.6705H2.09999C2.02043 16.6705 1.94412 16.7056 1.88786 16.7681C1.8316 16.8306 1.79999 16.9154 1.79999 17.0038V21.667C1.79999 21.8523 1.93439 22.0002 2.09999 22.0002H8.70596C8.78553 22.0002 8.86183 21.9651 8.91809 21.9026C8.97435 21.8401 9.00596 21.7553 9.00596 21.667V17.0038C9.00596 16.9154 8.97435 16.8306 8.91809 16.7681C8.86183 16.7056 8.78553 16.6705 8.70596 16.6705V16.6705ZM21.8999 16.6705H15.2939C15.2144 16.6705 15.1381 16.7056 15.0818 16.7681C15.0255 16.8306 14.9939 16.9154 14.9939 17.0038V21.667C14.9939 21.8523 15.1283 22.0002 15.2939 22.0002H21.8999C21.9795 22.0002 22.0558 21.9651 22.112 21.9026C22.1683 21.8401 22.1999 21.7553 22.1999 21.667V17.0038C22.1999 16.9154 22.1683 16.8306 22.112 16.7681C22.0558 16.7056 21.9795 16.6705 21.8999 16.6705V16.6705ZM21.8999 0C23.0591 0 23.9999 1.04515 23.9999 2.33293V9.66501C23.9999 10.2837 23.7786 10.8771 23.3848 11.3146C22.991 11.7522 22.4569 11.9979 21.8999 11.9979H2.09999C1.54304 11.9979 1.0089 11.7522 0.615073 11.3146C0.221249 10.8771 0 10.2837 0 9.66501V2.33293C1.96854e-05 1.74745 0.198204 1.18337 0.555213 0.752683C0.912222 0.321992 1.40195 0.0561759 1.92719 0.00799869L2.09999 0H21.8999ZM21.8999 1.99966H2.09999L2.03159 2.00899C1.96578 2.02611 1.90711 2.06741 1.86507 2.12621C1.82304 2.18501 1.8001 2.25785 1.79999 2.33293V9.66501C1.79999 9.84898 1.93439 9.99829 2.09999 9.99829H21.8999C21.9795 9.99829 22.0558 9.96318 22.112 9.90067C22.1683 9.83817 22.1999 9.7534 22.1999 9.66501V2.33293C22.1999 2.24454 22.1683 2.15977 22.112 2.09727C22.0558 2.03477 21.9795 1.99966 21.8999 1.99966Z"/>
|
||
</symbol>
|
||
|
||
<symbol id="Plan" width="22" height="24" viewBox="0 0 22 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 1H20.6366V24.9999H1V1Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M16.8179 6.33301H11.3633" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M16.8179 13H11.3633" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M16.8179 19H11.3633" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M4.81836 6.45502L5.90902 7.54568L8.63634 4.81836" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M4.81836 12.9999L5.90902 14.0906L8.63634 11.3633" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<circle cx="6.45502" cy="19.5458" r="1.63666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
</symbol>
|
||
|
||
<symbol id="MainChat" width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M21.9709 1.56935C22.3871 1.56935 22.7863 1.73469 23.0806 2.029C23.3749 2.32331 23.5402 2.72248 23.5402 3.1387V15.6935C23.5402 16.1097 23.3749 16.5089 23.0806 16.8032C22.7863 17.0975 22.3871 17.2628 21.9709 17.2628H6.92711C6.09474 17.263 5.29653 17.5938 4.70805 18.1825L1.56935 21.3212V3.1387C1.56935 2.72248 1.73469 2.32331 2.029 2.029C2.32331 1.73469 2.72248 1.56935 3.1387 1.56935H21.9709ZM3.1387 0C2.30626 0 1.50792 0.330683 0.919304 0.919304C0.330683 1.50792 0 2.30626 0 3.1387L0 23.2154C3.29797e-05 23.3706 0.0461272 23.5224 0.132449 23.6515C0.21877 23.7805 0.341439 23.8811 0.484928 23.9404C0.628417 23.9997 0.786277 24.0151 0.938527 23.9847C1.09078 23.9542 1.23057 23.8793 1.34022 23.7694L5.81758 19.292C6.11182 18.9977 6.51092 18.8323 6.92711 18.8322H21.9709C22.8033 18.8322 23.6017 18.5015 24.1903 17.9129C24.7789 17.3243 25.1096 16.5259 25.1096 15.6935V3.1387C25.1096 2.30626 24.7789 1.50792 24.1903 0.919304C23.6017 0.330683 22.8033 0 21.9709 0L3.1387 0Z"/>
|
||
<path d="M4.70801 5.49268C4.70801 5.28457 4.79068 5.08499 4.93783 4.93783C5.08499 4.79068 5.28457 4.70801 5.49268 4.70801H19.6168C19.8249 4.70801 20.0245 4.79068 20.1717 4.93783C20.3188 5.08499 20.4015 5.28457 20.4015 5.49268C20.4015 5.70079 20.3188 5.90038 20.1717 6.04753C20.0245 6.19469 19.8249 6.27736 19.6168 6.27736H5.49268C5.28457 6.27736 5.08499 6.19469 4.93783 6.04753C4.79068 5.90038 4.70801 5.70079 4.70801 5.49268ZM4.70801 9.41606C4.70801 9.20795 4.79068 9.00836 4.93783 8.86121C5.08499 8.71405 5.28457 8.63138 5.49268 8.63138H19.6168C19.8249 8.63138 20.0245 8.71405 20.1717 8.86121C20.3188 9.00836 20.4015 9.20795 20.4015 9.41606C20.4015 9.62416 20.3188 9.82375 20.1717 9.9709C20.0245 10.1181 19.8249 10.2007 19.6168 10.2007H5.49268C5.28457 10.2007 5.08499 10.1181 4.93783 9.9709C4.79068 9.82375 4.70801 9.62416 4.70801 9.41606ZM4.70801 13.3394C4.70801 13.1313 4.79068 12.9317 4.93783 12.7846C5.08499 12.6374 5.28457 12.5548 5.49268 12.5548H13.3394C13.5475 12.5548 13.7471 12.6374 13.8943 12.7846C14.0414 12.9317 14.1241 13.1313 14.1241 13.3394C14.1241 13.5475 14.0414 13.7471 13.8943 13.8943C13.7471 14.0414 13.5475 14.1241 13.3394 14.1241H5.49268C5.28457 14.1241 5.08499 14.0414 4.93783 13.8943C4.79068 13.7471 4.70801 13.5475 4.70801 13.3394Z"/>
|
||
</symbol>
|
||
|
||
<symbol id="Profile" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M11.9999 0C8.32396 0 5.33331 2.83325 5.33331 6.31576C5.33331 9.79827 8.32396 12.6315 11.9999 12.6315C15.6759 12.6315 18.6666 9.79827 18.6666 6.31576C18.6666 2.83325 15.6759 0 11.9999 0ZM11.9999 10.1052C9.79462 10.1052 7.99996 8.40502 7.99996 6.31576C7.99996 4.22651 9.79462 2.5263 11.9999 2.5263C14.2053 2.5263 15.9999 4.22651 15.9999 6.31576C15.9999 8.40502 14.2053 10.1052 11.9999 10.1052ZM23.9999 23.9999V22.7367C23.9999 17.8622 19.8119 13.8947 14.6666 13.8947H9.33329C4.18665 13.8947 0 17.8622 0 22.7367V23.9999H2.66665V22.7367C2.66665 19.2542 5.65731 16.421 9.33329 16.421H14.6666C18.3426 16.421 21.3332 19.2542 21.3332 22.7367V23.9999H23.9999Z"/>
|
||
</symbol>
|
||
|
||
<symbol id="Chat" width="21" height="24" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M19.5 13C19.5 13.5304 19.2893 14.0391 18.9142 14.4142C18.5391 14.7893 18.0304 15 17.5 15H5.5L1.5 19V3C1.5 2.46957 1.71071 1.96086 2.08579 1.58579C2.46086 1.21071 2.96957 1 3.5 1H17.5C18.0304 1 18.5391 1.21071 18.9142 1.58579C19.2893 1.96086 19.5 2.46957 19.5 3V13Z" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#2F80ED"/>
|
||
</symbol>
|
||
|
||
<symbol id="GoBack" width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M15.5 8H1.5" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#323F4B"/>
|
||
<path d="M8.5 15L1.5 8L8.5 1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#323F4B"/>
|
||
</symbol>
|
||
|
||
<symbol id="Clock" width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M19.6257 8.06143C20.0286 7.66252 20.3484 7.18759 20.5664 6.66418C20.7844 6.14077 20.8963 5.57929 20.8957 5.01229C20.8957 2.6357 18.9661 0.709543 16.5872 0.7092H16.5854C15.3925 0.7092 14.3117 1.19391 13.5318 1.97685L16.0743 4.51523L15.5015 5.09421C14.0704 4.11102 12.3743 3.58576 10.638 3.58798C8.90167 3.58564 7.20562 4.11078 5.77443 5.09387L5.16048 4.47307L7.64436 1.96108C7.24901 1.5571 6.77694 1.23618 6.25586 1.01714C5.73479 0.798098 5.1752 0.685362 4.60996 0.685547C2.24503 0.685547 0.328125 2.62404 0.328125 5.01537C0.328125 6.21515 0.810093 7.30077 1.58995 8.08474L4.09988 5.54636L4.6055 6.05746C3.77997 6.86538 3.12441 7.83027 2.67741 8.89536C2.2304 9.96045 2.00099 11.1042 2.00267 12.2593C2.00267 13.9804 2.50418 15.5833 3.36527 16.9326L2.64232 21.2531H3.28198C3.68167 21.2531 3.82942 20.7839 4.08925 20.2001C4.32028 19.6762 4.54904 19.1512 4.77553 18.6253C6.31501 20.0568 8.37417 20.932 10.638 20.932C12.9014 20.932 14.9603 20.0561 16.5004 18.6253C16.7269 19.1513 16.9557 19.6762 17.187 20.2001C17.4472 20.7839 17.5943 21.2531 17.994 21.2531H18.6336L17.9117 16.9316C18.803 15.5365 19.2757 13.9151 19.2736 12.2596C19.2753 11.1046 19.0459 9.96089 18.5989 8.89585C18.1519 7.83082 17.4963 6.86599 16.6708 6.05815L17.1425 5.58167L19.6257 8.06143ZM17.3547 12.2596C17.3547 15.9848 14.3473 19.0051 10.638 19.0051C6.92861 19.0051 3.92163 15.9848 3.92163 12.2596C3.92163 8.53517 6.92827 5.51516 10.638 5.51516C14.347 5.51516 17.3547 8.53483 17.3547 12.2596Z" fill="#323F4B"/>
|
||
<path d="M11.2771 11.1538V7.44238H9.99816V11.1538C9.80403 11.266 9.64277 11.4273 9.53051 11.6214C9.41826 11.8156 9.35895 12.0358 9.35851 12.26C9.35851 12.5449 9.45346 12.8061 9.60943 13.0189L6.70117 15.9594L7.09881 16.3625L10.039 13.3895C10.2179 13.4855 10.4201 13.5451 10.6378 13.5451C11.1102 13.5451 11.5178 13.2853 11.7399 12.9027H13.8361V11.6183H11.7399C11.6287 11.4258 11.4692 11.2657 11.2771 11.1538Z" fill="#323F4B"/>
|
||
</symbol>
|
||
|
||
<symbol id="Sleep" width="26" height="24" viewBox="0 0 26 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M17.6429 3.42857H15.1494V2.57143L16.5582 0.857143H15.1494V0H17.6429V0.857143L16.2382 2.57143H17.6429V3.42857ZM14.3182 5.14286H11.8247V4.28571L13.2335 2.57143H11.8247V1.71429H14.3182V2.57143L12.9135 4.28571H14.3182V5.14286ZM10.9935 6.85714H8.5V6L9.90883 4.28571H8.5V3.42857H10.9935V4.28571L9.58883 6H10.9935V6.85714Z" fill="#323F4B"/>
|
||
<path d="M7.35714 17.1431C9.25428 17.1431 10.7857 15.6117 10.7857 13.7146C10.7857 11.8174 9.25428 10.286 7.35714 10.286C5.46 10.286 3.92857 11.8174 3.92857 13.7146C3.92857 15.6117 5.46 17.1431 7.35714 17.1431ZM7.35714 12.5717C7.98571 12.5717 8.5 13.086 8.5 13.7146C8.5 14.3431 7.98571 14.8574 7.35714 14.8574C6.72857 14.8574 6.21429 14.3431 6.21429 13.7146C6.21429 13.086 6.72857 12.5717 7.35714 12.5717ZM21.0714 9.14314H11.9286V18.286H2.78571V6.85742H0.5V24.0003H2.78571V20.5717H23.3571V24.0003H25.6429V13.7146C25.6429 11.1888 23.5971 9.14314 21.0714 9.14314ZM23.3571 18.286H14.2143V11.4289H21.0714C22.3286 11.4289 23.3571 12.4574 23.3571 13.7146V18.286Z" fill="#323F4B"/>
|
||
</symbol>
|
||
|
||
<symbol id="Time" width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M11.5 21C17.0228 21 21.5 16.5228 21.5 11C21.5 5.47715 17.0228 1 11.5 1C5.97715 1 1.5 5.47715 1.5 11C1.5 16.5228 5.97715 21 11.5 21Z" stroke="#7B8794" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||
<path d="M11.5 5V11L15.5 13" stroke="#7B8794" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" stroke="#323F4B"/>
|
||
</symbol>
|
||
|
||
<symbol id="EditPen" width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||
<path d="M0.5 19L15.25 4.25L20.25 9.25L5.5 24H0.5V19ZM24.125 5.375L21.6875 7.8125L16.6875 2.8125L19.125 0.375C19.375 0.125 19.6875 0 20.0625 0C20.4375 0 20.75 0.125 21 0.375L24.125 3.5C24.375 3.75 24.5 4.0625 24.5 4.4375C24.5 4.8125 24.375 5.125 24.125 5.375Z" fill="#323F4B"/>
|
||
</symbol>
|
||
|
||
</svg>
|
||
|
||
<header class="d-flex justify-content-between align-items-center">
|
||
<div id="topSearch" class="d-flex">
|
||
<a href="/"><img src="img/logo.svg" class="logo" /></a>
|
||
<form class="d-flex">
|
||
<button class="btn" type="submit"><svg width="20" height="20"><use xlink:href="#SearchIcon"></use></svg></button>
|
||
<input class="form-control" type="search" placeholder="Поиск" aria-label="Search" />
|
||
</form>
|
||
</div>
|
||
<div class="container px-0 --mw-800">
|
||
<ul id="TopMenu">
|
||
<!--li><a href="#"><svg width="26" height="24"><use xlink:href="#Main"></use></svg><span>Главная</span></a></li-->
|
||
<li><a href="#"><svg width="24" height="24"><use xlink:href="#Lenta"></use></svg><span>Лента</span></a></li>
|
||
<li><a href="#" class="--active"><svg width="22" height="24"><use xlink:href="#Plan"></use></svg><span>Дневник</span></a></li>
|
||
<li><a href="#"><svg width="26" height="24"><use xlink:href="#MainChat"></use></svg><span>Чат</span></a></li>
|
||
<li><a href="#"><svg width="24" height="24"><use xlink:href="#Profile"></use></svg><span>Профиль</span></a></li>
|
||
</ul>
|
||
</div>
|
||
</header>
|
||
|
||
<section class="py-5" id="main">
|
||
<form id="submitForm" validate>
|
||
<div class="container d-flex justify-content-between align-items-center mb-4 px-4 py-2 --bg_white --shadow --radius --mw-1000">
|
||
<a href="#" class="d-flex align-items-center --f_bold --f_main"><svg width="17" height="16" class="me-2"><use xlink:href="#GoBack"></use></svg><span class="d-none d-md-inline">Отчёты клиента</span></a>
|
||
<div class="fs-5_5 text-center">
|
||
<div class="--f_bolder">4 День</div>
|
||
<div class="--f_blue">План - Легкий</div>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<div class="text-end me-2">
|
||
<small><a href="#" class="--f_bold --f_main">Максим Крац</a></small><br/>
|
||
<span class="px-3 py-1 badge --light rounded-pill bg-success">2500₽</span>
|
||
</div>
|
||
<a href="#" class="d-none d-md-block --radius_100 overflow-hidden"><img src="img/Rectangle 34.png" width="42px" height="42px" /></a>
|
||
<a href="#" class="ms-3"><svg width="24" height="24"><use xlink:href="#Chat"></use></svg></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container d-flex justify-content-between mb-4 px-0 py-2 --mw-1000 flex-wrap flex-md-nowrap">
|
||
<div class="w-30 me-3 py-3 px-4 --bg_white --shadow --radius text-center --f_bold --no_wrap">
|
||
<p>Проснулись</p>
|
||
<div class="d-flex align-items-center justify-content-center">
|
||
<svg width="24" height="24" class="me-2"><use xlink:href="#Clock"></use></svg>
|
||
<span class="--f_blue">6:30</span>
|
||
</div>
|
||
</div>
|
||
<div class="w-30 py-3 px-4 --bg_white --shadow --radius text-center --f_bold --no_wrap">
|
||
<p>Легли спать</p>
|
||
<div class="d-flex align-items-center justify-content-center">
|
||
<svg width="26" height="24" class="me-2"><use xlink:href="#Sleep"></use></svg>
|
||
<span class="--f_blue">22:30</span>
|
||
</div>
|
||
</div>
|
||
<div class="ms-md-4_5 mt-3 mt-md-0 fs-4_5 w-100 --bordered --radius --f_bold flex-grow-1 --arr_right">
|
||
<textarea class="form-control h-100 fs-6 --is_edit" placeholder="Введите комментарий к отчёту..."></textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container mb-4 pt-3 pb-2 overflow-hidden --bg_white --shadow --radius --mw-1000">
|
||
<div class="d-flex px-md-5 justify-content-between align-items-center flex-wrap flex-lg-nowrap flex-column-reverse flex-lg-row overflow-x-xs-scroll">
|
||
<ul class="nav nav-pills flex-nowrap --bordered --radius --tabs_blue" id="pills-tab" role="tablist">
|
||
<li class="nav-item" role="presentation">
|
||
<button class="btn-lg px-md-4 nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-0" type="button" role="tab" aria-controls="pills-0" aria-selected="true"><small>Завтрак</small></button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="btn-lg px-md-4 nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-1" type="button" role="tab" aria-controls="pills-1" aria-selected="false"><small>Обед</small></button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-2" type="button" role="tab" aria-controls="pills-2" aria-selected="false"><small>Ужин</small></button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-3" type="button" role="tab" aria-controls="pills-3" aria-selected="false"><small>Ланч</small></button>
|
||
</li>
|
||
<li class="nav-item" role="presentation">
|
||
<button class="btn-lg px-md-4 nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-4" type="button" role="tab" aria-controls="pills-4" aria-selected="false"><small>Перекусы</small></button>
|
||
</li>
|
||
</ul>
|
||
<div class="d-flex mb-3 mb-lg-0 align-items-center">
|
||
<div class="d-flex align-items-center">
|
||
<small>Сытность:</small><span class="ms-2 fs-5 --f_bold --f_blue">1</span>
|
||
</div>
|
||
<div class="d-flex mx-3 align-items-center">
|
||
<small>Настроение:</small><span class="ms-2 fs-5 --f_bold --f_blue">1</span>
|
||
</div>
|
||
<div class="d-flex align-items-center">
|
||
<svg width="23" height="22"><use xlink:href="#Time"></use></svg>
|
||
<span class="ms-2 fs-5 --f_bold --f_blue">6:45</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mt-3">
|
||
<div class="tab-content" id="pills-tabContent">
|
||
<div class="tab-pane fade show active" id="pills-0" role="tabpanel" aria-labelledby="pills-0-tab">
|
||
<table class="table --table_blue mb-0 fs-4_5 --f_bold">
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Scrambled eggs</td>
|
||
<td class="pe-md-5 w-50 text-end">2 pcs.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
|
||
<td class="pe-md-5 text-end">1 cup</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Sweet corn</td>
|
||
<td class="pe-md-5 text-end">200 gr</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Chocolate browny</td>
|
||
<td class="pe-md-5 text-end">1 pcs.</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="tab-pane fade" id="pills-1" role="tabpanel" aria-labelledby="pills-1-tab">
|
||
<table class="table --table_blue mb-0 fs-4_5 --f_bold">
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Scrambled eggs</td>
|
||
<td class="pe-md-5 w-50 text-end">2 pcs.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
|
||
<td class="pe-md-5 text-end">1 cup</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Sweet corn</td>
|
||
<td class="pe-md-5 text-end">200 gr</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Chocolate browny</td>
|
||
<td class="pe-md-5 text-end">1 pcs.</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="tab-pane fade" id="pills-2" role="tabpanel" aria-labelledby="pills-2-tab">
|
||
<table class="table --table_blue mb-0 fs-4_5 --f_bold">
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Scrambled eggs</td>
|
||
<td class="pe-md-5 w-50 text-end">2 pcs.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
|
||
<td class="pe-md-5 text-end">1 cup</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Sweet corn</td>
|
||
<td class="pe-md-5 text-end">200 gr</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Chocolate browny</td>
|
||
<td class="pe-md-5 text-end">1 pcs.</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="tab-pane fade" id="pills-3" role="tabpanel" aria-labelledby="pills-3-tab">
|
||
<table class="table --table_blue mb-0 fs-4_5 --f_bold">
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Scrambled eggs</td>
|
||
<td class="pe-md-5 w-50 text-end">2 pcs.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
|
||
<td class="pe-md-5 text-end">1 cup</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Sweet corn</td>
|
||
<td class="pe-md-5 text-end">200 gr</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Chocolate browny</td>
|
||
<td class="pe-md-5 text-end">1 pcs.</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
<div class="tab-pane fade" id="pills-4" role="tabpanel" aria-labelledby="pills-4-tab">
|
||
<table class="table --table_blue mb-0 fs-4_5 --f_bold">
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Scrambled eggs</td>
|
||
<td class="pe-md-5 w-50 text-end">2 pcs.</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Coffee with milk (latte idk)</td>
|
||
<td class="pe-md-5 text-end">1 cup</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Sweet corn</td>
|
||
<td class="pe-md-5 text-end">200 gr</td>
|
||
</tr>
|
||
<tr>
|
||
<td class="ps-md-5 w-50">Chocolate browny</td>
|
||
<td class="pe-md-5 text-end">1 pcs.</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="container --mw-1000 mb-4 px-0 fs-4_5 --bordered --radius --f_bold --arr_top">
|
||
<textarea class="form-control h-100 fs-6 --is_edit" placeholder="Введите комментарий к отчёту..." data-bs-toggle="tooltip" title="Введите комментарий к отчёту..."></textarea>
|
||
</div>
|
||
|
||
<div class="container mb-4 px-4 py-4 --bg_white --shadow --radius --mw-1000 text-center">
|
||
<small>
|
||
<p>Дополнительная информация:</p>
|
||
<div class="--f_bold">Чувствую себя отлично! Стал привыкать к деете, правда под сон очень голоден, может можно что-то перекусить?</div>
|
||
</small>
|
||
</div>
|
||
|
||
<div class="container --mw-1000 mb-4 px-0 fs-4_5 --bg_note --bordered --radius --f_bold --arr_top">
|
||
<textarea class="form-control h-100 fs-6 --is_edit" placeholder="Введите комментарий к отчёту..." data-bs-toggle="tooltip" title="Введите комментарий к отчёту..."></textarea>
|
||
</div>
|
||
|
||
<div class="container p-0 --mw-1000">
|
||
<div class="row gx-4">
|
||
<div class="col">
|
||
<a href="#" class="btn btn-lg btn-secondary btn-block w-100 --f_bolder">В ЧЕРНОВИК</a>
|
||
</div>
|
||
<div class="col">
|
||
<button class="btn btn-lg btn-primary btn-block w-100 --f_bolder" type="submit">ОТПРАВИТЬ</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</section>
|
||
|
||
<footer>
|
||
<div class="container --mw-1000 py-5 --f_bold">
|
||
<div class="d-flex align-items-center justify-content-between">
|
||
<div>
|
||
<a href="#" class="me-4 active">Русский</a>
|
||
<a href="#">English</a>
|
||
</div>
|
||
<div style="color:var(--main_fcolor)">
|
||
Eatvio © 2022
|
||
</div>
|
||
</div>
|
||
<hr/>
|
||
<ul class="--menu --footer">
|
||
<li><a href="#">Конфиденциальность</a></li>
|
||
<li><a href="#">Условия использования</a></li>
|
||
<li><a href="#">Справка</a></li>
|
||
<li><a href="#">Регистрация</a></li>
|
||
</ul>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
/*
|
||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
|
||
var tooltipList = tooltipTriggerList.map( (tooltipTriggerEl) => {
|
||
return new bootstrap.Tooltip(tooltipTriggerEl)
|
||
})
|
||
|
||
const TooltipEl = document.querySelectorAll('[data-bs-toggle="tooltip"]'),
|
||
tooltip = new bootstrap.Tooltip(TooltipEl);
|
||
*/
|
||
|
||
$(document).on('submit', '#submitForm', (e) => {
|
||
e.preventDefault();
|
||
$('[data-bs-toggle="tooltip"]').tooltip("show")
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |