rhymix/modules/editor/skins/ckeditor/file_upload.html
Kijin Sung 280c94c9bd Improve file upload dialog #800
- 파일 첨부 버튼을 "사진 및 파일 첨부"로 변경 #800
- 파일 첨부 상자를 CKEditor 기본 스킨과 같은 색으로 변경
- 파일 첨부 상자의 border-radius를 제거하여 CKEditor와 통일성 유지
2017-07-05 12:33:56 +09:00

73 lines
3 KiB
HTML

<!--%load_js_plugin("jquery.fileupload")-->
<!--%load_js_plugin("jquery.finderSelect")-->
<!--%load_js_plugin("handlebars")-->
<load target="./lang" />
<div cond="$allow_fileupload" id="xefu-container-{$editor_sequence}" class="xefu-container xe-clearfix" data-editor-sequence="{$editor_sequence}">
<!--// dropzone -->
<div class="xefu-dropzone">
<span class="xefu-btn fileinput-button xefu-act-selectfile">
<span><i class="xi-icon xi-file-upload"></i> {$lang->edit->upload_file}</span>
<input id="xe-fileupload" type="file" class="fileupload-processing " value="{$lang->edit->upload_file}" name="Filedata" data-auto-upload="true" data-editor-sequence="{$editor_sequence}" multiple />
</span>
<p class="xefu-dropzone-message">{$lang->ckeditor_about_file_drop_area}</p>
<p class="upload_info">{$lang->allowed_filesize} : <span class="allowed_filesize">0MB</span> <span>({$lang->allowed_filetypes} : <span class="allowed_filetypes">*.*</span>)</span></p>
<p class="xefu-progress-status" style="display: none;">{$lang->ckeditor_file_uploading} (<span class="xefu-progress-percent">0%</span>)</p>
<div class="xefu-progressbar" style="display: none;"><div></div></div>
</div>
<!--// END:dropzone -->
<div class="xefu-controll xe-clearfix">
<div style="float: left;">
{$lang->ckeditor_file_count} (<span class="attached_size"></span> / <span class="allowed_attach_size"></span>)
</div>
<div style="float: right">
<input type="button" class="xefu-btn xefu-act-link-selected" style=" vertical-align: middle; vertical-align: middle;" value="{$lang->edit->link_file}">
<input type="button" class="xefu-btn xefu-act-delete-selected" style=" vertical-align: middle; vertical-align: middle;" value="{$lang->edit->delete_selected}">
</div>
</div>
<div class="xefu-list">
<div class="xefu-list-images">
<ul>
</ul>
</div>
<div class="xefu-list-files">
<ul>
</ul>
</div>
</div>
</div>
<script>
function reloadUploader(editor_sequence){
<!--@if($allow_fileupload)-->
$container = jQuery('#xefu-container-' + editor_sequence);
$container.data('instance').loadFilelist($container);
<!--@endif-->
}
<!--@if($allow_fileupload)-->
jQuery(function($){
// uploader
var setting = {
maxFileSize: {$logged_info->is_admin === 'Y' ? 0 : $file_config->allowed_filesize},
maxChunkSize: {$file_config->allowed_chunk_size ?: 0},
autoinsertImage: {json_encode($editor_autoinsert_image ?: 'paragraph')},
singleFileUploads: true
};
$container = $('#xefu-container-{$editor_sequence}');
$container.data('instance',$container.xeUploader(setting));
window.xe.msg_exceeds_limit_size = '{$lang->msg_exceeds_limit_size}';
window.xe.msg_checked_file_is_deleted = '{$lang->msg_checked_file_is_deleted}';
window.xe.msg_file_cart_is_null = '{$lang->msg_file_cart_is_null}';
window.xe.msg_checked_file_is_deleted = '{$lang->msg_checked_file_is_deleted}';
window.xe.msg_not_allowed_filetype = '{$lang->msg_not_allowed_filetype}';
window.xe.msg_file_upload_error = '{$lang->msg_file_upload_error}';
});
<!--@endif-->
</script>