@nextcloud/vue 3.10.2 → 4.1.1

package/src/components/AppNavigationItem/InputConfirmCancel.vue

@@ -1,134 +0,0 @@
-<!--
- - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>
- -
- - @author Jonathan Treffler <mail@jonathan-treffler.de>
- -
- - @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>
-# Usage
-
-```
-<InputConfirmCancel @confirm="alert('confirm')" @cancel="alert('cancel')" />
-```
-</docs>
-<template>
-	<div class="app-navigation-entry__inline-input-container">
-		<form @submit.prevent="confirm" @keydown.esc.exact.prevent="cancel" @click.stop.prevent>
-			<input ref="input"
-				v-model="valueModel"
-				type="text"
-				class="app-navigation-entry__inline-input"
-				:placeholder="placeholder">
-			<button type="submit"
-				class="icon-confirm"
-				@click.stop.prevent="confirm" />
-			<button type="reset"
-				class="icon-close"
-				@click.stop.prevent="cancel" />
-		</form>
-	</div>
-</template>
-<script>
-export default {
-	props: {
-		placeholder: {
-			default: '',
-			type: String,
-		},
-		value: {
-			default: '',
-			type: String,
-		},
-	},
-	computed: {
-		valueModel: {
-			get() { return this.value },
-			set(newValue) {
-				this.$emit('input', newValue)
-			},
-		},
-	},
-	methods: {
-		confirm() {
-			this.$emit('confirm')
-		},
-		cancel() {
-			this.$emit('cancel')
-		},
-		focusInput() {
-			this.$refs.input.focus()
-		},
-	},
-}
-</script>
-
-<style lang="scss">
-@import '../../fonts/scss/iconfont-vue';
-
-.app-navigation-entry__inline-input-container {
-	flex: 1 0 100%;
-	width: 100%;
-	form {
-		display: flex;
-		.app-navigation-entry__inline-input {
-			flex: 1 1 100%;
-			font-size: 14px;
-		}
-
-		// submit and cancel buttons
-		button {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			width: $clickable-area !important;
-			color: var(--color-main-text);
-			background: none;
-			font-size: 16px;
-
-			// icon hover/focus feedback
-			&::before {
-				opacity: $opacity_normal;
-			}
-			&:hover,
-			&:focus {
-				&::before {
-					opacity: $opacity_full;
-				}
-			}
-
-			&.icon-confirm {
-				@include iconfont('confirm');
-				border-left: none;
-			}
-			&.icon-confirm:hover {
-				border-radius: 0px var(--border-radius) var(--border-radius) 0px !important;
-			}
-
-			&.icon-close {
-				@include iconfont('close');
-			}
-		}
-		.icon-close {
-			margin: 0;
-			border: none;
-			background-color: transparent;
-		}
-	}
-}
-</style>

package/src/components/AppNavigationItem/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 AppNavigationItem from './AppNavigationItem'
-
-export default AppNavigationItem

package/src/components/AppNavigationNew/AppNavigationNew.vue

@@ -1,76 +0,0 @@
-<!--
- - @copyright Copyright (c) 2018 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-navigation-new">
-		<button :id="buttonId"
-			:class="buttonClass"
-			:disabled="disabled"
-			type="button"
-			@click="$emit('click')">
-			{{ text }}
-		</button>
-	</div>
-</template>
-
-<script>
-export default {
-	props: {
-		buttonId: {
-			type: String,
-			required: false,
-			default: '',
-		},
-		buttonClass: {
-			type: [String, Array, Object],
-			required: false,
-			default: '',
-		},
-		disabled: {
-			type: Boolean,
-			required: false,
-			default: false,
-		},
-		text: {
-			type: String,
-			required: true,
-		},
-	},
-}
-</script>
-
- <style lang="scss" scoped>
-/* 'New' button */
-.app-navigation-new {
-	display: block;
-	padding: 10px;
-	button {
-		display: inline-block;
-		width: 100%;
-		padding: 10px;
-		padding-left: 34px;
-		background-position: 10px center;
-		text-align: left;
-		margin: 0;
-	}
-}
-</style>

