robin.couret/manolia-alpha
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init component

Browse Source
This commit is contained in:
Robin COuret
2026-02-16 17:28:37 +01:00
parent 460c7a25e0
commit e0e50af706
4557 changed files with 666911 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
user-interface/package-lock.json generated
View File

@@ -8,6 +8,7 @@
"name": "user-interface",
"version": "0.0.0",
"dependencies": {
"buetify": "^0.1.7",
"pinia": "^3.0.4",
"vue": "^3.5.27",
"vue-router": "^5.0.1"
@@ -1401,6 +1402,45 @@
}
}
},
"node_modules/@fortawesome/fontawesome-common-types": {
"version": "0.2.36",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-0.2.36.tgz",
"integrity": "sha512-a/7BiSgobHAgBWeN7N0w+lAhInrGxksn13uK7231n2m8EDPE3BMCl9NZLTGrj9ZXfCmC6LM0QLqXidIizVQ6yg==",
"hasInstallScript": true,
"license": "MIT",
"peer": true,
"engines": {
"node": ">=6"
}
},
"node_modules/@fortawesome/fontawesome-svg-core": {
"version": "1.2.36",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-1.2.36.tgz",
"integrity": "sha512-YUcsLQKYb6DmaJjIHdDWpBIGCcyE/W+p/LMGvjQem55Mm2XWVAP5kWTMKWLv9lwpCVjpLxPyOMOyUocP1GxrtA==",
"hasInstallScript": true,
"license": "MIT",
"peer": true,
"dependencies": {
"@fortawesome/fontawesome-common-types": "^0.2.36"
},
"engines": {
"node": ">=6"
}
},
"node_modules/@fortawesome/free-solid-svg-icons": {
"version": "5.15.4",
"resolved": "https://registry.npmjs.org/@fortawesome/free-solid-svg-icons/-/free-solid-svg-icons-5.15.4.tgz",
"integrity": "sha512-JLmQfz6tdtwxoihXLg6lT78BorrFyCf59SAwBM6qV/0zXyVeDygJVb3fk+j5Qat+Yvcxp1buLTY5iDh1ZSAQ8w==",
"hasInstallScript": true,
"license": "(CC-BY-4.0 AND MIT)",
"peer": true,
"dependencies": {
"@fortawesome/fontawesome-common-types": "^0.2.36"
},
"engines": {
"node": ">=6"
}
},
"node_modules/@hapi/address": {
"version": "5.1.1",
"resolved": "https://registry.npmjs.org/@hapi/address/-/address-5.1.1.tgz",
@@ -3540,6 +3580,23 @@
"node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
}
},
"node_modules/buetify": {
"version": "0.1.7",
"resolved": "https://registry.npmjs.org/buetify/-/buetify-0.1.7.tgz",
"integrity": "sha512-Xma62kUdZgf83BnUPSMuFgO6gt1broOpGjo12lsOHFZRBgsa4Aah1IDsuMRHHjBEXzqaQn2dvggya9K0wKVv1Q==",
"license": "MIT",
"dependencies": {
"lodash.debounce": "^4.0.8"
},
"peerDependencies": {
"@fortawesome/fontawesome-svg-core": "^1.2.25",
"@fortawesome/free-solid-svg-icons": "^5.11.2",
"bulma": "^0.9.0",
"fp-ts": "^2.6.5",
"fp-ts-local-storage": "^1.0.3",
"vue": "^3.0.0"
}
},
"node_modules/buffer": {
"version": "5.7.1",
"resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
@@ -3575,6 +3632,13 @@
"node": "*"
}
},
"node_modules/bulma": {
"version": "0.9.4",
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
"integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ==",
"license": "MIT",
"peer": true
},
"node_modules/bundle-name": {
"version": "4.1.0",
"resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
@@ -5103,6 +5167,23 @@
"node": ">= 6"
}
},
"node_modules/fp-ts": {
"version": "2.16.11",
"resolved": "https://registry.npmjs.org/fp-ts/-/fp-ts-2.16.11.tgz",
"integrity": "sha512-LaI+KaX2NFkfn1ZGHoKCmcfv7yrZsC3b8NtWsTVQeHkq4F27vI5igUuO53sxqDEa2gNQMHFPmpojDw/1zmUK7w==",
"license": "MIT",
"peer": true
},
"node_modules/fp-ts-local-storage": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/fp-ts-local-storage/-/fp-ts-local-storage-1.0.3.tgz",
"integrity": "sha512-72nXiVVA7Fj1FS0lfGIED18/AS8gA50OjOrUCWuhNEYL9f614MkLjkQVkpnAFr0QI1H8/1CxH2tAfPs0CkncHQ==",
"license": "MIT",
"peer": true,
"peerDependencies": {
"fp-ts": "^2.0.1"
}
},
"node_modules/from": {
"version": "0.1.7",
"resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
@@ -6148,6 +6229,12 @@
"dev": true,
"license": "MIT"
},
"node_modules/lodash.debounce": {
"version": "4.0.8",
"resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
"integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
"license": "MIT"
},
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",

