<div>
<!--
	Wrap everything in a div to convert this file's content in a jquery element
	so it is possible to use $.find.
-->

<script type="text/template" id="link-tpl">
	<input type="hidden" id="ueditor-link" value="{{url}}">
	<div class="upfront-field-wrap">
		<input type="radio" name="ueditor-link" value="external" class="upfront-field-radio"  {{link == 'external' ? 'checked="checked"' : ''}} id="ueditor-link-external">
		<label for="ueditor-link-external">External URL</label>
		<input type="text" value="{{url}}" id="ueditor-link-url" placeholder="Type link URL" style="{{link != 'external' ? 'display:none' : ''}}" class="upfront-field-text ueditor-link-hidden">
	</div>
	<div class="upfront-field-wrap">
		<input type="radio" name="ueditor-link" value="post" class="upfront-field-radio" {{link == 'post' ? 'checked="checked"' : ''}} id="ueditor-link-post">
		<label for="ueditor-link-post">Post or page</label>
		<a title="Change link" href="#" class="ueditor-change-link-post ueditor-link-hidden" style="{{link != 'post' ? 'display:none' : ''}}">{{url}}</a>
	</div>

	{[if(anchors.length > 1) { ]}
	<div class="upfront-field-wrap">
		<input type="radio" name="ueditor-link" value="anchor" class="upfront-field-radio" {{link == 'anchor' ? 'checked="checked"' : ''}} id="ueditor-link-anchor">
		<label for="ueditor-link-anchor">Anchor</label>
		<div class="ueditor-anchor ueditor-link-hidden" style="{{link != 'anchor' ? 'display:none' : ''}}">
			<select class="ueditor-anchor-selector">
			{[ _.each(anchors, function(anchor){ ]}
				<option value="#{{ anchor }}" {{ url == '#' + anchor ? 'selected="selected"' : '' }}>{{anchor}}</option>
			{[ }); ]}
			</select>
		</div>
	</div>
	{[ } ]}

	{[if(url) { ]}
	<div class="upfront-field-wrap">
		<a href="#" class="ueditor-unlink">Unlink</a>
	</div>
	{[ } ]}
</script>

<script type="text/template" id="post-image-insert-tpl">
    <div data-variant="{{variant_id}}" class="ueditor-insert ueditor-insert-variant-group {{style.label_id}} ueditor-insert-float-{{style.group.float}} {{style.group.width_cls}} {{style.group.left_cls}}" style="min-height: {{style.group.height}}px;float:{{style.group.float}}; {[if( style.group.marginRight > 0 ){]}margin-right:{{style.group.marginRight}}px;{[ } ]} {[if( style.group.marginLeft > 0 ) {]}margin-left:{{style.group.marginLeft}}px;{[ } ]}" >
        {[if( style.caption.order == 0 && show_caption) {]}
            <div class="upfront-wrapper wp-caption-text {{style.caption.width_cls}} {{style.caption.left_cls}} {{style.caption.top_cls}}" style="min-height:{{style.caption.height}}px">{{ caption }}</div>
        {[ } ]}
        <div class="upfront-wrapper uinsert-image-wrapper {{style.image.width_cls}} {{style.image.left_cls}} {{style.image.top_cls}} {[ if(!isLocal){ ]}uinsert-image-external{[ } ]}" style="min-height: {{style.image.height}}px;">{[if(linkType != "do_nothing"){ ]}<a href="{{linkUrl}}">{[ } ]}<img class="" src="{{image.src}}" {[if(!isLocal){ ]}style="top: {{ externalImage.top }}px; left: {{ externalImage.left }}px; width: {{ externalImage.width }}px; height: {{ externalImage.height }}px"{[ } ]}/>{[if(linkType != "do_nothing"){ ]}</a>{[ } ]}</div>
            {[if( style.caption.order == 1 && show_caption) {]}
                <div class="upfront-wrapper wp-caption-text {{style.caption.width_cls}} {{style.caption.left_cls}} {{style.caption.top_cls}}" style="min-height:{{style.caption.height}}px">{{ caption }}</div>
            {[ } ]}
        <div style="clear:both;"></div>

    </div>
