@nextcloud/vue 3.10.2 → 4.1.1

package/src/components/Actions/index.js

@@ -1,24 +0,0 @@
-/**
- * @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 Actions from './Actions'
-
-export default Actions

package/src/components/AppContent/AppContent.vue

@@ -1,93 +0,0 @@
-<!--
- - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @author Christoph Wurst <christoph@winzerhof-wurst.at>
- - @author Marco Ambrosini <marcoambrosini@pm.me>
- - @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/>.
- -
- -->
-
-<template>
-	<main id="app-content-vue" class="app-content no-snapper">
-		<!-- @slot Provide content to the app content -->
-		<slot />
-	</main>
-</template>
-
-<script>
-import Hammer from 'hammerjs'
-import { emit } from '@nextcloud/event-bus'
-
-/**
- * App content container to be used for the main content of your app
- *
- */
-export default {
-	name: 'AppContent',
-
-	props: {
-		// Allows to disable the control by swipe of the app navigation open state
-		allowSwipeNavigation: {
-			type: Boolean,
-			default: true,
-		},
-	},
-
-	mounted() {
-		if (this.allowSwipeNavigation) {
-			this.mc = new Hammer(this.$el, { cssProps: { userSelect: 'text' } })
-			this.mc.on('swipeleft swiperight', this.handleSwipe)
-		}
-	},
-	beforeDestroy() {
-		this.mc.off('swipeleft swiperight', this.handleSwipe)
-	},
-	methods: {
-		// handle the swipe event
-		handleSwipe(e) {
-			const minSwipeX = 70
-			const touchzone = 40
-			const startX = e.srcEvent.pageX - e.deltaX
-			const hasEnoughDistance = Math.abs(e.deltaX) > minSwipeX
-			if (hasEnoughDistance && startX < touchzone) {
-				emit('toggle-navigation', {
-					open: true,
-				})
-			} else if (hasEnoughDistance && startX < touchzone + 300) {
-				emit('toggle-navigation', {
-					open: false,
-				})
-			}
-		},
-	},
-}
-</script>
-<style lang="scss" scoped>
-
-.app-content {
-	position: relative;
-	z-index: 1000;
-	flex-basis: 100vw;
-	min-width: 0;
-	min-height: 100%;
-	// Overriding server styles TODO: cleanup!
-	margin: 0 !important;
-	background-color: var(--color-main-background);
-}
-
-</style>

package/src/components/AppContent/index.js

