+
-
+
+
diff --git a/webapp/src/assets/css/style.css b/webapp/src/assets/css/style.css
index 5cb897c..58663e8 100644
--- a/webapp/src/assets/css/style.css
+++ b/webapp/src/assets/css/style.css
@@ -8,12 +8,12 @@
01 - GENERAL
02 - HEADER
03 - DASHBOARD
+ 06 - API
+ 07 - ABOUT
99 - LIGHT MODE
*/
-
-
/* ----------------------------------------------------
01 - GENERAL
*/
@@ -28,25 +28,27 @@
-moz-osx-font-smoothing: grayscale;
--color-bg: #242424;
- --color-bg0: #0D5EAF;
+ --color-bg0: #0d5eaf;
--color-bg1: #449ef8;
--color-bg2: #449ef820;
--color-text0: #fff;
--color-text1: rgb(11, 11, 104);
+ --color-text2: #449ef8;
+ --color-text3: #7bb8f5;
/* color-scheme: light dark; */
color: var(--color-text0);
background-color: var(--color-bg);
-
}
a {
font-weight: 500;
- color: #646cff;
+ color: var(--color-text2);
text-decoration: inherit;
}
a:hover {
- color: #535bf2;
+ color: var(--color-text3);
+ text-shadow: 1px 1px 5px var(--color-bg1);
}
body {
@@ -112,6 +114,11 @@ button:focus-visible {
#header a:visited {
color: var(--color-text0);
}
+#header .logo {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
#header .menu a,
#header .menu a:visited {
border: 1px solid var(--color-text0);
@@ -169,7 +176,6 @@ button:focus-visible {
cursor: grab;
}
#dashboard .report .report-header .report-title {
-
}
#dashboard .report .report-header h3 {
margin: 0px;
@@ -191,6 +197,23 @@ button:focus-visible {
filter: brightness(1.2);
}
+/* ----------------------------------------------------
+ 06 - API
+ */
+#api {
+ margin: 0 auto;
+ padding: 20px;
+}
+
+/* ----------------------------------------------------
+ 07 - ABOUT
+ */
+#about {
+ margin: 0 auto;
+ padding: 10px;
+ text-align: center;
+}
+
/* ----------------------------------------------------
99 - LIGHT MODE
*/
diff --git a/webapp/src/components/Report.vue b/webapp/src/components/Report.vue
index 3449018..cd6a9de 100644
--- a/webapp/src/components/Report.vue
+++ b/webapp/src/components/Report.vue
@@ -1,9 +1,9 @@
-
+ Bug Report
diff --git a/webapp/src/router.js b/webapp/src/router.js
index adae708..1396228 100644
--- a/webapp/src/router.js
+++ b/webapp/src/router.js
@@ -4,12 +4,14 @@ import Dashboard from "./views/Dashboard.vue";
import About from "./views/About.vue";
import BugAdd from "./views/BugAdd.vue";
import Archive from "./views/Archive.vue";
+import API from "./views/API.vue";
const routes = [
{ path: "/", component: Dashboard },
{ path: "/about", component: About },
{ path: "/add", component: BugAdd },
{ path: "/archive", component: Archive },
+ { path: "/api", component: API },
];
export const router = createRouter({
diff --git a/webapp/src/views/API.vue b/webapp/src/views/API.vue
new file mode 100644
index 0000000..25871db
--- /dev/null
+++ b/webapp/src/views/API.vue
@@ -0,0 +1,19 @@
+
+
+
+
+
diff --git a/webapp/src/views/About.vue b/webapp/src/views/About.vue
index 1b58791..f693a57 100644
--- a/webapp/src/views/About.vue
+++ b/webapp/src/views/About.vue
@@ -1,6 +1,40 @@
- API
++ API prípojny bod je dostupná na adrese + {{ api_endpoint }}. +
+
- Späť domov
+
O aplikácii
-
+
+
+
diff --git a/webapp/vite.config.js b/webapp/vite.config.js
index fb8d0ef..98d6343 100644
--- a/webapp/vite.config.js
+++ b/webapp/vite.config.js
@@ -1,10 +1,17 @@
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
+import pkg from "./package.json";
-export const baseUrl = '/bugreport/webapp/dist/';
+const subpath = "/bugreport/";
+export const baseUrl = subpath + "webapp/dist/";
// https://vite.dev/config/
export default defineConfig({
base: baseUrl,
plugins: [vue()],
+ define: {
+ __APP_VERSION__: JSON.stringify(pkg.version),
+ __BUILD_DATE__: JSON.stringify(new Date().toISOString()),
+ __SUBPATH__: JSON.stringify(subpath),
+ },
});
+
+
O aplikácii
+
+ Bug Report
+Verzia aplikácie: {{ version }} | Zostavené: {{ build }}
+Autor: Ing. Igor Miňo
+
+ Backend:
+ 
PHP 8.2
+ | Databaza:
+ 
SQLite
+ | Frontend:
+ 
Vue 3
+
+ Zdrojové kódy: + https://git.tpsoft.org/bugreport +
+