rhymix/modules/editor/components/image_link/tpl/popup.html
Min-Soo Kim a16670c6f6
기본 팝업창 스타일 수정. (#1075)
# 기본 팝업창 스타일 수정.

- 바뀐 관리자 페이지 스타일과 통일성 유지.
 - 임시 저장 글 불러오는 팝업 창 스타일 조정
- 팝업창 크기 계산 함수 조정
 - 폭을 먼저 확정한 다음 높이를 계산하도록 순서 조정
 - 위젯 수정 페이지 팝업 창 크기 계산 수정
 - 창 너비를 자유롭게 바꿀 수 있기 때문에, `.popup` 클래스를 가진 객체의 가로 폭을 자바스크립트가 강제로 변경하지 않도록 수정. (초기 가로 폭은 정확히 계산하여서 기존과 동일하게 맞춤)
- 라이믹스 문법에 맞춤
 - `jQuery` 를 `$` 로 쓸 수 있으므로 생략 가능한 구문 수정
2018-08-19 16:50:00 +09:00

86 lines
3.5 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>
</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>