package fileView import ( "github.com/fossyy/filekeeper/view/client/layout" "github.com/fossyy/filekeeper/types" "strconv" ) templ component(title string, files []types.FileData, user types.User, allowance *types.Allowance) { @layout.BaseAuth(title) { @MainContent(files, user, allowance) } } templ MainContent(files []types.FileData, user types.User, allowance *types.Allowance) { @layout.Navbar(user)
Back
for _, file := range files { }
File Name File Size Downloads Status Action
@FileIcon(file.Type)
{file.Name}
{ file.Size }
{ file.Downloaded }
if file.IsPrivate {
Private
} else {
Public
}
File Information Total Files: {strconv.Itoa(len(files))} Total Usage: {allowance.AllowanceUsedByte} Total Allowance: {allowance.AllowanceByte}
} script toggleDropDown() { const dropdowns = document.querySelectorAll('.dropdown'); dropdowns.forEach(dropdown => { const button = dropdown.querySelector('.dropdown-button'); const menu = dropdown.querySelector('.dropdown-menu'); if (button.contains(event.target)) { dropdowns.forEach(otherDropdown => { if (otherDropdown !== dropdown) { otherDropdown.querySelector('.dropdown-menu').classList.add('hidden'); } }); menu.classList.toggle('hidden'); } else if (!menu.contains(event.target)) { menu.classList.add('hidden'); } }); } templ JustFile(file types.FileData) { @FileIcon(file.Type)
{file.Name}
{ file.Size }
{ file.Downloaded }
if file.IsPrivate {
Private
} else {
Public
}
} templ FileIcon(fileType string) { if fileType == "jpg" || fileType == "jpeg" || fileType == "png" || fileType == "gif" || fileType == "bmp" || fileType == "tiff" { image-picture Created with Sketch Beta. } else if fileType == "pdf" || fileType == "doc" || fileType == "docx" || fileType == "txt" || fileType == "odt" || fileType == "xls" || fileType == "xlsx" || fileType == "ppt" || fileType == "pptx" { } else if fileType == "zip" || fileType == "rar" || fileType == "tar" || fileType == "gz" || fileType == "7z" || fileType == "bz2" { } else { } } templ Main(title string, files []types.FileData, user types.User, allowance *types.Allowance) { @component(title, files, user, allowance) }