feat(footnotes): add footnote menu entry, move details to block submenu

Signed-off-by: Jonas <jonas@freesources.org>

Author: mejo-

src/components/Menu/entries.ts

@@ -14,6 +14,7 @@ import AssistantAction from './AssistantAction.vue'
 import EmojiPickerAction from './EmojiPickerAction.vue'
 import { isMobileDevice } from '../../helpers/isMobileDevice.js'
 import {
+	Asterisk,
 	CodeBrackets,
 	CodeTags,
 	Danger,
@@ -414,6 +415,19 @@ export function getMenuEntries(isRichWorkspace: boolean): MenuEntry[] {
 					key: 'blocks-separator',
 					isSeparator: true,
 				},
+				{
+					key: 'details',
+					label: t('text', 'Details'),
+					isActive: 'details',
+					icon: UnfoldMoreHorizontal,
+					action: (command) => {
+						return command.toggleDetails()
+					},
+				},
+				{
+					key: 'blocks-separator-2',
+					isSeparator: true,
+				},
 				{
 					key: 'math-inline',
 					// TRANSLATORS Inline level math/science formula menu item, eg "something [the formula] something"
@@ -449,7 +463,7 @@ export function getMenuEntries(isRichWorkspace: boolean): MenuEntry[] {
 					},
 				},
 				{
-					key: 'math-separator',
+					key: 'block-separator-3',
 					isSeparator: true,
 				},
 				{
@@ -502,12 +516,14 @@ export function getMenuEntries(isRichWorkspace: boolean): MenuEntry[] {
 			priority: 15,
 		},
 		{
-			key: 'details',
-			label: t('text', 'Details'),
-			isActive: 'details',
-			icon: UnfoldMoreHorizontal,
+			key: 'footnote',
+			label: t('text', 'Footnote'),
+			keyChar: 'f',
+			keyModifiers: [MODIFIERS.Mod, MODIFIERS.Shift],
+			isActive: 'footnote',
+			icon: Asterisk,
 			action: (command) => {
-				return command.toggleDetails()
+				return command.insertFootnote()
 			},
 			priority: 16,
 		},

src/components/icons.js

@@ -14,6 +14,7 @@ import MDI_AlignHorizontalRight from 'vue-material-design-icons/AlignHorizontalR
 import MDI_AlphabeticalVariant from 'vue-material-design-icons/AlphabeticalVariant.vue'
 import MDI_Undo from 'vue-material-design-icons/ArrowULeftTop.vue'
 import MDI_Redo from 'vue-material-design-icons/ArrowURightTop.vue'
+import MDI_Asterisk from 'vue-material-design-icons/Asterisk.vue'
 import MDI_Check from 'vue-material-design-icons/Check.vue'
 import MDI_Positive from 'vue-material-design-icons/CheckboxMarkedCircle.vue'
 import MDI_CircleMedium from 'vue-material-design-icons/CircleMedium.vue'
@@ -101,6 +102,7 @@ export const AlphabeticalVariant = makeIcon(MDI_AlphabeticalVariant)
 export const AlignHorizontalCenter = makeIcon(MDI_AlignHorizontalCenter)
 export const AlignHorizontalLeft = makeIcon(MDI_AlignHorizontalLeft)
 export const AlignHorizontalRight = makeIcon(MDI_AlignHorizontalRight)
+export const Asterisk = makeIcon(MDI_Asterisk)
 export const Close = makeIcon(MDI_Close)
 export const Check = makeIcon(MDI_Check)
 export const CodeBrackets = makeIcon(MDI_CodeBrackets)