Add AppNavigationNewItem

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

src/components/AppNavigationItem/AppNavigationItem.vue

@@ -181,11 +181,12 @@ Just set the `pinned` prop.
 
 <script>
 import { directive as ClickOutside } from 'v-click-outside'
+
 import Actions from '../Actions/Actions'
 import ActionButton from '../ActionButton/ActionButton'
 import AppNavigationIconCollapsible from './AppNavigationIconCollapsible'
 import isMobile from '../../mixins/isMobile'
-import InputConfirmCancel from './InputConfirmCancel.vue'
+import InputConfirmCancel from './InputConfirmCancel'
 
 export default {
 	name: 'AppNavigationItem',

src/components/AppNavigationItem/AppNavigationNewItem.vue → src/components/AppNavigationNewItem/AppNavigationNewItem.vue

@@ -64,8 +64,9 @@
 
 <script>
 import { directive as ClickOutside } from 'v-click-outside'
+
 import isMobile from '../../mixins/isMobile'
-import InputConfirmCancel from './InputConfirmCancel.vue'
+import InputConfirmCancel from '../AppNavigationItem/InputConfirmCancel'
 
 export default {
 	name: 'AppNavigationNewItem',
@@ -77,6 +78,7 @@ export default {
 		ClickOutside,
 	},
 	mixins: [isMobile],
+
 	props: {
 		/**
 		 * The title of the element.
@@ -124,8 +126,7 @@ export default {
 			newItemActive: false,
 		}
 	},
-	computed: {
-	},
+
 	methods: {
 		handleNewItem() {
 			if (!this.loading) {
@@ -146,6 +147,7 @@ export default {
 	},
 }
 </script>
+
 <style lang="scss">
 .app-navigation-new-item__title {
 	overflow: hidden;

src/components/AppNavigationNewItem/index.js

@@ -0,0 +1,24 @@
+/**
+ * @copyright Copyright (c) 2018 John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @author John Molakvoæ <skjnldsv@protonmail.com>
+ *
+ * @license GNU AGPL version 3 or any later version
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+import AppNavigationNewItem from './AppNavigationNewItem'
+
+export default AppNavigationNewItem

src/components/index.js

@@ -40,6 +40,7 @@ import AppNavigationCounter from './AppNavigationCounter'
 import AppNavigationIconBullet from './AppNavigationIconBullet'
 import AppNavigationItem from './AppNavigationItem'
 import AppNavigationNew from './AppNavigationNew'
+import AppNavigationNewItem from './AppNavigationNewItem'
 import AppNavigationSettings from './AppNavigationSettings'
 import AppNavigationSpacer from './AppNavigationSpacer'
 import AppSettingsDialog from './AppSettingsDialog'
@@ -83,6 +84,7 @@ export {
 	AppNavigationIconBullet,
 	AppNavigationItem,
 	AppNavigationNew,
+	AppNavigationNewItem,
 	AppNavigationSettings,
 	AppNavigationSpacer,
 	AppSettingsDialog,

src/index.js

@@ -21,6 +21,8 @@
  */
 import * as NcComponents from './components'
 
+console.info(NcComponents)
+
 function install(Vue) {
 	Object.values(NcComponents).forEach((component) => {
 		Vue.component(component.name, component)