mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-06 18:21:39 +09:00
# 기본 팝업창 스타일 수정. - 바뀐 관리자 페이지 스타일과 통일성 유지. - 임시 저장 글 불러오는 팝업 창 스타일 조정 - 팝업창 크기 계산 함수 조정 - 폭을 먼저 확정한 다음 높이를 계산하도록 순서 조정 - 위젯 수정 페이지 팝업 창 크기 계산 수정 - 창 너비를 자유롭게 바꿀 수 있기 때문에, `.popup` 클래스를 가진 객체의 가로 폭을 자바스크립트가 강제로 변경하지 않도록 수정. (초기 가로 폭은 정확히 계산하여서 기존과 동일하게 맞춤) - 라이믹스 문법에 맞춤 - `jQuery` 를 `$` 로 쓸 수 있으므로 생략 가능한 구문 수정
86 lines
3.5 KiB
HTML
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>
|