From 57d1156425ee869c65813404f3fcbc08bff55dd0 Mon Sep 17 00:00:00 2001
From: dvirlabs <dvirlabs@gmail.com>
Date: Tue, 3 Jun 2025 06:55:28 +0300
Subject: [PATCH] Add API req to create new app/section

---
 backend/__pycache__/main.cpython-313.pyc | Bin 1530 -> 3344 bytes
 backend/apps.yaml                        |  48 ++++++++++++-----------
 backend/main.py                          |  43 ++++++++++++++++++++
 frontend/src/App.jsx                     |  10 +++--
 frontend/src/components/SectionGrid.jsx  |  13 ++++++
 frontend/src/style/SectionGrid.css       |  14 +++++++
 6 files changed, 101 insertions(+), 27 deletions(-)
 create mode 100644 frontend/src/components/SectionGrid.jsx
 create mode 100644 frontend/src/style/SectionGrid.css

diff --git a/backend/__pycache__/main.cpython-313.pyc b/backend/__pycache__/main.cpython-313.pyc
index 9e29e14dae4e4eef1d0189f1a57ab85230ee5a5b..ac9fb777337dfcfbab6363c2bbe09664f8740264 100644
GIT binary patch
literal 3344
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
G#Qy?*sGy|)

delta 483
zcmbOr^^2SDGcPX}0}xydx5+SLp2#P`s54RBus()SiNO>k4g^K)G3-Ht5H>Oy!yL@2
z&lt=GCP6HAOI8I2pju&MRS<SChbbeJ#VLg_nJb1(i6Mp?CKn_D)me{ZLNJ#uH_#Eh
zI1Gks4(35Jm@kGunAa+TfgurSWH3W8v$sHzK#V|;5|Y7CrV>LiUod~L0MH|XmMjVk
z>CEZOOqxQIH!x~Xe!;ksk#F)OCLdOi{{=QbW=dle5dbo8aiph~#3vRM6c<SYx#E*!
zSt2Kkb6YYBO%CMN<p=rW7JETrNk&d)QW5LqIoxtFAQNtJ#K)&)=A_2Q-(o9BEK1EQ
zDG~(=gUtZR<t65V<k(BgGL!R*@@_E~mF5-kfmHB=2#C!#x%nxjIjMF<+CVW-s1|RW
atjHt6{E&@zvMo;~(+8f(FL{(%Kso^W_fcH{

diff --git a/backend/apps.yaml b/backend/apps.yaml
index a8c6297..d21a950 100644
--- a/backend/apps.yaml
+++ b/backend/apps.yaml
@@ -1,24 +1,26 @@
-- name: Gitea
-  url: https://git.dvirlabs.com
-  icon: http://192.168.10.118:1111/icons/gitea.svg
-  description: Git server
+sections:
+- apps:
+  - description: Dashboards
+    icon: http://192.168.10.118:1111/icons/grafana.svg
+    name: Grafana
+    url: https://grafana.dvirlabs.com
+  - description: Monitoring
+    icon: http://192.168.10.118:1111/icons/prometheus.svg
+    name: Prometheus
+    url: https://prometheus.dvirlabs.com
+  name: Monitoring
+- apps:
+  - description: Git server
+    icon: http://192.168.10.118:1111/icons/gitea.svg
+    name: Gitea
+    url: https://git.dvirlabs.com
+  - description: Container registry
+    icon: http://192.168.10.118:1111/icons/harbor.svg
+    name: Harbor
+    url: https://harbor.dvirlabs.com
+  - description: CI/CD
+    icon: http://192.168.10.118:1111/icons/woodpecker-ci.svg
+    name: Woodpecker
+    url: https://woodpecker.dvirlabs.com
+  name: Dev-tools
 
-- name: Grafana
-  url: https://grafana.dvirlabs.com
-  icon: http://192.168.10.118:1111/icons/grafana.svg
-  description: Dashboards
-
-- name: Prometheus
-  url: https://prometheus.dvirlabs.com
-  icon: http://192.168.10.118:1111/icons/prometheus.svg
-  description: Monitoring
-
-- name: Harbor
-  url: https://harbor.dvirlabs.com
-  icon: http://192.168.10.118:1111/icons/harbor.svg
-  description: Container registry
-
-- name: Woodpecker
-  url: https://woodpecker.dvirlabs.com
-  icon: http://192.168.10.118:1111/icons/woodpecker-ci.svg
-  description: CI/CD
\ No newline at end of file
diff --git a/backend/main.py b/backend/main.py
index 47f1e4f..d211f90 100644
--- a/backend/main.py
+++ b/backend/main.py
@@ -2,6 +2,8 @@ from fastapi import FastAPI
 from fastapi.middleware.cors import CORSMiddleware
 import yaml
 from pathlib import Path
+from pydantic import BaseModel
+
 
 app = FastAPI()
 # Allow CORS for all origins
@@ -26,6 +28,47 @@ def get_apps():
         return {"error": "apps.yaml not found"}
     with open(APPS_FILE, "r") as f:
         return yaml.safe_load(f)
+    
+class AppEntry(BaseModel):
+    section: str
+    name: str
+    icon: str
+    description: str
+    url: str
+
+@app.post("/add_app")
+def add_app(entry: AppEntry):
+    if not APPS_FILE.exists():
+        current = {"sections": []}
+    else:
+        with open(APPS_FILE, "r") as f:
+            current = yaml.safe_load(f) or {"sections": []}
+
+    # Find or create section
+    for section in current["sections"]:
+        if section["name"] == entry.section:
+            section["apps"].append({
+                "name": entry.name,
+                "icon": entry.icon,
+                "description": entry.description,
+                "url": entry.url,
+            })
+            break
+    else:
+        current["sections"].append({
+            "name": entry.section,
+            "apps": [{
+                "name": entry.name,
+                "icon": entry.icon,
+                "description": entry.description,
+                "url": entry.url,
+            }]
+        })
+
+    with open(APPS_FILE, "w") as f:
+        yaml.safe_dump(current, f)
+
+    return {"status": "added"}
 
 if __name__ == "__main__":
     import uvicorn
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 6b27168..ec486ef 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -1,20 +1,22 @@
 import { useEffect, useState } from 'react';
 import './App.css';
-import AppGrid from './components/AppGrid';
+import SectionGrid from './components/SectionGrid';
 
 function App() {
-  const [apps, setApps] = useState([]);
+  const [sections, setSections] = useState([]);
 
   useEffect(() => {
     fetch('/apps')
       .then(res => res.json())
-      .then(data => setApps(data));
+      .then(data => setSections(data.sections || []));
   }, []);
 
   return (
     <div className="App">
       <h1 className="main-title">🔷 Navix</h1>
-      <AppGrid apps={apps} />
+      {sections.map((section) => (
+        <SectionGrid key={section.name} section={section} />
+      ))}
     </div>
   );
 }
diff --git a/frontend/src/components/SectionGrid.jsx b/frontend/src/components/SectionGrid.jsx
new file mode 100644
index 0000000..2a79207
--- /dev/null
+++ b/frontend/src/components/SectionGrid.jsx
@@ -0,0 +1,13 @@
+import AppGrid from './AppGrid';
+import '../style/SectionGrid.css';
+
+function SectionGrid({ section }) {
+  return (
+    <div className="section">
+      <h2 className="section-title">{section.name}</h2>
+      <AppGrid apps={section.apps} />
+    </div>
+  );
+}
+
+export default SectionGrid;
diff --git a/frontend/src/style/SectionGrid.css b/frontend/src/style/SectionGrid.css
new file mode 100644
index 0000000..3235698
--- /dev/null
+++ b/frontend/src/style/SectionGrid.css
@@ -0,0 +1,14 @@
+.section {
+  margin-bottom: 3rem;
+  width: 100%;
+  max-width: 1000px;
+}
+
+.section-title {
+  font-size: 1.5rem;
+  color: #ffffff;
+  margin-bottom: 1rem;
+  border-bottom: 1px solid #444;
+  padding-bottom: 0.5rem;
+  text-align: left;
+}