Редактирование Switcher

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

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

Название

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="importmap">
{"imports":{"xwiki-livedata":"\/webjars\/wiki%3Areglaments\/xwiki-platform-livedata-webjar\/17.10.12\/main.es.js?r=1","vue":"\/webjars\/wiki%3Areglaments\/vue\/3.5.23\/dist\/vue.runtime.esm-browser.prod.js?r=1","vue-i18n":"\/webjars\/wiki%3Areglaments\/vue-i18n\/11.1.12\/dist\/vue-i18n.esm-browser.prod.js?r=1"}}
</script>

</head>
<body id="body" class="skin-flamingo viewbody main wiki-reglaments
space-Macros.Template_Switch_attachment.Switcher"><script>/*<![CDATA[*/
// Ждём загрузки DOM
document.observe("dom:loaded", function() {
// Находим ссылку на вкладку "Вложения" (по ID или тексту)
var attachmentsTab = $('Attachmentslink');
// Если вкладка найдена, имитируем клик
if (attachmentsTab) {
attachmentsTab.click();
}
});
/*]]>*/</script><!--startmacro: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')
        <\!-\- PDF Viewer -\->
        <\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')
        <\!-\- Office Viewer -\->
        #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>

<\script>
//<\![CDATA[
document.addEventListener('DOMContentLoaded', function() \{
  const select = document.getElementById('attachment-select');
  const viewerContainer = document.getElementById('document-viewer');
  
  if (select && viewerContainer) \{
    select.addEventListener('change', function() \{
      const filename = this.value;
      const fileExtension = filename.split('.').pop().toLowerCase();
      const fileurl = "$\{doc.getURL('download')}" + "/" + encodeURIComponent(filename);
      const pdfViewerUrl = "/resources/pdfjs/web/viewer.html?file=" + encodeURIComponent(fileurl);
      const baseUrl = "$\{doc.getURL('view')}";
      
      let viewerHtml = '';
      
      if (fileExtension === 'pdf') \{
        viewerHtml = '<\iframe id="document-frame" ' +
                     'src="' + pdfViewerUrl + '" ' +
                     'width="100%" height="600px"><\/iframe>';
      } else if (['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'].indexOf(fileExtension) >= 0) \{
        viewerHtml = '<\iframe id="document-frame" ' +
                    'src="' + baseUrl + '?xpage=office&attachment=' + encodeURIComponent(filename) + '" ' +
                    'width="100%" height="600px"><\/iframe>';
      } else \{
        viewerHtml = '<\div class="unsupported-format">' +
                     'Формат файла (' + fileExtension + ') не поддерживается для просмотра. ' +
                     '<\a href="' + fileurl + '">Скачать файл<\/a><\/div>';
      }
      
      viewerContainer.innerHTML = viewerHtml;
      
      // Обновляем заголовок документа
      const titleElement = viewerContainer.previousElementSibling;
      if (titleElement && titleElement.tagName === 'H3') \{
        titleElement.textContent = 'Документ: ' + filename;
      }
    });
  }
});
//]]>
<\/script>
\{\{/html}}--><h3 id="H41F44043843A44043543F43844243543243B43E43643543D43844F43843844143F43E43B44C43744343944243543A43D43E43F43A43843443B44F43D430432438433430446438438" class="wikigeneratedid wikigeneratedheader"><span>Прикрепите вложения и используйте кнопки для навигации</span></h3><div class="navigation-controls">
<div class="no-attachments-message">
Нет прикрепленных вложений. Пожалуйста, добавьте файлы для просмотра.
</div>
</div><div class="no-attachments-message">
Нет доступных вложений для отображения.
</div><!--startmacro: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>

if (select && viewerContainer) \{
select.addEventListener('change', function() \{
const filename = this.value;
const fileExtension = filename.split('.').pop().toLowerCase();
const fileurl = "/wiki/reglaments/download/Macros/Template%20Switch%20attachment/Switcher/WebHome" + "/" + encodeURIComponent(filename);
const pdfViewerUrl = "/resources/pdfjs/web/viewer.html?file=" + encodeURIComponent(fileurl);
const baseUrl = "/wiki/reglaments/view/Macros/Template%20Switch%20attachment/Switcher/";

let viewerHtml = '';

if (fileExtension === 'pdf') \{
viewerHtml = '<\iframe id="document-frame" ' +
'src="' + pdfViewerUrl + '" ' +
'width="100%" height="600px"><\/iframe>';
} else if (['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'].indexOf(fileExtension) >= 0) \{
viewerHtml = '<\iframe id="document-frame" ' +
'src="' + baseUrl + '?xpage=office&attachment=' + encodeURIComponent(filename) + '" ' +
'width="100%" height="600px"><\/iframe>';
} else \{
viewerHtml = '<\div class="unsupported-format">' +
'Формат файла (' + fileExtension + ') не поддерживается для просмотра. ' +
'<\a href="' + fileurl + '">Скачать файл<\/a><\/div>';
}

viewerContainer.innerHTML = viewerHtml;

// Обновляем заголовок документа
const titleElement = viewerContainer.previousElementSibling;
if (titleElement && titleElement.tagName === 'H3') \{
titleElement.textContent = 'Документ: ' + filename;
}
});
}
});
//]]>
<\/script>-->

document.addEventListener('DOMContentLoaded', function() {
const select = document.getElementById('attachment-select');
const viewerContainer = document.getElementById('document-viewer');

if (select && viewerContainer) {
select.addEventListener('change', function() {
const filename = this.value;
const fileExtension = filename.split('.').pop().toLowerCase();
const fileurl = "/wiki/reglaments/download/Macros/Template%20Switch%20attachment/Switcher/WebHome" + "/" + encodeURIComponent(filename);
const pdfViewerUrl = "/resources/pdfjs/web/viewer.html?file=" + encodeURIComponent(fileurl);
const baseUrl = "/wiki/reglaments/view/Macros/Template%20Switch%20attachment/Switcher/";

let viewerHtml = '';

if (fileExtension === 'pdf') {
viewerHtml = '<iframe id="document-frame" ' +
'src="' + pdfViewerUrl + '" ' +
'width="100%" height="600px"></iframe>';
} else if (['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx'].indexOf(fileExtension) >= 0) {
viewerHtml = '<iframe id="document-frame" ' +
'src="' + baseUrl + '?xpage=office&attachment=' + encodeURIComponent(filename) + '" ' +
'width="100%" height="600px"></iframe>';
} else {
viewerHtml = '<div class="unsupported-format">' +
'Формат файла (' + fileExtension + ') не поддерживается для просмотра. ' +
'<a href="' + fileurl + '">Скачать файл</a></div>';
}

viewerContainer.innerHTML = viewerHtml;

// Обновляем заголовок документа
const titleElement = viewerContainer.previousElementSibling;
if (titleElement && titleElement.tagName === 'H3') {
titleElement.textContent = 'Документ: ' + filename;
}
});
}
});

/*]]>*/</script></body>
</html>

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

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

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