Compare commits
25 Commits
074b3f8f31
...
33ea56fb0c
| Author | SHA1 | Date | |
|---|---|---|---|
| 33ea56fb0c | |||
| f651894a0f | |||
| d70e679a01 | |||
| a058804603 | |||
| c9c352204c | |||
| 0402a6ff9c | |||
| 737a1908e0 | |||
| c628c688f7 | |||
| d283ad0a0a | |||
| a8c8feeb3e | |||
| 939a55c44b | |||
| ffcaee7170 | |||
| 3a69c04c25 | |||
| cacddd16e2 | |||
| 2f6ff081f3 | |||
| 59bc23bdc2 | |||
| a7c33392ce | |||
| 05e01f4b23 | |||
| e2f4a0692c | |||
| efd7d15722 | |||
| 4e412e9c18 | |||
| 6220021953 | |||
|
|
01ca68e16b | ||
|
|
6c435e6135 | ||
|
|
e1f992e052 |
@@ -133,6 +133,41 @@ func modifyLDAPAttribute(server *LDAPServer, userDN string, attribute string, da
|
|||||||
return nil
|
return nil
|
||||||
}
|
}
|
||||||
|
|
||||||
|
func changeLDAPPassword(server *LDAPServer, userDN, oldPassword, newPassword string) error {
|
||||||
|
logging.Infof("Changing LDAP password for %s", userDN)
|
||||||
|
|
||||||
|
if server == nil || server.Connection == nil {
|
||||||
|
return fmt.Errorf("LDAP connection not initialized")
|
||||||
|
}
|
||||||
|
|
||||||
|
// Ensure connection is alive
|
||||||
|
if server.Connection.IsClosing() {
|
||||||
|
if err := reconnectToLDAPServer(server); err != nil {
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Bind as the user (required for FreeIPA self-password change)
|
||||||
|
err := server.Connection.Bind(userDN, oldPassword)
|
||||||
|
if err != nil {
|
||||||
|
logging.Errorf("Failed to bind as user: %s", err.Error())
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
|
||||||
|
// Perform password modify extended operation
|
||||||
|
_, err = server.Connection.PasswordModify(&ldap.PasswordModifyRequest{
|
||||||
|
UserIdentity: userDN,
|
||||||
|
OldPassword: oldPassword,
|
||||||
|
NewPassword: newPassword,
|
||||||
|
})
|
||||||
|
if err != nil {
|
||||||
|
logging.Errorf("Password modify failed: %s", err.Error())
|
||||||
|
return err
|
||||||
|
}
|
||||||
|
logging.Infof("Password successfully changed for %s", userDN)
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
func closeLDAPServer(server *LDAPServer) {
|
func closeLDAPServer(server *LDAPServer) {
|
||||||
if server != nil && server.Connection != nil {
|
if server != nil && server.Connection != nil {
|
||||||
logging.Debug("Closing connection to LDAP server")
|
logging.Debug("Closing connection to LDAP server")
|
||||||
|
|||||||
129
src/main/main.go
129
src/main/main.go
@@ -13,21 +13,27 @@ import (
|
|||||||
"time"
|
"time"
|
||||||
|
|
||||||
"astraltech.xyz/accountmanager/src/logging"
|
"astraltech.xyz/accountmanager/src/logging"
|
||||||
|
"astraltech.xyz/accountmanager/src/session"
|
||||||
)
|
)
|
||||||
|
|
||||||
var (
|
var (
|
||||||
ldapServer *LDAPServer
|
ldapServer *LDAPServer
|
||||||
ldapServerMutex sync.Mutex
|
ldapServerMutex sync.Mutex
|
||||||
serverConfig *ServerConfig
|
serverConfig *ServerConfig
|
||||||
|
sessionManager *session.SessionManager
|
||||||
)
|
)
|
||||||
|
|
||||||
type UserData struct {
|
type UserData struct {
|
||||||
isAuth bool
|
isAuth bool
|
||||||
Username string
|
|
||||||
DisplayName string
|
DisplayName string
|
||||||
Email string
|
Email string
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var (
|
||||||
|
userData = make(map[string]UserData)
|
||||||
|
userDataMutex sync.RWMutex
|
||||||
|
)
|
||||||
|
|
||||||
var (
|
var (
|
||||||
photoCreatedTimestamp = make(map[string]time.Time)
|
photoCreatedTimestamp = make(map[string]time.Time)
|
||||||
photoCreatedMutex sync.Mutex
|
photoCreatedMutex sync.Mutex
|
||||||
@@ -82,14 +88,13 @@ func authenticateUser(username, password string) (UserData, error) {
|
|||||||
entry := userSearch.LDAPSearch.Entries[0]
|
entry := userSearch.LDAPSearch.Entries[0]
|
||||||
user := UserData{
|
user := UserData{
|
||||||
isAuth: true,
|
isAuth: true,
|
||||||
Username: username,
|
|
||||||
DisplayName: entry.GetAttributeValue("displayName"),
|
DisplayName: entry.GetAttributeValue("displayName"),
|
||||||
Email: entry.GetAttributeValue("mail"),
|
Email: entry.GetAttributeValue("mail"),
|
||||||
}
|
}
|
||||||
|
|
||||||
photoData := entry.GetRawAttributeValue("jpegphoto")
|
photoData := entry.GetRawAttributeValue("jpegphoto")
|
||||||
if len(photoData) > 0 {
|
if len(photoData) > 0 {
|
||||||
createUserPhoto(user.Username, photoData)
|
createUserPhoto(username, photoData)
|
||||||
}
|
}
|
||||||
return user, nil
|
return user, nil
|
||||||
}
|
}
|
||||||
@@ -118,15 +123,19 @@ func loginHandler(w http.ResponseWriter, r *http.Request) {
|
|||||||
password := r.FormValue("password")
|
password := r.FormValue("password")
|
||||||
|
|
||||||
logging.Infof("New Login request for %s\n", username)
|
logging.Infof("New Login request for %s\n", username)
|
||||||
userData, err := authenticateUser(username, password)
|
newUserData, err := authenticateUser(username, password)
|
||||||
|
userDataMutex.Lock()
|
||||||
|
userData[username] = newUserData
|
||||||
|
userDataMutex.Unlock()
|
||||||
if err != nil {
|
if err != nil {
|
||||||
log.Print(err)
|
log.Print(err)
|
||||||
tmpl.Execute(w, LoginPageData{IsHiddenClassList: ""})
|
tmpl.Execute(w, LoginPageData{IsHiddenClassList: ""})
|
||||||
} else {
|
} else {
|
||||||
if userData.isAuth == true {
|
if newUserData.isAuth == true {
|
||||||
cookie := createSession(&userData)
|
cookie, err := sessionManager.CreateSession(username)
|
||||||
if cookie == nil {
|
if err != nil {
|
||||||
http.Error(w, "Session error", 500)
|
logging.Error(err.Error())
|
||||||
|
http.Error(w, "Session error", http.StatusInternalServerError)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
http.SetCookie(w, cookie)
|
http.SetCookie(w, cookie)
|
||||||
@@ -147,20 +156,23 @@ type ProfileData struct {
|
|||||||
|
|
||||||
func profileHandler(w http.ResponseWriter, r *http.Request) {
|
func profileHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
w.Header().Set("Content-Type", "text/html; charset=utf-8")
|
||||||
exist, sessionData := validateSession(r)
|
sessionData, err := sessionManager.GetSession(r)
|
||||||
if !exist {
|
if err != nil {
|
||||||
|
logging.Error(err.Error())
|
||||||
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
if r.Method == http.MethodGet {
|
if r.Method == http.MethodGet {
|
||||||
tmpl := template.Must(template.ParseFiles("src/pages/profile_page.html"))
|
tmpl := template.Must(template.ParseFiles("src/pages/profile_page.html"))
|
||||||
|
userDataMutex.RLock()
|
||||||
tmpl.Execute(w, ProfileData{
|
tmpl.Execute(w, ProfileData{
|
||||||
Username: sessionData.data.Username,
|
Username: sessionData.UserID,
|
||||||
Email: sessionData.data.Email,
|
Email: userData[sessionData.UserID].Email,
|
||||||
DisplayName: sessionData.data.DisplayName,
|
DisplayName: userData[sessionData.UserID].DisplayName,
|
||||||
CSRFToken: sessionData.CSRFToken,
|
CSRFToken: sessionData.CSRFToken,
|
||||||
})
|
})
|
||||||
|
userDataMutex.RUnlock()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -224,27 +236,29 @@ func logoutHandler(w http.ResponseWriter, r *http.Request) {
|
|||||||
}
|
}
|
||||||
token := cookie.Value
|
token := cookie.Value
|
||||||
|
|
||||||
exist, sessionData := validateSession(r)
|
sessionData, err := sessionManager.GetSession(r)
|
||||||
if exist {
|
if err != nil {
|
||||||
|
logging.Error(err.Error())
|
||||||
|
}
|
||||||
if r.FormValue("csrf_token") != sessionData.CSRFToken {
|
if r.FormValue("csrf_token") != sessionData.CSRFToken {
|
||||||
http.Error(w, "Unable to log user out", http.StatusForbidden)
|
http.Error(w, "Unable to log user out", http.StatusForbidden)
|
||||||
logging.Debugf("%s attempted to logout with invalid csrf token", sessionData.data.Username)
|
logging.Debugf("%s attempted to logout with invalid csrf token", sessionData.UserID)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
}
|
logging.Infof("handling logout event for %s", sessionData.UserID)
|
||||||
logging.Infof("handling logout event for %s", sessionData.data.Username)
|
|
||||||
|
|
||||||
deleteSession(token)
|
sessionManager.DeleteSession(token)
|
||||||
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
||||||
}
|
}
|
||||||
|
|
||||||
func uploadPhotoHandler(w http.ResponseWriter, r *http.Request) {
|
func uploadPhotoHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
exist, sessionData := validateSession(r)
|
sessionData, err := sessionManager.GetSession(r)
|
||||||
if !exist {
|
if err != nil {
|
||||||
|
logging.Error(err.Error())
|
||||||
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
http.Redirect(w, r, "/login", http.StatusSeeOther)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
err := r.ParseMultipartForm(10 << 20) // 10MB limit
|
err = r.ParseMultipartForm(10 << 20) // 10MB limit
|
||||||
if err != nil {
|
if err != nil {
|
||||||
http.Error(w, "Bad request", http.StatusBadRequest)
|
http.Error(w, "Bad request", http.StatusBadRequest)
|
||||||
return
|
return
|
||||||
@@ -272,11 +286,11 @@ func uploadPhotoHandler(w http.ResponseWriter, r *http.Request) {
|
|||||||
http.Error(w, "Failed to read file", http.StatusInternalServerError)
|
http.Error(w, "Failed to read file", http.StatusInternalServerError)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
userDN := fmt.Sprintf("uid=%s,cn=users,cn=accounts,%s", sessionData.data.Username, serverConfig.LDAPConfig.BaseDN)
|
userDN := fmt.Sprintf("uid=%s,cn=users,cn=accounts,%s", sessionData.UserID, serverConfig.LDAPConfig.BaseDN)
|
||||||
ldapServerMutex.Lock()
|
ldapServerMutex.Lock()
|
||||||
defer ldapServerMutex.Unlock()
|
defer ldapServerMutex.Unlock()
|
||||||
modifyLDAPAttribute(ldapServer, userDN, "jpegphoto", []string{string(data)})
|
modifyLDAPAttribute(ldapServer, userDN, "jpegphoto", []string{string(data)})
|
||||||
createUserPhoto(sessionData.data.Username, data)
|
createUserPhoto(sessionData.UserID, data)
|
||||||
}
|
}
|
||||||
|
|
||||||
func faviconHandler(w http.ResponseWriter, r *http.Request) {
|
func faviconHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
@@ -289,28 +303,67 @@ func logoHandler(w http.ResponseWriter, r *http.Request) {
|
|||||||
http.ServeFile(w, r, serverConfig.StyleConfig.LogoPath)
|
http.ServeFile(w, r, serverConfig.StyleConfig.LogoPath)
|
||||||
}
|
}
|
||||||
|
|
||||||
func cleanupSessions() {
|
func changePasswordHandler(w http.ResponseWriter, r *http.Request) {
|
||||||
logging.Debug("Cleaning up stale session\n")
|
w.Header().Set("Content-Type", "application/json")
|
||||||
|
|
||||||
sessionMutex.Lock()
|
sessionData, err := sessionManager.GetSession(r)
|
||||||
sessions_to_delete := []string{}
|
if err != nil {
|
||||||
for session_token, session_data := range sessions {
|
logging.Error(err.Error())
|
||||||
timeUntilRemoval := time.Minute * 5
|
w.WriteHeader(http.StatusUnauthorized)
|
||||||
if session_data.loggedIn {
|
w.Write([]byte(`{"success": false, "error": "Not authenticated"}`))
|
||||||
timeUntilRemoval = time.Hour
|
return
|
||||||
}
|
}
|
||||||
if time.Since(session_data.timeCreated) > timeUntilRemoval {
|
|
||||||
sessions_to_delete = append(sessions_to_delete, session_token)
|
err = r.ParseMultipartForm(10 << 20)
|
||||||
|
if err != nil {
|
||||||
|
w.WriteHeader(http.StatusBadRequest)
|
||||||
|
w.Write([]byte(`{"success": false, "error": "Bad request"}`))
|
||||||
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if r.FormValue("csrf_token") != sessionData.CSRFToken {
|
||||||
|
w.WriteHeader(http.StatusForbidden)
|
||||||
|
w.Write([]byte(`{"success": false, "error": "CSRF Forbidden"}`))
|
||||||
|
return
|
||||||
}
|
}
|
||||||
sessionMutex.Unlock()
|
|
||||||
for _, session_id := range sessions_to_delete {
|
oldPassword := r.FormValue("old_password")
|
||||||
deleteSession(session_id)
|
newPassword := r.FormValue("new_password")
|
||||||
|
newPasswordRepeat := r.FormValue("new_password_repeat")
|
||||||
|
|
||||||
|
if newPassword != newPasswordRepeat {
|
||||||
|
w.WriteHeader(http.StatusBadRequest)
|
||||||
|
w.Write([]byte(`{"success": false, "error": "Passwords do not match"}`))
|
||||||
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
userDN := fmt.Sprintf(
|
||||||
|
"uid=%s,cn=users,cn=accounts,%s",
|
||||||
|
sessionData.UserID,
|
||||||
|
serverConfig.LDAPConfig.BaseDN,
|
||||||
|
)
|
||||||
|
|
||||||
|
err = changeLDAPPassword(ldapServer, userDN, oldPassword, newPassword)
|
||||||
|
if err != nil {
|
||||||
|
w.WriteHeader(http.StatusInternalServerError)
|
||||||
|
|
||||||
|
if strings.Contains(err.Error(), "Invalid Credentials") {
|
||||||
|
w.Write([]byte(`{"success": false, "error": "Current password incorrect"}`))
|
||||||
|
} else if strings.Contains(err.Error(), "Too soon to change password") {
|
||||||
|
w.Write([]byte(`{"success": false, "error": "Too soon to change password"}`))
|
||||||
|
} else {
|
||||||
|
w.Write([]byte(`{"success": false, "error": "Internal error"}`))
|
||||||
|
}
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
w.WriteHeader(http.StatusOK)
|
||||||
|
w.Write([]byte(`{"success": true}`))
|
||||||
}
|
}
|
||||||
|
|
||||||
func main() {
|
func main() {
|
||||||
logging.Info("Starting the server")
|
logging.Info("Starting the server")
|
||||||
|
sessionManager = session.CreateSessionManager(session.InMemory)
|
||||||
|
|
||||||
var err error = nil
|
var err error = nil
|
||||||
blankPhotoData, err = ReadFile("static/blank_profile.jpg")
|
blankPhotoData, err = ReadFile("static/blank_profile.jpg")
|
||||||
@@ -328,7 +381,6 @@ func main() {
|
|||||||
ldapServerMutex.Unlock()
|
ldapServerMutex.Unlock()
|
||||||
defer closeLDAPServer(ldapServer)
|
defer closeLDAPServer(ldapServer)
|
||||||
|
|
||||||
createWorker(time.Minute*5, cleanupSessions)
|
|
||||||
HandleFunc("/favicon.ico", faviconHandler)
|
HandleFunc("/favicon.ico", faviconHandler)
|
||||||
HandleFunc("/logo", logoHandler)
|
HandleFunc("/logo", logoHandler)
|
||||||
|
|
||||||
@@ -339,6 +391,7 @@ func main() {
|
|||||||
|
|
||||||
HandleFunc("/avatar", avatarHandler)
|
HandleFunc("/avatar", avatarHandler)
|
||||||
HandleFunc("/change-photo", uploadPhotoHandler)
|
HandleFunc("/change-photo", uploadPhotoHandler)
|
||||||
|
HandleFunc("/change-password", changePasswordHandler)
|
||||||
|
|
||||||
HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
|
HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
|
||||||
http.Redirect(w, r, "/profile", http.StatusFound) // 302 redirect
|
http.Redirect(w, r, "/profile", http.StatusFound) // 302 redirect
|
||||||
|
|||||||
@@ -1,106 +0,0 @@
|
|||||||
package main
|
|
||||||
|
|
||||||
import (
|
|
||||||
"crypto/rand"
|
|
||||||
"crypto/sha256"
|
|
||||||
"encoding/base64"
|
|
||||||
"net/http"
|
|
||||||
"sync"
|
|
||||||
"time"
|
|
||||||
|
|
||||||
"astraltech.xyz/accountmanager/src/logging"
|
|
||||||
)
|
|
||||||
|
|
||||||
type SessionData struct {
|
|
||||||
loggedIn bool
|
|
||||||
data *UserData
|
|
||||||
timeCreated time.Time
|
|
||||||
CSRFToken string
|
|
||||||
}
|
|
||||||
|
|
||||||
var (
|
|
||||||
sessions = make(map[string]SessionData)
|
|
||||||
sessionMutex sync.Mutex
|
|
||||||
)
|
|
||||||
|
|
||||||
func GenerateSessionToken(length int) (string, error) {
|
|
||||||
b := make([]byte, length)
|
|
||||||
_, err := rand.Read(b)
|
|
||||||
if err != nil {
|
|
||||||
return "", err
|
|
||||||
}
|
|
||||||
token := base64.RawURLEncoding.EncodeToString(b)
|
|
||||||
return token, nil
|
|
||||||
}
|
|
||||||
|
|
||||||
func createSession(userData *UserData) *http.Cookie {
|
|
||||||
logging.Debugf("Creating a new session for %s", userData.Username)
|
|
||||||
token, err := GenerateSessionToken(32) // Use crypto/rand for this
|
|
||||||
if err != nil {
|
|
||||||
logging.Error(err.Error())
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
CSRFToken, err := GenerateSessionToken(32)
|
|
||||||
if err != nil {
|
|
||||||
logging.Error(err.Error())
|
|
||||||
return nil
|
|
||||||
}
|
|
||||||
|
|
||||||
tokenEncoded := sha256.Sum256([]byte(token))
|
|
||||||
tokenEncodedString := string(tokenEncoded[:])
|
|
||||||
|
|
||||||
sessionMutex.Lock()
|
|
||||||
defer sessionMutex.Unlock()
|
|
||||||
loggedIn := false
|
|
||||||
if userData != nil {
|
|
||||||
loggedIn = true
|
|
||||||
}
|
|
||||||
sessions[tokenEncodedString] = SessionData{
|
|
||||||
data: userData,
|
|
||||||
timeCreated: time.Now(),
|
|
||||||
CSRFToken: CSRFToken,
|
|
||||||
loggedIn: loggedIn,
|
|
||||||
}
|
|
||||||
cookie := &http.Cookie{
|
|
||||||
Name: "session_token",
|
|
||||||
Value: token,
|
|
||||||
Path: "/",
|
|
||||||
HttpOnly: true, // Essential: prevents JS access
|
|
||||||
Secure: true, // Set to TRUE in production (HTTPS)
|
|
||||||
SameSite: http.SameSiteLaxMode,
|
|
||||||
MaxAge: 3600, // 1 hour
|
|
||||||
}
|
|
||||||
return cookie
|
|
||||||
}
|
|
||||||
|
|
||||||
func validateSession(r *http.Request) (bool, *SessionData) {
|
|
||||||
logging.Debugf("Validating session")
|
|
||||||
cookie, err := r.Cookie("session_token")
|
|
||||||
if err != nil {
|
|
||||||
logging.Error(err.Error())
|
|
||||||
return false, &SessionData{}
|
|
||||||
}
|
|
||||||
token := cookie.Value
|
|
||||||
|
|
||||||
tokenEncoded := sha256.Sum256([]byte(token))
|
|
||||||
tokenEncodedString := string(tokenEncoded[:])
|
|
||||||
|
|
||||||
sessionMutex.Lock()
|
|
||||||
sessionData, exists := sessions[tokenEncodedString]
|
|
||||||
sessionMutex.Unlock()
|
|
||||||
if !exists || !sessionData.loggedIn {
|
|
||||||
return false, &SessionData{}
|
|
||||||
}
|
|
||||||
logging.Infof("Validated session for %s", sessionData.data.Username)
|
|
||||||
return true, &sessionData
|
|
||||||
}
|
|
||||||
|
|
||||||
func deleteSession(session_id string) {
|
|
||||||
sessionMutex.Lock()
|
|
||||||
|
|
||||||
tokenEncoded := sha256.Sum256([]byte(session_id))
|
|
||||||
tokenEncodedString := string(tokenEncoded[:])
|
|
||||||
|
|
||||||
delete(sessions, tokenEncodedString)
|
|
||||||
sessionMutex.Unlock()
|
|
||||||
}
|
|
||||||
@@ -6,37 +6,31 @@
|
|||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="static/style.css" />
|
||||||
|
<link rel="stylesheet" href="static/error/error.css" />
|
||||||
|
<link rel="stylesheet" href="static/card.css" />
|
||||||
<link rel="stylesheet" href="static/login_page.css" />
|
<link rel="stylesheet" href="static/login_page.css" />
|
||||||
|
|
||||||
<img id="logo_image" alt="logo" src="/logo" />
|
<img id="logo_image" alt="logo" src="/logo" />
|
||||||
<form id="login_card" method="POST">
|
<form id="login_card" class="card" method="POST">
|
||||||
<div id="welcome_text">
|
<div id="welcome_text">
|
||||||
Welcome to Astral Tech, Please Sign in to your account below
|
Welcome to Astral Tech, Please Sign in to your account below
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="incorrect_password_text" class="{{.IsHiddenClassList}}">
|
<div class="error {{.IsHiddenClassList}}">
|
||||||
⚠️ Invalid username or password.
|
⚠️ Invalid username or password.
|
||||||
<button id="incorrect_password_close_button">X</button>
|
<button class="close_error_button">X</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="login_text">Username</label><br />
|
<label class="input_label">Username</label><br />
|
||||||
<input type="text" name="username" placeholder="" required />
|
<input type="text" name="username" placeholder="" required />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<label class="login_text">Password</label><br />
|
<label class="input_label">Password</label><br />
|
||||||
<input type="password" name="password" placeholder="" required />
|
<input type="password" name="password" placeholder="" required />
|
||||||
</div>
|
</div>
|
||||||
<button type="submit">Login</button>
|
<button type="submit">Login</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<script>
|
<script src="/static/error/error.js" type="text/javascript"></script>
|
||||||
document
|
|
||||||
.getElementById("incorrect_password_close_button")
|
|
||||||
.addEventListener("click", function () {
|
|
||||||
document
|
|
||||||
.getElementById("incorrect_password_text")
|
|
||||||
.classList.add("hidden");
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|||||||
@@ -7,8 +7,59 @@
|
|||||||
/>
|
/>
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="static/style.css" />
|
||||||
<link rel="stylesheet" href="static/card.css" />
|
<link rel="stylesheet" href="static/card.css" />
|
||||||
|
<link rel="stylesheet" href="static/error/error.css" />
|
||||||
<link rel="stylesheet" href="static/profile_page.css" />
|
<link rel="stylesheet" href="static/profile_page.css" />
|
||||||
|
|
||||||
|
<div id="popup_background" class="blocked hidden"></div>
|
||||||
|
|
||||||
|
<div id="change_password_dialogue" class="hidden card static_center">
|
||||||
|
Change Password
|
||||||
|
|
||||||
|
<button id="close_password_dialogue">X</button>
|
||||||
|
|
||||||
|
<div id="password_error" class="error hidden">
|
||||||
|
<div id="password_text"></div>
|
||||||
|
<button id="password_error_close_button" class="close_error_button">
|
||||||
|
X
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="input_label">Current password</label><br />
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="current_password"
|
||||||
|
name="current_password"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="input_label">New password</label><br />
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="new_password"
|
||||||
|
name="new_password"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<label class="input_label">New password (repeat)</label><br />
|
||||||
|
<input
|
||||||
|
type="password"
|
||||||
|
id="new_password_repeat"
|
||||||
|
name="new_password_repeat"
|
||||||
|
placeholder=""
|
||||||
|
required
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button id="final_change_password_button">Change Password</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<img id="logo_image" alt="logo" src="/logo" />
|
<img id="logo_image" alt="logo" src="/logo" />
|
||||||
<div id="main_content">
|
<div id="main_content">
|
||||||
<div class="cards">
|
<div class="cards">
|
||||||
@@ -51,28 +102,18 @@
|
|||||||
<div class="data-value">{{.Email}}</div>
|
<div class="data-value">{{.Email}}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form
|
<button class="bottom_button" id="change_password_button">
|
||||||
action="/logout"
|
<input
|
||||||
method="POST"
|
id="csrf_token_storage"
|
||||||
style="
|
type="hidden"
|
||||||
color: var(--primary-accent);
|
name="csrf_token"
|
||||||
text-decoration: none;
|
value="{{.CSRFToken}}"
|
||||||
font-weight: bold;
|
/>
|
||||||
margin-top: 20px;
|
Change Password
|
||||||
display: inline-block;
|
</button>
|
||||||
"
|
|
||||||
>
|
<form action="/logout" method="POST" style="display: inline-block">
|
||||||
<button
|
<button class="bottom_button" id="signout_button">
|
||||||
style="
|
|
||||||
background: none;
|
|
||||||
border-style: none;
|
|
||||||
color: var(--primary-accent);
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 20px;
|
|
||||||
"
|
|
||||||
id="signout_button"
|
|
||||||
>
|
|
||||||
<input
|
<input
|
||||||
id="csrf_token_storage"
|
id="csrf_token_storage"
|
||||||
type="hidden"
|
type="hidden"
|
||||||
@@ -95,10 +136,102 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
const popup_botton = document.getElementById("change_password_button");
|
||||||
|
|
||||||
|
popup_botton.addEventListener("click", () => {
|
||||||
|
document.getElementById("popup_background").classList.remove("hidden");
|
||||||
|
document
|
||||||
|
.getElementById("change_password_dialogue")
|
||||||
|
.classList.remove("hidden");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
const changePasswordButton = document.getElementById(
|
||||||
|
"final_change_password_button",
|
||||||
|
);
|
||||||
|
|
||||||
|
function displayError(errorText) {
|
||||||
|
document.getElementById("password_error").classList.remove("hidden");
|
||||||
|
document.getElementById("password_text").innerText =
|
||||||
|
"⚠️ " + errorText + ".";
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
changePasswordButton.addEventListener("click", () => {
|
||||||
|
if (document.getElementById("current_password").value === "") {
|
||||||
|
displayError("Please enter current password");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.getElementById("new_password").value === "") {
|
||||||
|
displayError("No value for new password");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (document.getElementById("new_password_repeat").value === "") {
|
||||||
|
displayError("Please repeat new password");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (
|
||||||
|
document.getElementById("new_password").value !==
|
||||||
|
document.getElementById("new_password_repeat").value
|
||||||
|
) {
|
||||||
|
displayError("New password and new password repeat do not match");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append(
|
||||||
|
"csrf_token",
|
||||||
|
document.getElementById("csrf_token_storage").value,
|
||||||
|
);
|
||||||
|
formData.append(
|
||||||
|
"old_password",
|
||||||
|
document.getElementById("current_password").value,
|
||||||
|
);
|
||||||
|
formData.append(
|
||||||
|
"new_password",
|
||||||
|
document.getElementById("new_password").value,
|
||||||
|
);
|
||||||
|
formData.append(
|
||||||
|
"new_password_repeat",
|
||||||
|
document.getElementById("new_password_repeat").value,
|
||||||
|
);
|
||||||
|
|
||||||
|
fetch("/change-password", {
|
||||||
|
method: "POST",
|
||||||
|
body: formData,
|
||||||
|
})
|
||||||
|
.then(async (res) => {
|
||||||
|
const data = await res.json();
|
||||||
|
if (!res.ok) {
|
||||||
|
throw new Error(data.error || "Request failed");
|
||||||
|
}
|
||||||
|
return data;
|
||||||
|
})
|
||||||
|
.then((data) => {
|
||||||
|
document
|
||||||
|
.getElementById("change_password_dialogue")
|
||||||
|
.classList.add("hidden");
|
||||||
|
document
|
||||||
|
.getElementById("popup_background")
|
||||||
|
.classList.add("hidden");
|
||||||
|
})
|
||||||
|
.catch((err) => {
|
||||||
|
displayError(err.message);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
var currentPreviewURL = null;
|
var currentPreviewURL = null;
|
||||||
|
|
||||||
fileInput.addEventListener("change", async () => {
|
fileInput.addEventListener("change", async () => {
|
||||||
|
document.getElementById("popup_background").classList.remove("hidden");
|
||||||
|
|
||||||
const file = fileInput.files[0];
|
const file = fileInput.files[0];
|
||||||
if (!file) return;
|
if (!file) return;
|
||||||
if (file.type !== "image/jpeg") {
|
if (file.type !== "image/jpeg") {
|
||||||
@@ -118,7 +251,9 @@
|
|||||||
credentials: "include",
|
credentials: "include",
|
||||||
});
|
});
|
||||||
const text = await res.text();
|
const text = await res.text();
|
||||||
// show the picture (so we don't need to re render the whole page)
|
|
||||||
|
document.getElementById("popup_background").classList.add("hidden");
|
||||||
|
|
||||||
const img = document.querySelector(".profile-pic");
|
const img = document.querySelector(".profile-pic");
|
||||||
|
|
||||||
if (currentPreviewURL != null) {
|
if (currentPreviewURL != null) {
|
||||||
@@ -129,3 +264,16 @@
|
|||||||
currentPreviewURL = img.src;
|
currentPreviewURL = img.src;
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
document
|
||||||
|
.getElementById("close_password_dialogue")
|
||||||
|
.addEventListener("click", () => {
|
||||||
|
document
|
||||||
|
.getElementById("change_password_dialogue")
|
||||||
|
.classList.add("hidden");
|
||||||
|
document.getElementById("popup_background").classList.add("hidden");
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script src="/static/error/error.js" type="text/javascript"></script>
|
||||||
|
|||||||
24
src/session/session_helpers.go
Normal file
24
src/session/session_helpers.go
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
package session
|
||||||
|
|
||||||
|
import (
|
||||||
|
"crypto/rand"
|
||||||
|
"crypto/sha256"
|
||||||
|
"encoding/base64"
|
||||||
|
)
|
||||||
|
|
||||||
|
// helper function for secure session storage
|
||||||
|
func GenerateSessionToken(length int) (string, error) {
|
||||||
|
b := make([]byte, length)
|
||||||
|
_, err := rand.Read(b)
|
||||||
|
if err != nil {
|
||||||
|
return "", err
|
||||||
|
}
|
||||||
|
token := base64.RawURLEncoding.EncodeToString(b)
|
||||||
|
return token, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
// more helper
|
||||||
|
func hashSession(session_id string) string {
|
||||||
|
tokenEncoded := sha256.Sum256([]byte(session_id))
|
||||||
|
return base64.RawURLEncoding.EncodeToString(tokenEncoded[:])
|
||||||
|
}
|
||||||
99
src/session/session_in_memory.go
Normal file
99
src/session/session_in_memory.go
Normal file
@@ -0,0 +1,99 @@
|
|||||||
|
package session
|
||||||
|
|
||||||
|
import (
|
||||||
|
"errors"
|
||||||
|
"sync"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"astraltech.xyz/accountmanager/src/logging"
|
||||||
|
"astraltech.xyz/accountmanager/src/worker"
|
||||||
|
)
|
||||||
|
|
||||||
|
var ErrSessionNotFound = errors.New("session not found")
|
||||||
|
var ErrSessionAlreadyExists = errors.New("session already exists")
|
||||||
|
var ErrSessionExpired = errors.New("session expired")
|
||||||
|
|
||||||
|
type MemoryStore struct {
|
||||||
|
sessions map[string]*SessionData
|
||||||
|
lock sync.RWMutex
|
||||||
|
}
|
||||||
|
|
||||||
|
func NewMemoryStore() *MemoryStore {
|
||||||
|
logging.Debug("Creating new in memory session store")
|
||||||
|
store := &MemoryStore{
|
||||||
|
sessions: make(map[string]*SessionData),
|
||||||
|
}
|
||||||
|
worker.CreateWorker(time.Minute*5, store.cleanup)
|
||||||
|
return store
|
||||||
|
}
|
||||||
|
|
||||||
|
func (m *MemoryStore) Create(sessionID string, session *SessionData) (err error) {
|
||||||
|
hashedSession := hashSession(sessionID)
|
||||||
|
|
||||||
|
m.lock.Lock()
|
||||||
|
defer m.lock.Unlock()
|
||||||
|
_, exist := m.sessions[hashedSession]
|
||||||
|
if exist {
|
||||||
|
return ErrSessionAlreadyExists
|
||||||
|
}
|
||||||
|
|
||||||
|
m.sessions[hashedSession] = session
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
func (m *MemoryStore) Get(sessionID string) (*SessionData, error) {
|
||||||
|
m.lock.RLock()
|
||||||
|
hashed := hashSession(sessionID)
|
||||||
|
data, exists := m.sessions[hashed]
|
||||||
|
m.lock.RUnlock()
|
||||||
|
if exists == false {
|
||||||
|
return nil, ErrSessionNotFound
|
||||||
|
}
|
||||||
|
if time.Now().After(data.ExpiresAt) {
|
||||||
|
_ = m.Delete(sessionID) // ignore error
|
||||||
|
return nil, ErrSessionExpired
|
||||||
|
}
|
||||||
|
copy := *data
|
||||||
|
return ©, nil
|
||||||
|
}
|
||||||
|
func (m *MemoryStore) Update(sessionID string, session *SessionData) error {
|
||||||
|
hashedSession := hashSession(sessionID)
|
||||||
|
|
||||||
|
m.lock.Lock()
|
||||||
|
defer m.lock.Unlock()
|
||||||
|
_, exist := m.sessions[hashedSession]
|
||||||
|
if !exist {
|
||||||
|
return ErrSessionNotFound
|
||||||
|
}
|
||||||
|
m.sessions[hashedSession] = session
|
||||||
|
return nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (m *MemoryStore) cleanup() {
|
||||||
|
logging.Debug("Cleaning up memory store sessions")
|
||||||
|
now := time.Now()
|
||||||
|
|
||||||
|
m.lock.Lock()
|
||||||
|
defer m.lock.Unlock()
|
||||||
|
|
||||||
|
deleted := 0
|
||||||
|
for id, session := range m.sessions {
|
||||||
|
if now.After(session.ExpiresAt) {
|
||||||
|
delete(m.sessions, id)
|
||||||
|
deleted = deleted + 1
|
||||||
|
}
|
||||||
|
}
|
||||||
|
logging.Infof("Cleaned up %d stale sessions", deleted)
|
||||||
|
}
|
||||||
|
|
||||||
|
func (m *MemoryStore) Delete(sessionID string) error {
|
||||||
|
hashedSession := hashSession(sessionID)
|
||||||
|
|
||||||
|
m.lock.Lock()
|
||||||
|
defer m.lock.Unlock()
|
||||||
|
_, exist := m.sessions[hashedSession]
|
||||||
|
if !exist {
|
||||||
|
return ErrSessionNotFound
|
||||||
|
}
|
||||||
|
delete(m.sessions, hashedSession)
|
||||||
|
return nil
|
||||||
|
}
|
||||||
85
src/session/session_manager.go
Normal file
85
src/session/session_manager.go
Normal file
@@ -0,0 +1,85 @@
|
|||||||
|
package session
|
||||||
|
|
||||||
|
import (
|
||||||
|
"net/http"
|
||||||
|
"time"
|
||||||
|
|
||||||
|
"astraltech.xyz/accountmanager/src/logging"
|
||||||
|
)
|
||||||
|
|
||||||
|
const SessionCookieName = "session_token"
|
||||||
|
|
||||||
|
type SessionManager struct {
|
||||||
|
store SessionStore
|
||||||
|
}
|
||||||
|
|
||||||
|
type StoreType int
|
||||||
|
|
||||||
|
const (
|
||||||
|
InMemory StoreType = iota
|
||||||
|
)
|
||||||
|
|
||||||
|
func CreateSessionManager(storeType StoreType) *SessionManager {
|
||||||
|
sessionManager := SessionManager{}
|
||||||
|
switch storeType {
|
||||||
|
case InMemory:
|
||||||
|
{
|
||||||
|
sessionManager.store = NewMemoryStore()
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return &sessionManager
|
||||||
|
}
|
||||||
|
|
||||||
|
func (manager *SessionManager) CreateSession(userID string) (cookie *http.Cookie, err error) {
|
||||||
|
logging.Debugf("Creating a new session for %s", userID)
|
||||||
|
token, err := GenerateSessionToken(32) // Use crypto/rand for this
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
CSRFToken, err := GenerateSessionToken(32)
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
newSessionData := SessionData{
|
||||||
|
UserID: userID,
|
||||||
|
CSRFToken: CSRFToken,
|
||||||
|
ExpiresAt: time.Now().Add(time.Hour),
|
||||||
|
}
|
||||||
|
err = manager.store.Create(token, &newSessionData)
|
||||||
|
if err != nil {
|
||||||
|
return nil, err
|
||||||
|
}
|
||||||
|
|
||||||
|
newCookie := &http.Cookie{
|
||||||
|
Name: SessionCookieName,
|
||||||
|
Value: token,
|
||||||
|
Path: "/",
|
||||||
|
HttpOnly: true, // Essential: prevents JS access
|
||||||
|
Secure: true, // Set to TRUE in production (HTTPS)
|
||||||
|
SameSite: http.SameSiteLaxMode,
|
||||||
|
MaxAge: 3600, // 1 hour
|
||||||
|
}
|
||||||
|
return newCookie, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (manager *SessionManager) GetSession(r *http.Request) (*SessionData, error) {
|
||||||
|
logging.Debug("Validating session from request")
|
||||||
|
cookie, err := r.Cookie(SessionCookieName)
|
||||||
|
if err != nil {
|
||||||
|
return nil, ErrSessionNotFound
|
||||||
|
}
|
||||||
|
token := cookie.Value
|
||||||
|
if token == "" {
|
||||||
|
return nil, ErrSessionNotFound
|
||||||
|
}
|
||||||
|
data, err := manager.store.Get(token)
|
||||||
|
if err != nil {
|
||||||
|
return nil, ErrSessionNotFound
|
||||||
|
}
|
||||||
|
return data, nil
|
||||||
|
}
|
||||||
|
|
||||||
|
func (manager *SessionManager) DeleteSession(sessionId string) error {
|
||||||
|
return manager.store.Delete(sessionId)
|
||||||
|
}
|
||||||
16
src/session/session_store.go
Normal file
16
src/session/session_store.go
Normal file
@@ -0,0 +1,16 @@
|
|||||||
|
package session
|
||||||
|
|
||||||
|
import "time"
|
||||||
|
|
||||||
|
type SessionData struct {
|
||||||
|
UserID string
|
||||||
|
CSRFToken string
|
||||||
|
ExpiresAt time.Time
|
||||||
|
}
|
||||||
|
|
||||||
|
type SessionStore interface {
|
||||||
|
Create(sessionID string, session *SessionData) error
|
||||||
|
Get(sessionID string) (*SessionData, error)
|
||||||
|
Update(sessionID string, session *SessionData) error
|
||||||
|
Delete(sessionID string) error
|
||||||
|
}
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
package main
|
package worker
|
||||||
|
|
||||||
import (
|
import (
|
||||||
"time"
|
"time"
|
||||||
@@ -6,7 +6,7 @@ import (
|
|||||||
"astraltech.xyz/accountmanager/src/logging"
|
"astraltech.xyz/accountmanager/src/logging"
|
||||||
)
|
)
|
||||||
|
|
||||||
func createWorker(interval time.Duration, task func()) {
|
func CreateWorker(interval time.Duration, task func()) {
|
||||||
logging.Debugf("Creating worker that runs on a %s interval", interval.String())
|
logging.Debugf("Creating worker that runs on a %s interval", interval.String())
|
||||||
go func() {
|
go func() {
|
||||||
ticker := time.NewTicker(interval)
|
ticker := time.NewTicker(interval)
|
||||||
@@ -3,11 +3,22 @@
|
|||||||
255,
|
255,
|
||||||
255,
|
255,
|
||||||
255,
|
255,
|
||||||
0.8
|
1
|
||||||
); /* Semi-transparent white for light theme */
|
); /* Semi-transparent white for light theme */
|
||||||
border: 1px solid var(--border-subtle);
|
border: 1px solid var(--border-subtle);
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
padding: 24px;
|
padding: 2.5rem;
|
||||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
|
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
|
||||||
transition: transform 0.2s ease;
|
transition: transform 0.2s ease;
|
||||||
|
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.static_center {
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
transform: translateX(-50%) translateY(-50%);
|
||||||
}
|
}
|
||||||
|
|||||||
30
static/error/error.css
Normal file
30
static/error/error.css
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
.error {
|
||||||
|
background-color: var(--error-red) !important;
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 20px;
|
||||||
|
border-style: solid;
|
||||||
|
border-color: var(--error-border-red);
|
||||||
|
border-width: 1px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 12px;
|
||||||
|
position: relative;
|
||||||
|
color: white;
|
||||||
|
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.close_error_button {
|
||||||
|
position: absolute !important;
|
||||||
|
background-color: rgba(0, 0, 0, 0) !important;
|
||||||
|
padding: 0px !important;
|
||||||
|
top: 20px;
|
||||||
|
right: 20px;
|
||||||
|
color: black !important;
|
||||||
|
font-weight: normal !important;
|
||||||
|
border: none;
|
||||||
|
width: fit-content !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.close_error_button:hover {
|
||||||
|
cursor: default;
|
||||||
|
font-weight: bold !important;
|
||||||
|
}
|
||||||
7
static/error/error.js
Normal file
7
static/error/error.js
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
var error_close_buttons = document.getElementsByClassName("close_error_button");
|
||||||
|
|
||||||
|
for (const close_button of error_close_buttons) {
|
||||||
|
close_button.addEventListener("click", function () {
|
||||||
|
this.parentElement.classList.add("hidden");
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -6,51 +6,17 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#login_card {
|
#login_card {
|
||||||
/* The Magic Three */
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column; /* Stack vertically */
|
|
||||||
gap: 15px; /* Space between inputs */
|
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
transform: translateX(-50%) translateY(-50%);
|
transform: translateX(-50%) translateY(-50%);
|
||||||
|
|
||||||
background-color: var(--bg-card);
|
|
||||||
border: 1px solid var(--border-subtle);
|
|
||||||
padding: 2.5rem;
|
|
||||||
border-radius: 8px;
|
|
||||||
width: 350px;
|
width: 350px;
|
||||||
|
|
||||||
/* Soft shadow for depth in light mode */
|
|
||||||
box-shadow:
|
|
||||||
0 4px 12px rgba(0, 0, 0, 0.05),
|
|
||||||
0 1px 3px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#login_card input {
|
#login_card input {
|
||||||
padding: 12px;
|
|
||||||
background-color: var(--bg-input);
|
|
||||||
border: 1px solid var(--border-subtle);
|
|
||||||
color: var(--text-main);
|
|
||||||
border-radius: 6px;
|
|
||||||
width: 324px;
|
width: 324px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login_card input::placeholder {
|
|
||||||
color: var(--text-muted);
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_card button {
|
|
||||||
padding: 12px;
|
|
||||||
background-color: var(--primary-accent); /* Our Teal/Blue */
|
|
||||||
color: white;
|
|
||||||
border: none;
|
|
||||||
border-radius: 6px;
|
|
||||||
cursor: pointer;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#login_card div {
|
#login_card div {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
@@ -69,48 +35,8 @@
|
|||||||
flex: 2;
|
flex: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
#login_card button:hover {
|
|
||||||
background-color: var(--primary-hover);
|
|
||||||
}
|
|
||||||
|
|
||||||
.login_text {
|
|
||||||
color: var(--text-muted);
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#welcome_text {
|
#welcome_text {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#incorrect_password_text {
|
|
||||||
background-color: var(--error-red) !important;
|
|
||||||
border-radius: 10px;
|
|
||||||
padding: 20px;
|
|
||||||
border-style: solid;
|
|
||||||
border-color: var(--error-border-red);
|
|
||||||
border-width: 1px;
|
|
||||||
box-sizing: border-box;
|
|
||||||
font-size: 12px;
|
|
||||||
position: relative;
|
|
||||||
color: white;
|
|
||||||
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
#incorrect_password_close_button {
|
|
||||||
position: absolute !important;
|
|
||||||
background-color: rgba(0, 0, 0, 0) !important;
|
|
||||||
padding: 0px !important;
|
|
||||||
top: 20px;
|
|
||||||
right: 20px;
|
|
||||||
color: black !important;
|
|
||||||
font-weight: normal !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#incorrect_password_close_button:hover {
|
|
||||||
cursor: default;
|
|
||||||
font-weight: bold !important;
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -33,6 +33,8 @@
|
|||||||
max-width: 500px;
|
max-width: 500px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
gap: 0px !important;
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
left: 50%;
|
left: 50%;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
@@ -83,6 +85,8 @@
|
|||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: none;
|
border: none;
|
||||||
padding: 6px;
|
padding: 6px;
|
||||||
|
|
||||||
|
width: fit-content !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#edit_picture_button:hover {
|
#edit_picture_button:hover {
|
||||||
@@ -90,8 +94,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
#edit_picture_image {
|
#edit_picture_image {
|
||||||
width: 20px;
|
width: 20px !important;
|
||||||
height: 20px;
|
height: 20px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#picture_holder {
|
#picture_holder {
|
||||||
@@ -100,6 +104,31 @@
|
|||||||
line-height: 0;
|
line-height: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#signout_button:hover {
|
.bottom_button:hover {
|
||||||
text-decoration: underline !important;
|
text-decoration: underline !important;
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottom_button {
|
||||||
|
background: none;
|
||||||
|
border-style: none;
|
||||||
|
color: var(--primary-accent);
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#change_password_dialogue {
|
||||||
|
z-index: 10000;
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
#change_password_dialogue input {
|
||||||
|
width: 350px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#close_password_dialogue {
|
||||||
|
width: fit-content;
|
||||||
|
position: absolute;
|
||||||
|
right: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -24,6 +24,52 @@ body {
|
|||||||
background-color: var(--bg-main);
|
background-color: var(--bg-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
.hidden {
|
button {
|
||||||
display: none;
|
padding: 12px;
|
||||||
|
background-color: var(--primary-accent); /* Our Teal/Blue */
|
||||||
|
color: white;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
background-color: var(--primary-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
padding: 12px;
|
||||||
|
background-color: var(--bg-input);
|
||||||
|
border: 1px solid var(--border-subtle);
|
||||||
|
color: var(--text-main);
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
input::placeholder {
|
||||||
|
color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input_label {
|
||||||
|
color: var(--text-muted);
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blocked {
|
||||||
|
position: fixed; /* or absolute */
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: 9999; /* higher = on top */
|
||||||
|
|
||||||
|
background-color: black;
|
||||||
|
opacity: 10%;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user