Изменения документа 📡 Основные понятия

Сводка

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)

Подробности

Свойства страницы

Содержимое

...	...	@@ -1,51 +1,4 @@
1	1	{{html clean="false"}}
2		-<style>
3		-html {
4		- scroll-behavior: smooth;
5		-}
6		-
7		-/* ==== Секция терминов ==== */
8		-.terms-section {
9		- background: #fafafa;
10		- padding: 18px;
11		- border-radius: 10px;
12		- margin: 24px 0;
13		- box-shadow: 0 2px 6px rgba(0,0,0,0.05);
14		-}
15		-
16		-.terms-section h2 {
17		- margin-top: 0;
18		-}
19		-
20		-.term-grid {
21		- display: grid;
22		- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
23		- gap: 14px;
24		- margin-top: 14px;
25		-}
26		-
27		-.term-card {
28		- border-radius: 8px;
29		- overflow: hidden;
30		- background: white;
31		- display: flex;
32		- flex-direction: column;
33		- transition: transform 0.2s ease, box-shadow 0.2s ease;
34		-}
35		-
36		-.term-card:hover {
37		- transform: translateY(-3px);
38		- box-shadow: 0 4px 10px rgba(0,0,0,0.08);
39		-}
40		-
41		-/* Цвета шапок */
42		-.term-card.primary .term-card-header { background: var(--color-primary); }
43		-.term-card.success .term-card-header { background: var(--color-success); }
44		-.term-card.info .term-card-header { background: var(--color-info); }
45		-.term-card.warning .term-card-header { background: var(--color-warning); }
46		-.term-card.danger .term-card-header { background: var(--color-danger); }
47		-</style>
48		-
49	49	<div class="page-container">
50	50	<div class="page-header">
51	51	<p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
...	...	@@ -53,8 +53,8 @@
53	53	</div>
54	54
55	55	<div class="anchor-buttons">
56		- <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
57		- <a href="#panel" class="btn-green">⚙️ Панель управления</a>
	9	+ <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
	10	+ <a href="#panel" class="btn-success">⚙️ Панель управления</a>
58	58	</div>
59	59
60	60	<h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
...	...	@@ -64,6 +64,7 @@
64	64	<li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
65	65	<li>Управлять объектами (передача команд на подключённое оборудование).</li>
66	66	<li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
	20	+ <li>Вести график поездок.</li>
67	67	<li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
68	68	</ul>
69	69
...	...	@@ -71,9 +71,10 @@
71	71	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
72	72	</div>
73	73
74		- <div class="terms-section">
75		- <h2>📖 Термины, связанные с мониторингом</h2>
76		- <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
	28	+ <div class="term-section">
	29	+ <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
	30	+ <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
	31	+
77	77	<div class="term-grid">
78	78	<div class="term-card primary">
79	79	<div class="term-card-header">📡 Мониторинг</div>
...	...	@@ -140,7 +140,7 @@
140	140	<h2 class="section-title" id="panel">⚙️ Панель управления</h2>
141	141	<p>Панель управления позволяет:</p>
142	142	<ul class="custom-list">
143		- <li>Управлять учётными записями пользователей и правами доступа.</li>
	98	+ <li>Управлять учетными записями пользователей и правами доступа.</li>
144	144	<li>Настраивать видимость объектов, геообъектов и полей.</li>
145	145	<li>Создавать и редактировать задания, отчёты и уведомления.</li>
146	146	</ul>
...	...	@@ -149,9 +149,10 @@
149	149	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
150	150	</div>
151	151
152		- <div class="terms-section">
153		- <h2>📚 Термины, связанные с панелью управления</h2>
154		- <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	107	+ <div class="term-section">
	108	+ <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
	109	+ <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	110	+
155	155	<div class="term-grid">
156	156	<div class="term-card primary">
157	157	<div class="term-card-header">📡 Абонентский терминал</div>
...	...	@@ -210,4 +210,52 @@
210	210	</div>
211	211	</div>
212	212	</div>
	169	+
	170	+<style>
	171	+.term-section {
	172	+ background: var(--color-light);
	173	+ padding: 18px;
	174	+ border-radius: 10px;
	175	+ margin-top: 24px;
	176	+}
	177	+
	178	+.term-section-header {
	179	+ font-size: 18px;
	180	+ font-weight: 600;
	181	+ margin-bottom: 6px;
	182	+ display: flex;
	183	+ align-items: center;
	184	+}
	185	+
	186	+.term-section-desc {
	187	+ font-size: 14px;
	188	+ color: #555;
	189	+ margin-bottom: 16px;
	190	+}
	191	+
	192	+.term-grid {
	193	+ display: grid;
	194	+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	195	+ gap: 12px;
	196	+}
	197	+
	198	+.term-card {
	199	+ border-radius: 8px;
	200	+ overflow: hidden;
	201	+ box-shadow: 0 2px 6px rgba(0,0,0,0.05);
	202	+ background: white;
	203	+ display: flex;
	204	+ flex-direction: column;
	205	+ opacity: 0;
	206	+ transform: translateY(10px);
	207	+ animation: fadeIn 0.4s forwards;
	208	+}
	209	+
	210	+@keyframes fadeIn {
	211	+ to {
	212	+ opacity: 1;
	213	+ transform: translateY(0);
	214	+ }
	215	+}
	216	+</style>
213	213	{{/html}}