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 28.2
edited by root_xwiki
on 2025/10/18 07:06
on 2025/10/18 07:06
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,23 +1,36 @@ 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 +[[введите текст ссылки>>attach:«Компьютерщики» — совет «выключить и снова включить» (1080p).mp4]] 16 16 17 -== Инструкции отдела 18 18 9 +{{embed URL="https://vk.com/video-145404816_456246869" width="853" height="480" autoplay="1" hd="2"/}} 10 + 11 +<!-- Fallback: Если embed не загружается, показываем кнопку-ссылку на VK --> 12 +{{velocity}}#if($xwiki.ssx.get("embedError")) <!-- Псевдопроверка; замените на реальную, если нужно --> 13 + <div style="text-align: center; margin: 20px auto; max-width: 853px;"> 14 + <a href="https://vk.com/video-145404816_456246869?z=video145404816_456246869%2Fpl_cat_-145404816%2F&autoplay=1&hd=2" target="_blank" class="btn btn-primary" style="background: #4c75a3; color: white; padding: 15px 30px; border-radius: 8px; font-size: 1.1em; text-decoration: none; display: inline-block; box-shadow: 0 4px 8px rgba(0,0,0,0.1);"> 15 + <span style="vertical-align: middle;">▶</span> Открыть видео в VK (HD, Автостарт) 16 + </a> 17 + <p style="text-align: center; font-size: 0.9em; color: #666; margin-top: 10px;">Инструкционное видео для IT-отдела (нажмите для просмотра)</p> 18 + </div> 19 +#end{{/velocity}} 20 + 21 +== Инструкции отдела == 22 + 19 19 {{velocity}} 20 -#if($hasInstructions) 24 + 25 +## Получаем текущее пространство 26 +#set($currentSpace = $doc.space) 27 + 28 +## Запрос для nested spaces (XWiki 14+: "ИТ Отдел.Active Directory") 29 +#set($query = "select doc.fullName from XWikiDocument as doc where doc.space like '${currentSpace}.%' and doc.name = 'WebHome' order by doc.title") 30 +#set($childPages = $services.query.hql($query).execute()) 31 + 32 +## Проверяем, есть ли инструкции 33 +#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;"> 41 + <div class="col-md-6 col-lg-4 mb-3"> 42 + <div class="instruction-card card shadow-sm border-0 rounded-3"> 43 + <div class="card-accent"></div> 44 + <div class="card-body p-3 text-center d-flex flex-column"> 45 + <div class="icon-wrapper mb-2 mx-auto rounded-circle bg-info bg-opacity-10"> 46 + <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjMTdhMmI4IiBkPSJNMCAxMjhDMCA5Mi43IDE0LjMgNjQgNDggNjRIMzM2YzMzLjcgMCA0OCAyOC43IDQ4IDY0VjQ0OGMwIDM1LjMtMTQuMyA2NC00OCA2NEg0OGMtMzMuNyAwLTQ4LTI4LjctNDgtNjRWMTI4em0yNTYgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMySDk2Yy0xNy43IDAtMzItMTQuMy0zMi0zMnNxMTQuMy0zMiAzMi0zMmhxMTI4YzE3LjcgMCAzMiAxNC4zIDMyIDMydi1tLTMyIDk2YzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMySDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMnNxMTQuMyAzMiAzMiAzMmhxMTI4eiIvPjwvc3ZnPg==" 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 - Открыть инструкцию48 + <h5 class="card-title mb-2" style="font-size: 1.05rem; font-weight: 600; color: #333; line-height: 1.3;">$childTitle</h5> 49 + <p class="card-text text-muted mb-3 flex-grow-1" style="font-size: 0.85rem; line-height: 1.4;">Инструкция для сотрудников</p> 50 + <a href="$childURL" class="btn btn-info btn-sm rounded-pill" style="padding: 0.4rem 1.2rem; font-size: 0.9rem;"> 51 + Открыть 38 38 </a> 39 39 </div> 40 40 </div> ... ... @@ -43,41 +43,76 @@ 43 43 </div> 44 44 45 45 <style> 46 - .card -hover{60 + .instruction-card { 47 47 transition: transform 0.3s ease, box-shadow 0.3s ease; 62 + background: white; 63 + border: 1px solid #e9ecef; 64 + min-height: 200px; 65 + display: flex; 66 + flex-direction: column; 67 + position: relative; 68 + overflow: hidden; 48 48 } 49 - .card -hover:hover {70 + .instruction-card:hover { 50 50 transform: translateY(-5px); 51 - box-shadow: 0 8px 20px rgba(23,162,184,0.2 5) !important;72 + 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); 74 + .card-accent { 75 + position: absolute; 76 + top: 0; 77 + left: 0; 78 + width: 100%; 79 + height: 4px; 80 + background: linear-gradient(90deg, #17a2b8, #5bc0de); 56 56 } 57 - .card { 58 - border: 1px solid #e9ecef; 59 - background: white; 82 + .icon-wrapper { 83 + width: 50px; 84 + height: 50px; 85 + display: flex; 86 + align-items: center; 87 + justify-content: center; 88 + border: 2px solid rgba(23,162,184,0.15); 60 60 } 90 + .card-body { 91 + flex: 1; 92 + display: flex; 93 + flex-direction: column; 94 + justify-content: space-between; 95 + } 96 + .btn-info { 97 + background-color: #17a2b8; 98 + border-color: #17a2b8; 99 + color: white; 100 + transition: all 0.3s; 101 + } 102 + .btn-info:hover { 103 + background-color: #138496; 104 + transform: scale(1.05); 105 + } 61 61 .row { 62 62 display: flex; 63 63 flex-wrap: wrap; 64 - margin: 0 -1 5px;109 + 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;114 + 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;119 + padding: 0 12px; 75 75 } 121 + .mb-3 { 122 + margin-bottom: 1rem; 123 + } 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%; } 129 + .instruction-card { min-height: 180px; } 81 81 } 82 82 </style> 83 83 {{/html}} ... ... @@ -86,7 +86,6 @@ 86 86 #end 87 87 {{/velocity}} 88 88 89 -== Добавить новую инструкцию 138 +== Добавить новую инструкцию == 90 90 91 91 Для создания новой инструкции нажмите **Create** в меню выше и выберите родительское пространство **"ИТ Отдел"**. 92 -
- «Компьютерщики» — совет «выключить и снова включить» (1080p).mp4
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.root_xwiki - Size
-
... ... @@ -1,0 +1,1 @@ 1 +48.9 MB - Content
- 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