Merge pull request #24 from problem-judge/client/admin

Add admin client

Author: grphil

.gitignore

@@ -2,4 +2,8 @@
 testing_system
 cp.sh
 swag
+clients/node_modules
+clients/clients
+.DS_Store
+clients/configs
 custom

clients/admin/handler.go

@@ -0,0 +1,47 @@
+package admin
+
+import (
+	"github.com/gin-gonic/gin"
+	"net/http"
+	"testing_system/clients/common"
+	"testing_system/lib/logger"
+)
+
+type Handler struct {
+	base *common.ClientBase
+}
+
+func SetupHandler(base *common.ClientBase) error {
+	h := &Handler{
+		base: base,
+	}
+	if base.Config.Admin == false {
+		return logger.Error("No admin config specified")
+	}
+	h.setupRoutes()
+
+	return nil
+}
+
+func (h *Handler) setupRoutes() {
+	router := h.base.Router.Group("/admin", h.base.RequireAuthMiddleware(true))
+	router.GET("", h.serveFrontend)
+
+	router.GET("/problems", h.serveFrontend)
+	router.GET("/new/problem", h.serveFrontend)
+	router.GET("/problem/:id", h.serveFrontend)
+
+	router.GET("/submissions", h.serveFrontend)
+	router.GET("/submission/:id", h.serveFrontend)
+	router.GET("/new/submission", h.serveFrontend)
+
+	router.GET("/status", h.serveFrontend)
+}
+
+func (h *Handler) serveFrontend(c *gin.Context) {
+	c.HTML(
+		http.StatusOK,
+		"admin.gohtml",
+		gin.H{},
+	)
+}

clients/common/client_base.go

@@ -0,0 +1,62 @@
+package common
+
+import (
+	"github.com/gin-gonic/gin"
+	"gopkg.in/yaml.v3"
+	"gorm.io/gorm"
+	"os"
+	"path/filepath"
+	"testing_system/clients/common/clientconfig"
+	"testing_system/common/connectors/masterconn"
+	"testing_system/common/connectors/storageconn"
+	"testing_system/common/db"
+	"testing_system/lib/logger"
+)
+
+type ClientBase struct {
+	Config clientconfig.Config
+
+	Router *gin.Engine
+
+	StorageConnection *storageconn.Connector
+	MasterConnection  *masterconn.Connector
+	DB                *gorm.DB
+}
+
+func NewClientBase(configPath string) *ClientBase {
+	var config clientconfig.Config
+	configData, err := os.ReadFile(configPath)
+	if err != nil {
+		panic(err)
+	}
+	err = yaml.Unmarshal(configData, &config)
+	if err != nil {
+		panic(err)
+	}
+
+	logger.InitLogger(config.Logger)
+
+	base := &ClientBase{
+		Config:            config,
+		StorageConnection: storageconn.NewConnector(config.StorageConnection),
+		MasterConnection:  masterconn.NewConnector(config.MasterConnection),
+	}
+
+	base.DB, err = db.NewDB(config.DB)
+	if err != nil {
+		logger.Panic("Can not set up testing system db, error: %v", err)
+	}
+
+	base.Router = gin.Default()
+
+	base.Router.Static("/static", filepath.Join(base.Config.ResourcesPath, "static"))
+	base.Router.LoadHTMLGlob(filepath.Join(base.Config.ResourcesPath, "templates/*"))
+	return base
+}
+
+func (b *ClientBase) Run() {
+	err := b.Router.Run(b.Config.Address)
+	if err != nil {
+		logger.Panic("Can not start client handler, error: %v", err)
+	}
+}

clients/common/clientconfig/config.go

@@ -0,0 +1,22 @@
+package clientconfig
+
+import (
+	"testing_system/clients/tsapi/tsapiconfig"
+	tsconfig "testing_system/common/config"
+	"testing_system/lib/logger"
+)
+
+type Config struct {
+	Address string `yaml:"Address"`
+
+	Logger *logger.Config `yaml:"Logger"`
+
+	StorageConnection *tsconfig.Connection `yaml:"StorageConnection"`
+	MasterConnection  *tsconfig.Connection `yaml:"MasterConnection"`
+	DB                tsconfig.DBConfig    `yaml:"DB"`
+
+	ResourcesPath string `yaml:"ResourcesPath"`
+
+	TestingSystemAPI *tsapiconfig.Config `yaml:"TestingSystemAPI"`
+	Admin            bool                `yaml:"Admin"`
+}

clients/common/session.go

