rhymix/modules/editor/components/emoticon/tpl/popup.html
Min-Soo Kim 538346f9a6
Improve emoticon component to contain information of icons (#1078)
# Fix emoticon component to contain information of icons

- 이모티콘 컴포넌트의 이모티콘에 정보를 담을 수 있게 수정.
- 라이선스 정보도 담을 수 있고, 제작자 정보도 담길 수 있음.
- 정보를 담는 양식은 일반적인 skin.xml 형식을 그대로 따름.

# 이모티콘 컴포넌트 키보드 접근성 개선

- 키보드로 이모티콘 선택, 입력이 가능해짐.

# 사용권이 불분명한 msn 이모티콘 제거

- 기본 이모티콘이었던 msn 이모티콘의 사용권 문제가 불명확 했음.
- 기본 이모티콘을 트위터가 배포하는 트위모지로 변경.

# 이모티콘 SVG 지원

- 기본은 래스터 이미지. 같은 이름의 SVG 파일이 ./svg 디렉토리에 있으면 SVG를 지원하는 브라우저에서 반영됨.
2018-08-21 00:44:09 +09:00

19 lines
851 B
HTML

<load target="popup.js" />
<load target="popup.less" />
{@Context::addMetaTag('viewport', 'width=device-width', FALSE);}
<div class="x_modal-header">
<h1>{$component_info->title}</h1>
</div>
<div class="x_modal-body">
<div class="rx_tab">
<ul class="rx_tab">
<li loop="$emoticon_list => $key, $val" class="rx_active"|cond="$key=='Twemoji'"><a href="#" onclick="getEmoticons('{$key}')"><span>{$val}</span></a></li>
</ul>
</div>
<div id="emoticons" style="min-height:1px"></div>
<div class="x_clearfix btnArea">
<div class="x_pull-right">
<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('editor.about_component')}</a>
</div>
</div>
</div>