package/src/components/AppNavigationNew/index.js

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

package/src/components/AppNavigationNewItem/AppNavigationNewItem.vue

@@ -1,165 +0,0 @@
-<!--
- - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>
- -
- - @author Jonathan Treffler <mail@jonathan-treffler.de>
- -
- - @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>
-# Usage
-
-### New Item element
-```
-<AppNavigationNewItem title="New Item" icon="icon-add" @new-item="function(value){alert(value)}" />
-```
-
-### New Item element with a loading animation instead of the icon
-```
-<AppNavigationNewItem title="New Item" icon="icon-add" :loading="true" />
-```
-</docs>
-<template>
-	<li
-		:class="{
-			'app-navigation-entry--newItemActive': newItemActive,
-		}"
-		class="app-navigation-entry">
-		<!-- New Item -->
-		<div class="app-navigation-entry-div" @click="handleNewItem">
-			<div :class="{ 'icon-loading-small': loading, [icon]: !loading }"
-				class="app-navigation-entry-icon">
-				<slot v-if="!loading" name="icon" />
-			</div>
-
-			<span v-if="!newItemActive" class="app-navigation-new-item__title" :title="title">
-				{{ title }}
-			</span>
-
-			<!-- new Item input -->
-			<div v-if="newItemActive" class="newItemContainer">
-				<InputConfirmCancel ref="newItemInput"
-					v-model="newItemValue"
-					:placeholder="editPlaceholder !== '' ? editPlaceholder : title"
-					@cancel="cancelNewItem"
-					@confirm="handleNewItemDone" />
-			</div>
-		</div>
-	</li>
-</template>
-
-<script>
-import { directive as ClickOutside } from 'v-click-outside'
-
-import isMobile from '../../mixins/isMobile'
-import InputConfirmCancel from '../AppNavigationItem/InputConfirmCancel'
-
-export default {
-	name: 'AppNavigationNewItem',
-
-	components: {
-		InputConfirmCancel,
-	},
-	directives: {
-		ClickOutside,
-	},
-	mixins: [isMobile],
-
-	props: {
-		/**
-		 * The title of the element.
-		 */
-		title: {
-			type: String,
-			required: true,
-		},
-		/**
-		* Refers to the icon on the left, this prop accepts a class
-		* like 'icon-category-enabled'.
-		*/
-		icon: {
-			type: String,
-			default: '',
-		},
-
-		/**
-		* Displays a loading animated icon on the left of the element
-		* instead of the icon.
-		*/
-		loading: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		* Only for 'editable' items, sets label for the edit action button.
-		*/
-		editLabel: {
-			type: String,
-			default: '',
-		},
-		/**
-		* Sets the placeholder text for the editing form.
-		*/
-		editPlaceholder: {
-			type: String,
-			default: '',
-		},
-	},
-
-	data() {
-		return {
-			newItemValue: '',
-			newItemActive: false,
-		}
-	},
-
-	methods: {
-		handleNewItem() {
-			if (!this.loading) {
-				this.newItemActive = true
-				this.$nextTick(() => {
-					this.$refs.newItemInput.focusInput()
-				})
-			}
-		},
-		cancelNewItem() {
-			this.newItemActive = false
-		},
-		handleNewItemDone() {
-			this.$emit('new-item', this.newItemValue)
-			this.newItemValue = ''
-			this.newItemActive = false
-		},
-	},
-}
-</script>
-
-<style lang="scss">
-.app-navigation-new-item__title {
-	overflow: hidden;
-	max-width: 100%;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	padding-left: 7px;
-	font-size: 14px;
-}
-
-.newItemContainer {
-	width: calc(100% - #{$clickable-area});
-	margin: auto;
-}
-</style>

package/src/components/AppNavigationNewItem/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 AppNavigationNewItem from './AppNavigationNewItem'
-
-export default AppNavigationNewItem