@@ -0,0 +1,13 @@
+package common
+
+import "github.com/gin-gonic/gin"
+
+func (b *ClientBase) RequireAuthMiddleware(redirect bool) gin.HandlerFunc {
+	return func(c *gin.Context) {
+		// TODO: add check auth
+	}
+}
+
+func (b *ClientBase) CSRFMiddleware(c *gin.Context) {
+	// TODO: Add check csrf
+}

clients/esbuild.js

@@ -0,0 +1,17 @@
+const esbuild = require("esbuild");
+
+async function watch() {
+    let ctx = await esbuild.context({
+        entryPoints: ["./frontend/admin/Admin.jsx"],
+        minify: true,
+        outfile: "./resources/static/admin/admin.js",
+        bundle: true,
+    });
+    await ctx.watch();
+    console.log('Watching...');
+}
+
+watch()
+
+
+

clients/frontend/admin/Admin.jsx

@@ -0,0 +1,27 @@
+import React from "react";
+import ReactDOM from "react-dom/client";
+import { BrowserRouter, Routes, Route } from "react-router-dom";
+import Home from "./pages/Home";
+import Problems from "./pages/Problems";
+import Problem from "./pages/Problem";
+import Submissions from "./pages/Submissions";
+import Submission from "./pages/Submission";
+import NewProblem from "./pages/NewProblem";
+import NewSubmission from "./pages/NewSubmission";
+import Status from "./pages/Status";
+
+const root = ReactDOM.createRoot(document.querySelector("#application"));
+root.render(
+  <BrowserRouter>
+    <Routes>
+      <Route path="/admin" element={<Home />} />
+      <Route path="/admin/problems" element={<Problems />} />
+      <Route path="/admin/problem/:id" element={<Problem />} />
+      <Route path="/admin/new/problem" element={<NewProblem />} />
+      <Route path="/admin/submissions" element={<Submissions />} />
+      <Route path="/admin/submission/:id" element={<Submission />} />
+      <Route path="/admin/new/submission" element={<NewSubmission />} />
+      <Route path="/admin/status" element={<Status />} />
+    </Routes>
+  </BrowserRouter>
+);

clients/frontend/admin/components/Body.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+import {Link} from "react-router-dom";
+
+export default function Body(navs, value) {
+  const lastNav = navs[navs.length - 1];
+  navs = navs.slice(0, -1);
+  return (
+    <div>
+    <div className="container-fluid nav-links">
+      <div className="container-lg px-5 py-2">
+        <div className="d-flex">
+          {navs.map((nav, i) => (
+            <div
+              key={i}
+              className="text-white d-block"
+            >
+              <div className="d-flex">
+                <Link className="nav-link d-block pe-1" to={nav.path}>{nav.text}</Link>
+                <div className="d-flex d-block pe-1">/</div>
+              </div>
+            </div>
+          ))}
+          <div className="d-inline-block text-white text-opacity-75">{lastNav.text}</div>
+        </div>
+      </div>
+    </div>
+      <div className="container-lg px-xl-5 px-0 my-5">
+      {value}
+    </div>
+    </div>
+  );
+}

clients/frontend/admin/components/ChangeAlert.jsx

@@ -0,0 +1,56 @@
+import React from "react";
+
+export default function ChangeAlert(alert) {
+  if (!alert.hasAlert) {
+    return null
+  }
+  if (alert.ok) {
+    return <div className="alert alert-success mt-3" role="alert">
+      {alert.message}
+    </div>
+  } else {
+    return <div className="alert alert-danger mt-3" role="alert">
+      {alert.message}
+    </div>
+  }
+}
+
+
+
+export function SendAlertRequest(axiosPromise, setAlert, onOK) {
+  const clearAlert = () => {
+    setAlert({
+      hasAlert: false,
+      ok: false,
+      message: "",
+    })
+  }
+
+  axiosPromise.then((resp) => {
+    if (!resp.data.error) {
+      if (onOK) {
+        onOK(resp.data.response)
+      } else {
+        setAlert({
+          hasAlert: true,
+          ok: true,
+          message: "Saved changes",
+        })
+      }
+    } else {
+      setAlert({
+        hasAlert: false,
+        ok: false,
+        message: resp.data.message,
+      })
+    }
+    setTimeout(clearAlert, 3000)
+  }).catch((err) => {
+    setAlert({
+      hasAlert: true,
+      ok: false,
+      message: err.response.data.error,
+    })
+    setTimeout(clearAlert, 3000)
+  })
+}

clients/frontend/admin/components/Links.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+import {Link} from "react-router-dom";
+
+export default function Links(links) {
+  return <div>
+    {links.map((link, index) =>
+      <div key={index} className="row border border-primary px-2 py-2 mb-3 rounded-3">
+        <Link to={link.to}>{link.text}</Link>
+      </div>
+    )}
+  </div>
+}