Changes for page ИТ Отдел
Last modified by Алексей Александрович Иванов on 2025/10/31 08:32
From version 8.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
To 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
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (0 modified, 0 added, 1 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,22 +1,23 @@ 1 -= ИТ Отдел 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()) 2 2 3 -Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции: 7 +#set($hasInstructions = false) 8 +#if($childPages && $childPages.size() > 0) 9 + #set($hasInstructions = true) 10 +#end 11 +{{/velocity}} 4 4 13 += IT отдел 5 5 6 - <iframesrc="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>15 +Добро пожаловать в раздел инструкций IT отдела. Ниже представлены все доступные инструкции: 7 7 8 8 == Инструкции отдела 9 9 10 10 {{velocity}} 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) 20 +#if($hasInstructions) 20 20 {{html clean="false"}} 21 21 <div class="row justify-content-start"> 22 22 #foreach($childPageFullName in $childPages) ... ... @@ -24,17 +24,16 @@ 24 24 #set($childTitle = $childDoc.getPlainTitle()) 25 25 #set($childURL = $childDoc.getURL()) 26 26 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;"> 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 33 </div> 34 - <h 5class="card-titlemb-2" style="font-size: 1.05rem;font-weight: 600;color: #333;line-height: 1.3;">$childTitle</h5>35 - <p class=" card-texttext-muted mb-3flex-grow-1" style="font-size: 0.85rem;line-height: 1.4;">Инструкциядля сотрудников</p>36 - <a href="$childURL" class="btn btn-info btn-smrounded-pill" style="padding:0.4rem1.2rem;font-size: 0.9rem;">37 - Открыть 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 38 </a> 39 39 </div> 40 40 </div> ... ... @@ -43,76 +43,41 @@ 43 43 </div> 44 44 45 45 <style> 46 - . instruction-card {46 + .card-hover { 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; 55 55 } 56 - . instruction-card:hover {49 + .card-hover:hover { 57 57 transform: translateY(-5px); 58 - box-shadow: 0 8px 20px rgba(23,162,184,0.2) !important; 51 + box-shadow: 0 8px 20px rgba(23,162,184,0.25) !important; 59 59 } 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); 67 - } 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); 75 - } 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; 53 + .btn:hover { 54 + opacity: 0.9; 90 90 transform: scale(1.05); 91 91 } 57 + .card { 58 + border: 1px solid #e9ecef; 59 + background: white; 60 + } 92 92 .row { 93 93 display: flex; 94 94 flex-wrap: wrap; 95 - margin: 0 -1 2px;64 + margin: 0 -15px; 96 96 } 97 97 .col-lg-4 { 98 98 flex: 0 0 33.3333%; 99 99 max-width: 33.3333%; 100 - padding: 0 1 2px;69 + padding: 0 15px; 101 101 } 102 102 .col-md-6 { 103 103 flex: 0 0 50%; 104 104 max-width: 50%; 105 - padding: 0 1 2px;74 + padding: 0 15px; 106 106 } 107 - .mb-3 { 108 - margin-bottom: 1rem; 109 - } 110 110 @media (max-width: 1200px) { 111 111 .col-lg-4 { flex: 0 0 50%; max-width: 50%; } 112 112 } 113 113 @media (max-width: 768px) { 114 114 .col-lg-4, .col-md-6 { flex: 0 0 100%; max-width: 100%; } 115 - .instruction-card { min-height: 180px; } 116 116 } 117 117 </style> 118 118 {{/html}}
- 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