orabis/E6-FStockSeeker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Swagger added

Browse Source
This commit is contained in:
Léo 2025-01-09 15:04:10 +01:00
parent fb28998e32
commit e5af880618
12 changed files with 1471 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@ -1,10 +1,10 @@
<!doctype html> <!doctype html>
<html lang="en"> <html lang="fr">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue</title> <title>StockSeeker</title>
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

4
package.json
View File

@ -11,7 +11,9 @@
"dependencies": { "dependencies": {
"@primevue/themes": "^4.2.5", "@primevue/themes": "^4.2.5",
"primevue": "^4.2.5", "primevue": "^4.2.5",
"vue": "^3.5.13" "swagger-ui": "^5.18.2",
"vue": "^3.5.13",
"vue-router": "4"
}, },
"devDependencies": { "devDependencies": {
"@vitejs/plugin-vue": "^5.2.1", "@vitejs/plugin-vue": "^5.2.1",

1386
pnpm-lock.yaml generated
View File

File diff suppressed because it is too large Load Diff

17
src/App.vue
View File

@ -1,17 +0,0 @@
<script setup>
import Button from "primevue/button"
import InputText from 'primevue/inputtext';
import HelloWorld from "./components/HelloWorld.vue";
</script>
<template>
<span>Test PrimeVue</span>
<div>
<Button label="Save" />
<InputText type="text" v-model="value" />
</div>
<HelloWorld>
</HelloWorld>
</template>

43
src/components/HelloWorld.vue
View File

@ -1,43 +0,0 @@
<script setup>
import { ref } from 'vue'
defineProps({
msg: String,
})
const count = ref(0)
</script>
<template>
<h1>{{ msg }}</h1>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Learn more about IDE Support for Vue in the
<a
href="https://vuejs.org/guide/scaling-up/tooling.html#ide-support"
target="_blank"
>Vue Docs Scaling up Guide</a
>.
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
.read-the-docs {
color: #888;
}
</style>

0
src/components/NavBar.vue Normal file
View File

4
src/main.js
View File

@ -1,10 +1,11 @@
import { createApp } from 'vue' import { createApp } from 'vue'
import './style.css' import './style.css'
import App from './App.vue' import App from './views/Home.vue'
import PrimeVue from 'primevue/config'; import PrimeVue from 'primevue/config';
import Aura from '@primevue/themes/aura'; import Aura from '@primevue/themes/aura';
import router from "./router"
const app = createApp(App); const app = createApp(App);
app.use(PrimeVue,{ app.use(PrimeVue,{
@ -12,4 +13,5 @@ app.use(PrimeVue,{
preset:Aura preset:Aura
} }
}); });
app.use(router);
app.mount("#app"); app.mount("#app");

28
src/router/index.js Normal file
View File

@ -0,0 +1,28 @@
import { createRouter, createWebHistory } from 'vue-router';
import HomeView from '../views/Home.vue';
import SwaggerView from '../views/Swagger.vue';
import LoginView from '../views/Login.vue';
const routes = [
{
path: '/',
name: 'Home',
component: HomeView,
},
{
path: '/login',
name: 'Login',
component: LoginView,
},
{
path: '/swagger',
name: 'Swagger',
component: SwaggerView,
},
];
const router = createRouter({
history: createWebHistory(),
routes,
});
export default router;

46
src/style.css
View File

@ -5,7 +5,7 @@
color-scheme: light dark; color-scheme: light dark;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background-color: #242424; background-color: #ffffff;
font-synthesis: none; font-synthesis: none;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
@ -22,58 +22,14 @@ a:hover {
color: #535bf2; color: #535bf2;
} }
body {
margin: 0;
display: flex;
place-items: center;
min-width: 320px;
min-height: 100vh;
}
h1 { h1 {
font-size: 3.2em; font-size: 3.2em;
line-height: 1.1; line-height: 1.1;
} }
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
.card {
padding: 2em;
}
#app { #app {
max-width: 1280px; max-width: 1280px;
margin: 0 auto; margin: 0 auto;
padding: 2rem; padding: 2rem;
text-align: center; text-align: center;
} }
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
}

16
src/views/Home.vue Normal file
View File

@ -0,0 +1,16 @@
<script setup>
import { RouterView,RouterLink } from 'vue-router';
</script>
<template>
<span>StockSeeker</span>
<div>
<nav>
<RouterLink to="/">Go to Home</RouterLink>
<RouterLink to="/swagger">Doc API StockSeeker</RouterLink>
</nav>
<main>
<RouterView/>
</main>
</div>
</template>

6
src/views/Login.vue Normal file
View File

@ -0,0 +1,6 @@
<script setup>
</script>
<template>
<span>StockSeeker Login</span>
</template>

25
src/views/Swagger.vue Normal file
View File

@ -0,0 +1,25 @@
<script>
import SwaggerUI from "swagger-ui";
import "swagger-ui/dist/swagger-ui.css";
export default {
name: "Swagger",
mounted() {
this.initSwaggerUI();
},
methods: {
initSwaggerUI() {
SwaggerUI({
url: "http://127.0.0.1:8000/api/schema/", // Remplace par ton URL
dom_id: "#swagger-container", // Le conteneur DOM où Swagger sera monté
deepLinking: true,
presets: [SwaggerUI.presets.apis],
});
},
},
};
</script>
<template>
<div id="swagger-container"></div>
</template>