rhymix/modules/editor/components/image_link/tpl/popup.html

87 lines
3.6 KiB
HTML

<!--%import("popup.js")-->
<!--%import("popup.css")-->
<!--%import("../lang")-->
{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
<div class="x_modal-header">
<h1>{$component_info->title}</h1>
<a class="close_window" href="javascript:window.close()">&times;</a>
</div>
<div class="x_modal-body">
<form action="./" method="get" onSubmit="return false" id="fo" class="x_form-horizontal">
<div class="x_control-group">
<label for="image_url" class="x_control-label">{$lang->image_url}</label>
<div class="x_controls">
<input type="text" id="image_url" value="{url_decode($manual_url)}" />
</div>
</div>
<div class="x_control-group">
<label class="x_control-label">{$lang->image_scale}</label>
<div class="x_controls">
<input type="number" id="width" value="0" size="4" style="width:50px" /> px
<input type="number" id="height" value="0" size="4" style="width:50px" /> px
<button type="button" id="get_scale" class="x_btn">{$lang->cmd_get_scale}</button>
</div>
</div>
<div class="x_control-group">
<label for="link_url" class="x_control-label">URL</label>
<div class="x_controls">
<input type="url" id="link_url" value=""/>
</div>
</div>
<div class="x_control-group">
<label for="open_window" class="x_control-label">{$lang->urllink_open_window}</label>
<div class="x_controls">
<input type="checkbox" id="open_window" value="Y" /> {$lang->about_url_link_open_window}
</div>
</div>
<div class="x_control-group">
<label for="image_alt" class="x_control-label">{$lang->image_alt}</label>
<div class="x_controls">
<input type="text" id="image_alt" value=""/>
</div>
</div>
<div class="x_control-group">
<label class="x_control-label">{$lang->image_align}</label>
<div class="x_controls">
<label for="align_normal">
<input type="radio" name="align" value="" id="align_normal" checked="checked"/>
<img src="./images/align_normal.gif" alt="{$lang->image_align_normal}" />
{$lang->image_align_normal}
</label>
<label for="align_left">
<input type="radio" name="align" value="left" id="align_left" />
<img src="./images/align_left.gif" alt="{$lang->image_align_left}" />
{$lang->image_align_left}
</label>
<label for="align_middle">
<input type="radio" name="align" value="middle" id="align_middle" />
<img src="./images/align_middle.gif" alt="{$lang->image_align_middle}" />
{$lang->image_align_middle}
</label>
<label for="align_right">
<input type="radio" name="align" value="right" id="align_right" />
<img src="./images/align_right.gif" alt="{$lang->image_align_right}" />
{$lang->image_align_right}
</label>
</div>
</div>
<div class="x_control-group">
<label for="image_border" class="x_control-label">{$lang->image_border}</label>
<div class="x_controls">
<input type="number" id="image_border" value="0" size="2" />px
</div>
</div>
<div class="x_control-group">
<label for="image_margin" class="x_control-label">{$lang->image_margin}</label>
<div class="x_controls">
<input type="number" id="image_margin" value="0" size="2" />px
</div>
</div>
<div class="x_clearfix btnArea">
<div class="x_pull-right">
<button type="button" id="btn_insert" class="x_btn x_btn-primary">{$lang->cmd_insert}</button>
<a class="x_btn" href="{getUrl('','module','editor','act','dispEditorComponentInfo','component_name',$component_info->component_name)}" target="_blank" onclick="window.open(this.href,'ComponentInfo','width=10,height=10');return false;">{$lang->about_component}</a>
</div>
</div>
</form>
</div>