+
+
+
+
+
\ No newline at end of file
diff --git a/17th-web/src/components/HelloWorld.vue b/17th-web/src/components/HelloWorld.vue
new file mode 100644
index 0000000..0a0988b
--- /dev/null
+++ b/17th-web/src/components/HelloWorld.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
{{ msg }}
+
+ You’ve successfully created a project with
+ Vite +
+ Vue 3.
+
+
+
+
+
diff --git a/17th-web/src/components/NavBar.vue b/17th-web/src/components/NavBar.vue
new file mode 100644
index 0000000..e37565e
--- /dev/null
+++ b/17th-web/src/components/NavBar.vue
@@ -0,0 +1,65 @@
+
+
+
+
+
+
+
+
+
+
+ Title
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/17th-web/src/components/TheWelcome.vue b/17th-web/src/components/TheWelcome.vue
new file mode 100644
index 0000000..5e64625
--- /dev/null
+++ b/17th-web/src/components/TheWelcome.vue
@@ -0,0 +1,86 @@
+
+
+
+
+
+
+
+ Documentation
+
+ Vue’s
+ official documentation
+ provides you with all information you need to get started.
+
+
+
+
+
+
+ Tooling
+
+ This project is served and bundled with
+ Vite. The
+ recommended IDE setup is
+ VSCode +
+ Volar. If
+ you need to test your components and web pages, check out
+ Cypress and
+ Cypress Component Testing.
+
+
+
+ More instructions are available in README.md.
+
+
+
+
+
+
+ Ecosystem
+
+ Get official tools and libraries for your project:
+ Pinia,
+ Vue Router,
+ Vue Test Utils, and
+ Vue Dev Tools. If
+ you need more resources, we suggest paying
+ Awesome Vue
+ a visit.
+
+
+
+
+
+
+ Community
+
+ Got stuck? Ask your question on
+ Vue Land, our official
+ Discord server, or
+ StackOverflow. You should also subscribe to
+ our mailing list and follow
+ the official
+ @vuejs
+ twitter account for latest news in the Vue world.
+
+
+
+
+
+
+ Support Vue
+
+ As an independent project, Vue relies on community backing for its sustainability. You can help
+ us by
+ becoming a sponsor.
+
+
diff --git a/17th-web/src/components/WelcomeItem.vue b/17th-web/src/components/WelcomeItem.vue
new file mode 100644
index 0000000..a5eca70
--- /dev/null
+++ b/17th-web/src/components/WelcomeItem.vue
@@ -0,0 +1,85 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/17th-web/src/components/icons/IconCommunity.vue b/17th-web/src/components/icons/IconCommunity.vue
new file mode 100644
index 0000000..2dc8b05
--- /dev/null
+++ b/17th-web/src/components/icons/IconCommunity.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/17th-web/src/components/icons/IconDocumentation.vue b/17th-web/src/components/icons/IconDocumentation.vue
new file mode 100644
index 0000000..6d4791c
--- /dev/null
+++ b/17th-web/src/components/icons/IconDocumentation.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/17th-web/src/components/icons/IconEcosystem.vue b/17th-web/src/components/icons/IconEcosystem.vue
new file mode 100644
index 0000000..c3a4f07
--- /dev/null
+++ b/17th-web/src/components/icons/IconEcosystem.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/17th-web/src/components/icons/IconSupport.vue b/17th-web/src/components/icons/IconSupport.vue
new file mode 100644
index 0000000..7452834
--- /dev/null
+++ b/17th-web/src/components/icons/IconSupport.vue
@@ -0,0 +1,7 @@
+
+
+
diff --git a/17th-web/src/components/icons/IconTooling.vue b/17th-web/src/components/icons/IconTooling.vue
new file mode 100644
index 0000000..660598d
--- /dev/null
+++ b/17th-web/src/components/icons/IconTooling.vue
@@ -0,0 +1,19 @@
+
+
+
+
diff --git a/17th-web/src/config.js b/17th-web/src/config.js
new file mode 100644
index 0000000..c1dce43
--- /dev/null
+++ b/17th-web/src/config.js
@@ -0,0 +1,8 @@
+import axios from "axios";
+
+export const httpConfig = axios.create({
+ baseURL: "http://localhost:3001/api",
+ headers: {
+ "Content-type": "application/json"
+ }
+})
\ No newline at end of file
diff --git a/17th-web/src/main.js b/17th-web/src/main.js
new file mode 100644
index 0000000..b61a69a
--- /dev/null
+++ b/17th-web/src/main.js
@@ -0,0 +1,17 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+
+import App from '@/App.vue'
+import router from '@/router'
+
+import '@/style.css';
+
+// Vuetify
+import vuetify from '@/plugins/vuetify'
+
+const app = createApp(App)
+app.use(vuetify)
+app.use(createPinia())
+app.use(router)
+
+app.mount('#app')
diff --git a/17th-web/src/plugins/vuetify.js b/17th-web/src/plugins/vuetify.js
new file mode 100644
index 0000000..a341c0e
--- /dev/null
+++ b/17th-web/src/plugins/vuetify.js
@@ -0,0 +1,16 @@
+import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
+import { createVuetify } from 'vuetify'
+import 'vuetify/styles'
+import * as components from 'vuetify/components'
+import * as directives from 'vuetify/directives'
+
+import { md2 } from 'vuetify/blueprints'
+
+export default createVuetify({
+ blueprint: md2,
+ components,
+ directives,
+ icons: {
+ defaultSet: 'mdi', // This is already the default value - only for display purposes
+ },
+})
\ No newline at end of file
diff --git a/17th-web/src/router/dbRoutes/Course.js b/17th-web/src/router/dbRoutes/Course.js
new file mode 100644
index 0000000..b628e98
--- /dev/null
+++ b/17th-web/src/router/dbRoutes/Course.js
@@ -0,0 +1,17 @@
+export default [
+ {
+ path: '/courses',
+ name: 'courses',
+ component: () => import('@/views/dbViews/CoursesView.vue')
+ },
+ {
+ path: '/courses/:id',
+ name: 'course',
+ component: () => import('@/views/dbViews/CourseView.vue')
+ },
+ {
+ path: '/courses/add',
+ name: 'add-course',
+ component: () => import('@/views/dbViews/AddCourseView.vue')
+ }
+]
\ No newline at end of file
diff --git a/17th-web/src/router/dbRoutes/QualificationCategory.js b/17th-web/src/router/dbRoutes/QualificationCategory.js
new file mode 100644
index 0000000..d8174e7
--- /dev/null
+++ b/17th-web/src/router/dbRoutes/QualificationCategory.js
@@ -0,0 +1,17 @@
+export default [
+ {
+ path: '/qualification-categories',
+ name: 'qualification-categories',
+ component: () => import('@/views/dbViews/QualificationCategoriesView.vue')
+ },
+ {
+ path: '/qualification-categories/:id',
+ name: 'qualification-category',
+ component: () => import('@/views/dbViews/QualificationCategoryView.vue')
+ },
+ {
+ path: '/qualification-categories/add',
+ name: 'add-qualification-category',
+ component: () => import('@/views/dbViews/AddQualificationCategoryView.vue')
+ }
+]
\ No newline at end of file
diff --git a/17th-web/src/router/dbRoutes/Ribbon.js b/17th-web/src/router/dbRoutes/Ribbon.js
new file mode 100644
index 0000000..6077ce3
--- /dev/null
+++ b/17th-web/src/router/dbRoutes/Ribbon.js
@@ -0,0 +1,17 @@
+export default [
+ {
+ path: '/ribbons',
+ name: 'ribbons',
+ component: () => import('@/views/dbViews/RibbonsView.vue')
+ },
+ {
+ path: '/ribbons/:id',
+ name: 'ribbon',
+ component: () => import('@/views/dbViews/RibbonView.vue')
+ },
+ {
+ path: '/ribbons/add',
+ name: 'add-ribbon',
+ component: () => import('@/views/dbViews/AddRibbonView.vue')
+ }
+]
diff --git a/17th-web/src/router/index.js b/17th-web/src/router/index.js
new file mode 100644
index 0000000..766348f
--- /dev/null
+++ b/17th-web/src/router/index.js
@@ -0,0 +1,38 @@
+import { createRouter, createWebHistory } from 'vue-router'
+
+import RibbonRoutes from './dbRoutes/Ribbon.js'
+import CourseRoutes from './dbRoutes/Course.js'
+import QualificationCategoryRoutes from './dbRoutes/QualificationCategory.js'
+
+const routes =
+ [
+ {
+ path: '/',
+ name: 'home',
+ component: () => import('@/views/HomeView.vue')
+ },
+ {
+ path: '/about',
+ name: 'about',
+ // route level code-splitting
+ // this generates a separate chunk (About.[hash].js) for this route
+ // which is lazy-loaded when the route is visited.
+ component: () => import('../views/AboutView.vue')
+ },
+ ...RibbonRoutes,
+ ...CourseRoutes,
+ ...QualificationCategoryRoutes
+
+
+
+
+
+
+ ]
+
+const router = createRouter({
+ history: createWebHistory(import.meta.env.BASE_URL),
+ routes
+})
+
+export default router
diff --git a/17th-web/src/services/CourseDataService.js b/17th-web/src/services/CourseDataService.js
new file mode 100644
index 0000000..8aba041
--- /dev/null
+++ b/17th-web/src/services/CourseDataService.js
@@ -0,0 +1,33 @@
+import { httpConfig } from "@/config.js";
+
+class CourseDataService {
+ getAll () {
+ return httpConfig.get("/courses");
+ }
+
+ get (id) {
+ return httpConfig.get(`/courses/${id}`);
+ }
+
+ create (data) {
+ return httpConfig.post("/courses", data);
+ }
+
+ update (id, data) {
+ return httpConfig.put(`/courses/${id}`, data);
+ }
+
+ delete (id) {
+ return httpConfig.delete(`/courses/${id}`);
+ }
+
+ deleteAll () {
+ return httpConfig.delete(`/courses`);
+ }
+
+ findByName (name) {
+ return httpConfig.get(`/courses?name=${name}`);
+ }
+}
+
+export default new CourseDataService();
\ No newline at end of file
diff --git a/17th-web/src/services/QualificationCategoryDataService.js b/17th-web/src/services/QualificationCategoryDataService.js
new file mode 100644
index 0000000..52e3782
--- /dev/null
+++ b/17th-web/src/services/QualificationCategoryDataService.js
@@ -0,0 +1,33 @@
+import { httpConfig } from "@/config.js";
+
+class QualificationCategoryDataService {
+ getAll () {
+ return httpConfig.get("/qualification-categories");
+ }
+
+ get (id) {
+ return httpConfig.get(`/qualification-categories/${id}`);
+ }
+
+ create (data) {
+ return httpConfig.post("/qualification-categories", data);
+ }
+
+ update (id, data) {
+ return httpConfig.put(`/qualification-categories/${id}`, data);
+ }
+
+ delete (id) {
+ return httpConfig.delete(`/qualification-categories/${id}`);
+ }
+
+ deleteAll () {
+ return httpConfig.delete(`/qualification-categories`);
+ }
+
+ findByName (name) {
+ return httpConfig.get(`/qualification-categories?name=${name}`);
+ }
+}
+
+export default new QualificationCategoryDataService();
\ No newline at end of file
diff --git a/17th-web/src/services/RibbonDataService.js b/17th-web/src/services/RibbonDataService.js
new file mode 100644
index 0000000..93ed078
--- /dev/null
+++ b/17th-web/src/services/RibbonDataService.js
@@ -0,0 +1,39 @@
+import { httpConfig } from "@/config.js";
+import axios from "axios";
+
+class RibbonDataService {
+ getAll () {
+ return httpConfig.get("/ribbons");
+ }
+
+ get (id) {
+ return httpConfig.get(`/ribbons/${id}`);
+ }
+
+ create (data) {
+ return httpConfig.post("/ribbons", data);
+ // return axios.post("https://httpbin.org/post", data)
+ }
+
+ update (id, data) {
+ return httpConfig.put(`/ribbons/${id}`, data);
+ }
+
+ delete (id) {
+ return httpConfig.delete(`/ribbons/${id}`);
+ }
+
+ deleteAll () {
+ return httpConfig.delete(`/ribbons`);
+ }
+
+ findByName (name) {
+ return httpConfig.get(`/ribbons?name=${name}`);
+ }
+
+ getCategories () {
+ return httpConfig.get("/qualification-categories");
+ }
+}
+
+export default new RibbonDataService();
\ No newline at end of file
diff --git a/17th-web/src/stores/counter.js b/17th-web/src/stores/counter.js
new file mode 100644
index 0000000..b6757ba
--- /dev/null
+++ b/17th-web/src/stores/counter.js
@@ -0,0 +1,12 @@
+import { ref, computed } from 'vue'
+import { defineStore } from 'pinia'
+
+export const useCounterStore = defineStore('counter', () => {
+ const count = ref(0)
+ const doubleCount = computed(() => count.value * 2)
+ function increment() {
+ count.value++
+ }
+
+ return { count, doubleCount, increment }
+})
diff --git a/17th-web/src/style.css b/17th-web/src/style.css
new file mode 100644
index 0000000..454ec73
--- /dev/null
+++ b/17th-web/src/style.css
@@ -0,0 +1,7 @@
+#app {
+ position: absolute;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ right: 0;
+}
\ No newline at end of file
diff --git a/17th-web/src/views/AboutView.vue b/17th-web/src/views/AboutView.vue
new file mode 100644
index 0000000..756ad2a
--- /dev/null
+++ b/17th-web/src/views/AboutView.vue
@@ -0,0 +1,15 @@
+
+