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