Add responsiveness to file page and use correct file icons based on file type

This commit is contained in:
2024-09-16 11:02:25 +07:00
parent b246d85fac
commit dd8d0c0f4f
21 changed files with 797 additions and 590 deletions

View File

@ -15,7 +15,7 @@ func GET(w http.ResponseWriter, r *http.Request) {
userSession := r.Context().Value("user").(types.User)
files, err := app.Server.Database.GetFiles(userSession.UserID.String())
if err != nil {
fmt.Println(err.Error())
app.Server.Logger.Error(err.Error())
w.WriteHeader(http.StatusInternalServerError)
return
}
@ -26,15 +26,34 @@ func GET(w http.ResponseWriter, r *http.Request) {
Name: files[i].Name,
Size: utils.ConvertFileSize(files[i].Size),
IsPrivate: files[i].IsPrivate,
Type: files[i].Type,
Downloaded: strconv.FormatUint(files[i].Downloaded, 10),
})
}
allowance, err := app.Server.Database.GetAllowance(userSession.UserID)
if err != nil {
app.Server.Logger.Error(err.Error())
w.WriteHeader(http.StatusInternalServerError)
return
}
usage, err := app.Server.Service.GetUserStorageUsage(userSession.UserID.String())
if err != nil {
w.WriteHeader(http.StatusInternalServerError)
return
}
allowanceStats := &types.Allowance{
AllowanceByte: utils.ConvertFileSize(allowance.AllowanceByte),
AllowanceUsedByte: utils.ConvertFileSize(usage),
AllowanceUsedPercent: fmt.Sprintf("%.2f", float64(usage)/float64(allowance.AllowanceByte)*100),
}
var component templ.Component
if r.Header.Get("hx-request") == "true" {
component = fileView.MainContent(filesData, userSession)
component = fileView.MainContent(filesData, userSession, allowanceStats)
} else {
component = fileView.Main("File Dashboard", filesData, userSession)
component = fileView.Main("File Dashboard", filesData, userSession, allowanceStats)
}
err = component.Render(r.Context(), w)
if err != nil {