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

Сводка

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

Подробности

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

Содержимое

...	...	@@ -1,10 +1,4 @@
1	1	{{html clean="false"}}
2		-<style>
3		-html {
4		- scroll-behavior: smooth;
5		-}
6		-</style>
7		-
8	8	<div class="page-container">
9	9	<div class="page-header">
10	10	<p>Эта страница поможет вам разобраться в ключевых терминах и интерфейсе системы спутникового мониторинга <b>SMT‑Hosting</b>.
...	...	@@ -12,8 +12,8 @@
12	12	</div>
13	13
14	14	<div class="anchor-buttons">
15		- <a href="#monitoring" class="btn-blue">🛰 Система мониторинга</a>
16		- <a href="#panel" class="btn-green">⚙️ Панель управления</a>
	9	+ <a href="#monitoring" class="btn-primary">🛰 Система мониторинга</a>
	10	+ <a href="#panel" class="btn-success">⚙️ Панель управления</a>
17	17	</div>
18	18
19	19	<h2 class="section-title" id="monitoring">🛰 Система мониторинга</h2>
...	...	@@ -23,6 +23,7 @@
23	23	<li>Контролировать ключевые параметры: направление и скорость движения, расход топлива, выезд за границы маршрута.</li>
24	24	<li>Управлять объектами (передача команд на подключённое оборудование).</li>
25	25	<li>Получать оповещения об экстренных ситуациях (превышение скорости, слив топлива из бака).</li>
	20	+ <li>Вести график поездок.</li>
26	26	<li>Формировать отчёты и графики по пробегу, моточасам, расходу топлива и другим показателям.</li>
27	27	</ul>
28	28
...	...	@@ -30,9 +30,10 @@
30	30	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20220915091626-2.png" alt="Интерфейс системы мониторинга">
31	31	</div>
32	32
33		- <div class="terms-section">
34		- <h2>📖 Термины, связанные с мониторингом</h2>
35		- <p>Эти ключевые термины помогут лучше понять работу системы мониторинга объектов.</p>
	28	+ <div class="term-section">
	29	+ <div class="term-section-header">📖 Термины, связанные с мониторингом</div>
	30	+ <p class="term-section-desc">Здесь собраны ключевые понятия, которые помогут лучше понять работу системы мониторинга объектов.</p>
	31	+
36	36	<div class="term-grid">
37	37	<div class="term-card primary">
38	38	<div class="term-card-header">📡 Мониторинг</div>
...	...	@@ -99,7 +99,7 @@
99	99	<h2 class="section-title" id="panel">⚙️ Панель управления</h2>
100	100	<p>Панель управления позволяет:</p>
101	101	<ul class="custom-list">
102		- <li>Управлять учётными записями пользователей и правами доступа.</li>
	98	+ <li>Управлять учетными записями пользователей и правами доступа.</li>
103	103	<li>Настраивать видимость объектов, геообъектов и полей.</li>
104	104	<li>Создавать и редактировать задания, отчёты и уведомления.</li>
105	105	</ul>
...	...	@@ -108,9 +108,10 @@
108	108	<img src="/xwiki/bin/download/Основные%20понятия/WebHome/image-20221006120604-1.png?rev=1.1" alt="Интерфейс панели управления">
109	109	</div>
110	110
111		- <div class="terms-section">
112		- <h2>📚 Термины, связанные с панелью управления</h2>
113		- <p>Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	107	+ <div class="term-section">
	108	+ <div class="term-section-header">📚 Термины, связанные с панелью управления</div>
	109	+ <p class="term-section-desc">Эти термины встречаются в настройках, управлении пользователями, правами доступа и работе с системой.</p>
	110	+
114	114	<div class="term-grid">
115	115	<div class="term-card primary">
116	116	<div class="term-card-header">📡 Абонентский терминал</div>
...	...	@@ -169,4 +169,52 @@
169	169	</div>
170	170	</div>
171	171	</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>
172	172	{{/html}}