From b8278bacf6ba170442d1d1c1a07570f9a86fba8b Mon Sep 17 00:00:00 2001 From: Andre Henriques Date: Thu, 21 Sep 2023 15:38:02 +0100 Subject: [PATCH] chore: added model delete related to #2 --- .air.toml | 2 +- .gitignore | 3 + go.mod | 1 + go.sum | 2 + handler.go | 373 ++++++++++++++++++++-------------- main.go | 14 +- models.go | 405 +++++++++++++++++++++++++++++++++++++ shell.nix | 8 +- sql/models.sql | 20 ++ sql/user.sql | 3 +- users.go | 4 +- utils.go | 147 +++++++++++++- views/404.html | 25 ++- views/imgs/upload-icon.png | Bin 0 -> 5572 bytes views/js/main.js | 47 ++++- views/models/add.html | 41 ++++ views/models/delete.html | 12 ++ views/models/edit.html | 83 ++++++++ views/models/list.html | 52 +++++ views/partials/header.html | 7 + views/styles/main.css | 200 ++++++++++++++++-- 21 files changed, 1264 insertions(+), 185 deletions(-) create mode 100644 models.go create mode 100644 sql/models.sql create mode 100644 views/imgs/upload-icon.png create mode 100644 views/models/add.html create mode 100644 views/models/delete.html create mode 100644 views/models/edit.html create mode 100644 views/models/list.html diff --git a/.air.toml b/.air.toml index ba6adb1..619275b 100644 --- a/.air.toml +++ b/.air.toml @@ -7,7 +7,7 @@ tmp_dir = "tmp" bin = "./tmp/main" cmd = "go build -o ./tmp/main ." delay = 0 - exclude_dir = ["assets", "tmp", "vendor", "testdata"] + exclude_dir = ["assets", "tmp", "vendor", "testData", "savedData"] exclude_file = [] exclude_regex = ["_test.go"] exclude_unchanged = false diff --git a/.gitignore b/.gitignore index 3fec32c..c4abeef 100644 --- a/.gitignore +++ b/.gitignore @@ -1 +1,4 @@ tmp/ +testData/ +savedData/ +!savedData/.keep diff --git a/go.mod b/go.mod index e5e3279..5bf1b8f 100644 --- a/go.mod +++ b/go.mod @@ -3,6 +3,7 @@ module andr3h3nriqu3s.com/m go 1.20 require ( + github.com/google/uuid v1.3.1 // indirect github.com/lib/pq v1.10.9 // indirect golang.org/x/crypto v0.13.0 // indirect ) diff --git a/go.sum b/go.sum index c205580..64b7ec0 100644 --- a/go.sum +++ b/go.sum @@ -1,3 +1,5 @@ +github.com/google/uuid v1.3.1 h1:KjJaJ9iWZ3jOFZIf1Lqf4laDRCasjl0BCmnEGxkdLb4= +github.com/google/uuid v1.3.1/go.mod h1:TIyPZe4MgqvfeYDBFedMoGGpEw/LqOeaOT+nhxU+yHo= github.com/lib/pq v1.10.9 h1:YXG7RB+JIjhP29X+OtkiDnYaXQwpS4JEWq7dtCCRUEw= github.com/lib/pq v1.10.9/go.mod h1:AlVN5x4E4T544tWzH6hKfbfQvm3HdbOxrmggDNAPY9o= golang.org/x/crypto v0.13.0 h1:mvySKfSWJ+UKUii46M40LOvyWfN0s2U+46/jDd0e6Ck= diff --git a/handler.go b/handler.go index 2a95461..71e8c2a 100644 --- a/handler.go +++ b/handler.go @@ -8,6 +8,8 @@ import ( "io" "log" "net/http" + "os" + "path" "strings" "time" ) @@ -78,11 +80,56 @@ func LoadHtml(writer http.ResponseWriter, path string, data interface{}) { } } +func LoadError(writer http.ResponseWriter, path string, base string, data AnyMap) { + if data == nil { + data = map[string]interface{} { + "Error": true, + } + } else { + data["Error"] = true + } + + tmpl, err := template.New("").Parse("{{template \"" + base + "\" . }}") + if err != nil { + panic("Lol") + } + + tmpl, err = tmpl.ParseFiles( + "./views/"+path, + "./views/partials/header.html", + ) + + if err != nil { + fmt.Printf("Failed to load template %s\n", path) + fmt.Println(err) + writer.WriteHeader(http.StatusInternalServerError) + if path == "500.html" { + writer.Write([]byte("

Failed to load 500.html check console for more info

")) + } else { + LoadHtml(writer, "500.html", nil) + } + return + } + + if err := tmpl.Execute(writer, data); err != nil { + fmt.Printf("Failed to execute template %s\n", path) + fmt.Println(err) + writer.WriteHeader(http.StatusInternalServerError) + if path == "500.html" { + writer.Write([]byte("

Failed to load 500.html check console for more info

