2021-04-29 21:17:54 +05:30
|
|
|
- modifier_key = client_js_flags[:isMac] ? '⌘' : s_('KeyboardKey|Ctrl+')
|
2022-11-25 23:54:43 +05:30
|
|
|
- supports_file_upload = local_assigns.fetch(:supports_file_upload, true)
|
2020-11-24 15:15:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "bold",
|
|
|
|
|
css_class: 'gl-mr-3',
|
|
|
|
|
data: { "md-tag" => "**", "md-shortcuts": '["mod+b"]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Add bold text (%{modifier_key}B)") % { modifier_key: modifier_key }) })
|
2020-11-24 15:15:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "italic",
|
|
|
|
|
css_class: 'gl-mr-3',
|
|
|
|
|
data: { "md-tag" => "_", "md-shortcuts": '["mod+i"]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Add italic text (%{modifier_key}I)") % { modifier_key: modifier_key }) })
|
2020-11-24 15:15:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "strikethrough",
|
|
|
|
|
css_class: 'gl-mr-3',
|
|
|
|
|
data: { "md-tag" => "~~", "md-shortcuts": '["mod+shift+x"]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Add strikethrough text (%{modifier_key}⇧X)") % { modifier_key: modifier_key }) })
|
2022-05-07 20:08:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "quote", css_class: 'gl-mr-3', data: { "md-tag" => "> ", "md-prepend" => true }, title: _("Insert a quote") })
|
|
|
|
|
= markdown_toolbar_button({ icon: "code", css_class: 'gl-mr-3', data: { "md-tag" => "`", "md-block" => "```" }, title: _("Insert code") })
|
2020-11-24 15:15:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "link",
|
|
|
|
|
css_class: 'gl-mr-3',
|
|
|
|
|
data: { "md-tag" => "[{text}](url)", "md-select" => "url", "md-shortcuts": '["mod+k"]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Add a link (%{modifier_key}K)") % { modifier_key: modifier_key }) })
|
2020-11-24 15:15:51 +05:30
|
|
|
|
2023-07-09 08:55:56 +05:30
|
|
|
= markdown_toolbar_button({ icon: "list-bulleted", css_class: 'gl-mr-3', data: { "md-tag" => "- ", "md-prepend" => true }, title: _("Add a bullet list") })
|
|
|
|
|
= markdown_toolbar_button({ icon: "list-numbered", css_class: 'gl-mr-3', data: { "md-tag" => "1. ", "md-prepend" => true }, title: _("Add a numbered list") })
|
|
|
|
|
= markdown_toolbar_button({ icon: "list-task", css_class: 'gl-mr-3', data: { "md-tag" => "- [ ] ", "md-prepend" => true }, title: _("Add a checklist") })
|
|
|
|
|
= markdown_toolbar_button({ icon: "list-indent",
|
|
|
|
|
css_class: 'gl-display-none gl-mr-3',
|
|
|
|
|
data: { "md-command" => 'indentLines', "md-shortcuts": '["mod+]"]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Indent line (%{modifier_key}])") % { modifier_key: modifier_key }) })
|
|
|
|
|
= markdown_toolbar_button({ icon: "list-outdent",
|
|
|
|
|
css_class: 'gl-display-none gl-mr-3',
|
|
|
|
|
data: { "md-command" => 'outdentLines', "md-shortcuts": '["mod+["]' },
|
|
|
|
|
title: sprintf(s_("MarkdownEditor|Outdent line (%{modifier_key}[)") % { modifier_key: modifier_key }) })
|
|
|
|
|
= markdown_toolbar_button({ icon: "details-block",
|
|
|
|
|
css_class: 'gl-mr-3',
|
|
|
|
|
data: { "md-tag" => "<details><summary>Click to expand</summary>\n{text}\n</details>", "md-prepend" => true, "md-select" => "Click to expand" },
|
|
|
|
|
title: _("Add a collapsible section") })
|
|
|
|
|
= markdown_toolbar_button({ icon: "table", css_class: 'gl-mr-3', data: { "md-tag" => "| header | header |\n| ------ | ------ |\n| | |\n| | |", "md-prepend" => true }, title: _("Add a table") })
|
|
|
|
|
- if supports_file_upload
|
|
|
|
|
= render Pajamas::ButtonComponent.new(icon: 'paperclip', category: :tertiary, size: :small, button_options: { 'aria-label': _("Attach a file or image"), class: 'has-tooltip js-attach-file-button gl-mr-3', data: { testid: 'button-attach-file', container: 'body' } })
|
