Spaces:
Running
Running
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">
|