attach ui update

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7846 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-11-17 12:30:27 +00:00
parent ccf91bf230
commit 6c622c4ca5
13 changed files with 3716 additions and 3699 deletions

View file

@ -255,6 +255,7 @@
$lang->edit->no_multimedia = 'There is no videos uploaded.'; $lang->edit->no_multimedia = 'There is no videos uploaded.';
$lang->edit->no_attachment = 'There is no files uploaded.'; $lang->edit->no_attachment = 'There is no files uploaded.';
$lang->edit->insert_selected = 'Insert Selected'; $lang->edit->insert_selected = 'Insert Selected';
$lang->edit->delete_selected = 'Delete Selected';
$lang->edit->fieldset = 'Fieldset'; $lang->edit->fieldset = 'Fieldset';
?> ?>

View file

@ -251,6 +251,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -255,6 +255,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -257,6 +257,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -257,6 +257,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -257,6 +257,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -258,6 +258,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -257,6 +257,7 @@
$lang->edit->no_multimedia = '첨부된 동영상이 없습니다.'; $lang->edit->no_multimedia = '첨부된 동영상이 없습니다.';
$lang->edit->no_attachment = '첨부된 파일이 없습니다.'; $lang->edit->no_attachment = '첨부된 파일이 없습니다.';
$lang->edit->insert_selected = '선택 넣기'; $lang->edit->insert_selected = '선택 넣기';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '글상자'; $lang->edit->fieldset = '글상자';
?> ?>

View file

@ -258,6 +258,7 @@
$lang->edit->no_multimedia = '目前沒有影片'; $lang->edit->no_multimedia = '目前沒有影片';
$lang->edit->no_attachment = '目前沒有附檔'; $lang->edit->no_attachment = '目前沒有附檔';
$lang->edit->insert_selected = '插入所選'; $lang->edit->insert_selected = '插入所選';
$lang->edit->delete_selected = '선택 삭제';
$lang->edit->fieldset = '區域'; $lang->edit->fieldset = '區域';
?> ?>

View file

@ -1273,6 +1273,9 @@
<div class="xdal" id="xdal"> <div class="xdal" id="xdal">
<div class="iHead"> <div class="iHead">
<h2>{$lang->edit->upload_list} <em>[<strong>0</strong>]</em></h2> <h2>{$lang->edit->upload_list} <em>[<strong>0</strong>]</em></h2>
<div class="btnArea fr">
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button>
</div>
</div> </div>
<div class="iBody"> <div class="iBody">
<div class="sn img none"> <div class="sn img none">
@ -1280,14 +1283,15 @@
<ul> <ul>
<li> <li>
<button type="button" class="ob"><img src="about:blank" alt="" /></button> <button type="button" class="ob"><img src="about:blank" alt="" /></button>
<button type="button" class="ctr ins" title="{$lang->edit->link_file}">{$lang->edit->link_file}</button> <button type="button" class="ctr ins">{$lang->edit->link_file}</button>
<button type="button" class="ctr del" title="{$lang->cmd_delete}">{$lang->cmd_delete}</button> <button type="button" class="ctr del" title="{$lang->cmd_delete}">X</button> <br />
<input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label> <input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label>
</li> </li>
</ul> </ul>
<p class="task"> <p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button> <button type="button" class="all">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button> <button type="button" class="insert">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_image}</p> <p class="nofile">{$lang->edit->no_image}</p>
</div> </div>
@ -1297,6 +1301,7 @@
<p class="task"> <p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button> <button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button> <button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_multimedia}</p> <p class="nofile">{$lang->edit->no_multimedia}</p>
</div> </div>
@ -1306,16 +1311,14 @@
<p class="task"> <p class="task">
<button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button> <button type="button" class="all" title="{$lang->cmd_select_all}">{$lang->cmd_select_all}</button>
<button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button> <button type="button" class="insert" title="{$lang->edit->insert_selected}">{$lang->edit->insert_selected}</button>
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
</p> </p>
<p class="nofile">{$lang->edit->no_attachment}</p> <p class="nofile">{$lang->edit->no_attachment}</p>
</div> </div>
</div> </div>
<div class="iFoot"> <div class="iFoot">
<div class="btnArea fl">
<button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
</div>
<div class="btnArea fr"> <div class="btnArea fr">
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button> <button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
</div> </div>
</div> </div>
</div> </div>

