1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost-Admin.git synced 2023-12-14 02:33:04 +01:00
Ghost-Admin/lib/koenig-editor/addon/templates/components/koenig-plus-menu.hbs
Kevin Ansfield 5d0d98738d Koenig - HTML card template
refs https://github.com/TryGhost/Ghost/issues/9311
- add a basic HTML card that renders a CodeMirror editor
- adjust styles so that CodeMirror styles for the markdown editor don't affect CodeMirror instances inside Koenig
2018-02-03 19:20:50 +01:00

44 lines
2.2 KiB
Handlebars

{{#if showButton}}
<button class="koenig-plus-menu-button" {{action "openMenu"}}>{{inline-svg "plus"}}</button>
{{/if}}
{{#if showMenu}}
<div class="koenig-cardmenu">
<div class="koenig-cardmenu-search">
{{inline-svg "koenig/search"}}
<input type="text" placeholder="Search for a card..." class="gh-input koenig-cardmenu-search-input">
</div>
<div class="koenig-cardmenu-divider">
Primary
</div>
<div class="koenig-cardmenu-card" {{action "closeMenu" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/font-size"}}</div>
<div class="koenig-cardmenu-label">Text</div>
</div>
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "markdown" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/markdown"}}</div>
<div class="koenig-cardmenu-label">Markdown</div>
</div>
<div class="koenig-cardmenu-card">
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/image"}}</div>
<div class="koenig-cardmenu-label">Image</div>
</div>
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "html" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/embed"}}</div>
<div class="koenig-cardmenu-label">Embed</div>
</div>
<div class="koenig-cardmenu-card" {{action "replaceWithCardSection" "hr" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/divider"}}</div>
<div class="koenig-cardmenu-label">Divider</div>
</div>
<div class="koenig-cardmenu-card" {{action "replaceWithListSection" "ul" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/list-bullets"}}</div>
<div class="koenig-cardmenu-label">Bullet list</div>
</div>
<div class="koenig-cardmenu-card" {{action "replaceWithListSection" "ol" on="click"}}>
<div class="koenig-cardmenu-icon">{{inline-svg "koenig/list-number"}}</div>
<div class="koenig-cardmenu-label">Number list</div>
</div>
</div>
{{/if}}