feat: initial user interface draft (#148)

* feat: adjusted plugins

* feat: refactored composables

* feat: start refactoring of analysis/project pages

* feat: adjusted admin node management

* feat: minor cleanup and adjustments

* fix: issues due code refactoring

packages/client-ui/components/layout/footer.vue

@@ -7,13 +7,12 @@
 <script lang="ts">
 import { BToaster } from 'bootstrap-vue-next';
 import { defineComponent } from 'vue';
-import { LicenseAgreement } from '../license-agreement';
 
 export default defineComponent({
-    components: { BToaster, LicenseAgreement },
+    components: { BToaster },
     data() {
         return {
-            startYear: 2020,
+            startYear: 2024,
         };
     },
     computed: {
@@ -28,11 +27,9 @@ export default defineComponent({
 <template>
     <div>
         <div class="page-footer">
-            <LicenseAgreement />
-
             <div class="copyright">
                 &copy; {{ year }}
-                <a href="https://pht-medic.github.io/documentation/about/team.html">PHT-meDIC</a>
+                <a href="https://privateaim.de">PrivateAim</a>
             </div>
         </div>
         <BToaster />

packages/client-ui/components/layout/header.vue

@@ -30,7 +30,7 @@ export default defineNuxtComponent({
             displayNav.value = !displayNav.value;
         };
 
-        const infoText = computed(() => realmManagementName.value || 'Personal Health Train');
+        const infoText = computed(() => realmManagementName.value || 'PrivateAim');
 
         return {
             infoText,
@@ -59,7 +59,7 @@ export default defineNuxtComponent({
                     </button>
                 </div>
                 <div class="logo">
-                    <span>U</span>I
+                    <span>H</span>U<span>B</span>
                     <span class="info-text">{{ infoText }}</span>
                 </div>
             </div>

packages/client-ui/components/layout/sidebar.vue

@@ -9,7 +9,7 @@ import { VCCountdown } from '@vuecs/countdown';
 import { VCNavItems } from '@vuecs/navigation';
 import { storeToRefs } from 'pinia';
 import { defineNuxtComponent } from '#app';
-import { computed, useAPI } from '#imports';
+import { computed, useCoreAPI } from '#imports';
 import { useAuthStore } from '../../store/auth';
 
 export default defineNuxtComponent({
@@ -27,13 +27,13 @@ export default defineNuxtComponent({
         });
 
         const docsURL = computed(() => {
-            const api = useAPI();
+            const api = useCoreAPI();
 
             return new URL('docs/', api.getBaseURL()).href;
         });
 
         const metricsURL = computed(() => {
-            const api = useAPI();
+            const api = useCoreAPI();
 
             return new URL('metrics', api.getBaseURL()).href;
         });
@@ -75,11 +75,6 @@ export default defineNuxtComponent({
             </div>
 
             <ul class="sidebar-menu nav-items navbar-nav">
-                <li class="nav-item">
-                    <div class="nav-separator">
-                        API
-                    </div>
-                </li>
                 <li class="nav-item">
                     <a
                         class="nav-link"
@@ -98,20 +93,6 @@ export default defineNuxtComponent({
                         <i class="fa fa-chart-bar" /> <span class="nav-link-text">Metrics</span>
                     </a>
                 </li>
-                <li class="nav-item">
-                    <div class="nav-separator">
-                        General
-                    </div>
-                </li>
-                <li class="nav-item">
-                    <a
-                        class="nav-link"
-                        href="https://pht-medic.github.io/documentation/"
-                        target="_blank"
-                    >
-                        <i class="fa fa-file-pdf" /> <span class="nav-link-text">Documentation / Guide</span>
-                    </a>
-                </li>
             </ul>
         </div>
     </div>