fix:#28 fixed info panel and edited backend api for fix

This commit is contained in:
Elmar Kresse
2023-10-27 00:03:14 +02:00
parent c874cbed30
commit 090342736d
6 changed files with 27 additions and 23 deletions

View File

@@ -5,13 +5,13 @@ import (
"github.com/pocketbase/pocketbase" "github.com/pocketbase/pocketbase"
"github.com/pocketbase/pocketbase/apis" "github.com/pocketbase/pocketbase/apis"
"github.com/pocketbase/pocketbase/core" "github.com/pocketbase/pocketbase/core"
"htwkalender/model"
"htwkalender/service/events" "htwkalender/service/events"
"htwkalender/service/fetch" "htwkalender/service/fetch"
"htwkalender/service/ical" "htwkalender/service/ical"
"htwkalender/service/room" "htwkalender/service/room"
"io" "io"
"net/http" "net/http"
"net/url"
) )
func AddRoutes(app *pocketbase.PocketBase) { func AddRoutes(app *pocketbase.PocketBase) {
@@ -191,12 +191,17 @@ func AddRoutes(app *pocketbase.PocketBase) {
app.OnBeforeServe().Add(func(e *core.ServeEvent) error { app.OnBeforeServe().Add(func(e *core.ServeEvent) error {
_, err := e.Router.AddRoute(echo.Route{ _, err := e.Router.AddRoute(echo.Route{
Method: http.MethodGet, Method: http.MethodPost,
Path: "/api/module", Path: "/api/module",
Handler: func(c echo.Context) error { Handler: func(c echo.Context) error {
name := c.Request().Header.Get("Name")
name, err := url.QueryUnescape(name) var requestModule model.Module
module, err := events.GetModuleByName(app, name)
if err := c.Bind(&requestModule); err != nil {
return apis.NewBadRequestError("Failed to read request body", err)
}
module, err := events.GetModuleByName(app, requestModule)
if err != nil { if err != nil {
return c.JSON(400, err) return c.JSON(400, err)
@@ -271,6 +276,7 @@ func AddRoutes(app *pocketbase.PocketBase) {
}, },
Middlewares: []echo.MiddlewareFunc{ Middlewares: []echo.MiddlewareFunc{
apis.ActivityLogger(app), apis.ActivityLogger(app),
apis.RequireAdminAuth(),
}, },
}) })
if err != nil { if err != nil {

View File

@@ -190,10 +190,10 @@ func DeleteAllEvents(app *pocketbase.PocketBase) error {
return nil return nil
} }
func FindAllEventsByModule(app *pocketbase.PocketBase, moduleName string) (model.Events, error) { func FindAllEventsByModule(app *pocketbase.PocketBase, module model.Module) (model.Events, error) {
var events model.Events var events model.Events
err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Name = {:moduleName}", dbx.Params{"moduleName": moduleName})).All(&events) err := app.Dao().DB().Select("*").From("events").Where(dbx.NewExp("Name = {:moduleName} AND course = {:course}", dbx.Params{"moduleName": module.Name, "course": module.Course})).All(&events)
if err != nil { if err != nil {
print("Error while getting events from database: ", err) print("Error while getting events from database: ", err)
return nil, err return nil, err

View File

@@ -46,15 +46,15 @@ func GetAllModulesDistinct(app *pocketbase.PocketBase, c echo.Context) error {
// If the module does not exist, an error is returned // If the module does not exist, an error is returned
// If the module exists, the module is returned // If the module exists, the module is returned
// Module is a struct that exists in database as events // Module is a struct that exists in database as events
func GetModuleByName(app *pocketbase.PocketBase, name string) (model.Module, error) { func GetModuleByName(app *pocketbase.PocketBase, module model.Module) (model.Module, error) {
events, err := db.FindAllEventsByModule(app, name) events, err := db.FindAllEventsByModule(app, module)
if err != nil || len(events) == 0 { if err != nil || len(events) == 0 {
return model.Module{}, err return model.Module{}, err
} else { } else {
return model.Module{ return model.Module{
UUID: events[0].UUID, UUID: events[0].UUID,
Name: name, Name: events[0].Name,
Events: events, Events: events,
Prof: events[0].Prof, Prof: events[0].Prof,
Course: events[0].Course, Course: events[0].Course,

View File

@@ -1,12 +1,12 @@
import { Module } from "../model/module"; import { Module } from "../model/module";
export async function fetchModule(name: string): Promise<Module> { export async function fetchModule(module: Module): Promise<Module> {
const request = new Request("/api/module", { const request = new Request("/api/module", {
method: "GET", method: "POST",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
Name: encodeURI(name),
}, },
body: JSON.stringify(module),
}); });
return await fetch(request) return await fetch(request)

View File

@@ -38,10 +38,9 @@ const ModuleInformation = defineAsyncComponent(
() => import("./ModuleInformation.vue"), () => import("./ModuleInformation.vue"),
); );
async function showInfo(moduleName: string) { async function showInfo(module: Module) {
const module: Ref<Module> = ref(new Module("", "", "", "", "", "", [])); await fetchModule(module).then((data) => {
await fetchModule(moduleName).then((data) => { module = data;
module.value = data;
}); });
dialog.open(ModuleInformation, { dialog.open(ModuleInformation, {
props: { props: {
@@ -66,7 +65,7 @@ const selectAll = ref(false);
const onSelectAllChange = (event: MultiSelectAllChangeEvent) => { const onSelectAllChange = (event: MultiSelectAllChangeEvent) => {
selectedModules.value = event.checked selectedModules.value = event.checked
? modules.value.map((module) => module) ? modules.value.map((module: Module) => module)
: []; : [];
selectAll.value = event.checked; selectAll.value = event.checked;
}; };
@@ -112,7 +111,7 @@ function selectChange() {
rounded rounded
outlined outlined
aria-label="Information" aria-label="Information"
@click.stop="showInfo(slotProps.option.name)" @click.stop="showInfo(slotProps.option)"
></Button> ></Button>
<DynamicDialog /> <DynamicDialog />
</div> </div>

View File

@@ -36,9 +36,8 @@ const ModuleInformation = defineAsyncComponent(
() => import("../ModuleInformation.vue"), () => import("../ModuleInformation.vue"),
); );
async function showInfo(moduleName: string) { async function showInfo(module: Module) {
const module: Ref<Module> = ref(new Module("", "", "", "", "", "", [])); await fetchModule(module).then((data) => {
await fetchModule(moduleName).then((data) => {
module.value = data; module.value = data;
}); });
dialog.open(ModuleInformation, { dialog.open(ModuleInformation, {
@@ -110,7 +109,7 @@ function selectChange() {
rounded rounded
outlined outlined
aria-label="Information" aria-label="Information"
@click.stop="showInfo(slotProps.option.name)" @click.stop="showInfo(slotProps.option)"
></Button> ></Button>
<DynamicDialog /> <DynamicDialog />
</div> </div>