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

Сводка

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)

Подробности

Свойства страницы

Содержимое

...	...	@@ -1,206 +1,90 @@
1	1	{{velocity}}
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
	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)
18	18	{{html}}
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>
	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>
56	56	{{/html}}
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		-
	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)
66	66	{{html}}
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
	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>
91	91	</div>
92	92	{{/html}}
	56	+
	57	+ #elseif($isImage)
	58	+ [[image:${attachment.filename}]]
	59	+
	60	+ #elseif($isOffice)
	61	+ {{office attachment="${attachment.filename}" filterStyles="false"/}}
	62	+
93	93	#end
94		-#else
95		- {{html}}
96		- <div class="no-attachments-message">
97		- Нет доступных вложений для отображения.
98		- </div>
99		- {{/html}}
	64	+ #end
100	100	#end
	66	+
101	101	{{html}}
102	102	<style>
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 {
	69	+ .pdf-viewer-container {
120	120	margin: 20px 0;
121	121	border: 1px solid #eee;
122	122	padding: 10px;
123	123	background: #f9f9f9;
124	124	}
125		- .pagination-controls {
126		- margin: 20px 0;
127		- display: flex;
128		- justify-content: center;
129		- align-items: center;
130		- gap: 20px;
	75	+
	76	+ /* Стили для изображений */
	77	+ .image-wrapper {
	78	+ max-width: 100%;
	79	+ margin: 10px 0;
131	131	}
132		- .btn {
133		- padding: 8px 16px;
134		- border-radius: 4px;
135		- text-decoration: none;
136		- }
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		- }
162		-</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	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		- });
	82	+ /* Стили для офисных документов */
	83	+ .office-document {
	84	+ border: 1px solid #ddd;
	85	+ margin: 15px 0;
	86	+ min-height: 500px;
201	201	}
202		-});
203		-//]]>
204		-</script>
	88	+</style>
205	205	{{/html}}
206	206	{{/velocity}}