From c821562e30b03e1563c4d05df7c7ec16b35a3038 Mon Sep 17 00:00:00 2001
From: Mika Bomm <mika.bomm@outlook.com>
Date: Tue, 3 Sep 2024 20:05:44 +0200
Subject: [PATCH 1/5] add configurations for intellij to start frontend /
 backend

---
 .run/start frontend (dev).run.xml | 13 +++++++++++++
 .run/start server.run.xml         | 15 +++++++++++++++
 2 files changed, 28 insertions(+)
 create mode 100644 .run/start frontend (dev).run.xml
 create mode 100644 .run/start server.run.xml

diff --git a/.run/start frontend (dev).run.xml b/.run/start frontend (dev).run.xml
new file mode 100644
index 0000000..b1e563c
--- /dev/null
+++ b/.run/start frontend (dev).run.xml	
@@ -0,0 +1,13 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="start frontend (dev)" type="js.build_tools.npm">
+    <package-json value="$PROJECT_DIR$/web/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="dev" />
+    </scripts>
+    <arguments value="--host" />
+    <node-interpreter value="project" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>
\ No newline at end of file
diff --git a/.run/start server.run.xml b/.run/start server.run.xml
new file mode 100644
index 0000000..7704047
--- /dev/null
+++ b/.run/start server.run.xml	
@@ -0,0 +1,15 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="start server" type="Application" factoryName="Application">
+    <option name="ALTERNATIVE_JRE_PATH" value="17" />
+    <option name="ALTERNATIVE_JRE_PATH_ENABLED" value="true" />
+    <envs>
+      <env name="DB_USER" value="postgres" />
+      <env name="DB_PASSWORD" value="postgres" />
+    </envs>
+    <option name="MAIN_CLASS_NAME" value="com.mixel.docusphere.DocuSphereApplication" />
+    <module name="DocuSphere.server.main" />
+    <method v="2">
+      <option name="Make" enabled="true" />
+    </method>
+  </configuration>
+</component>
\ No newline at end of file
-- 
2.45.2


From d8ce99319ce54af302d8eb1053485762ca668aeb Mon Sep 17 00:00:00 2001
From: Mika Bomm <mika.bomm@outlook.com>
Date: Tue, 3 Sep 2024 21:47:47 +0200
Subject: [PATCH 2/5] Add account section and sidebar profile button is
 invisible

---
 web/package.json              |  1 +
 web/pnpm-lock.yaml            | 12 ++++++++++
 web/src/components/NavBar.vue | 45 +++++++++++++++++++++++++++--------
 web/src/plugins/vuetify.ts    | 10 ++++----
 4 files changed, 53 insertions(+), 15 deletions(-)

