Changes for page ИТ Отдел

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -1,69 +1,124 @@
1		-(% class="row" %)
2		-(((
3		-(% class="col-xs-12 col-sm-4 col-sm-push-8" %)
4		-(((
5		-(% class="box" %)
6		-(((
7		-= Falabella =
	1	+= ИТ Отдел
8	8
9		-[[image:Templates.Encyclopedia.Template.WebHome@image.jpg]]
	3	+Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции:
10	10
11		-|=Morphology|Miniature horse
12		-|=Region|[[Argentina>>Main.WebHome]]
13		-|=Price|1200 €
14		-|=Image|[[Credits>>https://commons.wikimedia.org/wiki/File:FalabellaFestivo.jpg]]
15		-)))
	5	+== Инструкции отдела
16	16
17		-(% class="box" %)
18		-(((
19		-**Contents**
	7	+{{velocity}}
	8	+## Получаем текущее пространство
	9	+#set($currentSpace = $doc.space)
20	20
21		-{{toc/}}
22		-)))
23		-)))
	11	+## Запрос для nested spaces (XWiki 14+: "ИТ Отдел.Active Directory")
	12	+#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title")
	13	+#set($childPages = $services.query.hql($query).execute())
24	24
25		-(% class="col-xs-12 col-sm-8 col-sm-pull-4" %)
26		-(((
27		-(% class="jumbotron" %)
28		-(((
29		-(% class="container" %)
30		-(((
31		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
32		-)))
33		-)))
	15	+## Проверяем, есть ли инструкции
	16	+#if($childPages && $childPages.size() > 0)
	17	+ {{html clean="false"}}
	18	+ <div class="row justify-content-start">
	19	+ #foreach($childPageFullName in $childPages)
	20	+ #set($childDoc = $xwiki.getDocument($childPageFullName))
	21	+ #set($childTitle = $childDoc.getPlainTitle())
	22	+ #set($childURL = $childDoc.getURL())
	23	+
	24	+ <div class="col-md-6 col-lg-4 mb-3">
	25	+ <div class="instruction-card card shadow-sm border-0 rounded-3">
	26	+ <div class="card-accent"></div>
	27	+ <div class="card-body p-3 text-center d-flex flex-column">
	28	+ <div class="icon-wrapper mb-2 mx-auto rounded-circle bg-info bg-opacity-10">
	29	+ <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMyaDEyOGMxNy43IDAgMzIgMTQuMyAzMiAzMnptLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDEyOHoiLz48L3N2Zz4=" alt="Документ" style="width: 32px; height: 32px;">
	30	+ </div>
	31	+ <h5 class="card-title mb-2" style="font-size: 1.05rem; font-weight: 600; color: #333; line-height: 1.3;">$childTitle</h5>
	32	+ <p class="card-text text-muted mb-3 flex-grow-1" style="font-size: 0.85rem; line-height: 1.4;">Инструкция для сотрудников</p>
	33	+ <a href="$childURL" class="btn btn-info btn-sm rounded-pill" style="padding: 0.4rem 1.2rem; font-size: 0.9rem;">
	34	+ Открыть
	35	+ </a>
	36	+ </div>
	37	+ </div>
	38	+ </div>
	39	+ #end
	40	+ </div>
	41	+
	42	+ <style>
	43	+ .instruction-card {
	44	+ transition: transform 0.3s ease, box-shadow 0.3s ease;
	45	+ background: white;
	46	+ border: 1px solid #e9ecef;
	47	+ min-height: 200px;
	48	+ display: flex;
	49	+ flex-direction: column;
	50	+ position: relative;
	51	+ overflow: hidden;
	52	+ }
	53	+ .instruction-card:hover {
	54	+ transform: translateY(-5px);
	55	+ box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important;
	56	+ }
	57	+ .card-accent {
	58	+ position: absolute;
	59	+ top: 0;
	60	+ left: 0;
	61	+ width: 100%;
	62	+ height: 4px;
	63	+ background: linear-gradient(90deg, #17a2b8, #5bc0de);
	64	+ }
	65	+ .icon-wrapper {
	66	+ width: 50px;
	67	+ height: 50px;
	68	+ display: flex;
	69	+ align-items: center;
	70	+ justify-content: center;
	71	+ border: 2px solid rgba(23,162,184,0.15);
	72	+ }
	73	+ .card-body {
	74	+ flex: 1;
	75	+ display: flex;
	76	+ flex-direction: column;
	77	+ justify-content: space-between;
	78	+ }
	79	+ .btn-info {
	80	+ background-color: #17a2b8;
	81	+ border-color: #17a2b8;
	82	+ color: white;
	83	+ transition: all 0.3s;
	84	+ }
	85	+ .btn-info:hover {
	86	+ background-color: #138496;
	87	+ transform: scale(1.05);
	88	+ }
	89	+ .row {
	90	+ display: flex;
	91	+ flex-wrap: wrap;
	92	+ margin: 0 -12px;
	93	+ }
	94	+ .col-lg-4 {
	95	+ flex: 0 0 33.3333%;
	96	+ max-width: 33.3333%;
	97	+ padding: 0 12px;
	98	+ }
	99	+ .col-md-6 {
	100	+ flex: 0 0 50%;
	101	+ max-width: 50%;
	102	+ padding: 0 12px;
	103	+ }
	104	+ .mb-3 {
	105	+ margin-bottom: 1rem;
	106	+ }
	107	+ @media (max-width: 1200px) {
	108	+ .col-lg-4 { flex: 0 0 50%; max-width: 50%; }
	109	+ }
	110	+ @media (max-width: 768px) {
	111	+ .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; }
	112	+ .instruction-card { min-height: 180px; }
	113	+ }
	114	+ </style>
	115	+ {{/html}}
	116	+#else
	117	+ {{info}}В этом разделе пока нет инструкций. Создайте новую страницу через кнопку **Create**.{{/info}}
	118	+#end
	119	+{{/velocity}}
34	34
35		-= Paragraph 1 =
	121	+== Добавить новую инструкцию
36	36
37		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
	123	+Для создания новой инструкции нажмите **Create** в меню выше и выберите родительское пространство **"ИТ Отдел"**.
38	38
39		-== Sub-paragraph ==
40		-
41		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
42		-
43		-== Sub-paragraph ==
44		-
45		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
46		-
47		-=== Sub-sub paragraph ===
48		-
49		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
50		-
51		-
52		-= Paragraph 2 =
53		-
54		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
55		-
56		-== Sub-paragraph ==
57		-
58		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
59		-
60		-== Sub-paragraph ==
61		-
62		-Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
63		-
64		-= References =
65		-
66		-* [[XWiki>>http://www.xwiki.org]]
67		-* [[XWiki Extensions>>http://www.xwiki.org]]
68		-)))
69		-)))