@@ -1,23 +0,0 @@
-/*
- * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @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 AppContent from './AppContent'
-
-export default AppContent

package/src/components/AppContentDetails/AppContentDetails.vue

@@ -1,34 +0,0 @@
-<!--
- - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @author Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @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/>.
- -
- -->
-
-<template>
-	<div class="app-content-details">
-		<!-- @slot Provide content to the details view -->
-		<slot />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'AppContentDetails',
-}
-</script>

package/src/components/AppContentDetails/index.js

@@ -1,23 +0,0 @@
-/*
- * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @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 AppContentDetails from './AppContentDetails'
-
-export default AppContentDetails

package/src/components/AppContentList/AppContentList.vue

@@ -1,44 +0,0 @@
-<!--
- - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @author Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @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/>.
- -
- -->
-
-<template>
-	<div class="app-content-list"
-		:class="{selection, showdetails: showDetails}">
-		<slot />
-	</div>
-</template>
-
-<script>
-export default {
-	name: 'AppContentList',
-	props: {
-		selection: {
-			type: Boolean,
-			default: false,
-		},
-		showDetails: {
-			type: Boolean,
-			default: false,
-		},
-	},
-}
-</script>

package/src/components/AppContentList/index.js

@@ -1,23 +0,0 @@
-/*
- * @copyright 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @author 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- *
- * @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 AppContentList from './AppContentList'
-
-export default AppContentList

package/src/components/AppNavigation/AppNavigation.vue

@@ -1,190 +0,0 @@
-<!--
- - @copyright Copyright (c) 2019 Christoph Wurst <christoph@winzerhof-wurst.at>
- -
- - @author Christoph Wurst <christoph@winzerhof-wurst.at>
- - @author John Molakvoæ <skjnldsv@protonmail.com>
- - @author Marco Ambrosini <marcoambrosini@pm.me>
- -
- - @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/>.
- -
- -->
-<docs>
-The navigation bar can be open and closed from anywhere in the app using the
-nextcloud event bus.
-
-### Install the event bus package
-
-```bash
-npm i -S @nextcloud/event-bus
-```
-
-### Usage
-
-#### Open the navigation
-
-```js static
-import { emit } from '@nextcloud/event-bus'
-emit('toggle-navigation', {
-	open: true,
-})
-```
-
-#### Close the navigation
-
-```js static
-import { emit } from '@nextcloud/event-bus'
-emit('toggle-navigation', {
-	open: false,
-})
-```
-
-</docs>
-
-<template>
-	<div
-		id="app-navigation-vue"
-		class="app-navigation"
-		role="navigation"
-		:class="{'app-navigation--close':!open }">
-		<AppNavigationToggle :open="open" @update:open="toggleNavigation" />
-		<slot />
-
-		<!-- List for Navigation li-items -->
-		<ul class="app-navigation__list">
-			<slot name="list" />
-		</ul>
-
-		<!-- Footer for e.g. AppNavigationSettings -->
-		<slot name="footer" />
-	</div>
-</template>
-
-<script>
-import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
-import AppNavigationToggle from '../AppNavigationToggle/AppNavigationToggle'
-import isMobile from '../../mixins/isMobile'
-
-export default {
-	name: 'AppNavigation',
-
-	components: {
-		AppNavigationToggle,
-	},
-
-	mixins: [isMobile],
-
-	data() {
-		return {
-			open: true,
-		}
-	},
-
-	watch: {
-		isMobile() {
-			this.open = !this.isMobile
-		},
-	},
-
-	mounted() {
-		subscribe('toggle-navigation', this.toggleNavigationByEventBus)
-		// Emit an event with the initial state of the navigation
-		emit('navigation-toggled', {
-			open: this.open,
-		})
-	},
-	unmounted() {
-		this.mc.off('swipeleft swiperight')
-		this.mc.destroy()
-		unsubscribe('toggle-navigation', this.toggleNavigationByEventBus)
-	},
-
-	methods: {
-		/**
-		 * Toggle the navigation
-		 *
-		 * @param {Boolean} [state] set the state instead of inverting the current one
-		 */
-		toggleNavigation(state) {
-			this.open = (typeof state === 'undefined') ? !this.open : state
-			const bodyStyles = getComputedStyle(document.body)
-			const animationLength = parseInt(bodyStyles.getPropertyValue('--animation-quick')) || 100
-
-			setTimeout(() => {
-				emit('navigation-toggled', {
-					open: this.open,
-				})
-			// We wait for 1.5 times the animation length to give the animation time to really finish.
-			}, 1.5 * animationLength)
-		},
-		toggleNavigationByEventBus({ open }) {
-			this.toggleNavigation(open)
-		},
-	},
-}
-</script>
-
-<style lang="scss" scoped>
-
-.app-navigation {
-	will-change: transform;
-	transition: transform var(--animation-quick), margin var(--animation-quick);
-	width: $navigation-width;
-	position: sticky;
-	position: -webkit-sticky;
-	top: $header-height;
-	left: 0;
-	// Above appcontent
-	z-index: 1800;
-	height: calc(100vh - #{$header-height});
-	box-sizing: border-box;
-	background-color: var(--color-main-background);
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
-	border-right: 1px solid var(--color-border);
-	display: flex;
-	flex-direction: column;
-	flex-grow: 0;
-	flex-shrink: 0;
-
-	&--close {
-		margin-left: - $navigation-width;
-		transform: translateX(-100%);
-	}
-
-	//list of navigation items
-	ul,
-	&__list {
-		position: relative;
-		height: 100%;
-		width: inherit;
-		overflow-x: hidden;
-		overflow-y: auto;
-		box-sizing: border-box;
-		display: flex;
-		flex-direction: column;
-	}
-}
-
-// When on mobile, we make the navigation slide over the appcontent
-@media only screen and (max-width: $breakpoint-mobile) {
-	.app-navigation:not(.app-navigation--close) {
-		margin-left: - $navigation-width;
-	}
-}
-
-</style>