Редактирование Template Switch attachment (режим вики)

Редактировать
Режимы редактирования
- Объекты
- Класс
Создать
Управление
Действия
- Экспорт
- Предварительный просмотр
Просмотр

Родитель (скрыть)

Название

Содержание

{{velocity}}
## Макрос для отображения подстраниц с отображаемыми именами в алфавитном порядке
#macro(displayDirectChildrenClean)
  #set ($currentPage = $doc.fullName)
  #set ($children = $xwiki.getDocument($currentPage).getChildren())
  #if ($children.size() > 0)
    ## Создаем список для хранения пар (отображаемое имя, полное имя)
    #set ($childList = [])
    #foreach ($child in $children)
      #set ($childDoc = $xwiki.getDocument($child))
      ## Получаем отображаемое имя (title), если оно не пустое, иначе используем имя документа
      #set ($displayName = $childDoc.getPlainTitle())
      #if ($displayName == '')
        #set ($displayName = $childDoc.getName())
      #end
      ## Добавляем пару в список
      #set ($discard = $childList.add({"displayName": $displayName, "fullName": $child}))
    #end
    ## Сортируем список по displayName
    #set ($sortedChildren = $sorttool.sort($childList, "displayName:asc"))
    ## Выводим отсортированный список
    #foreach ($item in $sortedChildren)
      [[$item.displayName>>$item.fullName]]
    #end
  #end
#end
## Выводим список
#displayDirectChildrenClean()
{{/velocity}}

{{velocity}}
## Подключаем необходимые JS/CSS для работы вкладок
$xwiki.jsfx.use('uicomponents/widgets/tabView.js', {'forceSkinAction': true, 'language': 'xwiki/2.1'})
$xwiki.ssfx.use('uicomponents/widgets/tabView.css', true)
{{html}}
<script>
// Ждём загрузки DOM
document.observe("dom:loaded", function() {
  // Находим ссылку на вкладку "Вложения" (по ID или тексту)
  var attachmentsTab = $('Attachmentslink');
  // Если вкладка найдена, имитируем клик
  if (attachmentsTab) {
    attachmentsTab.click();
  }
});
</script>
{{/html}}
{{/velocity}}

{{velocity}}
=== Прикрепите вложения и используйте кнопки для навигации ===
#set($spaceRef = $doc.documentReference.lastSpaceReference.name)
#set($pageName = $doc.documentReference.name)
#set($docFullName = "${spaceRef}.${pageName}")
#set($attachments = $doc.getAttachmentList())
#set($itemsPerPage = 1)
#set($totalPages = ($attachments.size() + $itemsPerPage - 1) / $itemsPerPage)
#set($currentPage = 1)
#if("$!request.page" != "")
  #set($currentPage = $mathtool.toInteger($request.page))
#end
#set($startIndex = ($currentPage - 1) * $itemsPerPage)
#set($endIndex = $startIndex + $itemsPerPage - 1)
#if($endIndex >= $attachments.size())
  #set($endIndex = $attachments.size() - 1)
#end

{{html}}
<div class="navigation-controls">
  #if($attachments && !$attachments.isEmpty())
    
    <div class="attachment-selector">
      <label for="attachment-select">Выберите вложение:</label>
      <select id="attachment-select">
        #foreach($attachment in $attachments)
          <option value="$attachment.filename" #if($velocityCount == $currentPage)selected#end>
            $attachment.filename
          </option>
        #end
      </select>
    </div>

<div class="pagination-controls">
      #if($currentPage > 1)
        #set($prevPage = $currentPage - 1)
        <a href="$doc.getURL('view', "page=${prevPage}")" class="btn btn-primary">Назад</a>
      #else
        <span class="btn btn-disabled">Назад</span>
      #end
      
      <span class="page-info">Страница $currentPage из $totalPages</span>
      
      #if($currentPage < $totalPages)
        #set($nextPage = $currentPage + 1)
        <a href="$doc.getURL('view', "page=${nextPage}")" class="btn btn-primary">Далее</a>
      #else
        <span class="btn btn-disabled">Далее</span>
      #end
    </div>
  #else
    <div class="no-attachments-message">
      Нет прикрепленных вложений. Пожалуйста, добавьте файлы для просмотра.
    </div>
  #end
</div>
{{/html}}

#if($attachments && !$attachments.isEmpty())
  #foreach($i in [$startIndex..$endIndex])
    #set($attachment = $attachments.get($i))
    #set($filename = $attachment.filename)
    #set($fileurl = $doc.getAttachmentURL($filename, "download"))
    #set($fileExtension = $filename.substring($filename.lastIndexOf('.') + 1).toLowerCase())
    
    === Документ: $filename ===
    
    {{html}}
    <div class="document-viewer-container" id="document-viewer">
      #if($fileExtension == 'pdf')
        
        <iframe 
          id="document-frame"
          src="/resources/pdfjs/web/viewer.html?file=${escapetool.url($fileurl)}"
          width="100%" 
          height="600px">
        </iframe>
      #elseif($fileExtension == 'doc' || $fileExtension == 'docx' || $fileExtension == 'ppt' || $fileExtension == 'pptx' || $fileExtension == 'xls' || $fileExtension == 'xlsx')
        
        #set($officeViewerUrl = "${doc.getURL('view')}?xpage=office&attachment=${escapetool.url($filename)}")
        <iframe 
          id="document-frame"
          src="$officeViewerUrl"
          width="100%" 
          height="600px">
        </iframe>
      #else
        <div class="unsupported-format">
          Формат файла (${fileExtension}) не поддерживается для просмотра. 
          <a href="${fileurl}">Скачать файл</a>
        </div>
      #end
    </div>
    {{/html}}
  #end
#else
  {{html}}
  <div class="no-attachments-message">
    Нет доступных вложений для отображения.
  </div>
  {{/html}}
#end

{{html}}
<style>
  .navigation-controls {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 20px;
  }
  .attachment-selector {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .attachment-selector select {
    padding: 8px;
    border-radius: 4px;
    min-width: 300px;
  }
  .document-viewer-container {
    margin: 20px 0;
    border: 1px solid #eee;
    padding: 10px;
    background: #f9f9f9;
  }
  .pagination-controls {
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
  }
  .btn {
    padding: 8px 16px;
    border-radius: 4px;
    text-decoration: none;
  }
  .btn-primary {
    background-color: #3366cc;
    color: white;
  }
  .btn-disabled {
    background-color: #eee;
    color: #999;
    cursor: not-allowed;
  }
  .page-info {
    font-weight: bold;
  }
  .unsupported-format {
    padding: 20px;
    text-align: center;
    color: #666;
  }
  .no-attachments-message {
    padding: 20px;
    text-align: center;
    color: #666;
    font-style: italic;
    border: 1px dashed #ccc;
    background-color: #f5f5f5;
  }
</style>

Несущественное изменение

Информация о документе

Справка по синтаксису XWiki

Редактирование заголовка и содержимого Template Switch attachment

Информация о документе

Справка по синтаксису XWiki