</script>

<script type="text/template" id="image-insert-tpl">
    <div data-variant="{{variant_id}}" class="ueditor-insert ueditor-insert-variant-group {{style.label_id}} ueditor-insert-float-{{style.group.float}} {{style.group.width_cls}} {{style.group.left_cls}}" style="min-height: {{style.group.height}}px;float:{{style.group.float}}; {[if( style.group.marginRight > 0 ){]}margin-right:{{style.group.marginRight}}px;{[ } ]} {[if( style.group.marginLeft > 0 ) {]}margin-left:{{style.group.marginLeft}}px;{[ } ]}" >
        {[if( style.caption.order == 0 && show_caption) {]}
        <div class="upfront-wrapper wp-caption-text c24" style="min-height:{{style.caption.height}}px">{{ caption }}</div>
        {[ } ]}
        <div class="upfront-wrapper uinsert-image-wrapper {{style.image.width_cls}} {{style.image.left_cls}} {{style.image.top_cls}} {[ if(!isLocal){ ]}uinsert-image-external{[ } ]}" style="min-height: {{style.image.height}}px;">{[if(linkType != "do_nothing"){ ]}<a href="{{linkUrl}}">{[ } ]}<img class="" src="{{image.src}}" {[if(!isLocal){ ]}style="top: {{ externalImage.top }}px; left: {{ externalImage.left }}px; width: {{ externalImage.width }}px; height: {{ externalImage.height }}px"{[ } ]}/>{[if(linkType != "do_nothing"){ ]}</a>{[ } ]}</div>
      
        {[if( style.caption.order == 1 && show_caption) {]}
        <div class="upfront-wrapper wp-caption-text c24" style="min-height:{{style.caption.height}}px">{{ caption }}</div>
        {[ } ]}
        <div style="clear:both;"></div>

    </div>
</script>

<script type="text/template" id="image-link-tpl">
	<div class="upfront-field-wrap">
		<input type="radio" name="uinsert-image-link" value="do_nothing" class="upfront-field-radio" id="uinsert-image-link-1" {{linkType == 'do_nothing' ? checked : ''}}>
		<label for="uinsert-image-link-1">No link</label>
	</div>
	<div class="upfront-field-wrap">
		<input type="radio" name="uinsert-image-link" value="external" class="upfront-field-radio" id="uinsert-image-link-2" {{linkType == 'external' ? checked : ''}}>
		<label for="uinsert-image-link-2">External link</label>
		<input type="text" value="{{linkUrl}}" id="uinsert-image-link-url" placeholder="Type link URL" style="{{linkType != 'external' ? 'display:none' : ''}}" class="upfront-field-text">
	</div>
	<div class="upfront-field-wrap">
		<input type="radio" name="uinsert-image-link" value="post" class="upfront-field-radio" id="uinsert-image-link-3" {{linkType == 'post' ? checked : ''}}>
		<label for="uinsert-image-link-3">Link to a post or page</label>
		<a title="Change link" class="uinsert-change-link-post" style="{{linkType != 'post' ? 'display:none' : ''}}">{{linkUrl}}</a>
	</div>
	<div class="upfront-field-wrap">
		<input type="radio" name="uinsert-image-link" value="show_larger_image" class="upfront-field-radio" id="uinsert-image-link-4" {{linkType == 'show_larger_image' ? checked : ''}}>
		<label for="uinsert-image-link-4">Show larger image</label>
	</div>
</script>
<script type="text/template" id="embed-insert-tpl">
    <div class="inserted_code_rendered">{{code}}</div>
