Перейти к содержимому

Изменения документа Создание разделов по шаблону

Редактировал(а) Alexey Semenihin 24.06.2025
От версии 6.1
отредактировано Alexey Semenihin
на 23.04.2025
Изменить комментарий: К данной версии нет комментариев
К версии 3.1
отредактировано Alexey Semenihin
на 23.04.2025
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,90 +1,206 @@
1 1  {{velocity}}
2 -
3 -## Подключаем необходимые JS/CSS для работы вкладок
4 -$xwiki.jsfx.use('uicomponents/widgets/tabView.js', {'forceSkinAction': true, 'language': 'xwiki/2.1'})
5 -$xwiki.ssfx.use('uicomponents/widgets/tabView.css', true)
2 +=== Прикрепите вложения и используйте кнопки для навигации ===
3 +#set($spaceRef = $doc.documentReference.lastSpaceReference.name)
4 +#set($pageName = $doc.documentReference.name)
5 +#set($docFullName = "${spaceRef}.${pageName}")
6 +#set($attachments = $doc.getAttachmentList())
7 +#set($itemsPerPage = 1)
8 +#set($totalPages = ($attachments.size() + $itemsPerPage - 1) / $itemsPerPage)
9 +#set($currentPage = 1)
10 +#if("$!request.page" != "")
11 + #set($currentPage = $mathtool.toInteger($request.page))
12 +#end
13 +#set($startIndex = ($currentPage - 1) * $itemsPerPage)
14 +#set($endIndex = $startIndex + $itemsPerPage - 1)
15 +#if($endIndex >= $attachments.size())
16 + #set($endIndex = $attachments.size() - 1)
17 +#end
6 6  {{html}}
7 -<script>
8 -// Ждём загрузки DOM
9 -document.observe("dom:loaded", function() {
10 - // Находим ссылку на вкладку "Вложения" (по ID или тексту)
11 - var attachmentsTab = $('Attachmentslink');
12 -
13 - // Если вкладка найдена, имитируем клик
14 - if (attachmentsTab) {
15 - attachmentsTab.click();
16 - }
17 - // Альтернативный вариант (если не сработал ID):
18 - else {
19 - var tabs = $$('.tab-menu a').find(function(tab) {
20 - return tab.textContent.trim().includes('Вложения');
21 - });
22 - if (tabs && tabs.length > 0) tabs[0].click();
23 - }
24 -});
25 -</script>
19 +<div class="navigation-controls">
20 + #if($attachments && !$attachments.isEmpty())
21 + <!-- Выпадающий список для выбора вложения -->
22 + <div class="attachment-selector">
23 + <label for="attachment-select">Выберите вложение:</label>
24 + <select id="attachment-select">
25 + #foreach($attachment in $attachments)
26 + <option value="$attachment.filename" #if($velocityCount == $currentPage)selected#end>
27 + $attachment.filename
28 + </option>
29 + #end
30 + </select>
31 + </div>
32 + <!-- Пагинация -->
33 + <div class="pagination-controls">
34 + #if($currentPage > 1)
35 + #set($prevPage = $currentPage - 1)
36 + <a href="$doc.getURL('view', "page=${prevPage}")" class="btn btn-primary">Назад</a>
37 + #else
38 + <span class="btn btn-disabled">Назад</span>
39 + #end
40 +
41 + <span class="page-info">Страница $currentPage из $totalPages</span>
42 +
43 + #if($currentPage < $totalPages)
44 + #set($nextPage = $currentPage + 1)
45 + <a href="$doc.getURL('view', "page=${nextPage}")" class="btn btn-primary">Далее</a>
46 + #else
47 + <span class="btn btn-disabled">Далее</span>
48 + #end
49 + </div>
50 + #else
51 + <div class="no-attachments-message">
52 + Нет прикрепленных вложений. Пожалуйста, добавьте файлы для просмотра.
53 + </div>
54 + #end
55 +</div>
26 26  {{/html}}
27 -{{/velocity}}
28 -
29 -{{velocity}}
30 -#set($attachments = $doc.getAttachmentList())
31 -#foreach($attachment in $attachments)
32 - #set($filename = $attachment.filename)
33 - #set($fileurl = $doc.getAttachmentURL($filename))
34 - #set($fileExt = $filename.substring($filename.lastIndexOf('.') + 1).toLowerCase())
35 -
36 - ## Определяем тип файла
37 - #set($isPdf = $fileExt == 'pdf')
38 - #set($isImage = $fileExt == 'png' || $fileExt == 'jpg' || $fileExt == 'jpeg' || $fileExt == 'gif' || $fileExt == 'bmp' || $fileExt == 'svg')
39 - #set($isOffice = $fileExt == 'doc' || $fileExt == 'docx' || $fileExt == 'xls' || $fileExt == 'xlsx' || $fileExt == 'ppt' || $fileExt == 'pptx' || $fileExt == 'odt' || $fileExt == 'ods' || $fileExt == 'odp')
40 -
41 - ## Обрабатываем только поддерживаемые форматы
42 - #if($isPdf || $isImage || $isOffice)
43 -
44 - ===Документ: ${attachment.filename}===
45 -
46 - #if($isPdf)
57 +#if($attachments && !$attachments.isEmpty())
58 + #foreach($i in [$startIndex..$endIndex])
59 + #set($attachment = $attachments.get($i))
60 + #set($filename = $attachment.filename)
61 + #set($fileurl = $doc.getAttachmentURL($filename, "download"))
62 + #set($fileExtension = $filename.substring($filename.lastIndexOf('.') + 1).toLowerCase())
63 +
64 + === Документ: $filename ===
65 +
47 47   {{html}}
48 - <div class="pdf-viewer-container">
49 - <iframe
50 - src="/resources/pdfjs/web/viewer.html?file=${fileurl}"
51 - width="100%"
52 - height="600px">
53 - </iframe>
67 + <div class="document-viewer-container" id="document-viewer">
68 + #if($fileExtension == 'pdf')
69 + <!-- PDF Viewer -->
70 + <iframe
71 + id="document-frame"
72 + src="/resources/pdfjs/web/viewer.html?file=${escapetool.url($fileurl)}"
73 + width="100%"
74 + height="600px">
75 + </iframe>
76 + #elseif($fileExtension == 'doc' || $fileExtension == 'docx' || $fileExtension == 'ppt' || $fileExtension == 'pptx' || $fileExtension == 'xls' || $fileExtension == 'xlsx')
77 + <!-- Office Viewer -->
78 + #set($officeViewerUrl = "${doc.getURL('view')}?xpage=office&attachment=${escapetool.url($filename)}")
79 + <iframe
80 + id="document-frame"
81 + src="$officeViewerUrl"
82 + width="100%"
83 + height="600px">
84 + </iframe>
85 + #else
86 + <div class="unsupported-format">
87 + Формат файла (${fileExtension}) не поддерживается для просмотра.
88 + <a href="${fileurl}">Скачать файл</a>
89 + </div>
90 + #end
54 54   </div>
55 55   {{/html}}
56 -
57 - #elseif($isImage)
58 - [[image:${attachment.filename}]]
59 -
60 - #elseif($isOffice)
61 - {{office attachment="${attachment.filename}" filterStyles="false"/}}
62 -
63 63   #end
64 - #end
94 +#else
95 + {{html}}
96 + <div class="no-attachments-message">
97 + Нет доступных вложений для отображения.
98 + </div>
99 + {{/html}}
65 65  #end
66 -
67 67  {{html}}
68 68  <style>
69 - .pdf-viewer-container {
103 + .navigation-controls {
104 + display: flex;
105 + flex-direction: column;
106 + gap: 15px;
107 + margin-bottom: 20px;
108 + }
109 + .attachment-selector {
110 + display: flex;
111 + align-items: center;
112 + gap: 10px;
113 + }
114 + .attachment-selector select {
115 + padding: 8px;
116 + border-radius: 4px;
117 + min-width: 300px;
118 + }
119 + .document-viewer-container {
70 70   margin: 20px 0;
71 71   border: 1px solid #eee;
72 72   padding: 10px;
73 73   background: #f9f9f9;
74 74   }
75 -
76 - /* Стили для изображений */
77 - .image-wrapper {
78 - max-width: 100%;
79 - margin: 10px 0;
125 + .pagination-controls {
126 + margin: 20px 0;
127 + display: flex;
128 + justify-content: center;
129 + align-items: center;
130 + gap: 20px;
80 80   }
81 -
82 - /* Стили для офисных документов */
83 - .office-document {
84 - border: 1px solid #ddd;
85 - margin: 15px 0;
86 - min-height: 500px;
132 + .btn {
133 + padding: 8px 16px;
134 + border-radius: 4px;
135 + text-decoration: none;
87 87   }
137 + .btn-primary {
138 + background-color: #3366cc;
139 + color: white;
140 + }
141 + .btn-disabled {
142 + background-color: #eee;
143 + color: #999;
144 + cursor: not-allowed;
145 + }
146 + .page-info {
147 + font-weight: bold;
148 + }
149 + .unsupported-format {
150 + padding: 20px;
151 + text-align: center;
152 + color: #666;
153 + }
154 + .no-attachments-message {
155 + padding: 20px;
156 + text-align: center;
157 + color: #666;
158 + font-style: italic;
159 + border: 1px dashed #ccc;
160 + background-color: #f5f5f5;
161 + }
88 88  </style>
163 +<script>
164 +//<![CDATA[
165 +document.addEventListener('DOMContentLoaded', function() {
166 + const select = document.getElementById('attachment-select');
167 + const viewerContainer = document.getElementById('document-viewer');
168 +
169 + if (select && viewerContainer) {
170 + select.addEventListener('change', function() {
171 + const filename = this.value;
172 + const fileExtension = filename.split('.').pop().toLowerCase();
173 + const fileurl = "${doc.getURL('download')}" + "/" + encodeURIComponent(filename);
174 + const pdfViewerUrl = "/resources/pdfjs/web/viewer.html?file=" + encodeURIComponent(fileurl);
175 + const baseUrl = "${doc.getURL('view')}";
176 +
177 + let viewerHtml = '';
178 +
179 + if (fileExtension === 'pdf') {
180 + viewerHtml = '<iframe id="document-frame" ' +
181 + 'src="' + pdfViewerUrl + '" ' +
182 + 'width="100%" height="600px"></iframe>';
183 + } else if (['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'].indexOf(fileExtension) >= 0) {
184 + viewerHtml = '<iframe id="document-frame" ' +
185 + 'src="' + baseUrl + '?xpage=office&attachment=' + encodeURIComponent(filename) + '" ' +
186 + 'width="100%" height="600px"></iframe>';
187 + } else {
188 + viewerHtml = '<div class="unsupported-format">' +
189 + 'Формат файла (' + fileExtension + ') не поддерживается для просмотра. ' +
190 + '<a href="' + fileurl + '">Скачать файл</a></div>';
191 + }
192 +
193 + viewerContainer.innerHTML = viewerHtml;
194 +
195 + // Обновляем заголовок документа
196 + const titleElement = viewerContainer.previousElementSibling;
197 + if (titleElement && titleElement.tagName === 'H3') {
198 + titleElement.textContent = 'Документ: ' + filename;
199 + }
200 + });
201 + }
202 +});
203 +//]]>
204 +</script>
89 89  {{/html}}
90 90  {{/velocity}}