Restructure components

src/App.vue

@@ -262,7 +262,7 @@
 	import authTypes from './models/authTypes'
 
 	import swEvents from './ServiceWorker/events'
-	import Notification from './components/global/notification'
+	import Notification from './components/misc/notification'
 	import {CURRENT_LIST, IS_FULLPAGE, ONLINE} from './store/mutation-types'
 
 	export default {

src/components/input/easymde.vue

@@ -76,7 +76,7 @@
 </script>
 
 <style lang="scss">
-    @import '~easymde/dist/easymde.min.css';
+    @import '../../../node_modules/easymde/dist/easymde.min.css';
 
     .CodeMirror {
         padding: 0;

src/components/list/partials/background-settings.vue

@@ -71,7 +71,7 @@
 	import {CURRENT_LIST} from '../../../store/mutation-types'
 
 	export default {
-		name: 'background',
+		name: 'background-settings',
 		data() {
 			return {
 				backgroundSearchTerm: '',

src/components/list/partials/filters.vue

@@ -26,7 +26,7 @@
 </template>
 
 <script>
-	import Fancycheckbox from '../../global/fancycheckbox'
+	import Fancycheckbox from '../../input/fancycheckbox'
 	import flatPickr from 'vue-flatpickr-component'
 	import 'flatpickr/dist/flatpickr.css'
 

src/components/tasks/edit-task.vue

@@ -139,14 +139,14 @@
 	import TaskService from '../../services/task'
 	import TaskModel from '../../models/task'
 	import priorities from '../../models/priorities'
-	import PrioritySelect from './reusable/prioritySelect'
-	import PercentDoneSelect from './reusable/percentDoneSelect'
-	import EditLabels from './reusable/editLabels'
-	import EditAssignees from './reusable/editAssignees'
-	import RelatedTasks from './reusable/relatedTasks'
-	import RepeatAfter from './reusable/repeatAfter'
-	import Reminders from './reusable/reminders'
-	import ColorPicker from '../global/colorPicker'
+	import PrioritySelect from './partials/prioritySelect'
+	import PercentDoneSelect from './partials/percentDoneSelect'
+	import EditLabels from './partials/editLabels'
+	import EditAssignees from './partials/editAssignees'
+	import RelatedTasks from './partials/relatedTasks'
+	import RepeatAfter from './partials/repeatAfter'
+	import Reminders from './partials/reminders'
+	import ColorPicker from '../input/colorPicker'
 
 	export default {
 		name: 'edit-task',

src/components/tasks/gantt-component.vue

@@ -136,7 +136,7 @@
 	import TaskService from '../../services/task'
 	import TaskModel from '../../models/task'
 	import priorities from '../../models/priorities'
-	import PriorityLabel from './reusable/priorityLabel'
+	import PriorityLabel from './partials/priorityLabel'
 	import TaskCollectionService from '../../services/taskCollection'
 
 	export default {

src/components/tasks/partials/attachments.vue

@@ -78,7 +78,7 @@
 <script>
 	import AttachmentService from '../../../services/attachment'
 	import AttachmentModel from '../../../models/attachment'
-	import User from '../../global/user'
+	import User from '../../misc/user'
 
 	export default {
 		name: 'attachments',

src/components/tasks/partials/editAssignees.vue

@@ -39,7 +39,7 @@
 	import UserModel from '../../../models/user'
 	import ListUserService from '../../../services/listUsers'
 	import TaskAssigneeService from '../../../services/taskAssignee'
-	import User from '../../global/user'
+	import User from '../../misc/user'
 
 	export default {
 		name: 'editAssignees',

src/components/tasks/partials/repeatAfter.vue

@@ -35,7 +35,7 @@
 </template>
 
 <script>
-	import Fancycheckbox from '../../global/fancycheckbox'
+	import Fancycheckbox from '../../input/fancycheckbox'
 
 	export default {
 		name: 'repeatAfter',

src/components/tasks/partials/singleTaskInList.vue

@@ -41,8 +41,8 @@
 	import PriorityLabel from './priorityLabel'
 	import TaskService from '../../../services/task'
 	import Labels from './labels'
-	import User from '../../global/user'
-	import Fancycheckbox from '../../global/fancycheckbox'
+	import User from '../../misc/user'
+	import Fancycheckbox from '../../input/fancycheckbox'
 
 	export default {
 		name: 'singleTaskInList',

src/main.js

@@ -11,7 +11,7 @@ if(window.API_URL.substr(window.API_URL.length - 1, window.API_URL.length) === '
 }
 
 // Register the modal
-import Modal from './components/modal/Modal'
+import Modal from './components/modal/modal'
 Vue.component('modal', Modal)
 
 // Add CSS

src/router/index.js

@@ -1,40 +1,41 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 
-import HomeComponent from '@/components/Home'
-import NotFoundComponent from '@/components/404'
+import HomeComponent from '../views/Home'
+import NotFoundComponent from '../views/404'
 // User Handling
-import LoginComponent from '@/components/user/Login'
-import RegisterComponent from '@/components/user/Register'
-import PasswordResetComponent from '@/components/user/PasswordReset'
-import GetPasswordResetComponent from '@/components/user/RequestPasswordReset'
-import UserSettingsComponent from '@/components/user/Settings'
+import LoginComponent from '../views/user/Login'
+import RegisterComponent from '../views/user/Register'
+import PasswordResetComponent from '../views/user/PasswordReset'
+import GetPasswordResetComponent from '../views/user/RequestPasswordReset'
+import UserSettingsComponent from '../views/user/Settings'
 // List Handling
-import NewListComponent from '@/components/lists/NewList'
-import EditListComponent from '@/components/lists/EditList'
-import ShowTasksInRangeComponent from '@/components/tasks/ShowTasksInRange'
-import LinkShareAuthComponent from '../components/sharing/linkSharingAuth'
-import TaskDetailViewModal from '../components/tasks/TaskDetailViewModal'
-import TaskDetailView from '../components/tasks/TaskDetailView'
+import NewListComponent from '../views/list/NewList'
+import EditListComponent from '../views/list/EditList'
+// Tasks
+import ShowTasksInRangeComponent from '../views/tasks/ShowTasksInRange'
+import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth'
+import TaskDetailViewModal from '../views/tasks/TaskDetailViewModal'
+import TaskDetailView from '../views/tasks/TaskDetailView'
 // Namespace Handling
-import NewNamespaceComponent from '@/components/namespaces/NewNamespace'
-import EditNamespaceComponent from '@/components/namespaces/EditNamespace'
-import ListNamespaces from '../components/namespaces/ListNamespaces'
+import NewNamespaceComponent from '../views/namespaces/NewNamespace'
+import EditNamespaceComponent from '../views/namespaces/EditNamespace'
+import ListNamespaces from '../views/namespaces/ListNamespaces'
 // Team Handling
-import ListTeamsComponent from '@/components/teams/ListTeams'
-import EditTeamComponent from '@/components/teams/EditTeam'
-import NewTeamComponent from '@/components/teams/NewTeam'
+import ListTeamsComponent from '../views/teams/ListTeams'
+import EditTeamComponent from '../views/teams/EditTeam'
+import NewTeamComponent from '../views/teams/NewTeam'
 // Label Handling
-import ListLabelsComponent from '@/components/labels/ListLabels'
+import ListLabelsComponent from '../views/labels/ListLabels'
 // Migration
-import MigrationComponent from '../components/migrator/migrate'
-import MigrateServiceComponent from '../components/migrator/migrate-service'
+import MigrationComponent from '../views/migrator/Migrate'
+import MigrateServiceComponent from '../views/migrator/MigrateService'
 // List Views
-import ShowListComponent from '../components/lists/ShowList'
-import Kanban from '../components/lists/views/Kanban'
-import List from '../components/lists/views/List'
-import Gantt from '../components/lists/views/Gantt'
-import Table from '../components/lists/views/Table'
+import ShowListComponent from '../views/list/ShowList'
+import Kanban from '../views/list/views/Kanban'
+import List from '../views/list/views/List'
+import Gantt from '../views/list/views/Gantt'
+import Table from '../views/list/views/Table'
 
 Vue.use(Router)
 

src/views/labels/ListLabels.vue

@@ -97,7 +97,7 @@
 
 	import LabelService from '../../services/label'
 	import LabelModel from '../../models/label'
-	import ColorPicker from '../global/colorPicker'
+	import ColorPicker from '../../components/input/colorPicker'
 
 	export default {
 		name: 'ListLabels',

src/views/list/EditList.vue

@@ -128,15 +128,15 @@
 
 <script>
 	import router from '../../router'
-	import manageSharing from '../sharing/userTeam'
-	import LinkSharing from '../sharing/linkSharing'
+	import manageSharing from '../../components/sharing/userTeam'
+	import LinkSharing from '../../components/sharing/linkSharing'
 
 	import ListModel from '../../models/list'
 	import ListService from '../../services/list'
-	import Fancycheckbox from '../global/fancycheckbox'
-	import Background from './settings/background'
+	import Fancycheckbox from '../../components/input/fancycheckbox'
+	import Background from '../../components/list/partials/background-settings'
 	import {CURRENT_LIST} from '../../store/mutation-types'
-	import ColorPicker from '../global/colorPicker'
+	import ColorPicker from '../../components/input/colorPicker'
 
 	export default {
 		name: 'EditList',

src/views/list/views/Gantt.vue

@@ -60,9 +60,9 @@
 </template>
 
 <script>
-	import GanttChart from '../../tasks/gantt-component'
+	import GanttChart from '../../../components/tasks/gantt-component'
 	import flatPickr from 'vue-flatpickr-component'
-	import Fancycheckbox from '../../global/fancycheckbox'
+	import Fancycheckbox from '../../../components/input/fancycheckbox'
 	import {saveListView} from '../../../helpers/saveListView'
 
 	export default {

src/views/list/views/Kanban.vue

@@ -196,9 +196,9 @@
 	import BucketModel from '../../../models/bucket'
 
 	import {Container, Draggable} from 'vue-smooth-dnd'
-	import PriorityLabel from '../../tasks/reusable/priorityLabel'
-	import User from '../../global/user'
-	import Labels from '../../tasks/reusable/labels'
+	import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
+	import User from '../../../components/misc/user'
+	import Labels from '../../../components/tasks/partials/labels'
 
 	import {filterObject} from '../../../helpers/filterObject'
 	import {applyDrag} from '../../../helpers/applyDrag'

src/views/list/views/List.vue

@@ -154,12 +154,12 @@
 
 <script>
 	import TaskService from '../../../services/task'
-	import EditTask from '../../tasks/edit-task'
+	import EditTask from '../../../components/tasks/edit-task'
 	import TaskModel from '../../../models/task'
-	import SingleTaskInList from '../../tasks/reusable/singleTaskInList'
-	import taskList from '../../tasks/helpers/taskList'
+	import SingleTaskInList from '../../../components/tasks/partials/singleTaskInList'
+	import taskList from '../../../components/tasks/mixins/taskList'
 	import {saveListView} from '../../../helpers/saveListView'
-	import Filters from '../reusable/filters'
+	import Filters from '../../../components/list/partials/filters'
 
 	export default {
 		name: 'List',

src/views/list/views/Table.vue

@@ -160,15 +160,15 @@
 </template>
 
 <script>
-	import taskList from '../../tasks/helpers/taskList'
-	import User from '../../global/user'
-	import PriorityLabel from '../../tasks/reusable/priorityLabel'
-	import Labels from '../../tasks/reusable/labels'
-	import DateTableCell from '../../tasks/reusable/date-table-cell'
-	import Fancycheckbox from '../../global/fancycheckbox'
-	import Sort from '../../tasks/reusable/sort'
+	import taskList from '../../../components/tasks/mixins/taskList'
+	import User from '../../../components/misc/user'
+	import PriorityLabel from '../../../components/tasks/partials/priorityLabel'
+	import Labels from '../../../components/tasks/partials/labels'
+	import DateTableCell from '../../../components/tasks/partials/date-table-cell'
+	import Fancycheckbox from '../../../components/input/fancycheckbox'
+	import Sort from '../../../components/tasks/partials/sort'
 	import {saveListView} from '../../../helpers/saveListView'
-	import Filters from '../reusable/filters'
+	import Filters from '../../../components/list/partials/filters'
 
 	export default {
 		name: 'Table',

src/views/migrator/MigrateService.vue

@@ -6,7 +6,7 @@
 </template>
 
 <script>
-	import Migration from './migration'
+	import Migration from '../../components/migrator/migration'
 	import router from '../../router'
 
 	export default {

src/views/namespaces/EditNamespace.vue

@@ -103,12 +103,12 @@
 
 <script>
 	import router from '../../router'
-	import manageSharing from '../sharing/userTeam'
+	import manageSharing from '../../components/sharing/userTeam'
 
 	import NamespaceService from '../../services/namespace'
 	import NamespaceModel from '../../models/namespace'
-	import Fancycheckbox from '../global/fancycheckbox'
-	import ColorPicker from '../global/colorPicker'
+	import Fancycheckbox from '../../components/input/fancycheckbox'
+	import ColorPicker from '../../components/input/colorPicker'
 
 	export default {
 		name: "EditNamespace",

src/views/namespaces/ListNamespaces.vue

@@ -51,7 +51,7 @@
 <script>
 	import {mapState} from 'vuex'
 	import ListService from '../../services/list'
-	import Fancycheckbox from '../global/fancycheckbox'
+	import Fancycheckbox from '../../components/input/fancycheckbox'
 
 	export default {
 		name: 'ListNamespaces',

src/views/sharing/LinkSharingAuth.vue

@@ -12,7 +12,7 @@
 	import router from '../../router'
 
 	export default {
-		name: 'linkSharingAuth',
+		name: 'LinkSharingAuth',
 		data() {
 			return {
 				hash: '',

src/views/tasks/ShowTasks.vue

@@ -16,7 +16,7 @@
 </template>
 <script>
 	import TaskService from '../../services/task'
-	import SingleTaskInList from './reusable/singleTaskInList'
+	import SingleTaskInList from '../../components/tasks/partials/singleTaskInList'
 	import {HAS_TASKS} from '../../store/mutation-types'
 
 	export default {

src/views/tasks/TaskDetailView.vue

@@ -313,23 +313,23 @@
 <script>
 	import TaskService from '../../services/task'
 	import TaskModel from '../../models/task'
-	import relationKinds from '../../models/relationKinds'
+	import relationKinds from '../../models/relationKinds.json'
 
-	import priorites from '../../models/priorities'
+	import priorites from '../../models/priorities.json'
 
 	import flatPickr from 'vue-flatpickr-component'
 	import 'flatpickr/dist/flatpickr.css'
-	import PrioritySelect from './reusable/prioritySelect'
-	import PercentDoneSelect from './reusable/percentDoneSelect'
-	import EditLabels from './reusable/editLabels'
-	import EditAssignees from './reusable/editAssignees'
-	import Attachments from './reusable/attachments'
-	import RelatedTasks from './reusable/relatedTasks'
-	import RepeatAfter from './reusable/repeatAfter'
-	import Reminders from './reusable/reminders'
-	import Comments from './reusable/comments'
+	import PrioritySelect from '../../components/tasks/partials/prioritySelect'
+	import PercentDoneSelect from '../../components/tasks/partials/percentDoneSelect'
+	import EditLabels from '../../components/tasks/partials/editLabels'
+	import EditAssignees from '../../components/tasks/partials/editAssignees'
+	import Attachments from '../../components/tasks/partials/attachments'
+	import RelatedTasks from '../../components/tasks/partials/relatedTasks'
+	import RepeatAfter from '../../components/tasks/partials/repeatAfter'
+	import Reminders from '../../components/tasks/partials/reminders'
+	import Comments from '../../components/tasks/partials/comments'
 	import router from '../../router'
-	import ListSearch from './reusable/listSearch'
+	import ListSearch from '../../components/tasks/partials/listSearch'
 
 	export default {
 		name: 'TaskDetailView',