Skip to content

Commit 9557516

Browse files
author
martinmeerAT
committed
feat() add new pages classed-size, facet
1 parent ab12005 commit 9557516

File tree

12 files changed

+866
-473
lines changed

12 files changed

+866
-473
lines changed

‎html/classed-size.html‎

Lines changed: 205 additions & 72 deletions
Original file line numberDiff line numberDiff line change
@@ -1,94 +1,227 @@
1-
<!DOCTYPE html>
1+
2+
<!doctype html>
23
<html lang="ru">
34
<head>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
7+
<meta name="description" content="ОСТ 22">
8+
<title>ОСТ 22</title>
9+
410
<link rel="preconnect" href="https://fonts.googleapis.com">
511
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
612
<link href="https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">
713
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
8-
9-
<meta charset="UTF-8">
10-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
11-
<title>Наружная резьба</title>
12-
<link rel="stylesheet" href="../css/styles.css">
13-
<link rel="stylesheet" href="../css/menu.css"> <!-- Стили для меню -->
14-
15-
<script>
16-
document.addEventListener("DOMContentLoaded", function() {
17-
fetch('menu.html')
18-
.then(response => response.text())
19-
.then(data => {
20-
document.querySelector('aside.menu').innerHTML = data;
21-
});
22-
});
23-
</script> <!-- Стили для меню -->
14+
15+
<link rel="icon" href="https://tebx.ru/favicon.png" type="image/png">
16+
<link href="../css/styles18.css" rel="stylesheet">
17+
<link rel="stylesheet" href="../css/styles.css">
18+
<script src="../js/bootstrap.bundle.min.js"></script>
2419
</head>
20+
2521
<body>
26-
<header>
27-
<h1>Классные размеры</h1>
28-
<h2>Единая система допусков и посадок</h2>
29-
<h3>ГОСТ 25347-82</h3>
30-
</header>
31-
32-
<aside class="menu"></aside>
33-
34-
<main>
35-
<section class="input-section">
36-
<label for="thread-designation">Введите условное обозначение размера:</label>
37-
<input type="text" id="thread-designation" placeholder="Например: М33х1.5-6е">
38-
<button id="calculate-btn">Рассчитать</button>
39-
</section>
22+
<div class="page">
23+
<div class="page-main">
4024

