web: add logout button

native/CMakeLists.txt

@@ -1,6 +1,6 @@
 cmake_minimum_required(VERSION 3.16)
 
-project(Alisa VERSION 0.1 LANGUAGES CXX)
+project(Qt6-Quick-Example VERSION 0.1 LANGUAGES CXX)
 
 set(CMAKE_AUTOMOC ON)
 set(CMAKE_CXX_STANDARD_REQUIRED ON)
@@ -8,12 +8,12 @@ set(CMAKE_CXX_STANDARD_REQUIRED ON)
 find_package(Qt6 6.2 REQUIRED COMPONENTS Quick Multimedia)
 
 
-qt_add_executable(alisa
+qt_add_executable(appQt6-Quick-Example
     main.cpp
 )
 
-qt_add_qml_module(alisa
+qt_add_qml_module(appQt6-Quick-Example
-    URI Alisa
+    URI Qt6-Quick-Example
     VERSION 1.0
     QML_FILES Main.qml
     QML_FILES AudioInfoBox.qml
@@ -35,20 +35,23 @@ qt_add_qml_module(alisa
     Assets/Audio/test.mp4
 )
 
-set_target_properties(alisa PROPERTIES
+# Qt for iOS sets MACOSX_BUNDLE_GUI_IDENTIFIER automatically since Qt 6.1.
-    MACOSX_BUNDLE_GUI_IDENTIFIER ninja.missing.alisa
+# If you are developing for iOS or macOS you should consider setting an
+# explicit, fixed bundle identifier manually though.
+set_target_properties(appQt6-Quick-Example PROPERTIES
+#    MACOSX_BUNDLE_GUI_IDENTIFIER com.example.appQt6-Quick-Example
     MACOSX_BUNDLE_BUNDLE_VERSION ${PROJECT_VERSION}
     MACOSX_BUNDLE_SHORT_VERSION_STRING ${PROJECT_VERSION_MAJOR}.${PROJECT_VERSION_MINOR}
     MACOSX_BUNDLE TRUE
     WIN32_EXECUTABLE TRUE
 )
 
-target_link_libraries(alisa
+target_link_libraries(appQt6-Quick-Example
     PRIVATE Qt6::Quick Qt6::Multimedia
 )
 
 include(GNUInstallDirs)
-install(TARGETS alisa
+install(TARGETS appQt6-Quick-Example
     BUNDLE DESTINATION .
     LIBRARY DESTINATION ${CMAKE_INSTALL_LIBDIR}
     RUNTIME DESTINATION ${CMAKE_INSTALL_BINDIR}

native/Main.qml

@@ -96,7 +96,7 @@ Window {
             songIndex: 3
             title: "Free Test Data"
             authorName: "5MB AVI"
-            videoSource: "qrc:/Alisa/Assets/Videos/Free_Test_Data_5MB_AVI.avi"
+            videoSource: "qrc:/Qt6-Quick-Example/Assets/Videos/Free_Test_Data_5MB_AVI.avi"
         }
     }
 

native/main.cpp

@@ -7,10 +7,10 @@ int main(int argc, char *argv[])
 {
     QGuiApplication app(argc, argv);
 
-    app.setWindowIcon(QIcon(":/Alisa/Assets/Icons/Jukebox.ico"));
+    app.setWindowIcon(QIcon(":/Qt6-Quick-Example/Assets/Icons/Jukebox.ico"));
 
     QQmlApplicationEngine engine;
-    const QUrl url(u"qrc:/Alisa/Main.qml"_qs);
+    const QUrl url(u"qrc:/Qt6-Quick-Example/Main.qml"_qs);
     QObject::connect(&engine, &QQmlApplicationEngine::objectCreated,
         &app, [url](QObject *obj, const QUrl &objUrl) {
             if (!obj && url == objUrl)

nix/native.nix

@@ -17,7 +17,7 @@ stdenv.mkDerivation {
 
   meta = {
     maintainers = with lib.maintainers; [ jopejoe1 ];
-    mainProgram = "alisa";
+    mainProgram = "license-tool";
     platforms = lib.platforms.all;
   };
 }

web/components.d.ts

@@ -7,6 +7,10 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
+    ActionToolbar: typeof import('./src/components/actionToolbar.vue')['default']
+    CategoryContainer: typeof import('./src/components/CategoryContainer.vue')['default']
+    HeaderBar: typeof import('./src/components/HeaderBar.vue')['default']
+    ListViewElement: typeof import('./src/components/ListViewElement.vue')['default']
     LoginPage: typeof import('./src/components/loginPage.vue')['default']
   }
 }

web/src/components/HeaderBar.vue

@@ -5,7 +5,7 @@
       dark
       prominent
     >
-     <img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" /> 
+     <img src="../assets/turbologo.svg" alt="logo" class="logo" width="75" />
       <v-toolbar-title>Vuetify</v-toolbar-title>
       <v-spacer></v-spacer>
       <v-text-field
@@ -19,12 +19,17 @@
           clearable
           rounded="pill"
         ></v-text-field>
+      <v-btn icon variant="outlined" >
+        <LogOut />
+      </v-btn>
     </v-toolbar>
   </div>
-  
+
 </template>
 
 <script setup lang="ts">
+import { LogOut } from 'lucide-vue-next';
+
 </script>
 
 <style scoped>