githaven-fork/templates/shared/combomarkdowneditor.tmpl

{{/*
Template Attributes:
* locale: passed through for localization
* ContainerId: id attribute for the container element
* ContainerClasses: additional classes for the container element
* MarkdownPreviewUrl: preview url for the preview tab
* MarkdownPreviewContext: preview context for the preview tab
* TextareaName: name attribute for the textarea
* TextareaContent: content for the textarea
* TextareaPlaceholder: placeholder attribute for the textarea
* TextareaAriaLabel: aria-label attribute for the textarea
* DropzoneParentContainer: container for file upload (leave it empty if no upload)
*/}}
<div {{if .ContainerId}}id="{{.ContainerId}}"{{end}} class="combo-markdown-editor {{.ContainerClasses}}" data-dropzone-parent-container="{{.DropzoneParentContainer}}">
	{{if .MarkdownPreviewUrl}}
	<div class="ui top tabular menu">
		<a class="active item" data-tab-for="markdown-writer">{{.locale.Tr "write"}}</a>
		<a class="item" data-tab-for="markdown-previewer" data-preview-url="{{.MarkdownPreviewUrl}}" data-preview-context="{{.MarkdownPreviewContext}}">{{.locale.Tr "preview"}}</a>
	</div>
	{{end}}
	<div class="ui tab active" data-tab-panel="markdown-writer">
		<markdown-toolbar class="gt-df">
			<div class="markdown-toolbar-group">
				<md-header class="markdown-toolbar-button">{{svg "octicon-heading"}}</md-header>
				<md-bold class="markdown-toolbar-button">{{svg "octicon-bold"}}</md-bold>
				<md-italic class="markdown-toolbar-button">{{svg "octicon-italic"}}</md-italic>
			</div>
			<div class="markdown-toolbar-group">
				<md-quote class="markdown-toolbar-button">{{svg "octicon-quote"}}</md-quote>
				<md-code class="markdown-toolbar-button">{{svg "octicon-code"}}</md-code>
				<md-link class="markdown-toolbar-button">{{svg "octicon-link"}}</md-link>
			</div>
			<div class="markdown-toolbar-group">
				<md-unordered-list class="markdown-toolbar-button">{{svg "octicon-list-unordered"}}</md-unordered-list>
				<md-ordered-list class="markdown-toolbar-button">{{svg "octicon-list-ordered"}}</md-ordered-list>
				<md-task-list class="markdown-toolbar-button">{{svg "octicon-tasklist"}}</md-task-list>
			</div>
			<div class="markdown-toolbar-group">
				<md-mention class="markdown-toolbar-button">{{svg "octicon-mention"}}</md-mention>
				<md-ref class="markdown-toolbar-button">{{svg "octicon-cross-reference"}}</md-ref>
			</div>
			<div class="markdown-toolbar-group gt-f1"></div>
			<div class="markdown-toolbar-group">
				<span class="markdown-toolbar-button markdown-switch-easymde">{{svg "octicon-arrow-switch"}}</span>
			</div>
		</markdown-toolbar>
		<text-expander keys=": @">
			<textarea class="markdown-text-editor js-quick-submit"{{if .TextareaName}} name="{{.TextareaName}}"{{end}}{{if .TextareaPlaceholder}} placeholder="{{.TextareaPlaceholder}}"{{end}}{{if .TextareaAriaLabel}} aria-label="{{.TextareaAriaLabel}}"{{end}}>{{.TextareaContent}}</textarea>
		</text-expander>
	</div>
	<div class="ui tab markup" data-tab-panel="markdown-previewer">
		{{.locale.Tr "loading"}}
	</div>
</div>