")) + } else { + LoadHtml(writer, "500.html", nil) + } + return + } +} + type AnyMap = map[string]interface{} type Error struct { code int msg *string + data AnyMap } type AnswerType int @@ -133,9 +180,10 @@ type Handler interface { } type Handle struct { - db *sql.DB - gets []HandleFunc - posts []HandleFunc + db *sql.DB + gets []HandleFunc + posts []HandleFunc + deletes []HandleFunc } func decodeBody(r *http.Request) (string, *Error) { @@ -149,9 +197,8 @@ func decodeBody(r *http.Request) (string, *Error) { func handleError(err *Error, w http.ResponseWriter, context *Context) { - data := context.toMap() - if err != nil { + data := context.addMap(err.data) w.WriteHeader(err.code) if err.code == http.StatusNotFound { LoadBasedOnAnswer(context.Mode, w, "404.html", data) @@ -168,69 +215,39 @@ func handleError(err *Error, w http.ResponseWriter, context *Context) { } func (x *Handle) Get(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: NORMAL | HTML | HTMLFULL | JSON, - } - - x.gets = append(x.gets, nhandler) + x.gets = append(x.gets, HandleFunc{path, NORMAL | HTML | HTMLFULL | JSON, fn}) } func (x *Handle) GetHTML(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: NORMAL | HTML | HTMLFULL, - } - - x.gets = append(x.gets, nhandler) + x.gets = append(x.gets, HandleFunc{path, NORMAL | HTML | HTMLFULL, fn}) } func (x *Handle) GetJSON(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: JSON, - } - - x.gets = append(x.gets, nhandler) + x.gets = append(x.gets, HandleFunc{path, JSON, fn}) } func (x *Handle) Post(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: NORMAL | HTML | HTMLFULL | JSON, - } - - x.posts = append(x.posts, nhandler) + x.posts = append(x.posts, HandleFunc{path, NORMAL | HTML | HTMLFULL | JSON, fn}) } func (x *Handle) PostHTML(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: NORMAL | HTML | HTMLFULL, - } - - x.posts = append(x.posts, nhandler) + x.posts = append(x.posts, HandleFunc{path, NORMAL | HTML | HTMLFULL, fn}) } func (x *Handle) PostJSON(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { - nhandler := - HandleFunc{ - fn: fn, - path: path, - mode: JSON, - } + x.posts = append(x.posts, HandleFunc{path, JSON, fn}) +} - x.posts = append(x.posts, nhandler) +func (x *Handle) Delete(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { + x.deletes = append(x.deletes, HandleFunc{path, NORMAL | HTML | HTMLFULL | JSON, fn}) +} + +func (x *Handle) DeleteHTML(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { + x.deletes = append(x.deletes, HandleFunc{path, NORMAL | HTML | HTMLFULL, fn}) +} + +func (x *Handle) DeleteJSON(path string, fn func(w http.ResponseWriter, r *http.Request, c *Context) *Error) { + x.deletes = append(x.deletes, HandleFunc{path, JSON, fn}) } func (x *Handle) handleGets(w http.ResponseWriter, r *http.Request, context *Context) { @@ -243,9 +260,7 @@ func (x *Handle) handleGets(w http.ResponseWriter, r *http.Request, context *Con if context.Mode != HTMLFULL { w.WriteHeader(http.StatusNotFound) } - LoadBasedOnAnswer(context.Mode, w, "404.html", map[string]interface{}{ - "context": context, - }) + LoadBasedOnAnswer(context.Mode, w, "404.html", context.addMap(nil)) } func (x *Handle) handlePosts(w http.ResponseWriter, r *http.Request, context *Context) { @@ -258,18 +273,42 @@ func (x *Handle) handlePosts(w http.ResponseWriter, r *http.Request, context *Co if context.Mode != HTMLFULL { w.WriteHeader(http.StatusNotFound) } - LoadBasedOnAnswer(context.Mode, w, "404.html", map[string]interface{}{ - "context": context, - }) + LoadBasedOnAnswer(context.Mode, w, "404.html", context.addMap(nil)) } -func AnswerTemplate(path string, data AnyMap) func(w http.ResponseWriter, r *http.Request, c *Context) *Error { +func (x *Handle) handleDeletes(w http.ResponseWriter, r *http.Request, context *Context) { + for _, s := range x.deletes { + if s.path == r.URL.Path && context.Mode&s.mode != 0 { + handleError(s.fn(w, r, context), w, context) + return + } + } + if context.Mode != HTMLFULL { + w.WriteHeader(http.StatusNotFound) + } + LoadBasedOnAnswer(context.Mode, w, "404.html", context.addMap(nil)) +} + +func checkAuthLevel(authLevel int, w http.ResponseWriter, r *http.Request, c *Context) bool { + if authLevel > 0 { + if c.requireAuth(w, r) { + logoff(c.Mode, w, r) + return false + } + if c.User.user_type < authLevel { + notAuth(c.Mode, w, r) + return false + } + } + return true +} + +func AnswerTemplate(path string, data AnyMap, authLevel int) func(w http.ResponseWriter, r *http.Request, c *Context) *Error { return func(w http.ResponseWriter, r *http.Request, c *Context) *Error { - if data == nil { - LoadBasedOnAnswer(c.Mode, w, path, c.toMap()) - } else { - LoadBasedOnAnswer(c.Mode, w, path, c.addMap(data)) - } + if !checkAuthLevel(authLevel, w, r, c) { + return nil + } + LoadBasedOnAnswer(c.Mode, w, path, c.addMap(data)) return nil } } @@ -277,25 +316,24 @@ func AnswerTemplate(path string, data AnyMap) func(w http.ResponseWriter, r *htt type Context struct { Token *string User *User - Mode AnswerType + Mode AnswerType } func (c Context) addMap(m AnyMap) AnyMap { - m["Context"] = c; - return m; -} - -func (c *Context) toMap() map[string]interface{} { - return map[string]interface{}{ - "Context": c, + if m == nil { + return map[string]interface{}{ + "Context": c, + } } + m["Context"] = c + return m } func (c *Context) requireAuth(w http.ResponseWriter, r *http.Request) bool { - if c.User == nil { - return true; - } - return false; + if c.User == nil { + return true + } + return false } var LogoffError = errors.New("Invalid token!") @@ -310,10 +348,12 @@ func (x Handle) createContext(mode AnswerType, r *http.Request) (*Context, error } } + // TODO check that the token is still valid + if token == nil { return &Context{ - Mode: mode, - }, nil + Mode: mode, + }, nil } user, err := userFromToken(x.db, *token) @@ -324,35 +364,114 @@ func (x Handle) createContext(mode AnswerType, r *http.Request) (*Context, error return &Context{token, user, mode}, nil } -func logoff(mode AnswerType, w http.ResponseWriter, r *http.Request) { - // Delete cookie - cookie := &http.Cookie{ - Name: "auth", - Value: "", - Expires: time.Unix(0, 0), - } - http.SetCookie(w, cookie) +// TODO check if I can use http.Redirect +func redirect(path string, mode AnswerType, w http.ResponseWriter, r *http.Request) { + w.Header().Set("Location", path) + if mode == JSON { + w.WriteHeader(http.StatusSeeOther) + w.Write([]byte(path)) + return + } + if mode&(HTMLFULL|HTML) != 0 { + w.WriteHeader(http.StatusSeeOther) + w.Write([]byte(path)) + } else { + w.WriteHeader(http.StatusSeeOther) + } +} - // Setup response - w.Header().Set("Location", "/login") - if mode == JSON { - w.WriteHeader(http.StatusUnauthorized) - w.Write([]byte("\"Bye Bye\"")); - return - } - if mode & (HTMLFULL | HTML) != 0 { - w.WriteHeader(http.StatusUnauthorized); - w.Write([]byte("Bye Bye")); - } else { - w.WriteHeader(http.StatusSeeOther); - } +func logoff(mode AnswerType, w http.ResponseWriter, r *http.Request) { + // Delete cookie + cookie := &http.Cookie{ + Name: "auth", + Value: "", + Expires: time.Unix(0, 0), + } + http.SetCookie(w, cookie) + redirect("/login", mode, w, r) +} + +func notAuth(mode AnswerType, w http.ResponseWriter, r *http.Request) { + if mode == JSON { + w.WriteHeader(http.StatusForbidden) + w.Write([]byte("\"You can not access this resource!\"")) + return + } + if mode&(HTMLFULL|HTML) != 0 { + w.WriteHeader(http.StatusForbidden) + w.Write([]byte("You can not access this resource!")) + } else { + w.WriteHeader(http.StatusForbidden) + } +} + +func (x Handle) staticFiles(pathTest string, fileType string, contentType string) { + http.HandleFunc(pathTest, func(w http.ResponseWriter, r *http.Request) { + path := r.URL.Path[len(pathTest):] + + if !strings.HasSuffix(path, fileType) { + w.WriteHeader(http.StatusNotFound) + w.Write([]byte("File not found")) + return + } + + t, err := template.ParseFiles("./views" + pathTest + path) + + if err != nil { + w.WriteHeader(http.StatusInternalServerError) + w.Write([]byte("Failed to load template")) + return + } + + w.Header().Set("Content-Type", contentType+"; charset=utf-8") + t.Execute(w, nil) + }) +} + +func errorCode(err error, code int, data AnyMap) *Error { + // TODO Improve Logging + if err != nil { + fmt.Printf("Something went wrong returning with: %d\n.Err:\n", code) + fmt.Println(err) + } + return &Error{code, nil, data} +} + +func error500(err error) *Error { + return errorCode(err, http.StatusInternalServerError, nil) +} + +func (x Handle) readFiles(pathTest string, baseFilePath string, fileType string, contentType string) { + http.HandleFunc(pathTest, func(w http.ResponseWriter, r *http.Request) { + user_path := r.URL.Path[len(pathTest):] + + fmt.Printf("Requested path: %s\n", user_path) + + if !strings.HasSuffix(user_path, fileType) { + w.WriteHeader(http.StatusNotFound) + w.Write([]byte("File not found")) + return + } + + bytes, err := os.ReadFile(path.Join(baseFilePath, pathTest, user_path)) + if err != nil { + fmt.Println(err) + w.WriteHeader(http.StatusInternalServerError) + w.Write([]byte("Failed to load file")) + return + } + + w.Header().Set("Content-Type", contentType) + w.Write(bytes) + }) } func NewHandler(db *sql.DB) *Handle { - - var gets []HandleFunc - var posts []HandleFunc - x := &Handle{ db, gets, posts, } + + var gets []HandleFunc + var posts []HandleFunc + var deletes []HandleFunc + x := &Handle{db, gets, posts, deletes} http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) { // Decide answertype @@ -380,53 +499,11 @@ func NewHandler(db *sql.DB) *Handle { x.handlePosts(w, r, context) return } - panic("TODO handle: " + r.Method) - }) - - // TODO Handle this in other way - http.HandleFunc("/styles/", func(w http.ResponseWriter, r *http.Request) { - path := r.URL.Path[len("/styles/"):] - if !strings.HasSuffix(path, ".css") { - w.WriteHeader(http.StatusNotFound) - w.Write([]byte("File not found")) + if r.Method == "DELETE" { + x.handleDeletes(w, r, context) return } - - t, err := template.ParseFiles("./views/styles/" + path) - - if err != nil { - w.WriteHeader(http.StatusInternalServerError) - w.Write([]byte("Failed to load template")) - fmt.Println("Error:") - fmt.Println(err) - return - } - - w.Header().Set("Content-Type", "text/css; charset=utf-8") - t.Execute(w, nil) - }) - - // TODO Handle this in other way - http.HandleFunc("/js/", func(w http.ResponseWriter, r *http.Request) { - path := r.URL.Path[len("/js/"):] - if !strings.HasSuffix(path, ".js") { - w.WriteHeader(http.StatusNotFound) - w.Write([]byte("File not found")) - return - } - - t, err := template.ParseFiles("./views/js/" + path) - - if err != nil { - w.WriteHeader(http.StatusInternalServerError) - w.Write([]byte("Failed to load template")) - fmt.Println("Error:") - fmt.Println(err) - return - } - - w.Header().Set("Content-Type", "text/javascript; charset=utf-8") - t.Execute(w, nil) + panic("TODO handle method: " + r.Method) }) return x diff --git a/main.go b/main.go index 92808d9..99996a5 100644 --- a/main.go +++ b/main.go @@ -1,8 +1,8 @@ package main import ( - "fmt" "database/sql" + "fmt" _ "github.com/lib/pq" ) @@ -27,11 +27,21 @@ func main() { defer db.Close() fmt.Println("Starting server on :8000!") + //TODO check if file structure exists to save data + handle := NewHandler(db) - handle.GetHTML("/", AnswerTemplate("index.html", nil)) + + // TODO Handle this in other way + handle.staticFiles("/styles/", ".css", "text/css"); + handle.staticFiles("/js/", ".js", "text/javascript"); + handle.readFiles("/imgs/", "views", ".png", "image/png;"); + handle.readFiles("/savedData/", ".", ".png", "image/png;"); + + handle.GetHTML("/", AnswerTemplate("index.html", nil, 0)) usersEndpints(db, handle) + handleModelsEndpoints(handle) handle.Startup() } diff --git a/models.go b/models.go new file mode 100644 index 0000000..1f88221 --- /dev/null +++ b/models.go @@ -0,0 +1,405 @@ +package main + +import ( + "bytes" + "fmt" + "image" + "image/color" + _ "image/png" + "io" + "net/http" + "os" + "path" + "strconv" +) + +const ( + FAILED_PREPARING = -1 + + PREPARING = iota + CONFIRM_PRE_TRAINING +) + +type BaseModel struct { + Name string + Status int + Id string +} + +func modelUpdateStatus(handle *Handle, id string, status int) { + _, err := handle.db.Exec("update models set status = $1 where id = $2", status, id) + if err != nil { + fmt.Println("Failed to update model status") + fmt.Println(err) + panic("TODO handle better") + } +} + +func loadBaseImage(handle *Handle, id string) { + // TODO handle more types than png + infile, err := os.Open(path.Join("savedData", id, "baseimage.png")) + if err != nil { + // TODO better logging + fmt.Println(err) + fmt.Printf("Failed to read image for model with id %s\n", id) + modelUpdateStatus(handle, id, -1) + return + } + defer infile.Close() + + src, format, err := image.Decode(infile) + if err != nil { + // TODO better logging + fmt.Println(err) + fmt.Printf("Failed to load image for model with id %s\n", id) + modelUpdateStatus(handle, id, -1) + return + } + if format != "png" { + // TODO better logging + fmt.Printf("Found unkown format '%s'\n", format) + panic("Handle diferent files than .png") + } + + var model_color string + + bounds := src.Bounds() + width, height := bounds.Max.X, bounds.Max.Y + + switch src.ColorModel() { + case color.Gray16Model: + fallthrough + case color.GrayModel: + model_color = "greyscale" + default: + fmt.Println("Do not know how to handle this color model") + + if src.ColorModel() == color.RGBA64Model { + fmt.Println("Color is rgb") + } else if src.ColorModel() == color.NRGBAModel { + fmt.Println("Color is nrgb") + } else if src.ColorModel() == color.YCbCrModel { + fmt.Println("Color is ycbcr") + } else if src.ColorModel() == color.AlphaModel { + fmt.Println("Color is alpha") + } else if src.ColorModel() == color.CMYKModel { + fmt.Println("Color is cmyk") + } else { + fmt.Println("Other so assuming color") + } + + modelUpdateStatus(handle, id, -1) + return + } + + // Note: this also updates the status to 2 + _, err = handle.db.Exec("update models set width=$1, height=$2, color_mode=$3, status=$4 where id=$5", width, height, model_color, CONFIRM_PRE_TRAINING, id) + if err != nil { + // TODO better logging + fmt.Println(err) + fmt.Printf("Could not update model\n") + modelUpdateStatus(handle, id, -1) + return + } +} + +func deleteModel(handle *Handle, id string, w http.ResponseWriter, c *Context, model BaseModel) { + fmt.Printf("Removing model with id: %s\n", id) + _, err := handle.db.Exec("delete from models where id=$1;", id) + if err != nil { + fmt.Println(err) + panic("TODO handle better deleteModel failed delete database query") + } + + model_path := path.Join("./savedData", id) + fmt.Printf("Removing folder of model with id: %s at %s\n", id, model_path) + err = os.RemoveAll(model_path) + if err != nil { + fmt.Println(err) + panic("TODO handle better deleteModel failed to delete folder") + } + + if c.Mode == HTML { + // TODO move this to a constant so i don't forget + w.WriteHeader(309) + c.Mode = HTMLFULL + } + + LoadBasedOnAnswer(c.Mode, w, "/models/delete.html", c.addMap(AnyMap{ + "Model": model, + })) +} + +func handleModelsEndpoints(handle *Handle) { + + // TODO json + handle.GetHTML("/models", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { + if c.Mode == JSON { + panic("TODO JSON") + } + if !checkAuthLevel(1, w, r, c) { + return nil + } + + rows, err := handle.db.Query("select id, name from models where user_id=$1;", c.User.id) + if err != nil { + return error500(err) + } + + type row struct { + Name string + Id string + } + + got := []row{} + + for rows.Next() { + var r row + err = rows.Scan(&r.Id, &r.Name) + if err != nil { + return error500(err) + } + got = append(got, r) + } + + LoadBasedOnAnswer(c.Mode, w, "/models/list.html", c.addMap(AnyMap{ + "List": got, + })) + return nil + }) + + handle.GetHTML("/models/add", AnswerTemplate("models/add.html", nil, 1)) + // TODO json + handle.Post("/models/add", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { + if c.Mode == JSON { + panic("TODO JSON") + } + if !checkAuthLevel(1, w, r, c) { + return nil + } + + read_form, err := r.MultipartReader() + if err != nil { + LoadBasedOnAnswer(c.Mode, w, "models/add.html", c.addMap(nil)) + return nil + } + + var name string + var file []byte + + for { + part, err_part := read_form.NextPart() + if err_part == io.EOF { + break + } else if err_part != nil { + return &Error{code: http.StatusBadRequest} + } + if part.FormName() == "name" { + buf := new(bytes.Buffer) + buf.ReadFrom(part) + name = buf.String() + } + if part.FormName() == "file" { + buf := new(bytes.Buffer) + buf.ReadFrom(part) + file = buf.Bytes() + } + } + + if name == "" || len(file) == 0 { + LoadBasedOnAnswer(c.Mode, w, "models/add.html", c.addMap(nil)) + return nil + } + + row, err := handle.db.Query("select id from models where name=$1 and user_id=$2;", name, c.User.id) + if err != nil { + return error500(err) + } + + if row.Next() { + LoadBasedOnAnswer(c.Mode, w, "models/add.html", c.addMap(AnyMap{ + "NameFoundError": true, + "Name": name, + })) + return nil + } + + _, err = handle.db.Exec("insert into models (user_id, name) values ($1, $2)", c.User.id, name) + if err != nil { + return error500(err) + } + + row, err = handle.db.Query("select id from models where name=$1 and user_id=$2;", name, c.User.id) + if err != nil { + return error500(err) + } + + if !row.Next() { + return &Error{code: http.StatusInternalServerError} + } + + var id string + err = row.Scan(&id) + if err != nil { + return error500(err) + } + + // TODO mk this path configurable + dir_path := path.Join("savedData", id) + + err = os.Mkdir(dir_path, os.ModePerm) + if err != nil { + return error500(err) + } + f, err := os.Create(path.Join(dir_path, "baseimage.png")) + if err != nil { + return error500(err) + } + defer f.Close() + + f.Write(file) + + fmt.Printf("Created model with id %s! Started to proccess image!\n", id) + go loadBaseImage(handle, id) + + redirect("/models/edit?id="+id, c.Mode, w, r) + return nil + }) + + handle.GetHTML("/models/edit", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { + if !checkAuthLevel(1, w, r, c) { + return nil + } + + id, err := getIdFromUrl(r, "id") + if err != nil { + return errorCode(nil, http.StatusNotFound, AnyMap{ + "NotFoundMessage": "Model not found", + "GoBackLink": "/models", + }) + } + + // TODO handle admin users + rows, err := handle.db.Query("select name, status, width, height, color_mode from models where id=$1 and user_id=$2;", id, c.User.id) + if err != nil { + return error500(err) + } + + if !rows.Next() { + return errorCode(nil, http.StatusNotFound, AnyMap{ + "NotFoundMessage": "Model not found", + "GoBackLink": "/models", + }) + } + + type rowmodel struct { + Name string + Status int + Id string + Width *int + Height *int + Color_mode *string + } + + var model rowmodel = rowmodel{} + model.Id = id + + err = rows.Scan(&model.Name, &model.Status, &model.Width, &model.Height, &model.Color_mode) + if err != nil { + return error500(err) + } + + // Handle errors + // All errors will be negative + if model.Status < 0 { + LoadBasedOnAnswer(c.Mode, w, "/models/edit.html", c.addMap(AnyMap{ + "Model": model, + })) + return nil + } + + switch model.Status { + case PREPARING: + LoadBasedOnAnswer(c.Mode, w, "/models/edit.html", c.addMap(AnyMap{ + "Model": model, + })) + case CONFIRM_PRE_TRAINING: + LoadBasedOnAnswer(c.Mode, w, "/models/edit.html", c.addMap(AnyMap{ + "Model": model, + })) + + default: + fmt.Printf("Unkown Status: %d\n", model.Status) + return error500(nil) + } + + return nil + }) + + handle.Delete("/models/delete", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { + if c.Mode == JSON { + panic("TODO handle json on models/delete") + } + + f, err := MyParseForm(r) + if err != nil { + return errorCode(err, 400, nil) + } + + if !checkId(f, "id") { + return errorCode(nil, http.StatusNotFound, AnyMap{ + "NotFoundMessage": "Model not found", + "GoBackLink": "/models", + }) + } + + id := f.Get("id") + + // TODO handle admin users + rows, err := handle.db.Query("select name, status from models where id=$1 and user_id=$2;", id, c.User.id) + if err != nil { + return error500(err) + } + + if !rows.Next() { + return errorCode(nil, http.StatusNotFound, AnyMap{ + "NotFoundMessage": "Model not found", + "GoBackLink": "/models", + }) + } + + var model BaseModel = BaseModel{} + model.Id = id + + err = rows.Scan(&model.Name, &model.Status) + if err != nil { + return error500(err) + } + + switch model.Status { + case FAILED_PREPARING: + deleteModel(handle, id, w, c, model) + return nil + case CONFIRM_PRE_TRAINING: + + if checkEmpty(f, "name") { + // TODO improve result + return errorCode(nil, http.StatusBadRequest, nil) + } + + name := f.Get("name") + if name != model.Name { + LoadError(w, "/models/edit.html", "delete-model-card", c.addMap(AnyMap{ + "NameDoesNotMatch": true, + "Model": model, + })) + return nil + } + + deleteModel(handle, id, w, c, model) + return nil + default: + panic("Do not know how to handle model in status:" + strconv.Itoa(model.Status)) + } + }) +} diff --git a/shell.nix b/shell.nix index 1cadf1c..cefdae1 100644 --- a/shell.nix +++ b/shell.nix @@ -4,10 +4,10 @@ in { pkgs ? import {} }: pkgs.mkShell { nativeBuildInputs = with unstable; [ - go - gopls - air + go + gopls + air nodePackages.vscode-css-languageserver-bin nodePackages.vscode-html-languageserver-bin - ]; + ]; } diff --git a/sql/models.sql b/sql/models.sql new file mode 100644 index 0000000..6de6cc5 --- /dev/null +++ b/sql/models.sql @@ -0,0 +1,20 @@ +-- drop table if exists model_defenitions +-- drop table if exists models; +create table if not exists models ( + id uuid primary key default gen_random_uuid(), + user_id uuid references users (id) not null, + name varchar (70) not null, + -- Status: + -- -1: failed preparing + -- 1: preparing + status integer default 1, + + width integer, + height integer, + color_mode varchar (20) +); + +-- create table model_defenitions ( +-- id uuid primary key default gen_random_uuid(), +-- model_id uuid references models (id) not null, +-- ) diff --git a/sql/user.sql b/sql/user.sql index 8b37804..61f69f7 100644 --- a/sql/user.sql +++ b/sql/user.sql @@ -1,8 +1,9 @@ -- drop table if exists tokens; +-- drop table if exists models; -- drop table if exists users; create table if not exists users ( id uuid primary key default gen_random_uuid(), - user_type integer default 0, + user_type integer default 1, username varchar (120) not null, email varchar (120) not null, salt char (8) not null, diff --git a/users.go b/users.go index cfa0213..2e7bd55 100644 --- a/users.go +++ b/users.go @@ -108,7 +108,7 @@ func generateToken(db *sql.DB, email string, password string) (string, bool) { } func usersEndpints(db *sql.DB, handle *Handle) { - handle.GetHTML("/login", AnswerTemplate("login.html", nil)) + handle.GetHTML("/login", AnswerTemplate("login.html", nil, 0)) handle.Post("/login", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { if c.Mode == JSON { fmt.Println("Handle JSON") @@ -148,7 +148,7 @@ func usersEndpints(db *sql.DB, handle *Handle) { return nil }) - handle.GetHTML("/register", AnswerTemplate("register.html", nil)) + handle.GetHTML("/register", AnswerTemplate("register.html", nil, 0)) handle.Post("/register", func(w http.ResponseWriter, r *http.Request, c *Context) *Error { if c.Mode == JSON { return &Error{code: http.StatusNotFound} diff --git a/utils.go b/utils.go index 6ebba69..f649e8f 100644 --- a/utils.go +++ b/utils.go @@ -1,7 +1,150 @@ package main -import "net/url" +import ( + "errors" + "io" + "mime" + "net/http" + "net/url" + + "github.com/google/uuid" +) func checkEmpty(f url.Values, path string) bool { - return !f.Has(path) || f.Get(path) == "" + return !f.Has(path) || f.Get(path) == "" +} + +func checkId(f url.Values, path string) bool { + return !checkEmpty(f, path) && isValidUUID(f.Get(path)) +} + +func isValidUUID(u string) bool { + _, err := uuid.Parse(u) + return err == nil +} + +func getIdFromUrl(r *http.Request, target string) (string, error) { + if !r.URL.Query().Has(target) { + return "", errors.New("Query does not have " + target) + } + + id := r.URL.Query().Get("id") + if len(id) == 0 { + return "", errors.New("Query is empty for " + target) + } + + if !isValidUUID(id) { + return "", errors.New("Value of query is not a valid uuid for " + target) + } + + return id, nil +} + +type maxBytesReader struct { + w http.ResponseWriter + r io.ReadCloser // underlying reader + i int64 // max bytes initially, for MaxBytesError + n int64 // max bytes remaining + err error // sticky error +} + +type MaxBytesError struct { + Limit int64 +} + +func (e *MaxBytesError) Error() string { + // Due to Hyrum's law, this text cannot be changed. + return "http: request body too large" +} + +func (l *maxBytesReader) Read(p []byte) (n int, err error) { + if l.err != nil { + return 0, l.err + } + if len(p) == 0 { + return 0, nil + } + // If they asked for a 32KB byte read but only 5 bytes are + // remaining, no need to read 32KB. 6 bytes will answer the + // question of the whether we hit the limit or go past it. + // 0 < len(p) < 2^63 + if int64(len(p))-1 > l.n { + p = p[:l.n+1] + } + n, err = l.r.Read(p) + + if int64(n) <= l.n { + l.n -= int64(n) + l.err = err + return n, err + } + + n = int(l.n) + l.n = 0 + + // The server code and client code both use + // maxBytesReader. This "requestTooLarge" check is + // only used by the server code. To prevent binaries + // which only using the HTTP Client code (such as + // cmd/go) from also linking in the HTTP server, don't + // use a static type assertion to the server + // "*response" type. Check this interface instead: + type requestTooLarger interface { + requestTooLarge() + } + if res, ok := l.w.(requestTooLarger); ok { + res.requestTooLarge() + } + l.err = &MaxBytesError{l.i} + return n, l.err +} + +func (l *maxBytesReader) Close() error { + return l.r.Close() +} + +func MyParseForm(r *http.Request) (vs url.Values, err error) { + if r.Body == nil { + err = errors.New("missing form body") + return + } + ct := r.Header.Get("Content-Type") + // RFC 7231, section 3.1.1.5 - empty type + // MAY be treated as application/octet-stream + if ct == "" { + ct = "application/octet-stream" + } + ct, _, err = mime.ParseMediaType(ct) + switch { + case ct == "application/x-www-form-urlencoded": + var reader io.Reader = r.Body + maxFormSize := int64(1<<63 - 1) + if _, ok := r.Body.(*maxBytesReader); !ok { + maxFormSize = int64(10 << 20) // 10 MB is a lot of text. + reader = io.LimitReader(r.Body, maxFormSize+1) + } + b, e := io.ReadAll(reader) + if e != nil { + if err == nil { + err = e + } + break + } + if int64(len(b)) > maxFormSize { + err = errors.New("http: POST too large") + return + } + vs, e = url.ParseQuery(string(b)) + if err == nil { + err = e + } + case ct == "multipart/form-data": + // handled by ParseMultipartForm (which is calling us, or should be) + // TODO(bradfitz): there are too many possible + // orders to call too many functions here. + // Clean this up and write more tests. + // request_test.go contains the start of this, + // in TestParseMultipartFormOrder and others. + } + return } diff --git a/views/404.html b/views/404.html index e4f7950..126b007 100644 --- a/views/404.html +++ b/views/404.html @@ -4,12 +4,25 @@

404

-

- Page Not found -

-
- The page you were looking for does not exist -
+ {{ if .NotFoundMessage }} +

+ {{ .NotFoundMessage }} +

+ {{ if .GoBackLink }} +
+ + 👈 Go back + +
+ {{ end }} + {{ else }} +

+ Page Not found +

+
+ The page you were looking for does not exist +
+ {{ end }} {{ end }} diff --git a/views/imgs/upload-icon.png b/views/imgs/upload-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..88e26b837c9c8e182c59ddb3c30585d04160b128 GIT binary patch literal 5572 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 button")) { - elm.addEventListener('click', (e) => { - e.target.parentElement.classList.add("submitted"); - }); - } + for (const elm of document.querySelectorAll("form > button")) { + elm.addEventListener('click', (e) => { + e.target.parentElement.classList.add("submitted"); + }); + } + for (const elm of document.querySelectorAll("button.icon")) { + elm.addEventListener('click', (e) => { + e.preventDefault() + const input = document.querySelectorAll('form .file-upload input[type="file"]')[0]; + if (input) { + input.click(); + input.addEventListener('change', (e) => { + const file = input.files[0]; + if (!file) return; + elm.setAttribute("disabled", "true"); + + const spanToReplace = document.querySelector('.file-upload .icon span'); + const imgToReplace = document.querySelector('.file-upload .icon img'); + if (!imgToReplace || !spanToReplace) return; + + if (imgToReplace.getAttribute("replace")) { + const fileReader = new FileReader(); + fileReader.onloadend = () => { + imgToReplace.setAttribute("src", fileReader.result) + elm.classList.add("adapt"); + } + fileReader.readAsDataURL(file) + } + + if (spanToReplace.getAttribute("replace")) { + spanToReplace.innerHTML = spanToReplace.getAttribute("replace") + } + }) + } + }); + } } window.onload = load; htmx.on('htmx:afterSwap', load); htmx.on('htmx:beforeSwap', (env) => { if (env.detail.xhr.status === 401) { window.location = "/login" - } + } else + // 309 is the code I selected for html to htmlfull change + if (env.detail.xhr.status === 309) { + env.detail.target = htmx.find(".app") + } }); diff --git a/views/models/add.html b/views/models/add.html new file mode 100644 index 0000000..b1a4fe7 --- /dev/null +++ b/views/models/add.html @@ -0,0 +1,41 @@ +{{define "title"}} + Create New Model : AI Stuff +{{end}} + +{{define "mainbody"}} +
+

+ Create new Model +

+
+
+ + + {{if .NameFoundError}} + + You already have a model with that name. + + {{end}} +
+
+ +
+ Please provide a base image.
+ This image is a sample of the images that you are going to classfy. +
+
+ + +
+
+ +
+
+{{end}} diff --git a/views/models/delete.html b/views/models/delete.html new file mode 100644 index 0000000..15fb1f0 --- /dev/null +++ b/views/models/delete.html @@ -0,0 +1,12 @@ +{{ define "mainbody" }} +
+

+ Model {{ .Model.Name }} was deleted! +

+
+ + 👈 Go back + +
+
+{{ end }} diff --git a/views/models/edit.html b/views/models/edit.html new file mode 100644 index 0000000..ec37702 --- /dev/null +++ b/views/models/edit.html @@ -0,0 +1,83 @@ +{{ define "title" }} + Model: {{ .Model.Name }} +{{ end }} + +{{ define "base-model-card" }} +
+

+ {{ .Model.Name }} +

+
+ +
+
+ Image Type: {{ .Model.Color_mode }} +
+
+ Image Size: {{ .Model.Width }}x{{ .Model.Height }} +
+
+
+
+{{ end }} + +{{ define "delete-model-card" }} +
+
+ + To delete this model please type "{{ .Model.Name }}": + + + + {{ if .NameDoesNotMatch }} + + Name does not match "{{ .Model.Name }}" + + {{ end }} +
+ + +
+{{ end }} + +{{ define "mainbody" }} +
+ {{ if (eq .Model.Status 1) }} +
+

+ {{ .Model.Name }} +

+ +

+ Preparing the model +

+
+ {{ else if (eq .Model.Status -1) }} +
+

+ {{ .Model.Name }} +

+ +

+ Failed to prepare model +

+ +
+ + +
+
+ {{ else if (eq .Model.Status 2) }} + {{ template "base-model-card" . }} + {{ template "delete-model-card" . }} + {{ else }} +

+ Unknown Status of the model. +

+ {{ end }} +
+{{ end }} diff --git a/views/models/list.html b/views/models/list.html new file mode 100644 index 0000000..7fdbb57 --- /dev/null +++ b/views/models/list.html @@ -0,0 +1,52 @@ +{{define "title"}} + Models : AI Stuff +{{end}} + +{{define "mainbody"}} +
+ {{ if (lt 0 (len .List)) }} +
+

My Models

+
+ + New + +
+ + + + + + + + + {{range .List}} + + + + + {{end}} + +
+ Name + + +
+ {{.Name}} + + + Edit + +
+ {{else}} +

+ You don't have any model +

+
+ + Create a new model + +
+ {{end}} +
+{{end}} diff --git a/views/partials/header.html b/views/partials/header.html index eb51254..7b55d4e 100644 --- a/views/partials/header.html +++ b/views/partials/header.html @@ -5,6 +5,13 @@ Index + {{ if .Context.User }} +
  • + + Models + +
    • + {{end}}
  • {{ if .Context.User }}
  • diff --git a/views/styles/main.css b/views/styles/main.css index 0fa2cdd..c0da433 100644 --- a/views/styles/main.css +++ b/views/styles/main.css @@ -1,7 +1,4 @@ -* { - box-sizing: border-box; - font-family: 'Roboto', sans-serif; -} +*{box-sizing: border-box;font-family: 'Roboto', sans-serif;} :root { --white: #ffffff; @@ -18,6 +15,10 @@ body { padding: 0; } +main { + padding: 20px 15vw; +} + .w100 { width: 100%; display: block; @@ -32,6 +33,38 @@ body { text-decoration: none; } +.bold { + font-weight: bold; +} + +.bigger { + font-size: 1.1rem; +} + +/* Generic */ +.button, +button { + border-radius: 10px; + text-align: center; + padding: 2px; + border: none; + box-shadow: 0 2px 8px 1px #66666655; + background: var(--main); + color: var(--black); +} + +.button.padded, +button.padded { + padding: 10px; +} + +.button.danger, +button.danger { + background: rgb(var(--red)); + color: white; + font-weight: bold; +} + /* Nav bar */ nav { @@ -49,6 +82,11 @@ nav ul { nav ul li { list-style: none; + padding-left: 10px; +} + +nav ul li:first-child { + padding: 0; } nav ul .expand { @@ -102,6 +140,7 @@ a { form { padding: 30px; + margin: 20px 0; border-radius: 10px; box-shadow: 2px 5px 8px 2px #66666655; } @@ -124,6 +163,7 @@ form input:invalid:focus, form.submitted input:invalid { box-shadow: 0 2px 5px 1px rgba(var(--red), 0.2); } + form.submitted input:valid { box-shadow: 0 2px 5px 1px rgba(var(--green), 0.2); } @@ -146,16 +186,150 @@ form fieldset .error { } form button { - border-radius: 9px 10px; - text-align: center; - padding: 10px; - background: none; - border: none; - box-shadow: 0 2px 8px 1px #66666655; + font-size: 1.2rem; margin-left: 50%; width: 50%; transform: translateX(-50%); - background: var(--main); - color: var(--black); - font-size: 1.2rem; + padding: 10px; +} + +/* Upload files */ + +form fieldset.file-upload input[type="file"] { + height: 1px; + width: 1px; + padding: 0; + box-shadow: none; +} + +form fieldset.file-upload .icon-holder { + padding: 10px; + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + font-size: 1rem; +} + +form fieldset.file-upload .icon-holder .icon { + height: 150px; + width: 150px; + padding: 20px; + border-radius: 10px; + background: none; + transform: none; + margin: 0; + font-size: 1rem; + transition: all 1s; +} + +form fieldset.file-upload .icon-holder .icon.adapt { + width: auto; + height: auto; + max-width: 80%; + max-height: 80%; + min-height: 150px; + min-width: 150px; + padding: 20px; +} + +form fieldset.file-upload:has(input[type="file"]:invalid:focus) .icon, +form.submitted fieldset.file-upload:has(input[type="file"]:invalid:focus) .icon { + box-shadow: 0 2px 5px 1px rgba(var(--red), 0.2); +} + +form.submitted fieldset.file-upload:has(input[type="file"]:valid:focus) .icon{ + box-shadow: 0 2px 5px 1px rgba(var(--green), 0.2); +} + +form fieldset.file-upload .icon-holder .icon img { + display: block; + width: 100%; + height: 80%; + object-fit: contain; + text-align: center; + transition: all 1s; +} + +form fieldset.file-upload .icon-holder .icon span { + display: block; + width: 100%; + padding-top: 10px; + text-align: center; +} + +/* Lists */ + +.list-header { + display: flex; + padding-bottom: 10px; +} + +.list-header h2 { + margin: 0; + padding: 10px 5px; +} + +.list-header .expand { + flex-grow: 1; +} + +.list-header .button, +.list-header button { + padding: 10px 10px; + height: calc(100% - 20px); + margin-top: 5px; +} + +/* Table */ +table { + width: 100%; + box-shadow: 0 2px 8px 1px #66666622; + border-radius: 10px; + border-collapse: collapse; + overflow: hidden; +} + +table thead { + background: #60606022; +} + +table tr td, +table tr th { + border-left: 1px solid #22222244; + padding: 15px; +} + +table tr td:first-child, +table tr th:first-child { + border-left: none; +} + +table tr td button, +table tr td .button { + padding: 5px 10px; + box-shadow: 0 2px 5px 1px #66666655; +} + +.card { + box-shadow: 0 2px 5px 1px #66666655; + padding: 20px; + border-radius: 10px; +} + +/* Model stuff */ +.model-card h1 { + margin: 0; + padding-bottom: 10px; +} + +.model-card img { + width: 25%; + height: 100%; + object-fit: contain; +} + +.model-card .second-line { + display: flex; + gap: 20px; }