1
user-interface/package.json
View File

@@ -19,6 +19,7 @@
"format": "prettier --write --experimental-cli src/"
},
"dependencies": {
"buetify": "^0.1.7",
"pinia": "^3.0.4",
"vue": "^3.5.27",
"vue-router": "^5.0.1"

37
user-interface/src/App.vue
View File

@@ -1,11 +1,34 @@
<script setup lang="ts"></script>
<script setup lang="ts">
import { RouterView } from 'vue-router'
import AppTopbar from '@/components/AppTopbar.vue'
</script>
<template>
<h1>You did it!</h1>
<p>
Visit <a href="https://vuejs.org/" target="_blank" rel="noopener">vuejs.org</a> to read the
documentation
</p>
<header>
<AppTopbar />
</header>
<main>
<RouterView />
</main>
<!-- <footer>
<AppFooter />
</footer> -->
</template>
<style scoped></style>
<style>
/* #app {
width: 100%;
display: flex;
flex-direction: column;
}
main {
height: 100%;
}
@media screen and (min-width: 768px) {
#app {
height: 100vh;
}
} */
</style>

5094
user-interface/src/assets/svg/manolia-logo.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 371 KiB

11
user-interface/src/components/AppFooter.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup lang="ts">
</script>
<template>
...
</template>
<style scoped>
</style>

29
user-interface/src/components/AppTopbar.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<div class="topbar-container">
<div class="logo-container">
<img class="logo" src="../assets/svg/manolia-logo.svg" alt="Manolia logo" />
<span>MANOLIA</span>
</div>
</div>
</template>
<style scoped>
.topbar-container {
height: 4rem;
width: 100%;
display: flex;
align-items: center;
justify-content: left;
}
.logo-container {
width: 20rem;
display: flex;
align-items: center;
gap: 0.5rem;
img {
width: 2rem;
}
}
</style>

18
user-interface/src/components/CollectKnowledge.vue Normal file
View File

@@ -0,0 +1,18 @@
<script setup lang="ts">
</script>
<template>
<div class="container">
<h2>Collect Knowledge</h2>
</div>
</template>
<style scoped>
.container{
background-color: #ffffff;
border-radius: 16px;
padding: 34px;
}
</style>

13
user-interface/src/components/EvaluateQuestion.vue Normal file
View File

@@ -0,0 +1,13 @@
<script setup lang="ts">
</script>
<template>
<div>
Evaluate
</div>
</template>
<style scoped>
</style>

17
user-interface/src/components/ReadKnowledges.vue Normal file
View File

@@ -0,0 +1,17 @@
<script setup lang="ts">
</script>
<template>
<div class="container">
<h2>Knowledge</h2>
</div>
</template>
<style scoped>
.container{
background-color: #ffffff;
border-radius: 16px;
padding: 34px;
}
</style>

1
user-interface/src/main.ts
View File

@@ -3,6 +3,7 @@ import { createPinia } from 'pinia'
import App from './App.vue'
import router from './router'
import './styles/global.css';
const app = createApp(App)

9
user-interface/src/router/index.ts
View File

@@ -2,7 +2,14 @@ import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes: [],
routes: [
{
path: '/',
alias: '/app',
name: 'app',
component: () => import('@/views/ExperimentView.vue'),
},
],
})
export default router

4
user-interface/src/styles/global.css Normal file
View File

@@ -0,0 +1,4 @@
body {
background-color: #FFF4EA;
margin-inline: 5%;
}

27
user-interface/src/views/ExperimentView.vue Normal file
View File

@@ -0,0 +1,27 @@
<script setup lang="ts">
import ReadKnowledges from '@/components/ReadKnowledges.vue';
import CollectKnowledge from '@/components/CollectKnowledge.vue';
//import EvaluateQuestion from '@/components/EvaluateQuestion.vue';
</script>
<template>
<div class="experiment-container">
<section id="section-left">
<ReadKnowledges/>
</section>
<section id="section-central">
<CollectKnowledge/>
</section>
<!-- <section>
<EvaluateQuestion/>
</section> -->
</div>
</template>
<style scoped>
.experiment-container{
display: grid;
grid-template-columns: 1fr 3fr;
gap: 24px;
}
</style>