refactor(webui): move components in subfolders

komga-webui/src/components/Dialogs.vue

@@ -21,9 +21,9 @@
 </template>
 
 <script lang="ts">
-import CollectionAddToDialog from '@/components/CollectionAddToDialog.vue'
-import CollectionDeleteDialog from '@/components/CollectionDeleteDialog.vue'
-import LibraryDeleteDialog from '@/components/LibraryDeleteDialog.vue'
+import CollectionAddToDialog from '@/components/dialogs/CollectionAddToDialog.vue'
+import CollectionDeleteDialog from '@/components/dialogs/CollectionDeleteDialog.vue'
+import LibraryDeleteDialog from '@/components/dialogs/LibraryDeleteDialog.vue'
 import { COLLECTION_CHANGED, COLLECTION_DELETED, LIBRARY_DELETED, SERIES_CHANGED } from '@/types/events'
 import Vue from 'vue'
 

komga-webui/src/components/ItemCard.vue

@@ -109,9 +109,9 @@
 </template>
 
 <script lang="ts">
-import BookActionsMenu from '@/components/BookActionsMenu.vue'
-import CollectionActionsMenu from '@/components/CollectionActionsMenu.vue'
-import SeriesActionsMenu from '@/components/SeriesActionsMenu.vue'
+import BookActionsMenu from '@/components/menus/BookActionsMenu.vue'
+import CollectionActionsMenu from '@/components/menus/CollectionActionsMenu.vue'
+import SeriesActionsMenu from '@/components/menus/SeriesActionsMenu.vue'
 import { getReadProgress, getReadProgressPercentage } from '@/functions/book-progress'
 import { ReadStatus } from '@/types/enum-books'
 import { createItem, Item, ItemTypes } from '@/types/items'

komga-webui/src/components/dialogs/EditBooksDialog.vue