41-
<section class="result-section">
42-
<div class="left-column">
43-
<h2>Данные для измерения среднего диаметра наружной резьбы</h2>
44-
<dl>
45-
<dt>Средний диаметр:</dt>
46-
<dd id="mean-diameter"></dd>
47-
<dt>es:</dt>
48-
<dd id="es-mean"></dd>
49-
<dt>ei:</dt>
50-
<dd id="ei-mean"></dd>
51-
<dt>Максимальное значение среднего диаметра:</dt>
52-
<dd id="max-mean-diameter"></dd>
53-
<dt>Минимальное значение среднего диаметра:</dt>
54-
<dd id="min-mean-diameter"></dd>
55-
</dl>
56-
<figure>
57-
<img src="" alt="Изображение для среднего диаметра" id="mean-image">
58-
</figure>
59-
</div>
25+
<div class="header py-2 d-xl-none">
26+
<nav class="navbar navbar-expand-xl">
27+
<div class="container">
28+
<button class="navbar-toggler collapsed" type="button"
29+
data-bs-toggle="collapse"
30+
data-bs-target="#navbarsExample06"
31+
aria-controls="navbarsExample06"
32+
aria-expanded="false"
33+
aria-label="Toggle navigation">
34+
<span></span>
35+
<span></span>
36+
<span></span>
37+
</button>
38+
<a class="header-brand" href="../index.html">Ассистент контролера ОТК</a>
39+
<div class="px-5"></div>
40+
</div>
41+
</nav>
42+
</div>
43+
<div class="header collapse d-xl-flex p-0" id="navbarsExample06">
44+
<div class="container">
45+
<div class="row align-items-center">
46+
<div class="col-xl order-xl-first navbar navbar-expand-xl">
47+
<ul class="nav nav-tabs border-0 flex-column flex-xl-row">
48+
<li class="navbar-nav pt-2 mr-5 d-none d-xl-block">
49+
<a class="header-brand " href="../index.html"><b>Ассистент контролера ОТК</b></a>
50+
</li>
51+
<li class="navbar-nav">
52+
<div class="nav-link" id="dropdown05" data-bs-toggle="dropdown" aria-expanded="false"><i class="fe fe-edit"></i>ОСТ 22</div>
53+
<div class="dropdown-menu dropdown-menu-arrow">
54+
<a href="../html/ost22.html" class="dropdown-item" title="ОСТ 22">ОСТ 22</a>
55+
</div>
56+
</li>
57+
<li class="navbar-nav">
58+
<div class="nav-link" id="dropdown06" data-bs-toggle="dropdown" aria-expanded="false"><i class="fe fe-edit"></i>Допуски и посадки</div>
59+
<div class="dropdown-menu dropdown-menu-arrow">
60+
<a href="../html/classed-size.html" class="dropdown-item" title="Допуски и посадки">Допуски и посадки</a>
61+
</div>
62+
</li>
63+
<li class="navbar-nav">
64+
<div class="nav-link" id="dropdown08" data-bs-toggle="dropdown" aria-expanded="false"><i class="fe fe-check-square"></i>Метрическая резьба</div>
65+
<div class="dropdown-menu dropdown-menu-arrow">
66+
<a href="../html/m-thread.html" class="dropdown-item" title="Метрическая резьба">Метрическая резьба</a>
67+
</div>
68+
</li>
69+
<li class="navbar-nav">
70+
<div class="nav-link" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false"><i class="fe fe-box"></i>Расчет фасок</div>
71+
<div class="dropdown-menu dropdown-menu-arrow">
72+
<a href="../html/facets.html" class="dropdown-item" title="Расчет фасок">Расчет фасок</a>
73+
74+
</div>
75+
</li>
76+
77+
78+
</ul>
79+
</div>
80+
</div>
81+
</div>
82+
</div>
6083

61-
<div class="right-column">
62-
<h2>Данные для измерения номинального диаметра наружной резьбы</h2>
63-
<dl>
64-
<dt>Номинальный диаметр:</dt>
65-
<dd id="nominal-diameter"></dd>
66-
<dt>es:</dt>
67-
<dd id="es-nominal"></dd>
68-
<dt>ei:</dt>
69-
<dd id="ei-nominal"></dd>
70-
<dt>Максимальное значение номинального диаметра:</dt>
71-
<dd id="max-nominal-diameter"></dd>
72-
<dt>Минимальное значение номинального диаметра:</dt>
73-
<dd id="min-nominal-diameter"></dd>
74-
</dl>
75-
<figure>
76-
<img src="" alt="Изображение для номинального диаметра" id="nominal-image">
77-
</figure>
84+
<div class="my-3 my-md-6">
85+
<div class="container">
86+
<div class="row">
87+
88+
89+
90+
<div class="col-xl-9">
91+
<div class="card">
92+
<div class="card-body">
93+
<div class="text-wrap p-xl-6">
94+
95+
96+
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom"><h1 class="h2">ГОСТ 25347-82 - <small class="text-muted">Единая система допусков и посадок</small></h1></div>
97+
98+
<!--p><strong>ОСТ 22</strong> Неуказанные предельные отклонения</!--p-->
99+
100+
<section class="calculation-section">
101+
<h3>Размеры элементов отверстий и валов</h3>
102+
103+
<div class="input-section">
104+
<label>Введите размер с чертежа:</label>
105+
<input type="text" id="nominal_dimension" placeholder="Например: 45.5H7">
106+
<button id="calculate-btn">Рассчитать</button>
78107
</div>
108+
<div class="result-section">
109+
<!--
110+
<div class="output-field mb-3">
111+
<label class="font-weight-bold">Тип элемента:</label>
112+
<input type="text" id="element_type" readonly class="form-control">
113+
</div>
114+
-->
115+
<div class="output-field mb-3">
116+
<label class="font-weight-bold">Верхнее отклонение:</label>
117+
<input type="text" id="upper_deviance" readonly class="form-control">
118+
</div>
119+
<div class="output-field mb-3">
120+
<label class="font-weight-bold">Нижнее отклонение:</label>
121+
<input type="text" id="lower_deviance" readonly class="form-control">
122+
</div>
123+
<div class="output-field mb-3">
124+
<label class="font-weight-bold">Максимальный размер:</label>
125+
<input type="text" id="max_mes_value" readonly class="form-control">
126+
</div>
127+
<div class="output-field">
128+
<label class="font-weight-bold">Минимальный размер:</label>
129+
<input type="text" id="min_mes_value" readonly class="form-control">
130+
</div>
131+
</div>
79132
</section>
80133