diff --git a/web/package.json b/web/package.json
index 21732b7..5a0a8b8 100644
--- a/web/package.json
+++ b/web/package.json
@@ -10,6 +10,7 @@
   "dependencies": {
     "@mdi/font": "7.4.47",
     "core-js": "^3.37.1",
+    "lucide-vue-next": "^0.438.0",
     "roboto-fontface": "*",
     "vue": "^3.4.31",
     "vuetify": "^3.6.11"
diff --git a/web/pnpm-lock.yaml b/web/pnpm-lock.yaml
index 9897e9c..c1836dc 100644
--- a/web/pnpm-lock.yaml
+++ b/web/pnpm-lock.yaml
@@ -14,6 +14,9 @@ importers:
       core-js:
         specifier: ^3.37.1
         version: 3.38.1
+      lucide-vue-next:
+        specifier: ^0.438.0
+        version: 0.438.0(vue@3.4.38(typescript@5.5.4))
       roboto-fontface:
         specifier: '*'
         version: 0.10.0
@@ -1263,6 +1266,11 @@ packages:
   lodash@4.17.21:
     resolution: {integrity: sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==}
 
+  lucide-vue-next@0.438.0:
+    resolution: {integrity: sha512-xlPIeYbhfI0gDJwolST7cjc6KAi1oWN9HEWGuK+5gMmoi+a6bJ3mI062+7tqzOdjSE07l7jyBH4mladQVLIQRA==}
+    peerDependencies:
+      vue: '>=3.0.1'
+
   magic-string-ast@0.6.2:
     resolution: {integrity: sha512-oN3Bcd7ZVt+0VGEs7402qR/tjgjbM7kPlH/z7ufJnzTLVBzXJITRHOJiwMmmYMgZfdoWQsfQcY+iKlxiBppnMA==}
     engines: {node: '>=16.14.0'}
@@ -3216,6 +3224,10 @@ snapshots:
 
   lodash@4.17.21: {}
 
+  lucide-vue-next@0.438.0(vue@3.4.38(typescript@5.5.4)):
+    dependencies:
+      vue: 3.4.38(typescript@5.5.4)
+
   magic-string-ast@0.6.2:
     dependencies:
       magic-string: 0.30.11
diff --git a/web/src/components/NavBar.vue b/web/src/components/NavBar.vue
index a281f62..dca85de 100644
--- a/web/src/components/NavBar.vue
+++ b/web/src/components/NavBar.vue
@@ -1,20 +1,45 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { ref } from "vue";
+
+const expanded = defineProps();
+const drawer = ref(false);
+</script>
 
 <template>
-  <v-app-bar rounded="lg" class="ma-2">
+  <v-app-bar rounded="lg">
     <template v-slot:prepend>
-      <v-img
-        class="ml-2"
-        :width="48"
-        aspect-ratio="16/9"
-        cover
-        src="https://avatars.akamai.steamstatic.com/800839be3a674309373baefda80dd05a1251f54c_full.jpg"
-      ></v-img>
+      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
     </template>
+
     <template v-slot:append>
-      <v-toolbar-title>DocuSphere</v-toolbar-title>
+      <!-- FIXME: Button invisible -->
+      <v-btn icon="mdi-account" variant="text">
+        <v-menu activator="parent">
+          <v-list>
+            <v-list-item
+              v-for="(item, index) in [
+                { title: 'Profile' },
+                { title: 'Settings' },
+                { title: 'Log Out' },
+              ]"
+              :key="index"
+              :value="index"
+            >
+              <v-list-item-title>{{ item.title }}</v-list-item-title>
+            </v-list-item>
+          </v-list>
+        </v-menu>
+      </v-btn>
     </template>
   </v-app-bar>
+
+  <v-navigation-drawer v-if="drawer">
+    <v-list-item title="DocuSphere" subtitle="Vuetify"></v-list-item>
+    <v-divider></v-divider>
+    <v-list-item link title="List Item 1"></v-list-item>
+    <v-list-item link title="List Item 2"></v-list-item>
+    <v-list-item link title="List Item 3"></v-list-item>
+  </v-navigation-drawer>
 </template>
 
 <style scoped></style>
diff --git a/web/src/plugins/vuetify.ts b/web/src/plugins/vuetify.ts
index 9850ab9..1c20fc8 100644
--- a/web/src/plugins/vuetify.ts
+++ b/web/src/plugins/vuetify.ts
@@ -5,15 +5,15 @@
  */
 
 // Styles
-import '@mdi/font/css/materialdesignicons.css'
-import 'vuetify/styles'
+import "@mdi/font/css/materialdesignicons.css";
+import "vuetify/styles";
 
 // Composables
-import { createVuetify } from 'vuetify'
+import { createVuetify } from "vuetify";
 
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: 'light', // 'light' | 'dark'
+    defaultTheme: "dark", // 'light' | 'dark'
   },
-})
+});
-- 
2.45.2


From caf13fab2f0bb6cbe37ff296d577503b7f4126ae Mon Sep 17 00:00:00 2001
From: Mika Bomm <mika.bomm@outlook.com>
Date: Wed, 4 Sep 2024 19:09:31 +0200
Subject: [PATCH 3/5] 1. still no clue nothing works

---
 web/src/components/NavBar.vue | 72 +++++++++++++++++++----------------
 web/src/plugins/vuetify.ts    |  2 +-
 2 files changed, 40 insertions(+), 34 deletions(-)

