From 699185ee764a584ce66cbbdffd456e0abc8c1384 Mon Sep 17 00:00:00 2001
From: Michel Roux <xefir@crystalyx.net>
Date: Sun, 3 Nov 2024 20:42:55 +0100
Subject: [PATCH] feat: :truck: try to get containers api working

---
 backend/pilotwings.py                       | 23 +++++++++++++++++++--
 frontend/main.ts                            |  2 +-
 frontend/{router/index.ts => router.ts}     | 10 ++++++---
 frontend/views/Container.vue                |  9 ++++++++
 frontend/views/{Containers.vue => Home.vue} |  6 ++++--
 tsconfig.json                               |  3 ++-
 6 files changed, 44 insertions(+), 9 deletions(-)
 rename frontend/{router/index.ts => router.ts} (55%)
 create mode 100644 frontend/views/Container.vue
 rename frontend/views/{Containers.vue => Home.vue} (88%)

diff --git a/backend/pilotwings.py b/backend/pilotwings.py
index a618cf4..e82926f 100644
--- a/backend/pilotwings.py
+++ b/backend/pilotwings.py
@@ -1,7 +1,7 @@
 from os import getenv, path
-from typing import Annotated
+from typing import Annotated, Any
 
-from docker import from_env
+from docker import errors, from_env
 from dotenv import load_dotenv
 from fastapi import Depends, FastAPI, HTTPException, Request
 from fastapi.security import HTTPBasic, HTTPBasicCredentials
@@ -72,6 +72,25 @@ def get_containers(
     ]
 
 
+@app.get("/api/container/{container_name}")
+def get_container(
+    container_name: str,
+    credentials: Annotated[HTTPBasicCredentials, Depends(security)],
+) -> dict[str, Any]:
+    try:
+        container = client.containers.get(container_name)
+    except errors.APIError:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND)
+
+    if (
+        credentials.username != "admin"
+        and f"owner={credentials.username}" not in container.labels
+    ):
+        raise HTTPException(status_code=status.HTTP_403_FORBIDDEN)
+
+    return container.attrs
+
+
 app.mount(
     "/",
     AuthStaticFiles(
diff --git a/frontend/main.ts b/frontend/main.ts
index 7d55fea..3d119a1 100644
--- a/frontend/main.ts
+++ b/frontend/main.ts
@@ -2,7 +2,7 @@ import 'bulma/css/bulma.min.css'
 import 'font-awesome/css/font-awesome.min.css'
 import App from './App.vue'
 import { createApp } from 'vue'
-import router from './router'
+import router from './router.ts'
 
 const app = createApp(App)
 app.use(router)
diff --git a/frontend/router/index.ts b/frontend/router.ts
similarity index 55%
rename from frontend/router/index.ts
rename to frontend/router.ts
index 328b00f..8737e76 100644
--- a/frontend/router/index.ts
+++ b/frontend/router.ts
@@ -1,13 +1,17 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import Containers from '../views/Containers.vue'
+import Container from './views/Container.vue'
+import Home from './views/Home.vue'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
     {
       path: '/',
-      name: 'home',
-      component: Containers,
+      component: Home,
+    },
+    {
+      path: '/container/:name',
+      component: Container,
     },
   ],
 })
diff --git a/frontend/views/Container.vue b/frontend/views/Container.vue
new file mode 100644
index 0000000..106f1a8
--- /dev/null
+++ b/frontend/views/Container.vue
@@ -0,0 +1,9 @@
+<template>
+  <oui>oui</oui>
+</template>
+
+<script lang="ts">
+export default {
+  name: 'Container',
+}
+</script>
diff --git a/frontend/views/Containers.vue b/frontend/views/Home.vue
similarity index 88%
rename from frontend/views/Containers.vue
rename to frontend/views/Home.vue
index 8125eca..241feae 100644
--- a/frontend/views/Containers.vue
+++ b/frontend/views/Home.vue
@@ -3,7 +3,9 @@
     <Message v-if="error" type="danger">{{ error }}</Message>
     <ul v-if="!loading && !error">
       <li v-for="container in containers" :key="container">
-        {{ container }}
+        <router-link :to="`/container/${container}`">
+          {{ container }}
+        </router-link>
       </li>
     </ul>
   </Loading>
@@ -15,7 +17,7 @@ import Loading from '@/components/Loading.vue'
 import Message from '@/components/Message.vue'
 
 export default {
-  name: 'Containers',
+  name: 'Home',
   components: {
     Loading,
     Message,
diff --git a/tsconfig.json b/tsconfig.json
index 22b3e1d..49b7eb6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,6 +7,7 @@
     "baseUrl": ".",
     "paths": {
       "@/*": ["frontend/*"]
-    }
+    },
+    "allowImportingTsExtensions": true,
   }
 }