butter/butter-kanglam-ui
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design touchups, download button as-designed

Browse source
This commit is contained in:
John Hess 2024-06-20 14:04:51 -05:00
parent 8a6bcba65b
commit e309f24e9c
5 changed files with 43 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

21
assets/js/butter-dir-listing.js
View file

@ -21,7 +21,7 @@ const getFolderDivHTML = (directory_name, number_of_items, href) => {
<div class="upper-text">${directory_name}</div>
<div class="lower-text"><span id="${href}">${number_of_items}</span> items</div>
</div>
<div class="empty-block"></div>
<div class="dl-block"></div>
</a>`;
};
@ -34,16 +34,21 @@ const getFileDivHTML = (file_name, size, date, href) => {
// turn date from "2021-09-01 12:34:56" to "Sep 1, 2021"
date = new Date(date).toLocaleDateString('en-US', { month: 'short', day: 'numeric', year: 'numeric' });
return `
<a class="filerow" href="${href}">
<div class="logo-filerow">
<div class="filerow">
<a href="${href}" class="logo-filerow">
<img src="${inferredBaseURL}assets/images/${icon}" alt="directory">
</div>
<div class="text-filerow">
</a>
<a href="${href}" class="text-filerow">
<div class="upper-text">${file_name}</div>
<div class="lower-text">${size} | ${date}</div>
</div>
<div class="empty-block"></div>
</a>`;
</a>
<a href="${href}" download="${file_name}">
<div class="dl-block">
<img src="${inferredBaseURL}assets/images/download-icon.svg" alt="download">
</div>
</a>
</div>
`;
};
const getFolderItemCount = async (folder_href) => {