@@ -575,5 +575,5 @@ export default Vue.extend({
 </script>
 
 <style lang="sass" scoped>
-@import '../styles/tabbed-dialog.sass'
+@import 'src/styles/tabbed-dialog'
 </style>

komga-webui/src/components/dialogs/EditSeriesDialog.vue

@@ -297,5 +297,5 @@ export default Vue.extend({
 </script>
 
 <style lang="sass" scoped>
-@import '../styles/tabbed-dialog.sass'
+@import 'src/styles/tabbed-dialog'
 </style>

komga-webui/src/components/dialogs/LibraryAddDialog.vue

@@ -84,7 +84,7 @@
 </template>
 
 <script lang="ts">
-import FileBrowserDialog from '@/components/FileBrowserDialog.vue'
+import FileBrowserDialog from '@/components/dialogs/FileBrowserDialog.vue'
 import Vue from 'vue'
 import { required } from 'vuelidate/lib/validators'
 

komga-webui/src/components/dialogs/ThumbnailExplorerDialog.vue

@@ -21,7 +21,7 @@
             >
               <v-img
                 :src="url"
-                lazy-src="../assets/cover.svg"
+                lazy-src="../../assets/cover.svg"
                 aspect-ratio="0.7071"
                 :contain="true"
                 max-height="200"

komga-webui/src/components/menus/CollectionActionsMenu.vue

@@ -53,5 +53,5 @@ export default Vue.extend({
 })
 </script>
 <style scoped>
-@import "../styles/list-warning.css";
+@import "../../styles/list-warning.css";
 </style>

komga-webui/src/components/menus/LibraryActionsMenu.vue

@@ -57,5 +57,5 @@ export default Vue.extend({
 })
 </script>
 <style scoped>
-@import "../styles/list-warning.css";
+@import "../../styles/list-warning.css";
 </style>

komga-webui/src/router.ts

@@ -32,7 +32,7 @@ const router = new Router({
           path: '/libraries/add',
           name: 'addlibrary',
           beforeEnter: adminGuard,
-          component: () => import(/* webpackChunkName: "addlibrary" */ './components/LibraryAddDialog.vue'),
+          component: () => import(/* webpackChunkName: "addlibrary" */ './components/dialogs/LibraryAddDialog.vue'),
         },
         {
           path: '/welcome',
@@ -60,7 +60,7 @@ const router = new Router({
                 {
                   path: '/settings/users/add',
                   name: 'settings-users-add',
-                  component: () => import(/* webpackChunkName: "settings-user" */ './components/UserAddDialog.vue'),
+                  component: () => import(/* webpackChunkName: "settings-user" */ './components/dialogs/UserAddDialog.vue'),
                 },
               ],
             },

komga-webui/src/views/AccountSettings.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import PasswordChangeDialog from '@/components/PasswordChangeDialog.vue'
+import PasswordChangeDialog from '@/components/dialogs/PasswordChangeDialog.vue'
 import Vue from 'vue'
 
 export default Vue.extend({

komga-webui/src/views/BookReader.vue

@@ -251,7 +251,7 @@
 <script lang="ts">
 import SettingsSelect from '@/components/SettingsSelect.vue'
 import SettingsSwitch from '@/components/SettingsSwitch.vue'
-import ThumbnailExplorerDialog from '@/components/ThumbnailExplorerDialog.vue'
+import ThumbnailExplorerDialog from '@/components/dialogs/ThumbnailExplorerDialog.vue'
 import { getBookTitleCompact } from '@/functions/book-title'
 import { checkWebpFeature } from '@/functions/check-webp'
 import { bookPageUrl } from '@/functions/urls'

komga-webui/src/views/BrowseBook.vue

@@ -147,8 +147,8 @@
 
 <script lang="ts">
 import Badge from '@/components/Badge.vue'
-import BookActionsMenu from '@/components/BookActionsMenu.vue'
-import EditBooksDialog from '@/components/EditBooksDialog.vue'
+import BookActionsMenu from '@/components/menus/BookActionsMenu.vue'
+import EditBooksDialog from '@/components/dialogs/EditBooksDialog.vue'
 import ItemCard from '@/components/ItemCard.vue'
 import ToolbarSticky from '@/components/ToolbarSticky.vue'
 import { groupAuthorsByRolePlural } from '@/functions/authors'

komga-webui/src/views/BrowseCollection.vue

@@ -130,9 +130,9 @@
 
 <script lang="ts">
 import Badge from '@/components/Badge.vue'
-import CollectionActionsMenu from '@/components/CollectionActionsMenu.vue'
-import CollectionEditDialog from '@/components/CollectionEditDialog.vue'
-import EditSeriesDialog from '@/components/EditSeriesDialog.vue'
+import CollectionActionsMenu from '@/components/menus/CollectionActionsMenu.vue'
+import CollectionEditDialog from '@/components/dialogs/CollectionEditDialog.vue'
+import EditSeriesDialog from '@/components/dialogs/EditSeriesDialog.vue'
 import ItemBrowser from '@/components/ItemBrowser.vue'
 import ToolbarSticky from '@/components/ToolbarSticky.vue'
 import { COLLECTION_DELETED, SERIES_CHANGED } from '@/types/events'

komga-webui/src/views/BrowseCollections.vue

@@ -38,7 +38,7 @@
 <script lang="ts">
 import Badge from '@/components/Badge.vue'
 import ItemBrowser from '@/components/ItemBrowser.vue'
-import LibraryActionsMenu from '@/components/LibraryActionsMenu.vue'
+import LibraryActionsMenu from '@/components/menus/LibraryActionsMenu.vue'
 import LibraryNavigation from '@/components/LibraryNavigation.vue'
 import PageSizeSelect from '@/components/PageSizeSelect.vue'
 import ToolbarSticky from '@/components/ToolbarSticky.vue'

komga-webui/src/views/BrowseLibraries.vue

@@ -120,11 +120,11 @@
 
 <script lang="ts">
 import Badge from '@/components/Badge.vue'
-import EditSeriesDialog from '@/components/EditSeriesDialog.vue'
+import EditSeriesDialog from '@/components/dialogs/EditSeriesDialog.vue'
 import EmptyState from '@/components/EmptyState.vue'
 import FilterMenuButton from '@/components/FilterMenuButton.vue'
 import ItemBrowser from '@/components/ItemBrowser.vue'
-import LibraryActionsMenu from '@/components/LibraryActionsMenu.vue'
+import LibraryActionsMenu from '@/components/menus/LibraryActionsMenu.vue'
 import LibraryNavigation from '@/components/LibraryNavigation.vue'
 import PageSizeSelect from '@/components/PageSizeSelect.vue'
 import SortMenuButton from '@/components/SortMenuButton.vue'

komga-webui/src/views/BrowseSeries.vue

@@ -201,15 +201,15 @@
 
 <script lang="ts">
 import Badge from '@/components/Badge.vue'
-import EditBooksDialog from '@/components/EditBooksDialog.vue'
-import EditSeriesDialog from '@/components/EditSeriesDialog.vue'
+import EditBooksDialog from '@/components/dialogs/EditBooksDialog.vue'
+import EditSeriesDialog from '@/components/dialogs/EditSeriesDialog.vue'
 import EmptyState from '@/components/EmptyState.vue'
 import FilterMenuButton from '@/components/FilterMenuButton.vue'
 import HorizontalScroller from '@/components/HorizontalScroller.vue'
 import ItemBrowser from '@/components/ItemBrowser.vue'
 import ItemCard from '@/components/ItemCard.vue'
 import PageSizeSelect from '@/components/PageSizeSelect.vue'
-import SeriesActionsMenu from '@/components/SeriesActionsMenu.vue'
+import SeriesActionsMenu from '@/components/menus/SeriesActionsMenu.vue'
 import SortMenuButton from '@/components/SortMenuButton.vue'
 import ToolbarSticky from '@/components/ToolbarSticky.vue'
 import { parseQueryFilter, parseQuerySort } from '@/functions/query-params'

komga-webui/src/views/Dashboard.vue

@@ -83,8 +83,8 @@
 </template>
 
 <script lang="ts">
-import EditBooksDialog from '@/components/EditBooksDialog.vue'
-import EditSeriesDialog from '@/components/EditSeriesDialog.vue'
+import EditBooksDialog from '@/components/dialogs/EditBooksDialog.vue'
+import EditSeriesDialog from '@/components/dialogs/EditSeriesDialog.vue'
 import EmptyState from '@/components/EmptyState.vue'
 import HorizontalScroller from '@/components/HorizontalScroller.vue'
 import ItemCard from '@/components/ItemCard.vue'

komga-webui/src/views/Home.vue

@@ -117,7 +117,7 @@
 
 <script lang="ts">
 import Dialogs from '@/components/Dialogs.vue'
-import LibraryActionsMenu from '@/components/LibraryActionsMenu.vue'
+import LibraryActionsMenu from '@/components/menus/LibraryActionsMenu.vue'
 import SearchBox from '@/components/SearchBox.vue'
 import Vue from 'vue'
 

komga-webui/src/views/SettingsUsers.vue

@@ -91,9 +91,9 @@
 </template>
 
 <script lang="ts">
-import UserDeleteDialog from '@/components/UserDeleteDialog.vue'
-import UserEditDialog from '@/components/UserEditDialog.vue'
-import UserSharedLibrariesEditDialog from '@/components/UserSharedLibrariesEditDialog.vue'
+import UserDeleteDialog from '@/components/dialogs/UserDeleteDialog.vue'
+import UserEditDialog from '@/components/dialogs/UserEditDialog.vue'
+import UserSharedLibrariesEditDialog from '@/components/dialogs/UserSharedLibrariesEditDialog.vue'
 import { UserRoles } from '@/types/enum-users'
 import Vue from 'vue'