diff --git a/web/src/components/NavBar.vue b/web/src/components/NavBar.vue
index dca85de..cf89e78 100644
--- a/web/src/components/NavBar.vue
+++ b/web/src/components/NavBar.vue
@@ -1,45 +1,51 @@
 <script setup lang="ts">
 import { ref } from "vue";
 
-const expanded = defineProps();
 const drawer = ref(false);
 </script>
 
 <template>
-  <v-app-bar rounded="lg">
-    <template v-slot:prepend>
-      <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
-    </template>
+  <v-container class="justify-center d-flex fill-height align-center">
+    <v-app-bar
+      rounded="lg"
+      class="mx-3 mt-2 w-auto max-width"
+      density="compact"
+    >
+      <template v-slot:prepend>
+        <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+      </template>
 
-    <template v-slot:append>
-      <!-- FIXME: Button invisible -->
-      <v-btn icon="mdi-account" variant="text">
-        <v-menu activator="parent">
-          <v-list>
-            <v-list-item
-              v-for="(item, index) in [
-                { title: 'Profile' },
-                { title: 'Settings' },
-                { title: 'Log Out' },
-              ]"
-              :key="index"
-              :value="index"
-            >
-              <v-list-item-title>{{ item.title }}</v-list-item-title>
-            </v-list-item>
-          </v-list>
-        </v-menu>
-      </v-btn>
-    </template>
-  </v-app-bar>
+      <template v-slot:append>
+        <!-- FIXME: Button invisible -->
+        <v-btn icon="mdi-account" variant="text">
+          <v-menu activator="parent">
+            <v-list>
+              <v-list-item
+                v-for="(item, index) in [
+                  { title: 'Profile' },
+                  { title: 'Settings' },
+                  { title: 'Log Out' },
+                ]"
+                :key="index"
+                :value="index"
+              >
+                <v-list-item-title>{{ item.title }}</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
+        </v-btn>
+      </template>
+    </v-app-bar>
 
-  <v-navigation-drawer v-if="drawer">
-    <v-list-item title="DocuSphere" subtitle="Vuetify"></v-list-item>
-    <v-divider></v-divider>
-    <v-list-item link title="List Item 1"></v-list-item>
-    <v-list-item link title="List Item 2"></v-list-item>
-    <v-list-item link title="List Item 3"></v-list-item>
-  </v-navigation-drawer>
+    <v-navigation-drawer v-if="drawer">
+      <v-list-item title="DocuSphere" subtitle="Vuetify"></v-list-item>
+      <v-divider></v-divider>
+      <v-list-item link title="List Item 1"></v-list-item>
+      <v-list-item link title="List Item 2"></v-list-item>
+      <v-list-item link title="List Item 3"></v-list-item>
+    </v-navigation-drawer>
+  </v-container>
 </template>
 
+.max-width { max-width: 90%; }
 <style scoped></style>
diff --git a/web/src/plugins/vuetify.ts b/web/src/plugins/vuetify.ts
index 1c20fc8..5e31237 100644
--- a/web/src/plugins/vuetify.ts
+++ b/web/src/plugins/vuetify.ts
@@ -14,6 +14,6 @@ import { createVuetify } from "vuetify";
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: "dark", // 'light' | 'dark'
+    defaultTheme: "light", // 'light' | 'dark'
   },
 });
-- 
2.45.2


From 268fcbc3a7d9596c049c0ce5844b1b0475aed4f1 Mon Sep 17 00:00:00 2001
From: Mika Bomm <mika.bomm@outlook.com>
Date: Wed, 4 Sep 2024 22:51:42 +0200
Subject: [PATCH 4/5] it fucking works

---
 web/src/components/NavBar.vue | 52 ++++++++---------------------------
 web/src/pages/index.vue       |  4 +--
 web/src/plugins/vuetify.ts    |  2 +-
 3 files changed, 15 insertions(+), 43 deletions(-)

