2020-01-16 18:14:03 +03:00
|
|
|
<KgActionBar @class="relative" @instantClose={{true}} @isVisible={{this.showToolbar}}>
|
2018-04-03 18:52:00 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Bold"
|
2019-06-18 13:47:21 +03:00
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
2018-04-03 18:52:00 +03:00
|
|
|
{{action "toggleMarkup" "strong"}}
|
|
|
|
>
|
2021-03-09 14:42:54 +03:00
|
|
|
{{svg-jar "koenig/kg-bold" class=(concat (if this.activeMarkupTagNames.isStrong "fill-green-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Italic"
|
2019-06-18 13:47:21 +03:00
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
2018-04-03 18:52:00 +03:00
|
|
|
{{action "toggleMarkup" "em"}}
|
|
|
|
>
|
2021-03-09 14:42:54 +03:00
|
|
|
{{svg-jar "koenig/kg-italic" class=(concat (if (or this.activeMarkupTagNames.isEm this.activeMarkupTagNames.isI) "fill-green-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
2020-10-15 20:03:18 +03:00
|
|
|
{{#unless this.basicOnly}}
|
2018-08-08 14:53:35 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Heading One"
|
2019-06-18 13:47:21 +03:00
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
2018-08-13 15:54:21 +03:00
|
|
|
{{action "toggleHeaderSection" "h2"}}
|
2018-08-08 14:53:35 +03:00
|
|
|
>
|
2021-03-09 14:42:54 +03:00
|
|
|
{{svg-jar "koenig/kg-heading-1" class=(concat (if this.activeSectionTagNames.isH2 "fill-green-l2" "fill-white") " w4 h4")}}
|
2018-08-08 14:53:35 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Heading Two"
|
2019-06-18 13:47:21 +03:00
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
2018-08-13 15:54:21 +03:00
|
|
|
{{action "toggleHeaderSection" "h3"}}
|
2018-08-08 14:53:35 +03:00
|
|
|
>
|
2021-03-09 14:42:54 +03:00
|
|
|
{{svg-jar "koenig/kg-heading-2" class=(concat (if this.activeSectionTagNames.isH3 "fill-green-l2" "fill-white") " w4 h4")}}
|
2018-08-08 14:53:35 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
{{/unless}}
|
2018-02-20 18:14:28 +03:00
|
|
|
|
2021-08-03 19:21:54 +03:00
|
|
|
<li class="ma0 ml1 mr1 lh-solid kg-action-bar-divider bg-darkgrey-l2 h5" role="separator"></li>
|
2018-02-20 18:14:28 +03:00
|
|
|
|
2020-10-15 20:03:18 +03:00
|
|
|
{{#unless this.basicOnly}}
|
2021-11-25 13:22:44 +03:00
|
|
|
{{#if feature.quoteStyles}}
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Quote"
|
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
|
|
|
{{action "toggleQuoteSection"}}
|
|
|
|
>
|
|
|
|
{{#if this.activeSectionTagNames.isBlockquote}}
|
|
|
|
{{svg-jar "koenig/kg-quote" class="fill-green w4 h4"}}
|
|
|
|
{{else if this.activeSectionTagNames.isAside}}
|
|
|
|
{{svg-jar "koenig/kg-quote-2" class="fill-green w4 h4"}}
|
|
|
|
{{else}}
|
|
|
|
{{svg-jar "koenig/kg-quote" class="fill-white w4 h4"}}
|
|
|
|
{{/if}}
|
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
{{else}}
|
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Quote"
|
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
|
|
|
{{action "toggleSection" "blockquote"}}
|
|
|
|
>
|
|
|
|
{{svg-jar "koenig/kg-quote" class=(concat (if this.activeSectionTagNames.isBlockquote "fill-green-l2" "fill-white") " w4 h4")}}
|
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
{{/if}}
|
2018-08-08 14:53:35 +03:00
|
|
|
{{/unless}}
|
2018-04-03 18:52:00 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Link"
|
2019-06-18 13:47:21 +03:00
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
2018-04-06 19:49:16 +03:00
|
|
|
{{action "editLink"}}
|
2018-04-03 18:52:00 +03:00
|
|
|
>
|
2021-03-09 14:42:54 +03:00
|
|
|
{{svg-jar "koenig/kg-link" class=(concat (if this.activeMarkupTagNames.isA "fill-green-l2" "fill-white") " w4 h4")}}
|
2018-04-03 18:52:00 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
2020-10-15 20:03:18 +03:00
|
|
|
|
2020-10-27 18:01:35 +03:00
|
|
|
{{#if @addSnippet}}
|
2020-10-15 20:03:18 +03:00
|
|
|
{{#unless this.basicOnly}}
|
2021-08-03 19:21:54 +03:00
|
|
|
<li class="ma0 ml1 mr1 lh-solid kg-action-bar-divider bg-darkgrey-l2 h5" role="separator"></li>
|
2020-10-15 20:03:18 +03:00
|
|
|
<li class="ma0 lh-solid">
|
|
|
|
<button
|
|
|
|
type="button"
|
|
|
|
title="Create snippet"
|
|
|
|
class="dib dim-lite link h9 w9 nudge-top--1"
|
|
|
|
{{on "click" @addSnippet}}
|
|
|
|
>
|
2020-10-19 11:55:26 +03:00
|
|
|
{{svg-jar "koenig/kg-snippet" class="w4 h4"}}
|
2020-10-15 20:03:18 +03:00
|
|
|
</button>
|
|
|
|
</li>
|
|
|
|
{{/unless}}
|
|
|
|
{{/if}}
|
|
|
|
|
2020-01-16 18:14:03 +03:00
|
|
|
</KgActionBar>
|