mirror of
https://github.com/Lastorder-DC/rhymix.git
synced 2026-01-14 00:39:57 +09:00
attach ui update
git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7859 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong
parent
3c18e97d1d
commit
d042e14f02
4 changed files with 67 additions and 99 deletions
|
|
@ -28,25 +28,27 @@
|
|||
<div class="tool">
|
||||
<a href="#edit" class="skip">{$lang->edit->jumptoedit}</a>
|
||||
<div class="t1">
|
||||
<button type="button" class="mo"><span>{$lang->edit->extension}</span></button>
|
||||
<ul class="u1">
|
||||
<li class="ti al"><a href="#xdal" class="tb"><span>{$lang->edit->upload_list} <em>[<strong>0</strong>]</em></span></a></li>
|
||||
<li class="ti img"><a href="#xdal" class="tb"><span>{$lang->edit->image} <em>[<strong>0</strong>]</em></span></a></li>
|
||||
<li class="ti mov"><a href="#xdal" class="tb"><span>{$lang->edit->multimedia} <em>[<strong>0</strong>]</em></span></a></li>
|
||||
<li class="ti file"><a href="#xdal" class="tb"><span>{$lang->edit->file} <em>[<strong>0</strong>]</em></span></a></li>
|
||||
<li class="ti al">
|
||||
<a href="#xdal" class="tb">
|
||||
<span class="all">{$lang->edit->upload_list}</span>
|
||||
<span class="img"><span>{$lang->edit->image}</span><strong>0</strong></span>
|
||||
<span class="media"><span>{$lang->edit->multimedia}</span><strong>0</strong></span>
|
||||
<span class="file"><span>{$lang->edit->file}</span><strong>0</strong></span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--@if($enable_component)-->
|
||||
<!-- editor components -->
|
||||
<ul class="u2">
|
||||
<!--@foreach($component_list as $component_name => $component)-->
|
||||
<li class="ti"><button type="button" class="tb" title="{$component->title}" id="component_{$editor_sequence}_{$component_name}"><!-- <img src="../../components/{$component_name}/component_icon.gif" width="13" height="12" /> --><span>{$component->title}</span></button></li>
|
||||
<!--@end-->
|
||||
<!--@foreach($component_list as $component_name => $component)-->
|
||||
<li class="ti"><a href="#please_valid_url" class="tb" id="component_{$editor_sequence}_{$component_name}">{$component->title}</a></li>
|
||||
<!--@end-->
|
||||
</ul>
|
||||
<!-- //editor components -->
|
||||
<!--@end-->
|
||||
</div>
|
||||
<div class="t2">
|
||||
<button type="button" class="mo"><span>{$lang->edit->extension}</span></button>
|
||||
<ul class="u1">
|
||||
<li class="ti ud disable"><button type="button" class="tb tn ud"><span>{$lang->edit->undo} Ctrl+Z</span></button></li>
|
||||
<li class="ti rd disable"><button type="button" class="tb tn rd da"><span>{$lang->edit->redo} Ctrl+Y</span></button></li>
|
||||
|
|
@ -1277,14 +1279,15 @@
|
|||
<button type="button" class="btn cs" title="{$lang->cmd_close}">{$lang->cmd_close}</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iBody focusMov">
|
||||
<div class="iBody">
|
||||
<div class="sn img none">
|
||||
<p class="label">{$lang->edit->image}</p>
|
||||
<h3 class="label">{$lang->edit->image}</h3>
|
||||
<p class="nofile">{$lang->edit->no_image}</p>
|
||||
<ul>
|
||||
<li>
|
||||
<button type="button" class="ob"><img src="about:blank" alt="" /></button>
|
||||
<button type="button" class="ctr ins">{$lang->edit->link_file}</button>
|
||||
<button type="button" class="ctr del" title="{$lang->cmd_delete}">X</button> <br />
|
||||
<button type="button" class="ctr ins" title="{$lang->edit->link_file}"><span>{$lang->edit->link_file}</span></button>
|
||||
<button type="button" class="ctr del" title="{$lang->cmd_delete}"><span>{$lang->cmd_delete}</span></button> <br />
|
||||
<input name="" type="checkbox" value="" class="icx" id="img1" /> <label for="img1">@exThumbH.jpg</label>
|
||||
</li>
|
||||
</ul>
|
||||
|
|
@ -1293,30 +1296,30 @@
|
|||
<button type="button" class="insert">{$lang->edit->insert_selected}</button>
|
||||
<button type="button" class="delete">{$lang->edit->delete_selected}</button>
|
||||
</p>
|
||||
<p class="nofile">{$lang->edit->no_image}</p>
|
||||
</div>
|
||||
<div class="sn movie none">
|
||||
<p class="label">{$lang->edit->multimedia}</p>
|
||||
<h3 class="label">{$lang->edit->multimedia}</h3>
|
||||
<p class="nofile">{$lang->edit->no_multimedia}</p>
|
||||
<ul></ul>
|
||||
<p class="task">
|
||||
<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="delete">{$lang->edit->delete_selected}</button>
|
||||
</p>
|
||||
<p class="nofile">{$lang->edit->no_multimedia}</p>
|
||||
</div>
|
||||
<div class="sn file none">
|
||||
<p class="label">{$lang->edit->file}</p>
|
||||
<h3 class="label">{$lang->edit->file}</h3>
|
||||
<p class="nofile">{$lang->edit->no_attachment}</p>
|
||||
<ul></ul>
|
||||
<p class="task">
|
||||
<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="delete">{$lang->edit->delete_selected}</button>
|
||||
</p>
|
||||
<p class="nofile">{$lang->edit->no_attachment}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="iFoot">
|
||||
<div class="iFoot">
|
||||
<p class="info">{$upload_status}</p>
|
||||
<div class="btnArea fr">
|
||||
<button type="button" class="btn at strong" title="{$lang->edit->upload_file}">{$lang->edit->upload_file}</button>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2306,9 +2306,9 @@ FileUpload = xe.createPlugin('FileUpload', {
|
|||
$item.find('button.ob > img')
|
||||
.load(function(){
|
||||
if(this.width > this.height){
|
||||
$(this).css('width', '100%');
|
||||
$(this).css('width', '54px');
|
||||
} else {
|
||||
$(this).css('height', '100%');
|
||||
$(this).css('height', '54px');
|
||||
}
|
||||
})
|
||||
.attr('src', f.download_url);
|
||||
|
|
|
|||
|
|
@ -29,9 +29,10 @@ body{height:100%}
|
|||
.xd .tool,
|
||||
.xd .mode,
|
||||
.xd .resize,
|
||||
.xd .tool .mo,
|
||||
.xd .t1 .u1,
|
||||
.xd .t1 .u1 .tb,
|
||||
.xd .t1 .u1 .tb .img,
|
||||
.xd .t1 .u1 .tb .media,
|
||||
.xd .t1 .u1 .tb .file,
|
||||
.xd .t1 .u2,
|
||||
.xd .t2 .tb,
|
||||
.xd .t2 .btn,
|
||||
|
|
@ -44,17 +45,19 @@ body{height:100%}
|
|||
.xdlw .iFoot,
|
||||
.xdlw .iHead h2,
|
||||
.xdlw .btn,
|
||||
.xdlw .label,
|
||||
.xdlw .movie .ob,
|
||||
.xdlw .file .ob,
|
||||
.xdlw .sn .task .all{background-image:url(xd.gif);background-repeat:no-repeat}
|
||||
.xdal .label,
|
||||
.xdal .movie .ob,
|
||||
.xdal .file .ob,
|
||||
.xdal .sn .task .all,
|
||||
.xdal .sn .ctr{background-image:url(xd.gif);background-repeat:no-repeat}
|
||||
/* Font Family */
|
||||
.xd .tool .t1 .tb,
|
||||
.xd .tool .t2 .hx .lr button,
|
||||
.xd .tool .t2 .u6 .sc .lr .tab,
|
||||
.xd .edit,
|
||||
.xdal .sn .ctr,
|
||||
.xdal .sn .task button{font-family:Dotum, 돋움, Tahoma, Geneva, sans-serif}
|
||||
.xdal .sn .task button,
|
||||
.xdal .iFoot .info{font-family:Dotum, 돋움, Tahoma, Geneva, sans-serif}
|
||||
.xd .tool .itx,
|
||||
.xd .tool .t2 .u6 .te .lr .cn li button,
|
||||
.xd .tool .t2 .u6 .te .lr .wh td button,
|
||||
|
|
@ -63,11 +66,14 @@ body{height:100%}
|
|||
.xdlw .iHead h2 em,
|
||||
.xdlw label{font-family:Tahoma, Geneva, sans-serif}
|
||||
/* Hidden Text */
|
||||
.xd .tool .mo span,
|
||||
.xd .tool .t2 .tb span,
|
||||
.xd .tool .t2 .u3 .cr .lr li button span,
|
||||
.xd .tool .t2 .u6 .te .lr .cn button span,
|
||||
.xd .mode .resize span{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1}
|
||||
.xd .t1 .tb .img span,
|
||||
.xd .t1 .tb .media span,
|
||||
.xd .t1 .tb .file span,
|
||||
.xd .t2 .tb span,
|
||||
.xd .t2 .u3 .cr .lr li button span,
|
||||
.xd .t2 .u6 .te .lr .cn button span,
|
||||
.xd .mode .resize span,
|
||||
.xdal .sn .ctr span{position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1}
|
||||
/* Label Input OverWrap */
|
||||
.xd .tool .liow{position:relative;background:#fff}
|
||||
.xd .tool .liow label{position:absolute;top:4px;left:6px;white-space:nowrap}
|
||||
|
|
@ -86,7 +92,6 @@ body{height:100%}
|
|||
.xd .mode ul button{padding:0 10px;font-size:11px}
|
||||
/* Tool - Common */
|
||||
.xd .tool{background-position:0 -1140px;background-repeat:repeat-x;background-color:#f4f4f4;position:relative;z-index:3}
|
||||
.xd .tool .mo{display:none;position:absolute;top:0;right:0;height:25px;width:16px;background-position:-300px -252px}
|
||||
.xd .skip{position:absolute;display:block;top:0;left:0;width:1px;height:1px;overflow:hidden;color:#333;text-indent:1em;text-decoration:none;font-size:12px}
|
||||
.xd .skip:hover,
|
||||
.xd .skip:active,
|
||||
|
|
@ -95,59 +100,26 @@ body{height:100%}
|
|||
.xd .t1{position:relative;z-index:2;padding:0 15px 0 0;border-bottom:1px solid #e0dedf;*zoom:1}
|
||||
.xd .t1:after{content:"";display:block;clear:both}
|
||||
.xd .t1 .u1,
|
||||
.xd .t1 .u2{background-repeat:repeat-x;background-position:0 -1140px;position:relative;left:-1px;float:left;border:1px solid #e0dedf;border-bottom:0;border-left:0;margin:-1px 0 0 0}
|
||||
.xd .t1.c2 .u2{display:none}
|
||||
.xd .t1.ca .u1,
|
||||
.xd .t1.ca .u2{display:block}
|
||||
.xd .t1 .ti{float:left}
|
||||
.xd .t1 .u2{background-repeat:repeat-x;background-position:0 -1140px;float:left;display:inline;border:1px solid #e0dedf;border-bottom:0;border-left:0;margin:-1px 0 0 -1px}
|
||||
.xd .t1 .ti{float:left; border-left:1px solid #ddd;}
|
||||
.xd .t1 .ti.active{background-color:#e8e8e8;border:1px solid #e0dedf;border-top:0;border-bottom:0;margin:0 -1px}
|
||||
.xd .t1 .tb{display:inline-block;height:26px;line-height:26px;font-size:11px;text-decoration:none;vertical-align:top;color:#000}
|
||||
.xd .t1 .tb span{display:inline-block;padding:0 5px;white-space:nowrap;text-shadow:1px 1px 0 #f8f8f8}
|
||||
.xd .t1 .u1 .tb span{padding-left:21px}
|
||||
.xd .t1 .u1 .tb em{color:#ccc}
|
||||
.xd .t1 .u1 .tb em strong{color:#f60}
|
||||
.xd .t1 .u1 .al .tb{background:none}
|
||||
.xd .t1 .u1 .al .tb span{padding-left:10px}
|
||||
.xd .t1 .u1 .img .tb{background-position:5px -282px}
|
||||
.xd .t1 .u1 .mov .tb{background-position:6px -312px}
|
||||
.xd .t1 .u1 .file .tb{background-position:6px -342px}
|
||||
.xd .t1 .tb{display:inline-block;padding:0 8px;height:26px;line-height:26px;font-size:11px;text-decoration:none;vertical-align:top;color:#000}
|
||||
.xd .t1 .tb span{display:inline-block;white-space:nowrap;text-shadow:1px 1px 0 #f8f8f8}
|
||||
.xd .t1 .u1 .tb strong{color:#f60}
|
||||
.xd .t1 .u1 .al .tb span{ padding:0 0 0 22px;}
|
||||
.xd .t1 .u1 .al .tb .all{ padding:0;}
|
||||
.xd .t1 .u1 .al .img{background-position:5px -282px}
|
||||
.xd .t1 .u1 .al .media{background-position:6px -312px}
|
||||
.xd .t1 .u1 .al .file{background-position:6px -342px}
|
||||
/* Tool - 2 */
|
||||
.xd .t2{position:relative;z-index:2;border-top:1px solid #e0dedf;border-bottom:1px solid #b5b5b5;padding:5px 10px 0 5px;margin:-1px 0 0 0;*zoom:1}
|
||||
.xd .t2:after{content:"";display:block;clear:both}
|
||||
.xd .t2 .mo{top:3px}
|
||||
.xd .t2 .u1,
|
||||
.xd .t2 .u2,
|
||||
.xd .t2 .u3,
|
||||
.xd .t2 .u4,
|
||||
.xd .t2 .u5,
|
||||
.xd .t2 .u6{float:left;position:relative;margin:0 5px 0 0;padding:0 0 5px 0;*zoom:1}
|
||||
.xd .t2 .u1:after,
|
||||
.xd .t2 .u2:after,
|
||||
.xd .t2 .u3:after,
|
||||
.xd .t2 .u4:after,
|
||||
.xd .t2 .u5:after,
|
||||
.xd .t2 .u6:after{content:"";display:block;clear:both}
|
||||
.xd .t2.c23456 .u2,
|
||||
.xd .t2.c23456 .u3,
|
||||
.xd .t2.c23456 .u4,
|
||||
.xd .t2.c23456 .u5,
|
||||
.xd .t2.c23456 .u6,
|
||||
.xd .t2.c3456 .u3,
|
||||
.xd .t2.c3456 .u4,
|
||||
.xd .t2.c3456 .u5,
|
||||
.xd .t2.c3456 .u6,
|
||||
.xd .t2.c456 .u4,
|
||||
.xd .t2.c456 .u5,
|
||||
.xd .t2.c456 .u6,
|
||||
.xd .t2.c56 .u5,
|
||||
.xd .t2.c56 .u6,
|
||||
.xd .t2.c6 .u6{display:none}
|
||||
.xd .t2.ca .u1,
|
||||
.xd .t2.ca .u2,
|
||||
.xd .t2.ca .u3,
|
||||
.xd .t2.ca .u4,
|
||||
.xd .t2.ca .u5,
|
||||
.xd .t2.ca .u6{display:block}
|
||||
.xd .t2 .ti{float:left;border:1px solid #b5b5b5;margin:0 -1px 0 0;font-size:0;position:relative}
|
||||
.xd .t2 .ti.hover{border-color:#666;z-index:100;box-shadow:0 0 2px #bbb;-moz-box-shadow:0 0 2px #bbb;-webkit-box-shadow:0 0 2px #bbb}
|
||||
.xd .t2 .ti.active{border-color:#333;z-index:100}
|
||||
|
|
@ -331,42 +303,35 @@ body{height:100%}
|
|||
.xdlw .iHead .btnArea.fr{float:right}
|
||||
.xdlw .iBody{position:relative}
|
||||
.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;cursor:move}
|
||||
.xdlw .iFoot{padding:10px 0;border-top:1px solid #ccc;background-position:0 -1140px;background-repeat:repeat-x;cursor:move}
|
||||
.xdlw .iFoot:after{content:"";display:block;clear:both}
|
||||
.xdlw .iFoot .btnArea{margin:0 20px;*zoom:1}
|
||||
.xdlw .iFoot .btnArea:after{content:"";display:block;clear:both}
|
||||
.xdlw .iFoot .btnArea.fl{float:left}
|
||||
.xdlw .iFoot .btnArea.fr{float:right}
|
||||
/* XD Layer Window - AL(Attached List) */
|
||||
.xdal{display:none;width:780px;margin:-210px 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:190px;line-height:30px;font-weight:bold;margin:0;padding:0 0 0 24px}
|
||||
.xdal .img .label{background-position:0 -282px}
|
||||
.xdal .movie .label{background-position:0 -312px}
|
||||
.xdal .file .label{background-position:0 -342px}
|
||||
.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 .focusImg .sn,
|
||||
.xdal .focusMov .sn,
|
||||
.xdal .focusFile .sn{opacity:.4;filter:alpha(opacity=40;)}
|
||||
.xdal .focusImg .img,
|
||||
.xdal .focusMov .movie,
|
||||
.xdal .focusFile .file{border:3px solid #ddd;width:237px;padding:12px 0 12px 17px;opacity:1;filter:alpha(opacity=100;);box-shadow:inset 0 0 3px #000;-moz-box-shadow:inset 0 0 3px #000;-webkit-box-shadow:inset 0 0 3px #000;}
|
||||
.xdal .sn ul{margin:0 10px 0 0;padding:0;*zoom:1}
|
||||
.xdal .iFoot .info{ margin:0; float:left; font-size:11px; line-height:normal; padding:0 0 0 20px; color:#666;}
|
||||
.xdal .label{line-height:30px;font-weight:bold;margin:0;padding:0 0 0 24px;font-size:12px;}
|
||||
.xdal .img .label{background-position:0 -280px}
|
||||
.xdal .movie .label{background-position:0 -310px}
|
||||
.xdal .file .label{background-position:0 -340px}
|
||||
.xdal .sn{position:relative;padding:10px 20px 15px 20px;width:219px;float:left;border-left:1px solid #ddd}
|
||||
.xdal .sn .nofile{display:none;padding:1em 0; margin:0; color:#767676;border-top:1px dotted #ccc;}
|
||||
.xdal .sn ul{height:290px; margin:0;padding:0;*zoom:1;overflow:auto;overflow-x:hidden;border-top:1px dotted #ccc;}
|
||||
.xdal .sn ul:after{content:"";display:block;clear:both}
|
||||
.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 li{position:relative;top:-1px; list-style:none;vertical-align:top;margin:0;padding:8px 0;border-top:1px dotted #ccc;color:#666}
|
||||
.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;background:#fff}
|
||||
.xdal .sn .ob img{vertical-align:middle}
|
||||
.xdal .sn .ob.ed{background-color:#eee}
|
||||
.xdal .sn .ctr{position:absolute;top:8px;font-size:11px;white-space:nowrap;color:#666}
|
||||
.xdal .sn .ins{right:20px}
|
||||
.xdal .sn .del{right:0;font-weight:bold}
|
||||
.xdal .sn .ctr{position:absolute;top:8px; width:30px; height:30px;font-size:11px;white-space:nowrap;color:#666}
|
||||
.xdal .sn .ins{right:35px;background-position:-510px -250px;}
|
||||
.xdal .sn .del{right:5px;background-position:-540px -250px;}
|
||||
.xdal .sn .task{margin:0 10px 0 0;padding:8px 0 0 0;border-top:1px dotted #ccc}
|
||||
.xdal .sn .task button{padding:0 3px;height:21px;font-size:11px;border:1px solid #b5b5b5}
|
||||
.xdal .sn .task button{padding:0 3px; margin:0 0 2px 0;height:21px;font-size:11px;border:1px solid #b5b5b5}
|
||||
.xdal .sn .task .all{padding-left:15px;background-position:-583px -257px}
|
||||
.xdal .sn .task .up{padding:0;border-bottom:1px solid}
|
||||
.xdal .sn .progress{display:none;width:40px;background:#ddd}
|
||||
.xdal .sn .progress .bar{display:block;background:#23cb24;height:6px}
|
||||
.xdal .sn .uploading .progress{display:inline-block}
|
||||
.xdal .sn .nofile{display:none;color:#767676}
|
||||
.xdal .sn .nofile .up{font-size:12px;border-bottom:1px solid}
|
||||
.xdal .none .task{display:none}
|
||||
.xdal .none .nofile{display:block}
|
||||
.xdal .file .ob{text-indent:-900px}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Loading…
Add table
Add a link
Reference in a new issue