fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-31 17:19:59 +09:00
Code Issues Projects Releases Packages Wiki Activity

fileupload UI 개선

Browse source 
- oldIE에 최적화 되어 있지 않음
This commit is contained in:
bnu 2015-03-16 18:19:46 +09:00
parent 6585678f56
commit 42551223c0
6 changed files with 376 additions and 165 deletions
Download patch file Download diff file Expand all files Collapse all files

71
modules/editor/skins/ckeditor/file_upload.html Normal file
View file

@ -0,0 +1,71 @@
<!--%load_js_plugin("jquery.fileupload")-->
<!--%load_js_plugin("jquery.finderSelect")-->
<!--%load_js_plugin("handlebars")-->
<div cond="$allow_fileupload" id="xe-uploader-container-{$editor_sequence}" class="xe-uploader-container clearfix" data-editor-sequence="{$editor_sequence}">
<!--// dropzone -->
<div class="xe-uploader-dropzone">
<p class="xe-uploader-dropzone-message">여기에 파일을 끌어 놓거나 파일 첨부를 클릭하세요</p>
<div>
<span class="btn fileinput-button xe-uploader-action-selectfile">
<span>{$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>
</div>
<p>파일 크기 제한 : <span class="allowed_filesize">0MB</span> <span>(허용 확장자 : <span class="allowed_filetypes">*.*</span>)</span></p>
<p class="xe-uploader-progress-message" style="display: none;">파일 업로드 중... (<span class="xe-uploader-progressall">0%</span>)</p>
<div class="xe-uploader-progressbar" style="display: none;"><div style="width: 23%;"></div></div>
</div>
<!--// END:dropzone -->
<div class="xe-uploader-controll-container clearfix">
<div style="float: left;">
<span class="file_count">0</span>개 첨부 됨 (<span class="attached_size">0Byte</span> / <span class="allowed_attach_size">0MB</span>)
</div>
<div style="float: right">
<input type="button" class="btn xe-uploader-act-link-selected" style=" vertical-align: middle; vertical-align: middle;" value="본문삽입">
<!-- <span style="padding: 0 7px; color: #999; vertical-align: middle;">|</span> -->
<!-- <input type="button" class="btn xe-uploader-act-selectall" style=" vertical-align: middle; vertical-align: middle;" value="전체선택" /> -->
<!-- <input type="button" class="btn xe-uploader-act-unselect" style=" vertical-align: middle; vertical-align: middle;" value="선택해제" /> -->
<!-- <input type="button" class="btn xe-uploader-act-toggleselect" style=" vertical-align: middle; vertical-align: middle;" value="선택반적" /> -->
<!-- <span style="padding: 0 7px; color: #999; vertical-align: middle;">|</span> -->
<input type="button" class="btn xe-uploader-act-delete-selected" style=" vertical-align: middle; vertical-align: middle;" value="선택삭제">
<!-- <button>이미지 선택</button> -->
<!-- <button>삽입되지 않은 이미지 선택</button> -->
</div>
</div>
<div class="xe-uploader-filelist-container">
<div class="xe-uploader-filelist-images">
<ul>
</ul>
</div>
<div class="xe-uploader-filelist-files">
<ul>
</ul>
</div>
</div>
</div>
<script>
jQuery(function($){
// uploader
<!--@if($allow_fileupload)-->
var setting = {
maxFileSize: {$file_config->allowed_filesize},
limitMultiFileUploadSize: {$file_config->allowed_filesize}
};
var uploader = $('#xe-uploader-container-{$editor_sequence}').xeUploader(setting);
// console.log(uploader);
<!--@endif-->
});
</script>