View file

@ -2114,9 +2114,11 @@ FileUpload = xe.createPlugin('FileUpload', {
$par.find('button.ctr').addClass('show'); $par.find('button.ctr').addClass('show');
} }
) )
.delegate('button.ctr', 'focus', function(){ $(this).mouseover() })
.delegate('button.ctr', 'mouseout', .delegate('button.ctr', 'mouseout',
function(){ $(this).parent().find('button.ctr').removeClass('show'); } function(){ $(this).parent().find('button.ctr').removeClass('show'); }
) )
.delegate('button.ctr', 'blur', function(){ $(this).mouseout() })
.delegate('button.ctr.ins', 'click', .delegate('button.ctr.ins', 'click',
function(){ function(){
var $this = $(this), $item = $this.parent(), file_url = $this.parent().data('url'); var $this = $(this), $item = $this.parent(), file_url = $this.parent().data('url');

View file

@ -4,7 +4,7 @@
/* Reset */ /* Reset */
html, html,
body{ height:100%;} body{ height:100%;}
.xd{ display:none; position:relative; margin:1em 0; border:1px solid #b5b5b5; overflow:hidden; z-index:1; *zoom:1; } .xd{ display:none; position:relative; margin:1em 0; border:1px solid #b5b5b5; overflow:hidden; z-index:1; *zoom:1; color:#000;}
.xd .tool ul, .xd .tool ul,
.xd .mode ul{ margin:0; padding:0; list-style:none;} .xd .mode ul{ margin:0; padding:0; list-style:none;}
.xd .tool button, .xd .tool button,
@ -45,18 +45,18 @@ body{ height:100%;}
.xdlw .iHead, .xdlw .iHead,
.xdlw .iFoot, .xdlw .iFoot,
.xdlw .iHead h2, .xdlw .iHead h2,
.xdlw .iFoot .btn, .xdlw .btn,
.xdlw .label, .xdlw .label,
.xdlw .sn .ctr,
.xdlw .file li .ob, .xdlw .file li .ob,
.xdlw .sn .task .all, .xdlw .sn .task .all{ background-image:url(xd.gif); background-repeat:no-repeat;}
.xdlw .sn .task .insert{ background-image:url(xd.gif); background-repeat:no-repeat;}
/* Font Family */ /* Font Family */
.xd .tool .t1 .tb, .xd .tool .t1 .tb,
.xd .tool .t2 .hx .lr button, .xd .tool .t2 .hx .lr button,
.xd .tool .t2 .u6 .sc .lr .tab, .xd .tool .t2 .u6 .sc .lr .tab,
.xd .edit{ font-family:Dotum, , Tahoma, Geneva, sans-serif;} .xd .edit,
.xdal .sn .ctr,
.xdal .sn .task button{ font-family:Dotum, , Tahoma, Geneva, sans-serif;}
.xd .tool .itx, .xd .tool .itx,
.xd .tool .t2 .u6 .te .lr .cn li button, .xd .tool .t2 .u6 .te .lr .cn li button,
.xd .tool .t2 .u6 .te .lr .wh td button, .xd .tool .t2 .u6 .te .lr .wh td button,
@ -338,13 +338,15 @@ body{ height:100%;}
.xd .edit .xdsc{ border:0; padding:20px 25px; overflow:auto; background:transparent; font:12px "Courier New", Courier, monospace;} .xd .edit .xdsc{ border:0; padding:20px 25px; overflow:auto; background:transparent; font:12px "Courier New", Courier, monospace;}
/* XD Layer Window */ /* XD Layer Window */
.xdlw{ display:none; position:absolute; top:50%; left:50%; z-index:1000;} .xdlw{ display:none; position:absolute; top:50%; left:50%; z-index:1000; color:#000;}
.xdlw img{ border:0;} .xdlw img{ border:0;}
.xdlw .iHead{ background-position:0 -1140px; background-repeat:repeat-x; border-bottom:1px solid #ccc; font-size:12px; padding:10px 0; *zoom:1;} .xdlw .iHead{ background-position:0 -1140px; background-repeat:repeat-x; border-bottom:1px solid #ccc; font-size:12px; padding:10px 0; *zoom:1;}
.xdlw .iHead:after{ content:""; display:block; clear:both;} .xdlw .iHead:after{ content:""; display:block; clear:both;}
.xdlw .iHead h2{ float:left; _display:inline; margin:0 0 0 20px; padding:0 0 0 20px; background-position:0 -257px; font-size:12px; height:16px; line-height:16px;} .xdlw .iHead h2{ float:left; _display:inline; margin:0 0 0 20px; padding:0 0 0 20px; background-position:0 -257px; font-size:12px; height:16px; line-height:16px;}
.xdlw .iHead h2 em{ font-weight:normal; font-style:normal; color:#ccc;} .xdlw .iHead h2 em{ font-weight:normal; font-style:normal; color:#ccc;}
.xdlw .iHead h2 strong{ color:#f60;} .xdlw .iHead h2 strong{ color:#f60;}
.xdlw .iHead .btnArea{ margin:0 20px; *zoom:1;}
.xdlw .iHead .btnArea.fr{ float:right;}
.xdlw .iBody{ position:relative;} .xdlw .iBody{ position:relative;}
.xdlw .iBody:after{ content:""; display:block; clear:both;} .xdlw .iBody:after{ content:""; display:block; clear:both;}
.xdlw .iFoot{ height:21px; line-height:21px; padding:10px 0; border-top:1px solid #ccc; background-position:0 -1140px; background-repeat:repeat-x;} .xdlw .iFoot{ height:21px; line-height:21px; padding:10px 0; border-top:1px solid #ccc; background-position:0 -1140px; background-repeat:repeat-x;}
@ -355,30 +357,31 @@ body{ height:100%;}
/* XD Layer Window - AL(Attached List) */ /* XD Layer Window - AL(Attached List) */
.xdal{ display:none; width:780px; margin:-170px 0 0 -390px; background:#fff; border:3px solid #666; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;} .xdal{ display:none; width:780px; margin:-170px 0 0 -390px; background:#fff; border:3px solid #666; box-shadow:0 0 10px #999; -moz-box-shadow:0 0 10px #999; -webkit-box-shadow:0 0 10px #999;}
.xdal .label{ width:275px; line-height:30px; font-weight:bold; margin:0; padding:0 0 0 24px;} .xdal .label{ width:190px; line-height:30px; font-weight:bold; margin:0; padding:0 0 0 24px;}
.xdal .img .label{ background-position:0 -282px;} .xdal .img .label{ background-position:0 -282px;}
.xdal .mov .label{ background-position:0 -312px;} .xdal .mov .label{ background-position:0 -312px;}
.xdal .file .label{ background-position:0 -342px;} .xdal .file .label{ background-position:0 -342px;}
.xdal .sn{ position:relative; padding:15px 20px; width:215px; height:300px; float:left; border-left:1px solid #ddd; overflow:hidden;} .xdal .sn{ position:relative; padding:15px 0 15px 20px; width:239px; height:300px; float:left; border-left:1px solid #ddd; overflow:auto; overflow-x:hidden;}
.xdal .sn ul{ margin:0; padding:0; *zoom:1;} .xdal .sn ul{ margin:0 10px 0 0; padding:0; *zoom:1;}
.xdal .sn ul:after{ content:""; display:block; clear:both;} .xdal .sn ul:after{ content:""; display:block; clear:both;}
.xdal .sn li{ position:relative; list-style:none; vertical-align:top; margin:0 10px 10px 0;} .xdal .sn li{ position:relative; list-style:none; vertical-align:top; margin:0; padding:8px 0; border-top:1px dotted #ccc; color:#666;}
.xdal .sn .ob{ position:relative; display:block; text-decoration:none; white-space:nowrap; font-size:0; width:100px; height:100px; overflow:hidden; margin:0 0 5px 0; border:1px solid #ddd; text-align:center; line-height:98px;} .xdal .sn .ob{ position:relative; text-decoration:none; white-space:nowrap; font-size:0; width:60px; height:60px; overflow:hidden; margin:0 0 5px 0; border:1px solid #ddd; text-align:center; vertical-align:top; line-height:58px;}
.xdal .sn .ob img{ vertical-align:middle;} .xdal .sn .ob img{ vertical-align:middle;}
.xdal .sn .ob.ed{ background-color:#eee;} .xdal .sn .ob.ed{ background-color:#eee;}
.xdal .sn .ctr{ position:absolute; display:block; left:0; border:1px solid #bbb; font-size:12px; white-space:nowrap; background-position:0 -1140px; background-color:#f4f4f4; opacity:0; filter:alpha(opacity=0); -ms-filter:"alpha(opacity=0)"; box-shadow:0 0 2px #bbb; -moz-box-shadow:0 0 2px #bbb; -webkit-box-shadow:0 0 2px #bbb;} .xdal .sn .ctr{ position:absolute; top:8px; font-size:11px; white-space:nowrap; color:#666;}
.xdal .sn .ctr.show{opacity:1; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)";} .xdal .sn .ctr.show{}
.xdal .sn .ins{ width:100px; height:100px; top:0;} .xdal .sn .ins{ right:20px;}
.xdal .sn .del{ height:26px; top:74px; padding:0 5px;} .xdal .sn .del{ right:0; font-weight:bold;}
.xdal .sn .task{ position:absolute; top:27px; right:0; margin:0;} .xdal .sn .task{ margin:0 10px 0 0; padding:8px 0 0 0; border-top:1px dotted #ccc;}
.xdal .sn .task button{ padding:0 0 0 15px; font-size:12px;} .xdal .sn .task button{ padding:0 3px; height:21px; font-size:11px; border:1px solid #b5b5b5;}
.xdal .sn .task .all{ background-position:-586px -260px;} .xdal .sn .task .all{ padding-left:15px; background-position:-583px -257px;}
.xdal .sn .task .insert{ background-position:-586px -288px;} .xdal .sn .task .insert{}
.xdal .sn .task .delete{}
.xdal .sn .task .up{ padding:0; border-bottom:1px solid;} .xdal .sn .task .up{ padding:0; border-bottom:1px solid;}
.xdal .sn .progress{ display:none; width:80px; background:#ddd;} .xdal .sn .progress{ display:none; width:40px; background:#ddd;}
.xdal .sn .progress .bar{ display:block; background:#999; height:6px;} .xdal .sn .progress .bar{ display:block; background:#23cb24; height:6px;}
.xdal .sn .uploading .progress{ display:inline-block;} .xdal .sn .uploading .progress{ display:inline-block;}
.xdal .sn .nofile{ display:none; position:absolute; top:27px; right:0; margin:0; text-align:center; color:#767676;} .xdal .sn .nofile{ display:none; color:#767676;}
.xdal .sn .nofile .up{ font-size:12px; border-bottom:1px solid;} .xdal .sn .nofile .up{ font-size:12px; border-bottom:1px solid;}
.xdal .none .task{ display:none;} .xdal .none .task{ display:none;}
.xdal .none .nofile{ display:block;} .xdal .none .nofile{ display:block;}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 40 KiB

After

Width:  |  Height:  |  Size: 40 KiB

Before After
Before After