Changes for page ИТ Отдел
Last modified by Алексей Александрович Иванов on 2025/10/31 08:32
From version 23.1
edited by root_xwiki
on 2025/10/16 11:59
on 2025/10/16 11:59
Change comment:
There is no comment for this version
To version 3.1
edited by root_xwiki
on 2025/10/08 08:09
on 2025/10/08 08:09
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 0 added, 1 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,29 +1,29 @@ 1 -{{html clean="false"}} 2 -<video width="853" height="480" controls autoplay muted preload="metadata" poster="thumbnail.jpg" style="background-color: #000; border-radius: 8px;"> 3 - <source src="download/video.mp4" type="video/mp4"> 4 - <source src="download/video.webm" type="video/webm"> <!-- Опционально, для кросс-браузерности --> 5 - Your browser does not support the video tag. <a href="download/video.mp4">Download the video</a>. 6 -</video> 7 -{{/html}} 1 +{{velocity}} 2 +## Получаем текущее пространство (для nested spaces) 3 +#set($currentDocRef = $doc.documentReference) 4 +#set($currentSpaceRef = $currentDocRef.lastSpaceReference) 8 8 9 -= ИТ Отдел = 6 +## Запрос всех дочерних страниц (nested pages в XWiki 14+) 7 +#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${doc.space}.%' and doc.name = 'WebHome' order by doc.title") 8 +#set($childPages = $services.query.hql($query).execute()) 10 10 11 -Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции: 10 +## Альтернатива для плоской структуры (если nested spaces не используются): 11 +## #set($childPages = $services.query.xwql("where doc.space = '${doc.space}' and doc.name <> 'WebHome' order by doc.title").execute()) 12 12 13 +#set($hasInstructions = false) 14 +#if($childPages && $childPages.size() > 0) 15 + #set($hasInstructions = true) 16 +#end 17 +{{/velocity}} 13 13 14 -= =Инструкцииотдела ==19 += IT отдел 15 15 16 - {{velocity}}21 +Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции: 17 17 18 -## Получаем текущее пространство 19 -#set($currentSpace = $doc.space) 23 +== Инструкции отдела 20 20 21 -## Запрос для nested spaces (XWiki 14+: "ИТ Отдел.Active Directory") 22 -#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title") 23 -#set($childPages = $services.query.hql($query).execute()) 24 - 25 -## Проверяем, есть ли инструкции 26 -#if($childPages && $childPages.size() > 0) 25 +{{velocity}} 26 +#if($hasInstructions) 27 27 {{html clean="false"}} 28 28 <div class="row justify-content-start"> 29 29 #foreach($childPageFullName in $childPages) ... ... @@ -30,18 +30,18 @@ 30 30 #set($childDoc = $xwiki.getDocument($childPageFullName)) 31 31 #set($childTitle = $childDoc.getPlainTitle()) 32 32 #set($childURL = $childDoc.getURL()) 33 + #set($childDescription = "Нажмите для просмотра инструкции") 33 33 34 - <div class="col-md-6 col-lg-4 mb-3"> 35 - <div class="instruction-card card shadow-sm border-0 rounded-3"> 36 - <div class="card-accent"></div> 37 - <div class="card-body p-3 text-center d-flex flex-column"> 38 - <div class="icon-wrapper mb-2 mx-auto rounded-circle bg-info bg-opacity-10"> 39 - <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMyaDEyOGMxNy43IDAgMzIgMTQuMyAzMiAzMnptLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDEyOHoiLz48L3N2Zz4=" alt="Документ" style="width: 32px; height: 32px;"> 35 + <div class="col-md-6 col-lg-4 mb-4"> 36 + <div class="card shadow-sm border-0 rounded-3 card-hover" style="transition: transform 0.3s ease, box-shadow 0.3s ease;"> 37 + <div class="card-body p-4 text-center"> 38 + <div class="icon-wrapper mb-3 mx-auto rounded-circle bg-info bg-opacity-10 p-3" style="width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(23,162,184,0.2);"> 39 + <i class="fas fa-file-alt" style="font-size: 28px; color: #17a2b8;"></i> 40 40 </div> 41 - <h 5class="card-titlemb-2" style="font-size: 1.05rem; font-weight: 600; color:#333; line-height: 1.3;">$childTitle</h5>42 - <p class=" card-texttext-muted mb-3flex-grow-1" style="font-size: 0.85rem;line-height: 1.4;">Инструкция для сотрудников</p>43 - <a href="$childURL" class="btn btn-info btn-smrounded-pill" style="padding:0.4rem1.2rem;font-size:0.9rem;">44 - Открыть 41 + <h4 class="h5 fw-semibold mb-2">$childTitle</h4> 42 + <p class="text-muted mb-3" style="font-size: 0.9rem;">$childDescription</p> 43 + <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;"> 44 + <i class="fas fa-arrow-right me-2"></i>Открыть инструкцию 45 45 </a> 46 46 </div> 47 47 </div> ... ... @@ -48,86 +48,28 @@ 48 48 </div> 49 49 #end 50 50 </div> 51 - 52 - <style> 53 - .instruction-card { 54 - transition: transform 0.3s ease, box-shadow 0.3s ease; 55 - background: white; 56 - border: 1px solid #e9ecef; 57 - min-height: 200px; 58 - display: flex; 59 - flex-direction: column; 60 - position: relative; 61 - overflow: hidden; 62 - } 63 - .instruction-card:hover { 64 - transform: translateY(-5px); 65 - box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important; 66 - } 67 - .card-accent { 68 - position: absolute; 69 - top: 0; 70 - left: 0; 71 - width: 100%; 72 - height: 4px; 73 - background: linear-gradient(90deg, #17a2b8, #5bc0de); 74 - } 75 - .icon-wrapper { 76 - width: 50px; 77 - height: 50px; 78 - display: flex; 79 - align-items: center; 80 - justify-content: center; 81 - border: 2px solid rgba(23,162,184,0.15); 82 - } 83 - .card-body { 84 - flex: 1; 85 - display: flex; 86 - flex-direction: column; 87 - justify-content: space-between; 88 - } 89 - .btn-info { 90 - background-color: #17a2b8; 91 - border-color: #17a2b8; 92 - color: white; 93 - transition: all 0.3s; 94 - } 95 - .btn-info:hover { 96 - background-color: #138496; 97 - transform: scale(1.05); 98 - } 99 - .row { 100 - display: flex; 101 - flex-wrap: wrap; 102 - margin: 0 -12px; 103 - } 104 - .col-lg-4 { 105 - flex: 0 0 33.3333%; 106 - max-width: 33.3333%; 107 - padding: 0 12px; 108 - } 109 - .col-md-6 { 110 - flex: 0 0 50%; 111 - max-width: 50%; 112 - padding: 0 12px; 113 - } 114 - .mb-3 { 115 - margin-bottom: 1rem; 116 - } 117 - @media (max-width: 1200px) { 118 - .col-lg-4 { flex: 0 0 50%; max-width: 50%; } 119 - } 120 - @media (max-width: 768px) { 121 - .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; } 122 - .instruction-card { min-height: 180px; } 123 - } 124 - </style> 125 125 {{/html}} 126 126 #else 127 - {{info}}В этом разделе пока нет инструкций. Создайте новую страницу через кнопку **Create**.{{/info}}53 + {{info}}В этом разделе пока нет инструкций. Создайте новую страницу через кнопку Create.{{/info}} 128 128 #end 129 129 {{/velocity}} 130 130 131 -== Добавить новую инструкцию ==57 +== Добавить новую инструкцию 132 132 133 133 Для создания новой инструкции нажмите **Create** в меню выше и выберите родительское пространство **"ИТ Отдел"**. 60 + 61 +{{velocity}} 62 +<style> 63 + .card-hover:hover { 64 + transform: translateY(-5px); 65 + box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important; 66 + } 67 + .btn:hover { 68 + opacity: 0.9; 69 + } 70 + .icon-wrapper i { 71 + font-size: 28px; 72 + } 73 +</style> 74 +{{/velocity}} 75 +
- XWiki.XWikiComments[0]
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.root_xwiki - Comment
-
... ... @@ -1,3 +1,0 @@ 1 -Первый :) 2 - 3 - - Date
-
... ... @@ -1,1 +1,0 @@ 1 -2025-10-09 05:48:33.845