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