Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 0872c8cc authored by julia.kirschenheuter's avatar julia.kirschenheuter
Browse files

Remove Action from CheckboxBlankCircle and add more description text 



Signed-off-by: default avatarjulia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
parent 8ecff05d

src/components/AppNavigation/CalendarList/CalendarListItem.vue

+20 −16
Original line number Diff line number Diff line
@@ -23,27 +23,20 @@ 
	<AppNavigationItem

		v-click-outside="closeShareMenu"

		:loading="calendar.loading"

		:aria-description="descriptionAppNavigationItem"

		:title="calendar.displayName || $t('calendar', 'Untitled calendar')"

		:class="{deleted: !!deleteTimeout, disabled: !calendar.enabled, 'open-sharing': shareMenuOpen}"

		@click.prevent.stop="toggleEnabled">

		<template slot="icon">

			<Actions>

				<ActionButton @click.prevent.stop="toggleEnabled">

					<template #icon>

			<CheckboxBlankCircle

				v-if="calendar.enabled"

							:title="$t('calendar', 'Disable calendar')"

				:size="20"

				:fill-color="calendar.color" />

			<CheckboxBlankCircleOutline

				v-else

							:title="$t('calendar', 'Enable calendar')"

				:size="20"

				:fill-color="calendar.color" />

		</template>

				</ActionButton>

			</Actions>

		</template>



		<template v-if="!deleteTimeout" slot="counter">

			<Actions v-if="showSharingIcon" class="sharing">
@@ -342,6 +335,17 @@ export default { 


			return ''

		},

	  /**

	   * compute aria-description for AppNavigationItem link

	   *

	   * @return {string}

	   */

	  descriptionAppNavigationItem() {

		  const untitledCalendar = t('calendar', '{calendar}', { calendar: 'Untitled calendar' })

			return this.calendar.enabled

				? t('calendar', 'Disable calendar "{calendar}"', { calendar: this.calendar.displayName ? this.calendar.displayName : untitledCalendar })

				: t('calendar', 'Enable calendar "{calendar}"', { calendar: this.calendar.displayName ? this.calendar.displayName : untitledCalendar })

		},

	},

	methods: {

		/**