Add skeleton loading state for file load

This commit is contained in:
2024-09-23 21:40:01 +07:00
parent 59d4154ef0
commit 757dde58c0
17 changed files with 309 additions and 259 deletions

View File

@ -29,7 +29,7 @@ func RegistrationEmail(name string, link string) templ.Component {
templ_7745c5c3_Var1 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 1)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Email Verification</title><style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n\r\n h1 {\r\n color: #333;\r\n }\r\n\r\n .button {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n background-color: black;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n }\r\n\r\n .button:hover {\r\n background-color: #0056b3;\r\n }\r\n </style></head><body><div class=\"container\"><h1>Email Verification</h1><p>Dear ")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -42,7 +42,7 @@ func RegistrationEmail(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 2)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(",</p><p>Please verify your email address by clicking the button below:</p><a href=\"")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -51,7 +51,7 @@ func RegistrationEmail(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 3)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"button\">Verify Email</a><p>Or copy and paste this URL into a new tab of your browser: <a href=\"")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -60,7 +60,7 @@ func RegistrationEmail(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 4)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><br>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -73,7 +73,7 @@ func RegistrationEmail(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 5)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a></p><p>If you did not request this verification, please disregard this email.</p><p>Thank you, <br>The Filekeeper Team</p></div></body></html>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -102,7 +102,7 @@ func ForgotPassword(name string, link string) templ.Component {
templ_7745c5c3_Var6 = templ.NopComponent
}
ctx = templ.ClearChildren(ctx)
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 6)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("<!doctype html><html lang=\"en\"><head><meta charset=\"UTF-8\"><meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"><meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"><title>Email Verification</title><style>\r\n body, html {\r\n margin: 0;\r\n padding: 0;\r\n font-family: Arial, sans-serif;\r\n font-size: 16px;\r\n line-height: 1.6;\r\n }\r\n\r\n .container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n padding: 20px;\r\n }\r\n\r\n h1 {\r\n color: #333;\r\n }\r\n\r\n .button {\r\n display: inline-block;\r\n padding: 10px 20px;\r\n background-color: black;\r\n color: white;\r\n text-decoration: none;\r\n border-radius: 5px;\r\n }\r\n\r\n .button:hover {\r\n background-color: #0056b3;\r\n }\r\n </style></head><body><div class=\"container\"><h1>Password Change Request</h1><p>Dear ")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -115,7 +115,7 @@ func ForgotPassword(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 7)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(",</p><p>Please verify your password change request by clicking the button below:</p><a href=\"")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -124,7 +124,7 @@ func ForgotPassword(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 8)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"button\">Verify Password Change</a><p>Or copy and paste this URL into a new tab of your browser: <a href=\"")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -133,7 +133,7 @@ func ForgotPassword(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 9)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\"><br>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
@ -146,7 +146,7 @@ func ForgotPassword(name string, link string) templ.Component {
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}
templ_7745c5c3_Err = templ.WriteWatchModeString(templ_7745c5c3_Buffer, 10)
_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("</a></p><p>If you did not request this password change, please disregard this email.</p><p>Thank you, <br>The Filekeeper Team</p></div></body></html>")
if templ_7745c5c3_Err != nil {
return templ_7745c5c3_Err
}