TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-24 06:35:49 +03:00
Code Issues Projects Releases Wiki Activity

Added an emoji toggle for the callout card

Browse Source 
refs https://github.com/TryGhost/Team/issues/1205

- Uses the KoenigSettingsPanel to display a toggle
- The Emoji is set to an empty string when disabled
- And arbitrarily set to 💡 by default when toggled back on
This commit is contained in:
Thibaut Patel 2021-11-10 15:51:11 +01:00
parent e51bcec5f1
commit 075d529e65
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ghost/admin/lib/koenig-editor/addon/components/koenig-card-callout.hbs
View File

@ -33,6 +33,25 @@
@onBlur={{action (mut this.isFocused) false}}
@didCreateEditor={{action "registerEditor"}}
/>
<KoenigSettingsPanel>
<div class="kg-settings-panel-control kg-settings-panel-control-horizontal">
<div class="kg-settings-panel-control-label">Emoji</div>
<div class="kg-settings-panel-control-input">
<div class="for-switch">
<label class="switch" for="has-emoji">
<input
type="checkbox"
checked={{@payload.calloutEmoji}}
id="has-emoji"
onclick={{action "toggleEmoji"}}
data-test-has-emoji
>
<span class="input-toggle-component"></span>
</label>
</div>
</div>
</div>
</KoenigSettingsPanel>
</div>
{{else}}

5
ghost/admin/lib/koenig-editor/addon/components/koenig-card-callout.js
View File

@ -107,6 +107,11 @@ export default class KoenigCardCalloutComponent extends Component {
run.scheduleOnce('afterRender', this, this._placeCursorAtEnd);
}
@action
toggleEmoji() {
this._updatePayloadAttr('calloutEmoji', this.args.payload.calloutEmoji ? '' : '💡');
}
_enter(modifier) {
if (this.args.isEditing && (modifier === 'meta' || (modifier === 'crtl' && Browser.isWin()))) {
this.args.editCard();