Spaces:
Sleeping
Sleeping
Update nutri_call.html
Browse files- nutri_call.html +73 -57
nutri_call.html
CHANGED
|
@@ -112,42 +112,6 @@ legend {
|
|
| 112 |
|
| 113 |
|
| 114 |
|
| 115 |
-
|
| 116 |
-
|
| 117 |
-
|
| 118 |
-
|
| 119 |
-
/* Стили для информационного блока */
|
| 120 |
-
.info-block {
|
| 121 |
-
display: flex;
|
| 122 |
-
flex-direction: column;
|
| 123 |
-
gap: 8px;
|
| 124 |
-
font-size: 0.9em;
|
| 125 |
-
}
|
| 126 |
-
|
| 127 |
-
.info-row {
|
| 128 |
-
display: flex;
|
| 129 |
-
align-items: center;
|
| 130 |
-
gap: 10px;
|
| 131 |
-
}
|
| 132 |
-
|
| 133 |
-
.info-label {
|
| 134 |
-
font-weight: bold;
|
| 135 |
-
min-width: 150px;
|
| 136 |
-
text-align: right;
|
| 137 |
-
}
|
| 138 |
-
|
| 139 |
-
/* Стили для поля ввода температуры */
|
| 140 |
-
.temperature-input {
|
| 141 |
-
display: flex;
|
| 142 |
-
align-items: center;
|
| 143 |
-
gap: 10px;
|
| 144 |
-
font-size: 0.9em;
|
| 145 |
-
}
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
/* Стили для колонок азотных элементов */
|
| 152 |
.nitrogen-container {
|
| 153 |
display: flex;
|
|
@@ -184,7 +148,42 @@ legend {
|
|
| 184 |
}
|
| 185 |
|
| 186 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 187 |
|
|
|
|
|
|
|
|
|
|
| 188 |
|
| 189 |
|
| 190 |
|
|
@@ -396,39 +395,56 @@ legend {
|
|
| 396 |
</div>
|
| 397 |
<div class="profile-element" style="grid-column: 9">
|
| 398 |
<span class="profile-label">t°C</span>
|
| 399 |
-
<input id="
|
| 400 |
</div>
|
| 401 |
</div>
|
| 402 |
|
| 403 |
-
<!-- Азотные элементы -->
|
| 404 |
-
<div
|
| 405 |
-
<!-- Колонка
|
| 406 |
-
<div class="nitrogen-
|
| 407 |
-
<
|
| 408 |
-
<div class="nitrogen-
|
| 409 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 410 |
</div>
|
| 411 |
-
|
| 412 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 413 |
</div>
|
| 414 |
</div>
|
| 415 |
|
| 416 |
-
<!--
|
| 417 |
-
<div class="
|
| 418 |
-
<div class="
|
| 419 |
-
<div class="
|
| 420 |
-
<
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 421 |
</div>
|
| 422 |
-
<div class="
|
| 423 |
-
<
|
|
|
|
| 424 |
</div>
|
| 425 |
</div>
|
| 426 |
</div>
|
| 427 |
-
|
| 428 |
-
|
| 429 |
-
|
| 430 |
</fieldset>
|
| 431 |
-
|
| 432 |
<fieldset>
|
| 433 |
<legend>Составы солей</legend>
|
| 434 |
<div class="fertilisers-container">
|
|
|
|
| 112 |
|
| 113 |
|
| 114 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 115 |
/* Стили для колонок азотных элементов */
|
| 116 |
.nitrogen-container {
|
| 117 |
display: flex;
|
|
|
|
| 148 |
}
|
| 149 |
|
| 150 |
|
| 151 |
+
/* Стили для блока NPK */
|
| 152 |
+
.npk-block {
|
| 153 |
+
display: flex;
|
| 154 |
+
flex-direction: column;
|
| 155 |
+
align-items: flex-start;
|
| 156 |
+
gap: 5px;
|
| 157 |
+
padding: 10px;
|
| 158 |
+
background-color: #eaffea;
|
| 159 |
+
border: 1px solid #2e8b57;
|
| 160 |
+
border-radius: 8px;
|
| 161 |
+
width: 100px;
|
| 162 |
+
}
|
| 163 |
+
|
| 164 |
+
.npk-header {
|
| 165 |
+
font-weight: bold;
|
| 166 |
+
font-size: 1em;
|
| 167 |
+
text-align: center;
|
| 168 |
+
margin-bottom: 5px;
|
| 169 |
+
width: 100%;
|
| 170 |
+
}
|
| 171 |
+
|
| 172 |
+
.npk-row {
|
| 173 |
+
display: flex;
|
| 174 |
+
align-items: center;
|
| 175 |
+
gap: 5px;
|
| 176 |
+
}
|
| 177 |
+
|
| 178 |
+
.npk-label {
|
| 179 |
+
font-weight: bold;
|
| 180 |
+
min-width: 20px;
|
| 181 |
+
text-align: right;
|
| 182 |
+
}
|
| 183 |
|
| 184 |
+
.npk-row span {
|
| 185 |
+
font-size: 0.9em;
|
| 186 |
+
}
|
| 187 |
|
| 188 |
|
| 189 |
|
|
|
|
| 395 |
</div>
|
| 396 |
<div class="profile-element" style="grid-column: 9">
|
| 397 |
<span class="profile-label">t°C</span>
|
| 398 |
+
<input id="profile_temp" type="number" value="25.0" step="0.01"/>
|
| 399 |
</div>
|
| 400 |
</div>
|
| 401 |
|
| 402 |
+
<!-- Азотные элементы и блок NPK -->
|
| 403 |
+
<div style="display: flex; align-items: flex-start; gap: 20px;">
|
| 404 |
+
<!-- Колонки азотных элементов -->
|
| 405 |
+
<div class="nitrogen-container" style="margin-top: 10px; display: flex; gap: 20px;">
|
| 406 |
+
<!-- Колонка 1: NH4 -->
|
| 407 |
+
<div class="nitrogen-column">
|
| 408 |
+
<div class="column-header">NH4</div>
|
| 409 |
+
<div class="nitrogen-group">
|
| 410 |
+
<input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; color: #666;">
|
| 411 |
+
</div>
|
| 412 |
+
<div class="nitrogen-group">
|
| 413 |
+
<input id="calculated_nh4" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
|
| 414 |
+
</div>
|
| 415 |
</div>
|
| 416 |
+
|
| 417 |
+
<!-- Колонка 2: NO3 -->
|
| 418 |
+
<div class="nitrogen-column">
|
| 419 |
+
<div class="column-header">NO3</div>
|
| 420 |
+
<div class="nitrogen-group">
|
| 421 |
+
<input id="profile_no3" type="number" value="8.25" step="0.01" min="5" max="100.001"/>
|
| 422 |
+
</div>
|
| 423 |
+
<div class="nitrogen-group">
|
| 424 |
+
<input id="calculated_no3" type="number" value="0.000" step="0.001" readonly style="background-color: #f0f0f0; color: #666;">
|
| 425 |
+
</div>
|
| 426 |
</div>
|
| 427 |
</div>
|
| 428 |
|
| 429 |
+
<!-- Блок NPK -->
|
| 430 |
+
<div class="npk-block">
|
| 431 |
+
<div class="npk-header">NPK</div>
|
| 432 |
+
<div class="npk-row">
|
| 433 |
+
<span class="npk-label">N:</span>
|
| 434 |
+
<span id="npk-n-value">0.000</span>
|
| 435 |
+
</div>
|
| 436 |
+
<div class="npk-row">
|
| 437 |
+
<span class="npk-label">P:</span>
|
| 438 |
+
<span id="npk-p-value">0.000</span>
|
| 439 |
</div>
|
| 440 |
+
<div class="npk-row">
|
| 441 |
+
<span class="npk-label">K:</span>
|
| 442 |
+
<span id="npk-k-value">0.000</span>
|
| 443 |
</div>
|
| 444 |
</div>
|
| 445 |
</div>
|
| 446 |
+
</div>
|
|
|
|
|
|
|
| 447 |
</fieldset>
|
|
|
|
| 448 |
<fieldset>
|
| 449 |
<legend>Составы солей</legend>
|
| 450 |
<div class="fertilisers-container">
|