모바일이나 HTML5 를 잘 지원하는 환경에서 에디터 컴포넌트 사용 개선

- 폭이 좁은 화면에서도 기본 에디터 컴포넌트를 편하게 사용할 수 있게 개선
- 컬러피커가 내장된 HTML5 지원 브라우저에서는 내장된 컬러피커를 이용하도록 개선(type=color 인 경우)
- input type=number, type=url 등을 지원하는 브라우저에서 조금 더 편리하게 컴포넌트 항목을 다루도록 수정
- 갤러리 컴포넌트가 확장자 대문자인 경우 이미지를 표시하지 못하던 문제 수정.
This commit is contained in:
MinSoo Kim 2016-02-05 23:36:58 +09:00
parent ff87af87a0
commit 8de3dfb4e8
13 changed files with 86 additions and 73 deletions

View file

@ -1,41 +1,36 @@
<load target="css/editor.css" />
<load target="../../../modules/admin/tpl/css/admin.css" />
<load target="../../../common/css/bootstrap.min.css" />
{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
<load target="css/view_component.css" />
<section class="section">
<h1>{$component->title} ver. {$component->version}</h1>
<table class="x_table x_table-striped x_table-hover">
<tr>
<th scope="row"><div>{$lang->component_author}</div></th>
<td>
<!--@foreach($component->author as $author)-->
{$author->name} <!--@if($author->homepage || $author->email_address)-->(<!--@if($author->homepage)--><a href="{$author->homepage}" onclick="window.open(this.href);return false;">{$author->homepage}</a><!--@end--><!--@if($author->homepage && $author->email_address)-->, <!--@end--><!--@if($author->email_address)--><a href="mailto:{$author->email_address}">{$author->email_address}</a><!--@end-->)<!--@end--><br />
<!--@end-->
</tr>
<!--@if($component->homepage)-->
<tr>
<th scope="row"><div>{$lang->homepage}</div></th>
<td class="blue"><a href="{$component->homepage}" onclick="window.open(this.href);return false;">{$component->homepage}</a></td>
</tr><!--@end-->
<tr>
<th scope="row"><div>{$lang->regdate}</div></th>
<td>{zdate(str_replace('-',"",$component->date), 'Y-m-d')}</td>
</tr>
<!--@if($component->license || $component->license_link)-->
<tr>
<th scope="row"><div>{$lang->component_license}</div></th>
<td>
<h1>{$component->title}</h1>
<div>
<h2>{$lang->component_author}</h2>
<ul>
<li loop="$component->author => $author">
{$author->name} <!--@if($author->homepage || $author->email_address)-->(<!--@if($author->homepage)--><a href="{$author->homepage}" onclick="window.open(this.href);return false;">{$author->homepage}</a><!--@end--><!--@if($author->homepage && $author->email_address)-->, <!--@end--><!--@if($author->email_address)--><a href="mailto:{$author->email_address}">{$author->email_address}</a><!--@end-->)<!--@end-->
</li>
</ul>
</div>
<div cond="$component->homepage">
<h2>{$lang->homepage}</h2>
<p><a href="{$component->homepage}" onclick="window.open(this.href);return false;">{$component->homepage}</a></p>
</div>
<div>
<h2>{$lang->component_version}</h2>
<p>{$component->version}</p>
</div>
<div>
<h2>{$lang->regdate}</h2>
<p><time datetime="{date('c', strtotime($component->date))}">{zdate(str_replace('-',"",$component->date), 'Y-m-d')}</time></p>
</div>
<div cond="$component->license || $component->license_link">
<h2>{$lang->component_license}</h2>
<p>
{nl2br(trim($component->license))}
<!--@if($component->license_link)-->
<p><a href="{$component->license_link}" onclick="window.close(); return false;">{$component->license_link}</a></p>
<!--@end-->
</td>
</tr><!--@end-->
<!--@if($component->description)-->
<tr>
<th scope="row"><div>{$lang->component_description}</div></th>
<td>{nl2br(trim($component->description))}</td>
</tr><!--@end-->
</table>
<a href="{$component->license_link}" cond="$component->license_link" onclick="window.open(this.href);return false;">{$component->license_link}</a>
</p>
</div>
<div cond="$component->description">
<h2>{$lang->component_description}</h2>
<p>{nl2br(trim($component->description))}</p>
</div>
</section>