Changes for page ИТ Отдел

Summary

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

Details

Page properties

Content

...	...	@@ -1,69 +1,92 @@
1		-(% class="row" %)
2		-(((
3		-(% class="col-xs-12 col-sm-4 col-sm-push-8" %)
4		-(((
5		-(% class="box" %)
6		-(((
7		-= Falabella =
	1	+{{velocity}}
	2	+## Получаем дочерние страницы (nested spaces)
	3	+#set($currentSpace = $doc.space)
	4	+#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title")
	5	+#set($childPages = $services.query.hql($query).execute())
8	8
9		-[[image:Templates.Encyclopedia.Template.WebHome@image.jpg]]
	7	+#set($hasInstructions = false)
	8	+#if($childPages && $childPages.size() > 0)
	9	+ #set($hasInstructions = true)
	10	+#end
	11	+{{/velocity}}
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		-)))
	13	+= IT отдел
16	16
17		-(% class="box" %)
18		-(((
19		-**Contents**
	15	+Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции:
20	20
21		-{{toc/}}
22		-)))
23		-)))
	17	+== Инструкции отдела
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		-)))
	19	+{{velocity}}
	20	+#if($hasInstructions)
	21	+ {{html clean="false"}}
	22	+ <div class="row justify-content-start">
	23	+ #foreach($childPageFullName in $childPages)
	24	+ #set($childDoc = $xwiki.getDocument($childPageFullName))
	25	+ #set($childTitle = $childDoc.getPlainTitle())
	26	+ #set($childURL = $childDoc.getURL())
	27	+
	28	+ <div class="col-md-6 col-lg-4 mb-4">
	29	+ <div class="card shadow-sm border-0 rounded-3 card-hover">
	30	+ <div class="card-body p-4 text-center">
	31	+ <div class="icon-wrapper mb-3 mx-auto rounded-circle bg-info bg-opacity-10 p-3" style="width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(23,162,184,0.2);">
	32	+ <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMyaDEyOGMxNy43IDAgMzIgMTQuMyAzMiAzMnptLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDEyOHoiLz48L3N2Zz4=" alt="Документ" style="width: 40px; height: 40px;">
	33	+ </div>
	34	+ <h4 class="h5 fw-semibold mb-2" style="font-size: 1.2rem; color: #333;">$childTitle</h4>
	35	+ <p class="text-muted mb-3" style="font-size: 0.9rem;">Нажмите для просмотра инструкции</p>
	36	+ <a href="$childURL" class="btn btn-info rounded-pill px-4 py-2" style="background-color: #17a2b8; border-color: #17a2b8; color: white; text-decoration: none; display: inline-block; transition: all 0.3s;">
	37	+ Открыть инструкцию
	38	+ </a>
	39	+ </div>
	40	+ </div>
	41	+ </div>
	42	+ #end
	43	+ </div>
	44	+
	45	+ <style>
	46	+ .card-hover {
	47	+ transition: transform 0.3s ease, box-shadow 0.3s ease;
	48	+ }
	49	+ .card-hover:hover {
	50	+ transform: translateY(-5px);
	51	+ box-shadow: 0 8px 20px rgba(23,162,184,0.25) !important;
	52	+ }
	53	+ .btn:hover {
	54	+ opacity: 0.9;
	55	+ transform: scale(1.05);
	56	+ }
	57	+ .card {
	58	+ border: 1px solid #e9ecef;
	59	+ background: white;
	60	+ }
	61	+ .row {
	62	+ display: flex;
	63	+ flex-wrap: wrap;
	64	+ margin: 0 -15px;
	65	+ }
	66	+ .col-lg-4 {
	67	+ flex: 0 0 33.3333%;
	68	+ max-width: 33.3333%;
	69	+ padding: 0 15px;
	70	+ }
	71	+ .col-md-6 {
	72	+ flex: 0 0 50%;
	73	+ max-width: 50%;
	74	+ padding: 0 15px;
	75	+ }
	76	+ @media (max-width: 1200px) {
	77	+ .col-lg-4 { flex: 0 0 50%; max-width: 50%; }
	78	+ }
	79	+ @media (max-width: 768px) {
	80	+ .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; }
	81	+ }
	82	+ </style>
	83	+ {{/html}}
	84	+#else
	85	+ {{info}}В этом разделе пока нет инструкций. Создайте новую страницу через кнопку **Create**.{{/info}}
	86	+#end
	87	+{{/velocity}}
34	34
35		-= Paragraph 1 =
	89	+== Добавить новую инструкцию
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.
	91	+Для создания новой инструкции нажмите **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		-)))