Skip to Content

Changes for page ИТ Отдел

Last modified by Алексей Александрович Иванов on 2025/10/31 08:32
From version 1.1
edited by root_xwiki
on 2025/10/03 12:05
Change comment: There is no comment for this version
To version 46.1
edited by Алексей Александрович Иванов
on 2025/10/31 08:32
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -XWiki.root_xwiki
1 +XWiki.it_IvanovAA
Content
... ... @@ -1,69 +1,174 @@
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 -)))
16 16  
17 -(% class="box" %)
18 -(((
19 -**Contents**
6 +{{jwplayer attachment="http://10.0.1.40:8082/bin/download/%D0%98%D0%A2%20%D0%9E%D1%82%D0%B4%D0%B5%D0%BB/WebHome/%C2%AB%D0%9A%D0%BE%D0%BC%D0%BF%D1%8C%D1%8E%D1%82%D0%B5%D1%80%D1%89%D0%B8%D0%BA%D0%B8%C2%BB%20%E2%80%94%20%D1%81%D0%BE%D0%B2%D0%B5%D1%82%20%C2%AB%D0%B2%D1%8B%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C%20%D0%B8%20%D1%81%D0%BD%D0%BE%D0%B2%D0%B0%20%D0%B2%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C%C2%BB%20%281080p%29.mp4?rev=1.2" width="640" height="480" autostart="true"/}}
20 20  
21 -{{toc/}}
22 -)))
23 -)))
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 -)))
9 +== Инструкции отдела ==
34 34  
35 -= Paragraph 1 =
11 +{{html clean="false"}}
12 +<a class="planner-card"
13 + href="https://10.0.1.1/vacation/freedom.html"
14 + target="_blank" rel="noopener">
15 + <div class="planner-card__inner">
16 + <div class="icon-circle icon-orange" aria-hidden="true">
17 + <!-- SVG календарь -->
18 + <svg viewBox="0 0 24 24" width="40" height="40" fill="#fd7e14">
19 + <path d="M7 2a1 1 0 0 1 1 1v1h8V3a1 1 0 1 1 2 0v1h1a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h1V3a1 1 0 1 1 2 0v1zm13 6H4v10a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V8zM6 11h3v3H6v-3zm5 0h3v3h-3v-3zm5 0h3v3h-3v-3z"/>
20 + </svg>
21 + </div>
22 + <div class="planner-card__text">
23 + <div class="planner-card__title">Планировщик отпусков</div>
24 + <div class="planner-card__desc">Открыть freedom_security.html на файловом сервере</div>
25 + </div>
26 + </div>
27 +</a>
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.
29 +<style>
30 + .planner-card {
31 + display: block; text-decoration: none; color: inherit;
32 + }
33 + .planner-card__inner {
34 + display: flex; align-items: center; gap: 14px;
35 + background: #fff; border: 1px solid #e9ecef; border-radius: 10px;
36 + padding: 16px 18px; box-shadow: 0 2px 4px rgba(0,0,0,.06);
37 + transition: transform .25s, box-shadow .25s, border-color .25s;
38 + }
39 + .planner-card__inner:hover {
40 + transform: translateY(-3px);
41 + box-shadow: 0 10px 22px rgba(253,126,20,.18);
42 + border-color: rgba(253,126,20,.35);
43 + }
44 + .icon-circle {
45 + width: 64px; height: 64px; border-radius: 50%;
46 + display: flex; align-items: center; justify-content: center;
47 + background: rgba(253,126,20,.08); border: 2px solid rgba(253,126,20,.18);
48 + }
49 + .icon-orange { background: rgba(253,126,20,.08); }
50 + .planner-card__text { display: flex; flex-direction: column; }
51 + .planner-card__title { font-weight: 600; font-size: 1.05rem; color: #333; }
52 + .planner-card__desc { color: #6c757d; font-size: .92rem; margin-top: 2px; }
53 +</style>
54 +{{/html}}
38 38  
39 -== Sub-paragraph ==
40 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.
57 +{{velocity}}
42 42  
43 -== Sub-paragraph ==
59 +## Получаем текущее пространство
60 +#set($currentSpace = $doc.space)
44 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.
62 +## Запрос для nested spaces (XWiki 14+: "ИТ Отдел.Active Directory")
63 +#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title")
64 +#set($childPages = $services.query.hql($query).execute())
46 46  
47 -=== Sub-sub paragraph ===
66 +## Проверяем, есть ли инструкции
67 +#if($childPages && $childPages.size() > 0)
68 + {{html clean="false"}}
69 + <div class="row justify-content-start">
70 + #foreach($childPageFullName in $childPages)
71 + #set($childDoc = $xwiki.getDocument($childPageFullName))
72 + #set($childTitle = $childDoc.getPlainTitle())
73 + #set($childURL = $childDoc.getURL())
74 +
75 + <div class="col-md-6 col-lg-4 mb-3">
76 + <div class="instruction-card card shadow-sm border-0 rounded-3">
77 + <div class="card-accent"></div>
78 + <div class="card-body p-3 text-center d-flex flex-column">
79 + <div class="icon-wrapper mb-2 mx-auto rounded-circle bg-info bg-opacity-10">
80 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnNxMTQuMy0zMiAzMi0zMmhxMTI4YzE3LjcgMCAzMiAxNC4zIDMyIDMydi1tLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnNxMTQuMyAzMiAzMiAzMmhxMTI4eiIvPjwvc3ZnPg==" alt="Документ" style="width: 32px; height: 32px;">
81 + </div>
82 + <h5 class="card-title mb-2" style="font-size: 1.05rem; font-weight: 600; color: #333; line-height: 1.3;">$childTitle</h5>
83 + <p class="card-text text-muted mb-3 flex-grow-1" style="font-size: 0.85rem; line-height: 1.4;">Инструкция для сотрудников</p>
84 + <a href="$childURL" class="btn btn-info btn-sm rounded-pill" style="padding: 0.4rem 1.2rem; font-size: 0.9rem;">
85 + Открыть
86 + </a>
87 + </div>
88 + </div>
89 + </div>
90 + #end
91 + </div>
92 +
93 + <style>
94 + .instruction-card {
95 + transition: transform 0.3s ease, box-shadow 0.3s ease;
96 + background: white;
97 + border: 1px solid #e9ecef;
98 + min-height: 200px;
99 + display: flex;
100 + flex-direction: column;
101 + position: relative;
102 + overflow: hidden;
103 + }
104 + .instruction-card:hover {
105 + transform: translateY(-5px);
106 + box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important;
107 + }
108 + .card-accent {
109 + position: absolute;
110 + top: 0;
111 + left: 0;
112 + width: 100%;
113 + height: 4px;
114 + background: linear-gradient(90deg, #17a2b8, #5bc0de);
115 + }
116 + .icon-wrapper {
117 + width: 50px;
118 + height: 50px;
119 + display: flex;
120 + align-items: center;
121 + justify-content: center;
122 + border: 2px solid rgba(23,162,184,0.15);
123 + }
124 + .card-body {
125 + flex: 1;
126 + display: flex;
127 + flex-direction: column;
128 + justify-content: space-between;
129 + }
130 + .btn-info {
131 + background-color: #17a2b8;
132 + border-color: #17a2b8;
133 + color: white;
134 + transition: all 0.3s;
135 + }
136 + .btn-info:hover {
137 + background-color: #138496;
138 + transform: scale(1.05);
139 + }
140 + .row {
141 + display: flex;
142 + flex-wrap: wrap;
143 + margin: 0 -12px;
144 + }
145 + .col-lg-4 {
146 + flex: 0 0 33.3333%;
147 + max-width: 33.3333%;
148 + padding: 0 12px;
149 + }
150 + .col-md-6 {
151 + flex: 0 0 50%;
152 + max-width: 50%;
153 + padding: 0 12px;
154 + }
155 + .mb-3 {
156 + margin-bottom: 1rem;
157 + }
158 + @media (max-width: 1200px) {
159 + .col-lg-4 { flex: 0 0 50%; max-width: 50%; }
160 + }
161 + @media (max-width: 768px) {
162 + .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; }
163 + .instruction-card { min-height: 180px; }
164 + }
165 + </style>
166 + {{/html}}
167 +#else
168 + {{info}}В этом разделе пока нет инструкций. Создайте новую страницу через кнопку **Create**.{{/info}}
169 +#end
170 +{{/velocity}}
48 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.
172 +== Добавить новую инструкцию ==
50 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 -)))
174 +Для создания новой инструкции нажмите **Create** в меню выше и выберите родительское пространство **"ИТ Отдел"**.
image.jpg
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.root_xwiki
Size
... ... @@ -1,1 +1,0 @@
1 -40.8 KB
Content
«Компьютерщики» — совет «выключить и снова включить» (1080p).mp4
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.root_xwiki
Size
... ... @@ -1,0 +1,1 @@
1 +48.9 MB
Content
XWiki.XWikiComments[0]
Date
... ... @@ -1,0 +1,1 @@
1 +2025-10-09 05:48:33.845
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.root_xwiki
Comment
... ... @@ -1,0 +1,3 @@
1 +Первый :)
2 +
3 +