81134
<section class="pdf-links">
82135
<a href="/path/to/pdf1.pdf" target="_blank">Ссылка на PDF 1</a>
83136
<a href="/path/to/pdf2.pdf" target="_blank">Ссылка на PDF 2</a>
84137
<a href="/path/to/pdf3.pdf" target="_blank">Ссылка на PDF 3</a>
85138
</section>
86-
</main>
139+
</div>
140+
</div>
141+
</div>
142+
</div>
143+
144+
<div class="col-xl-3 px-3">
145+
146+
<div class="list-group list-group-transparent mt-2 mb-2">
147+
<a href="../html/ost22.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-book-open"></i></span>ОСТ 22</a>
148+
<a href="../html/classed-size.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-grid"></i></span>Допуски и посадки</a>
149+
<a href="../html/m-thread.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-grid"></i></span>Метрическая резьба</a>
150+
<a href="../html/facets.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-grid"></i></span>Расчет фасок</a>
151+
152+
</div>
153+
154+
<div class="sticky-top pt-4 pb-5 d-none d-xl-block">
155+
156+
157+
</div>
158+
</div>
159+
160+
</div>
161+
</div>
162+
</div>
163+
164+
<div class="spinner-border text-primary d-none" role="status" id="loading-spinner">
165+
<span class="sr-only">Загрузка...</span>
166+
</div>
167+
168+
<script>
169+
document.getElementById('calculate-btn').addEventListener('click', function() {
170+
document.getElementById('loading-spinner').classList.remove('d-none');
171+
// После завершения расчета
172+
setTimeout(() => {
173+
document.getElementById('loading-spinner').classList.add('d-none');
174+
}, 1000); // примерная задержка
175+
});
176+
</script>
177+
178+
179+
180+
<a href="#" class="btn btn-sm btn-light back-to-top"><i class="fe fe-chevron-up"></i> Наверх</a>
181+
182+
<style>
183+
.back-to-top {
184+
position: fixed;
185+
bottom: 20px;
186+
right: 20px;
187+
display: none;
188+
}
189+
190+
.window-scroll {
191+
display: block;
192+
}
193+
</style>
194+
195+
<script>
196+
window.addEventListener('scroll', function() {
197+
if (window.scrollY > 200) {
198+
document.querySelector('.back-to-top').classList.add('window-scroll');
199+
} else {
200+
document.querySelector('.back-to-top').classList.remove('window-scroll');
201+
}
202+
});
203+
204+
document.querySelector('.back-to-top').addEventListener('click', function(e) {
205+
e.preventDefault();
206+
window.scrollTo({top: 0, behavior: 'smooth'});
207+
});
208+
</script>
209+
210+
<footer class="footer">
211+
<div class="container">
212+
<div class="row justify-content-between align-items-center">
213+
<div class="col-auto">
214+
© MartinMeer.com 2024-2025
215+
</div>
216+
<div class="col-auto">
217+
<a href="../index.html" class="btn btn-sm btn-secondary">На главную</a>
218+
</div>
219+
</div>
220+
</div>
221+
</footer>
222+
223+
<script type="module" src="../js/ost22/calculations.js"></script>
87224

88-
<footer>
89-
<p>© 2023 Ваша компания | <a href="mailto:[email protected]">[email protected]</a> | Дата обновления: 01.01.2023</p>
90-
</footer>
91225

92-
<script type="module" src="/js/clssizes/calculations.js"></script>
93226
</body>
94227
</html>

0 commit comments

Comments
 (0)