</script>
<script type="text/template" id="embed-insert-form-tpl">
    <div class="upfront-field-embed_code-wrap">
        <h3>Type or paste the embed code</h3>
        <textarea name="upfront-field-embed_code" class="upfront-field-embed_code" id="upfront-field-embed_code" cols="30" rows="5">{{code}}</textarea>
    </div>
</script>
<script type="text/template" id="font-icons">
    <div class="icons">
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">a</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">b</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">c</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">d</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">e</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">f</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">g</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">h</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">i</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">j</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">k</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">l</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">m</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">n</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">o</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">p</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">q</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">r</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">s</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">t</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">u</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">v</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">w</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">x</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">y</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">z</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">1</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">2</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">3</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">4</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">5</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">6</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">7</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">8</span></a>
        <a href="javascript:void(0);" class="redactor_btn ueditor-font-icon"><span class="uf_font_icon">9</span></a>
    </div>
    <ul class="upfront-font-icons-controlls">
        <li>
            <label>
                Size:
            </label>   
            <input class="upfront-field-number font-icons-size"  type="number" value="27" step="1" min="16" max="200">
        </li>
        <li class="font-icons-top-li">
            <label>
                Top:
            </label>  
            <input class="upfront-field-number font-icons-top"  type="number" value="0" step="1" min="-35" max="45">
        </li>
    </ul>
</script>

<script type="text/template" id="insert-manager-tpl">
    <div class="ueditor-post-insert-manager">
        <div class="upfront-image-attachment-bits upfront-post-media-trigger"></div>
    </div>
</script>

<script type="text/template" id="insert-manager-tooltip-tpl">
    <div class="upfront-image-attachment-bits upfront-post-media-trigger"></div>
    <div class="uinsert-selector upfront-ui">
    {[ _.each(inserts, function(insert, type){  ]}
        <a href="#" class="uinsert-selector-option uinsert-selector-{{type}}" data-insert="{{type}}"><span class="uinsert-text">{{names[type]}}</span><span  data-insert="{{type}}" class="uinsert-text-overlay"></span></a>
    {[ }); ]}
    </div>
</script>

<script type="text/template" id="image-style-tpl">
    {[ _.each(data.variants, function(variant, index){  ]}
    <div class="upfront-field-wrap">
        <input type="radio" name="uinsert-image-style-variant" value="{{variant.vid}}" {{data.selected == variant.vid ? "checked='checked'" : ""}} class="upfront-field-radio" id="uinsert-image-variant-{{variant.vid}}">
        <label for="uinsert-image-variant-{{variant.vid}}">{{variant.label}}</label>
    </div>
    {[ }); ]}
</script>

<script type="text/template" id="upfront-formatting">
    <ul class="tag-list">
        <li>
            <a href="#" data-tag="h1" class="tag-list-tag-h1"></a>
        </li>
        <li>
            <a href="#" data-tag="h2" class="tag-list-tag-h2"></a>
        </li>
        <li>
            <a href="#" data-tag="h3" class="tag-list-tag-h3"></a>
        </li>
        <li>
            <a href="#" data-tag="h4" class="tag-list-tag-h4"></a>
        </li>
        <li>
            <a href="#" data-tag="h5" class="tag-list-tag-h5"></a>
        </li>
        <li>
            <a href="#" data-tag="h6" class="tag-list-tag-h6"></a>
        </li>
        <li>
            <a href="#" data-tag="p" class="tag-list-tag-p"></a>
        </li>
        <li>
            <a href="#" data-tag="pre" class="tag-list-tag-pre"></a>
        </li>
        <!--<li>-->
            <!--<a href="#" data-tag="blockquote">"</a>-->
        <!--</li>-->
    </ul>
    <!--<select name="ufront-formatting-custom-class" class="upfront-field-select ufront-formatting-custom-class">-->
        <!--{[ _.each(custom_classes, function(custom_class, index){  ]}-->
            <!--<option value="{{custom_class}}">{{custom_class}}</option>-->
        <!--{[ }); ]}-->
    <!--</select>-->
</script>
</div>