mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-16 17:59:55 +09:00
8de3dfb4e8
- 폭이 좁은 화면에서도 기본 에디터 컴포넌트를 편하게 사용할 수 있게 개선 - 컬러피커가 내장된 HTML5 지원 브라우저에서는 내장된 컬러피커를 이용하도록 개선(type=color 인 경우) - input type=number, type=url 등을 지원하는 브라우저에서 조금 더 편리하게 컴포넌트 항목을 다루도록 수정 - 갤러리 컴포넌트가 확장자 대문자인 경우 이미지를 표시하지 못하던 문제 수정.
84 lines
3.5 KiB
HTML
84 lines
3.5 KiB
HTML
<!--%import("popup.js")-->
|
|
<!--%import("popup.css")-->
|
|
<!--%import("../lang")-->
|
|
{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
|
|
<section class="section">
|
|
<h1>{$component_info->title}</h1>
|
|
<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>
|
|
</section>
|