initial commit
This commit is contained in:
Ivan
83
static/scripts/documents-table.js
Normal file
83
static/scripts/documents-table.js
Normal file
@@ -0,0 +1,83 @@
|
||||
$(document).ready(function () {
|
||||
const createTable = () => {
|
||||
const table = document.getElementById("documentsTable");
|
||||
const tbody = table.querySelector("tbody");
|
||||
// Очищаем таблицу
|
||||
tbody.innerHTML = "";
|
||||
|
||||
documents.forEach((doc) => {
|
||||
const row = document.createElement("tr");
|
||||
row.setAttribute(
|
||||
"onclick",
|
||||
`window.open('` + API_SERVER + `/` + doc.path + `', '_blank')`
|
||||
);
|
||||
|
||||
const data = document.createElement("td");
|
||||
|
||||
const rowContainer = document.createElement("div");
|
||||
rowContainer.setAttribute("class", "row-container");
|
||||
|
||||
const rowIcon = document.createElement("div");
|
||||
rowIcon.setAttribute("class", "row-icon");
|
||||
|
||||
let svgContent;
|
||||
if (doc.type === "pdf") {
|
||||
svgContent = `
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="22" viewBox="0 0 17 22" fill="none">
|
||||
<g clip-path="url(#clip0_209_356)">
|
||||
<path d="M3.13331 22H13.8656C15.9588 22 16.9989 20.922 16.9989 18.788V9.471H9.68256C8.38844 9.471 7.77219 8.8451 7.77219 7.5317V0H3.13438C1.05081 0 0 1.0879 0 3.223V18.788C0 20.933 1.04125 22 3.13331 22ZM8.53081 14.7103C8.8655 14.7103 9.13963 14.773 9.35319 14.8984C9.56781 15.0238 9.72506 15.2042 9.82812 15.4374C9.93119 15.6706 9.98325 15.95 9.98325 16.2734C9.98325 16.6012 9.93013 16.8839 9.826 17.1215C9.72762 17.3531 9.56003 17.5459 9.34788 17.6715C9.13431 17.7991 8.86125 17.8629 8.53081 17.8629H7.27069V14.7103H8.53081ZM12.6267 14.7103V15.3197H11.2604V16.082H12.5035V16.6727H11.2604V17.8629H10.4869V14.7103H12.6267ZM5.70244 14.7103C5.95 14.7103 6.15719 14.7598 6.32294 14.8599C6.48975 14.9589 6.61513 15.0909 6.70013 15.2559C6.78513 15.422 6.82763 15.6046 6.82763 15.8037C6.82763 16.0039 6.78406 16.1865 6.698 16.3493C6.61061 16.515 6.47842 16.6507 6.31763 16.7398C6.12503 16.8423 5.91037 16.8923 5.69394 16.885H5.11912V17.8629H4.34563V14.7103H5.70244ZM8.40756 15.312H8.04419V17.2601H8.40756C8.54569 17.2601 8.66256 17.2403 8.76138 17.2007C8.85628 17.1636 8.9399 17.1009 9.00362 17.0192C9.07059 16.9298 9.11841 16.8267 9.14387 16.7167C9.17362 16.5957 9.1885 16.4538 9.1885 16.2921C9.1885 16.0765 9.16194 15.8961 9.10775 15.7498C9.06155 15.6139 8.97247 15.498 8.85487 15.4209C8.71883 15.3422 8.56434 15.3041 8.40863 15.3109L8.40756 15.312ZM5.525 15.2933H5.117V16.3141H5.525C5.6204 16.3168 5.71506 16.296 5.80125 16.2536C5.8771 16.216 5.9401 16.1554 5.98188 16.0798C6.02508 15.9948 6.04631 15.8997 6.0435 15.8037C6.0435 15.6387 5.99781 15.5111 5.90538 15.4242C5.79946 15.3316 5.6634 15.2855 5.525 15.2933ZM9.15875 0.1133C9.58269 0.1848 9.99706 0.4818 10.472 0.9746L16.0406 6.7309C16.5261 7.2336 16.8194 7.6439 16.8799 8.0652H9.71125C9.33831 8.0652 9.15556 7.8804 9.15556 7.5108L9.15875 0.1133Z" fill="#FF3B30"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_209_356">
|
||||
<rect width="17" height="22" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
`;
|
||||
} else if (doc.type === "doc" || doc.type === "docx") {
|
||||
svgContent = `
|
||||
<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg" aria-label="Office Open XML word processing document" data-testid="word-icon"><path d="M16.795 0c1.115 0 1.519.116 1.926.334.407.218.727.538.945.945.218.407.334.811.334 1.926v13.59c0 1.115-.116 1.519-.334 1.926a2.272 2.272 0 01-.945.945c-.407.218-.811.334-1.926.334H3.205c-1.115 0-1.519-.116-1.926-.334a2.272 2.272 0 01-.945-.945C.116 18.314 0 17.91 0 16.795V3.205C0 2.09.116 1.686.334 1.279.552.872.872.552 1.279.334 1.686.116 2.09 0 3.205 0h13.59zM5.177 4.931H3.264L6.098 15.5h1.734L10 7.867h.105l2.179 7.633h1.727l2.834-10.569h-1.904l-1.83 7.99h-.105l-2.132-7.99H9.231l-2.11 7.99h-.106l-1.838-7.99z" fill="#205BC5" fill-rule="evenodd"></path></svg>
|
||||
`;
|
||||
} else {
|
||||
svgContent = `
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="17" height="22" viewBox="0 0 17 22" fill="none">
|
||||
<g clip-path="url(#clip0_209_356)">
|
||||
<path d="M3.13331 22H13.8656C15.9588 22 16.9989 20.922 16.9989 18.788V9.471H9.68256C8.38844 9.471 7.77219 8.8451 7.77219 7.5317V0H3.13438C1.05081 0 0 1.0879 0 3.223V18.788C0 20.933 1.04125 22 3.13331 22ZM8.53081 14.7103C8.8655 14.7103 9.13963 14.773 9.35319 14.8984C9.56781 15.0238 9.72506 15.2042 9.82812 15.4374C9.93119 15.6706 9.98325 15.95 9.98325 16.2734C9.98325 16.6012 9.93013 16.8839 9.826 17.1215C9.72762 17.3531 9.56003 17.5459 9.34788 17.6715C9.13431 17.7991 8.86125 17.8629 8.53081 17.8629H7.27069V14.7103H8.53081ZM12.6267 14.7103V15.3197H11.2604V16.082H12.5035V16.6727H11.2604V17.8629H10.4869V14.7103H12.6267ZM5.70244 14.7103C5.95 14.7103 6.15719 14.7598 6.32294 14.8599C6.48975 14.9589 6.61513 15.0909 6.70013 15.2559C6.78513 15.422 6.82763 15.6046 6.82763 15.8037C6.82763 16.0039 6.78406 16.1865 6.698 16.3493C6.61061 16.515 6.47842 16.6507 6.31763 16.7398C6.12503 16.8423 5.91037 16.8923 5.69394 16.885H5.11912V17.8629H4.34563V14.7103H5.70244ZM8.40756 15.312H8.04419V17.2601H8.40756C8.54569 17.2601 8.66256 17.2403 8.76138 17.2007C8.85628 17.1636 8.9399 17.1009 9.00362 17.0192C9.07059 16.9298 9.11841 16.8267 9.14387 16.7167C9.17362 16.5957 9.1885 16.4538 9.1885 16.2921C9.1885 16.0765 9.16194 15.8961 9.10775 15.7498C9.06155 15.6139 8.97247 15.498 8.85487 15.4209C8.71883 15.3422 8.56434 15.3041 8.40863 15.3109L8.40756 15.312ZM5.525 15.2933H5.117V16.3141H5.525C5.6204 16.3168 5.71506 16.296 5.80125 16.2536C5.8771 16.216 5.9401 16.1554 5.98188 16.0798C6.02508 15.9948 6.04631 15.8997 6.0435 15.8037C6.0435 15.6387 5.99781 15.5111 5.90538 15.4242C5.79946 15.3316 5.6634 15.2855 5.525 15.2933ZM9.15875 0.1133C9.58269 0.1848 9.99706 0.4818 10.472 0.9746L16.0406 6.7309C16.5261 7.2336 16.8194 7.6439 16.8799 8.0652H9.71125C9.33831 8.0652 9.15556 7.8804 9.15556 7.5108L9.15875 0.1133Z" fill="#FF3B30"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_209_356">
|
||||
<rect width="17" height="22" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
`;
|
||||
}
|
||||
|
||||
rowIcon.innerHTML = svgContent;
|
||||
|
||||
rowContainer.appendChild(rowIcon);
|
||||
|
||||
const rowContent = document.createElement("div");
|
||||
rowContent.setAttribute("class", "row-content");
|
||||
|
||||
const documentName = document.createElement("h1");
|
||||
documentName.textContent = doc.name;
|
||||
rowContent.appendChild(documentName);
|
||||
|
||||
const documentType = document.createElement("h2");
|
||||
documentType.textContent = doc.type;
|
||||
rowContent.appendChild(documentType);
|
||||
|
||||
const date = document.createElement("span");
|
||||
date.textContent = doc.date;
|
||||
rowContent.appendChild(date);
|
||||
|
||||
rowContainer.appendChild(rowContent);
|
||||
data.appendChild(rowContainer);
|
||||
row.appendChild(data);
|
||||
tbody.appendChild(row);
|
||||
});
|
||||
};
|
||||
|
||||
createTable();
|
||||
});
|
||||
Reference in New Issue
Block a user