Changes for page ИТ Отдел
Last modified by Алексей Александрович Иванов on 2025/10/31 08:32
From version 4.1
edited by root_xwiki
on 2025/10/08 08:11
on 2025/10/08 08:11
Change comment:
There is no comment for this version
To version 7.1
edited by root_xwiki
on 2025/10/16 09:43
on 2025/10/16 09:43
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,23 +1,22 @@ 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()) 1 += ИТ Отдел 6 6 7 -#set($hasInstructions = false) 8 -#if($childPages && $childPages.size() > 0) 9 - #set($hasInstructions = true) 10 -#end 11 -{{/velocity}} 3 +Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции: 12 12 13 -= IT отдел 14 14 15 - ДобропожаловатьвразделинструкцийITотдела.Нижепредставленывседоступныеинструкции:6 +<iframe src="https://vk.com/video_ext.php?oid=-145404816&id=456246869&hd=2&autoplay=1" width="853" height="480" style="background-color: #000" allow="autoplay; encrypted-media; fullscreen; picture-in-picture; screen-wake-lock;" frameborder="0" allowfullscreen></iframe> 16 16 17 17 == Инструкции отдела 18 18 19 19 {{velocity}} 20 -#if($hasInstructions) 11 +## Получаем текущее пространство 12 +#set($currentSpace = $doc.space) 13 + 14 +## Запрос для nested spaces (XWiki 14+: "ИТ Отдел.Active Directory") 15 +#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title") 16 +#set($childPages = $services.query.hql($query).execute()) 17 + 18 +## Проверяем, есть ли инструкции 19 +#if($childPages && $childPages.size() > 0) 21 21 {{html clean="false"}} 22 22 <div class="row justify-content-start"> 23 23 #foreach($childPageFullName in $childPages) ... ... @@ -25,16 +25,17 @@ 25 25 #set($childTitle = $childDoc.getPlainTitle()) 26 26 #set($childURL = $childDoc.getURL()) 27 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;"> 27 + <div class="col-md-6 col-lg-4 mb-3"> 28 + <div class="instruction-card card shadow-sm border-0 rounded-3"> 29 + <div class="card-accent"></div> 30 + <div class="card-body p-3 text-center d-flex flex-column"> 31 + <div class="icon-wrapper mb-2 mx-auto rounded-circle bg-info bg-opacity-10"> 32 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnMxNC4zLTMyIDMyLTMyaDEyOGMxNy43IDAgMzIgMTQuMyAzMiAzMnptLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnMxNC4zIDMyIDMyIDMyaDEyOHoiLz48L3N2Zz4=" alt="Документ" style="width: 32px; height: 32px;"> 33 33 </div> 34 - <h 4class="h5 fw-semiboldmb-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:all0.3s;">37 - Открыть инструкцию34 + <h5 class="card-title mb-2" style="font-size: 1.05rem; font-weight: 600; color: #333; line-height: 1.3;">$childTitle</h5> 35 + <p class="card-text text-muted mb-3 flex-grow-1" style="font-size: 0.85rem; line-height: 1.4;">Инструкция для сотрудников</p> 36 + <a href="$childURL" class="btn btn-info btn-sm rounded-pill" style="padding: 0.4rem 1.2rem; font-size: 0.9rem;"> 37 + Открыть 38 38 </a> 39 39 </div> 40 40 </div> ... ... @@ -43,41 +43,76 @@ 43 43 </div> 44 44 45 45 <style> 46 - .card -hover{46 + .instruction-card { 47 47 transition: transform 0.3s ease, box-shadow 0.3s ease; 48 + background: white; 49 + border: 1px solid #e9ecef; 50 + min-height: 200px; 51 + display: flex; 52 + flex-direction: column; 53 + position: relative; 54 + overflow: hidden; 48 48 } 49 - .card -hover:hover {56 + .instruction-card:hover { 50 50 transform: translateY(-5px); 51 - box-shadow: 0 8px 20px rgba(23,162,184,0.2 5) !important;58 + box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important; 52 52 } 53 - .btn:hover { 54 - opacity: 0.9; 55 - transform: scale(1.05); 60 + .card-accent { 61 + position: absolute; 62 + top: 0; 63 + left: 0; 64 + width: 100%; 65 + height: 4px; 66 + background: linear-gradient(90deg, #17a2b8, #5bc0de); 56 56 } 57 - .card { 58 - border: 1px solid #e9ecef; 59 - background: white; 68 + .icon-wrapper { 69 + width: 50px; 70 + height: 50px; 71 + display: flex; 72 + align-items: center; 73 + justify-content: center; 74 + border: 2px solid rgba(23,162,184,0.15); 60 60 } 76 + .card-body { 77 + flex: 1; 78 + display: flex; 79 + flex-direction: column; 80 + justify-content: space-between; 81 + } 82 + .btn-info { 83 + background-color: #17a2b8; 84 + border-color: #17a2b8; 85 + color: white; 86 + transition: all 0.3s; 87 + } 88 + .btn-info:hover { 89 + background-color: #138496; 90 + transform: scale(1.05); 91 + } 61 61 .row { 62 62 display: flex; 63 63 flex-wrap: wrap; 64 - margin: 0 -1 5px;95 + margin: 0 -12px; 65 65 } 66 66 .col-lg-4 { 67 67 flex: 0 0 33.3333%; 68 68 max-width: 33.3333%; 69 - padding: 0 1 5px;100 + padding: 0 12px; 70 70 } 71 71 .col-md-6 { 72 72 flex: 0 0 50%; 73 73 max-width: 50%; 74 - padding: 0 1 5px;105 + padding: 0 12px; 75 75 } 107 + .mb-3 { 108 + margin-bottom: 1rem; 109 + } 76 76 @media (max-width: 1200px) { 77 77 .col-lg-4 { flex: 0 0 50%; max-width: 50%; } 78 78 } 79 79 @media (max-width: 768px) { 80 80 .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; } 115 + .instruction-card { min-height: 180px; } 81 81 } 82 82 </style> 83 83 {{/html}}
- 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