diff --git a/web/src/components/NavBar.vue b/web/src/components/NavBar.vue
index cf89e78..7226622 100644
--- a/web/src/components/NavBar.vue
+++ b/web/src/components/NavBar.vue
@@ -1,51 +1,23 @@
-<script setup lang="ts">
-import { ref } from "vue";
-
-const drawer = ref(false);
-</script>
+<script setup lang="ts"></script>
 
 <template>
-  <v-container class="justify-center d-flex fill-height align-center">
-    <v-app-bar
-      rounded="lg"
-      class="mx-3 mt-2 w-auto max-width"
-      density="compact"
-    >
+  <v-app class="mx-5 my-3">
+    <v-app-bar :elevation="2" rounded>
       <template v-slot:prepend>
-        <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
+        <v-app-bar-nav-icon></v-app-bar-nav-icon>
       </template>
 
+      <v-app-bar-title>Application Bar</v-app-bar-title>
+
       <template v-slot:append>
-        <!-- FIXME: Button invisible -->
-        <v-btn icon="mdi-account" variant="text">
-          <v-menu activator="parent">
-            <v-list>
-              <v-list-item
-                v-for="(item, index) in [
-                  { title: 'Profile' },
-                  { title: 'Settings' },
-                  { title: 'Log Out' },
-                ]"
-                :key="index"
-                :value="index"
-              >
-                <v-list-item-title>{{ item.title }}</v-list-item-title>
-              </v-list-item>
-            </v-list>
-          </v-menu>
-        </v-btn>
+        <v-btn icon="mdi-heart"></v-btn>
+
+        <v-btn icon="mdi-magnify"></v-btn>
+
+        <v-btn icon="mdi-dots-vertical"></v-btn>
       </template>
     </v-app-bar>
-
-    <v-navigation-drawer v-if="drawer">
-      <v-list-item title="DocuSphere" subtitle="Vuetify"></v-list-item>
-      <v-divider></v-divider>
-      <v-list-item link title="List Item 1"></v-list-item>
-      <v-list-item link title="List Item 2"></v-list-item>
-      <v-list-item link title="List Item 3"></v-list-item>
-    </v-navigation-drawer>
-  </v-container>
+  </v-app>
 </template>
 
-.max-width { max-width: 90%; }
 <style scoped></style>
diff --git a/web/src/pages/index.vue b/web/src/pages/index.vue
index 2594977..97fcae7 100644
--- a/web/src/pages/index.vue
+++ b/web/src/pages/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <NavBar/>
+  <NavBar />
 </template>
 
 <script lang="ts" setup>
-import NavBar from '@/components/NavBar.vue'
+import NavBar from "@/components/NavBar.vue";
 </script>
diff --git a/web/src/plugins/vuetify.ts b/web/src/plugins/vuetify.ts
index 5e31237..1c20fc8 100644
--- a/web/src/plugins/vuetify.ts
+++ b/web/src/plugins/vuetify.ts
@@ -14,6 +14,6 @@ import { createVuetify } from "vuetify";
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
-    defaultTheme: "light", // 'light' | 'dark'
+    defaultTheme: "dark", // 'light' | 'dark'
   },
 });
-- 
2.45.2


From 3b8910296b9f2ab43ca6dc1bcb4e3a71d1cae73c Mon Sep 17 00:00:00 2001
From: Mika Bomm <mika.bomm@outlook.com>
Date: Thu, 5 Sep 2024 09:34:57 +0200
Subject: [PATCH 5/5] Make the bar more compact via density property

---
 web/src/components/NavBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/components/NavBar.vue b/web/src/components/NavBar.vue
index 7226622..7a4398e 100644
--- a/web/src/components/NavBar.vue
+++ b/web/src/components/NavBar.vue
@@ -2,7 +2,7 @@
 
 <template>
   <v-app class="mx-5 my-3">
-    <v-app-bar :elevation="2" rounded>
+    <v-app-bar :elevation="2" rounded density="comfortable">
       <template v-slot:prepend>
         <v-app-bar-nav-icon></v-app-bar-nav-icon>
       </template>
-- 
2.45.2