Hugging Face's logo

Spaces:
gidr
/
flask_inference_api_g
Running

App Files Community
DmitrMakeev commited on
Commit
55ecd21
·
verified ·
1 Parent(s): df087e2

Update nutri_call.html

Browse files
Files changed (1) hide show
  1. nutri_call.html +42 -215
nutri_call.html CHANGED
@@ -1,53 +1,10 @@
1
  <!DOCTYPE html>
2
  <html lang="ru">
3
  <head>
4
- <meta charset="UTF-8">
5
- <title>Калькулятор удобрений</title>
6
  <style>
7
- /* Основной контейнер */
8
- /* Общие стили для всех рамок */
9
- fieldset, .calculation-box {
10
- border: 2px solid #2e8b57;
11
- background-color: #eaffea;
12
- padding: 1em;
13
- margin-bottom: 20px;
14
- border-radius: 8px;
15
- width: 1000px; /* Фиксированная ширина как у верхних блоков */
16
- }
17
- /* Стили для основной рамки с кнопкой */
18
- .calculation-box {
19
- width: 1000px; /* Такая же ширина как у верхних блоков */
20
- }
21
- /* Контейнер для элементов управления */
22
- .main-controls {
23
- display: flex;
24
- flex-direction: column;
25
- gap: 15px;
26
- min-width: 200px;
27
- }
28
- /* Стили для группы усиления */
29
- .enhancement-block {
30
- display: flex;
31
- flex-direction: column;
32
- gap: 10px;
33
- }
34
- /* Стили для строк ввода */
35
- .enhancement-input {
36
- display: flex;
37
- align-items: center;
38
- gap: 15px; /* Увеличил отступ между надписью и полем ввода */
39
- margin-bottom: 8px;
40
- }
41
- .enhancement-input label {
42
- min-width: 120px; /* Фиксированная ширина для всех надписей */
43
- text-align: right;
44
- padding-right: 10px;
45
- }
46
- .enhancement-input input[type="number"] {
47
- width: 80px;
48
- flex-shrink: 0; /* Запрещаем уменьшение ширины поля ввода */
49
- }
50
- /* Остальные стили остаются без изменений */
51
  body {
52
  margin: 0 auto;
53
  width: 1000px;
@@ -55,6 +12,7 @@ body {
55
  background-color: #f0f0f0;
56
  font-family: Arial, sans-serif;
57
  }
 
58
  h1 {
59
  background-color: #2e8b57;
60
  color: white;
@@ -62,32 +20,49 @@ h1 {
62
  padding: 1em;
63
  border-radius: 10px;
64
  margin-bottom: 20px;
65
- width: 1000px; /* Фиксированная ширина как у рамок */
66
  box-sizing: border-box;
67
  }
 
 
 
 
 
 
 
 
 
 
 
68
  legend {
69
  font-weight: bold;
70
  color: #2e8b57;
71
  padding: 0 10px;
72
  }
 
73
  .main-container {
74
  display: grid;
75
  grid-template-columns: 120px repeat(8, 90px);
76
  gap: 10px;
77
  padding: 10px;
78
  }
 
79
  .profile-container {
80
  display: contents;
81
  }
 
82
  .profile-element {
83
  display: flex;
84
  flex-direction: column;
85
  align-items: center;
 
 
86
  }
 
87
  .profile-label {
88
  font-weight: bold;
89
- margin-bottom: 5px;
90
  }
 
91
  .nitrogen-container {
92
  grid-column: 1 / -1;
93
  display: flex;
@@ -95,56 +70,51 @@ legend {
95
  padding-left: 120px;
96
  margin-top: 10px;
97
  }
 
98
  .nitrogen-group {
99
  display: flex;
100
  align-items: center;
101
  gap: 5px;
102
  }
 
 
103
  .fertilisers-container {
104
  display: flex;
105
  flex-direction: column;
106
  }
 
107
  .fert-row {
108
  display: flex;
109
  align-items: center;
110
  margin-bottom: 10px;
111
  }
 
112
  .fert-header {
113
  font-weight: bold;
114
  text-align: center;
115
  min-width: 90px;
116
  padding: 5px;
117
  }
 
118
  .fert-name {
119
  font-weight: bold;
120
  min-width: 120px;
121
  text-align: left;
122
  padding-right: 10px;
123
  }
 
124
  .fert-cell {
125
  text-align: center;
126
  min-width: 90px;
127
  padding: 5px;
128
  }
 
129
  .fert-input {
130
  width: 80px;
131
  margin: 0 5px;
132
  }
133
- .calculation-container {
134
- display: flex;
135
- gap: 30px;
136
- align-items: flex-start;
137
- }
138
- .enhancement-title {
139
- font-weight: bold;
140
- color: #2e8b57;
141
- margin-bottom: 5px;
142
- }
143
- .enhancement-controls {
144
- display: flex;
145
- flex-direction: column;
146
- gap: 8px;
147
- }
148
  #calculate-btn {
149
  background-color: #2e8b57;
150
  color: white;
@@ -156,66 +126,20 @@ legend {
156
  transition: background-color 0.3s;
157
  margin-bottom: 5px;
158
  }
 
159
  #calculate-btn:hover {
160
  background-color: #3cb371;
161
  }
162
- .compensation-section {
163
- display: flex;
164
- flex-direction: column;
165
- gap: 10px;
166
- }
167
- .compensation-weights {
168
- display: flex;
169
- flex-direction: column;
170
- gap: 8px;
171
- }
172
- .weight-input-group {
173
- display: flex;
174
- align-items: center;
175
- gap: 10px;
176
- }
177
- .weight-input-group label {
178
- min-width: 80px;
179
- text-align: right;
180
- }
181
- .weight-input-group input {
182
- width: 80px;
183
- padding: 5px;
184
- border: 1px solid #ccc;
185
- border-radius: 4px;
186
- }
187
- .input-column {
188
- display: flex;
189
- flex-direction: column;
190
- gap: 10px;
191
- }
192
- .input-group {
193
- display: flex;
194
- align-items: center;
195
- gap: 10px;
196
- }
197
- .input-group label {
198
- min-width: 80px;
199
- text-align: right;
200
- }
201
- .input-group input {
202
- width: 80px;
203
- padding: 5px;
204
- border: 1px solid #ccc;
205
- border-radius: 4px;
206
- }
207
  </style>
208
  </head>
209
 
210
  <body>
211
 
212
- <h1>Калькулятор удобрений</h1>
213
-
214
 
215
  <fieldset>
216
  <legend>Макропрофиль в мг/л (ppm)</legend>
217
  <div class="main-container">
218
- <!-- Основные элементы -->
219
  <div class="profile-container">
220
  <div class="profile-element" style="grid-column: 2">
221
  <span class="profile-label">N</span>
@@ -246,12 +170,12 @@ legend {
246
  <input id="profile_ec" type="number" value="0.0" step="0.001"/>
247
  </div>
248
  </div>
249
-
250
- <!-- Азотные элементы -->
251
  <div class="nitrogen-container">
252
  <div class="nitrogen-group">
253
  <label for="profile_nh4">NH4:</label>
254
- <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly style="background-color: #f0f0f0; border: 1px solid #ccc; color: #666;">
 
255
  </div>
256
  <div class="nitrogen-group">
257
  <label for="profile_no3">NO3:</label>
@@ -264,7 +188,6 @@ legend {
264
  <fieldset>
265
  <legend>Составы солей</legend>
266
  <div class="fertilisers-container">
267
- <!-- Заголовки -->
268
  <div class="fert-row">
269
  <span class="fert-name">Удобрение</span>
270
  <span class="fert-header">NH4</span>
@@ -276,8 +199,7 @@ legend {
276
  <span class="fert-header">S</span>
277
  <span class="fert-header">Грамм</span>
278
  </div>
279
-
280
- <!-- Строки с удобрениями -->
281
  <div class="fert-row">
282
  <span class="fert-name">CaN2O6</span>
283
  <span class="fert-cell">-</span>
@@ -289,110 +211,15 @@ legend {
289
  <span class="fert-cell">-</span>
290
  <input class="fert-input" type="number" step="0.001" id="calcium_nitrate"/>
291
  </div>
292
-
293
- <div class="fert-row">
294
- <span class="fert-name">KNO3</span>
295
- <span class="fert-cell">-</span>
296
- <input class="fert-input" type="number" value="13.854" step="0.001" id="fert_kno3_no3"/>
297
- <span class="fert-cell">-</span>
298
- <input class="fert-input" type="number" value="36.672" step="0.001" id="fert_kno3_k"/>
299
- <span class="fert-cell">-</span>
300
- <span class="fert-cell">-</span>
301
- <span class="fert-cell">-</span>
302
- <input class="fert-input" type="number" step="0.001" id="potassium_nitrate"/>
303
- </div>
304
-
305
- <div class="fert-row">
306
- <span class="fert-name">NH4NO3</span>
307
- <input class="fert-input" type="number" value="17.499" step="0.001" id="fert_nh4no3_nh4"/>
308
- <input class="fert-input" type="number" value="17.499" step="0.001" id="fert_nh4no3_no3"/>
309
- <span class="fert-cell">-</span>
310
- <span class="fert-cell">-</span>
311
- <span class="fert-cell">-</span>
312
- <span class="fert-cell">-</span>
313
- <span class="fert-cell">-</span>
314
- <input class="fert-input" type="number" step="0.001" id="ammonium_nitrate"/>
315
- </div>
316
-
317
- <div class="fert-row">
318
- <span class="fert-name">MgSO4</span>
319
- <span class="fert-cell">-</span>
320
- <span class="fert-cell">-</span>
321
- <span class="fert-cell">-</span>
322
- <span class="fert-cell">-</span>
323
- <span class="fert-cell">-</span>
324
- <input class="fert-input" type="number" value="10.22" step="0.001" id="fert_mgso4_mg"/>
325
- <input class="fert-input" type="number" value="13.483" step="0.001" id="fert_mgso4_s"/>
326
- <input class="fert-input" type="number" step="0.001" id="magnesium_sulfate"/>
327
- </div>
328
-
329
- <div class="fert-row">
330
- <span class="fert-name">KH2PO4</span>
331
- <span class="fert-cell">-</span>
332
- <span class="fert-cell">-</span>
333
- <input class="fert-input" type="number" value="22.761" step="0.001" id="fert_kh2po4_p"/>
334
- <input class="fert-input" type="number" value="28.731" step="0.001" id="fert_kh2po4_k"/>
335
- <span class="fert-cell">-</span>
336
- <span class="fert-cell">-</span>
337
- <span class="fert-cell">-</span>
338
- <input class="fert-input" type="number" step="0.001" id="monopotassium_phosphate"/>
339
- </div>
340
-
341
- <div class="fert-row">
342
- <span class="fert-name">K2SO4</span>
343
- <span class="fert-cell">-</span>
344
- <span class="fert-cell">-</span>
345
- <span class="fert-cell">-</span>
346
- <input class="fert-input" type="number" value="44.874" step="0.001" id="fert_k2so4_k"/>
347
- <span class="fert-cell">-</span>
348
- <span class="fert-cell">-</span>
349
- <input class="fert-input" type="number" value="18.401" step="0.001" id="fert_k2so4_s"/>
350
- <input class="fert-input" type="number"" value="0.0000000" step="0.001" id="potassium_sulfate"/>
351
- </div>
352
- </div>
353
- </fieldset>
354
 
355
-
356
- <fieldset class="calculation-box">
357
- <legend>Расчёт удобрений</legend>
358
- <div class="calculation-container">
359
- <!-- Блок с заголовком "Усиление" -->
360
- <div class="compensation-section">
361
- <div class="enhancement-title">Усиление:</div>
362
-
363
- <!-- Веса компенсации -->
364
- <div class="compensation-weights">
365
- <div class="weight-input-group">
366
- <label for="weight-k2so4">K₂SO₄:</label>
367
- <input type="number" id="weight-k2so4" value="0.23" step="0.01" min="-1" max="1">
368
- </div>
369
- <div class="weight-input-group">
370
- <label for="weight-mgso4">MgSO₄:</label>
371
- <input type="number" id="weight-mgso4" value="-0.10" step="0.01" min="-1" max="1">
372
- </div>
373
- <div class="weight-input-group">
374
- <label for="weight-kh2po4">KH₂PO₄:</label>
375
- <input type="number" id="weight-kh2po4" value="0.14" step="0.01" min="-1" max="1">
376
- </div>
377
- </div>
378
- </div>
379
-
380
- <div class="input-column">
381
- <div class="input-group">
382
- <label for="liters-input">Литры:</label>
383
- <input type="number" id="liters-input" value="100" min="1" step="1">
384
- </div>
385
- <div class="input-group">
386
- <label for="rounding-precision">Точность:</label>
387
- <input type="number" id="rounding-precision" value="3" min="0" max="3" step="1">
388
- </div>
389
- <button id="calculate-btn">Рассчитать</button>
390
- </div>
391
  </div>
392
  </fieldset>
393
 
394
 
395
 
 
 
396
  <script>
397
  let call_data;
398
 
 
1
  <!DOCTYPE html>
2
  <html lang="ru">
3
  <head>
4
+ <meta charset="UTF-8">
5
+ <title>Калькулятор удобрений</title>
6
  <style>
7
+ /* Общие стили */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
8
  body {
9
  margin: 0 auto;
10
  width: 1000px;
 
12
  background-color: #f0f0f0;
13
  font-family: Arial, sans-serif;
14
  }
15
+
16
  h1 {
17
  background-color: #2e8b57;
18
  color: white;
 
20
  padding: 1em;
21
  border-radius: 10px;
22
  margin-bottom: 20px;
23
+ width: 1000px;
24
  box-sizing: border-box;
25
  }
26
+
27
+ /* Основные блоки */
28
+ fieldset, .calculation-box {
29
+ border: 2px solid #2e8b57;
30
+ background-color: #eaffea;
31
+ padding: 1em;
32
+ margin-bottom: 20px;
33
+ border-radius: 8px;
34
+ width: 1000px;
35
+ }
36
+
37
  legend {
38
  font-weight: bold;
39
  color: #2e8b57;
40
  padding: 0 10px;
41
  }
42
+
43
  .main-container {
44
  display: grid;
45
  grid-template-columns: 120px repeat(8, 90px);
46
  gap: 10px;
47
  padding: 10px;
48
  }
49
+
50
  .profile-container {
51
  display: contents;
52
  }
53
+
54
  .profile-element {
55
  display: flex;
56
  flex-direction: column;
57
  align-items: center;
58
+ gap: 5px; /* Добавлен отступ между меткой и полем ввода */
59
+ margin-bottom: 10px; /* Добавлен вертикальный отступ между полями */
60
  }
61
+
62
  .profile-label {
63
  font-weight: bold;
 
64
  }
65
+
66
  .nitrogen-container {
67
  grid-column: 1 / -1;
68
  display: flex;
 
70
  padding-left: 120px;
71
  margin-top: 10px;
72
  }
73
+
74
  .nitrogen-group {
75
  display: flex;
76
  align-items: center;
77
  gap: 5px;
78
  }
79
+
80
+ /* Блок удобрений */
81
  .fertilisers-container {
82
  display: flex;
83
  flex-direction: column;
84
  }
85
+
86
  .fert-row {
87
  display: flex;
88
  align-items: center;
89
  margin-bottom: 10px;
90
  }
91
+
92
  .fert-header {
93
  font-weight: bold;
94
  text-align: center;
95
  min-width: 90px;
96
  padding: 5px;
97
  }
98
+
99
  .fert-name {
100
  font-weight: bold;
101
  min-width: 120px;
102
  text-align: left;
103
  padding-right: 10px;
104
  }
105
+
106
  .fert-cell {
107
  text-align: center;
108
  min-width: 90px;
109
  padding: 5px;
110
  }
111
+
112
  .fert-input {
113
  width: 80px;
114
  margin: 0 5px;
115
  }
116
+
117
+ /* Кнопка */
 
 
 
 
 
 
 
 
 
 
 
 
 
118
  #calculate-btn {
119
  background-color: #2e8b57;
120
  color: white;
 
126
  transition: background-color 0.3s;
127
  margin-bottom: 5px;
128
  }
129
+
130
  #calculate-btn:hover {
131
  background-color: #3cb371;
132
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
  </style>
134
  </head>
135
 
136
  <body>
137
 
138
+ <h1>Калькулятор удобрений</h1>
 
139
 
140
  <fieldset>
141
  <legend>Макропрофиль в мг/л (ppm)</legend>
142
  <div class="main-container">
 
143
  <div class="profile-container">
144
  <div class="profile-element" style="grid-column: 2">
145
  <span class="profile-label">N</span>
 
170
  <input id="profile_ec" type="number" value="0.0" step="0.001"/>
171
  </div>
172
  </div>
173
+
 
174
  <div class="nitrogen-container">
175
  <div class="nitrogen-group">
176
  <label for="profile_nh4">NH4:</label>
177
+ <input id="profile_nh4" type="number" value="1.0" step="1.0" readonly
178
+ style="background-color: #f0f0f0; border: 1px solid #ccc; color: #666;">
179
  </div>
180
  <div class="nitrogen-group">
181
  <label for="profile_no3">NO3:</label>
 
188
  <fieldset>
189
  <legend>Составы солей</legend>
190
  <div class="fertilisers-container">
 
191
  <div class="fert-row">
192
  <span class="fert-name">Удобрение</span>
193
  <span class="fert-header">NH4</span>
 
199
  <span class="fert-header">S</span>
200
  <span class="fert-header">Грамм</span>
201
  </div>
202
+
 
203
  <div class="fert-row">
204
  <span class="fert-name">CaN2O6</span>
205
  <span class="fert-cell">-</span>
 
211
  <span class="fert-cell">-</span>
212
  <input class="fert-input" type="number" step="0.001" id="calcium_nitrate"/>
213
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
214
 
215
+ <!-- Добавьте остальные строки здесь -->
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
216
  </div>
217
  </fieldset>
218
 
219
 
220
 
221
+
222
+
223
  <script>
224
  let call_data;
225