From 07df146454983169ec739abd3f8a0027725f526c Mon Sep 17 00:00:00 2001
From: Georg Ehrke <developer@georgehrke.com>
Date: Wed, 30 Oct 2019 09:20:49 +0100
Subject: [PATCH] Replace ColorIndicator with Checkbox

Signed-off-by: Georg Ehrke <developer@georgehrke.com>
---
 .../AppNavigationColoredCheckbox.vue          | 55 +++++++++++++++++++
 .../CalendarList/CalendarListItem.vue         | 16 ++----
 2 files changed, 60 insertions(+), 11 deletions(-)
 create mode 100644 src/components/AppNavigation/CalendarList/AppNavigationColoredCheckbox.vue

diff --git a/src/components/AppNavigation/CalendarList/AppNavigationColoredCheckbox.vue b/src/components/AppNavigation/CalendarList/AppNavigationColoredCheckbox.vue
new file mode 100644
index 0000000000..8bd48820d8
--- /dev/null
+++ b/src/components/AppNavigation/CalendarList/AppNavigationColoredCheckbox.vue
@@ -0,0 +1,55 @@
+<!--
+  - @copyright Copyright (c) 2019 Georg Ehrke <oc.list@georgehrke.com>
+  - @author Georg Ehrke <oc.list@georgehrke.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>
+	<svg
+		v-if="enabled"
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 500 500"
+		height="32px"
+		width="32px">
+		<path d="M354.24 98H145.76c-25.54 0-46.44 20.9-46.44 46.44v211.12c0 25.54 20.9 46.44 46.44 46.44h208.47c25.54 0 46.44-20.9 46.44-46.44V144.44C400.68 118.9 379.78 98 354.24 98zM224.57 338.56l-84.59-87.23 27.93-26.71 56.66 58.43 107.31-109.42 27.51 27.47-134.82 137.46z" :fill="color" />
+	</svg>
+	<svg
+		v-else
+		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 500 500"
+		height="32px"
+		width="32px">
+		<path d="M354.24 98H145.76c-25.54 0-46.44 20.9-46.44 46.44v211.12c0 25.54 20.9 46.44 46.44 46.44h208.47c25.54 0 46.44-20.9 46.44-46.44V144.44C400.68 118.9 379.78 98 354.24 98zm10.75 268.28H135.01V133.72h229.98v232.56z" :fill="color" />
+	</svg>
+</template>
+
+<script>
+export default {
+	name: 'AppNavigationColoredCheckbox',
+	props: {
+		color: {
+			type: String,
+			required: true,
+		},
+		enabled: {
+			type: Boolean,
+			required: true,
+		},
+	},
+}
+</script>
diff --git a/src/components/AppNavigation/CalendarList/CalendarListItem.vue b/src/components/AppNavigation/CalendarList/CalendarListItem.vue
index 88b523323d..d66659e618 100644
--- a/src/components/AppNavigation/CalendarList/CalendarListItem.vue
+++ b/src/components/AppNavigation/CalendarList/CalendarListItem.vue
@@ -26,15 +26,11 @@
 		:title="calendar.displayName || $t('calendar', 'Untitled calendar')"
 		:class="{deleted: !!deleteTimeout, disabled: !calendar.enabled, 'open-sharing': shareMenuOpen}"
 		@click.prevent.stop="toggleEnabled">
-		<AppNavigationIconBullet
-			v-if="calendar.enabled"
+		<AppNavigationColoredCheckbox
 			slot="icon"
+			:enabled="calendar.enabled"
 			:color="calendar.color"
-			@click.prevent.stop="toggleEnabled" />
-		<AppNavigationDisabledCalendarIconBullet
-			v-if="!calendar.enabled"
-			slot="icon"
-			@click.prevent.stop="toggleEnabled" />
+			@click="toggleEnabled" />
 
 		<template v-if="!deleteTimeout" slot="counter">
 			<Actions v-if="showSharingIcon">
@@ -143,7 +139,6 @@ import {
 	ActionInput,
 	ActionLink,
 	ActionText,
-	AppNavigationIconBullet,
 	AppNavigationItem,
 } from '@nextcloud/vue'
 import ClickOutside from 'vue-click-outside'
@@ -151,22 +146,21 @@ import {
 	generateRemoteUrl,
 } from '@nextcloud/router'
 
-import AppNavigationDisabledCalendarIconBullet from './AppNavigationDisabledCalendarIconBullet.vue'
 import CalendarListItemSharingSearch from './CalendarListItemSharingSearch.vue'
 import CalendarListItemSharingPublishItem from './CalendarListItemSharingPublishItem.vue'
 import CalendarListItemSharingShareItem from './CalendarListItemSharingShareItem.vue'
+import AppNavigationColoredCheckbox from './AppNavigationColoredCheckbox.vue'
 
 export default {
 	name: 'CalendarListItem',
 	components: {
+		AppNavigationColoredCheckbox,
 		Avatar,
 		Actions,
 		ActionButton,
 		ActionInput,
 		ActionLink,
 		ActionText,
-		AppNavigationDisabledCalendarIconBullet,
-		AppNavigationIconBullet,
 		AppNavigationItem,
 		CalendarListItemSharingSearch,
 		CalendarListItemSharingPublishItem,