fanbinit/rhymix
1
0
Fork 0
mirror of https://github.com/Lastorder-DC/rhymix.git synced 2026-01-07 10:41:40 +09:00
Code Issues Projects Releases Packages Wiki Activity

Move/Trash target UI fixed.(Modal -> Tree)

Browse source 
document_list.html / declared_list.html

git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12543 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2013-01-14 05:32:20 +00:00
parent 6ebdbdda08
commit 8e62aacfb9
4 changed files with 75 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

8
modules/admin/tpl/css/admin.css
View file

@ -108,6 +108,7 @@ body>.x,
.x_modal .x_modal-header{padding:15px;border-bottom:1px solid #aaa} .x_modal .x_modal-header{padding:15px;border-bottom:1px solid #aaa}
.x_modal .x_modal-header>h3{color:#fff;text-shadow:0 -1px 0 #000;font-size:16px} .x_modal .x_modal-header>h3{color:#fff;text-shadow:0 -1px 0 #000;font-size:16px}
.x_modal .x_modal-body{background:#fff;min-height:50px} .x_modal .x_modal-body{background:#fff;min-height:50px}
.x_modal-body:after{content:"";display:block;clear:both}
.x .x_control-group{padding-top:8px;margin-bottom:10px;border-top:1px dotted #ddd;clear:both} .x .x_control-group{padding-top:8px;margin-bottom:10px;border-top:1px dotted #ddd;clear:both}
.x .x_control-group:before{content:"";display:block;clear:both} .x .x_control-group:before{content:"";display:block;clear:both}
.x .x_control-group:first-child, .x .x_control-group:first-child,
@ -190,6 +191,13 @@ body>.x,
.x_modal._common._nobody .x_modal-body, .x_modal._common._nobody .x_modal-body,
.x_modal._common._type_alert ._cancel{display:none} .x_modal._common._type_alert ._cancel{display:none}
.x_modal._common._nobody .x_modal-footer{border-top:0} .x_modal._common._nobody .x_modal-footer{border-top:0}
.x_modal-body.showTree .moveList{float:left;width:60%}
.x_modal-body.showTree .moveTree{display:block !important;float:right;width:38%}
.x_modal-body.showTree .moveTree>h1{font-size:13px;color:#333;border-bottom:2px solid #ddd;padding:10px 0 7px 0}
@media all and (max-width:960px){
.x_modal-body.showTree .moveList,
.x_modal-body.showTree .moveTree{float:none;width:auto}
}
/* Image Sprite */ /* Image Sprite */
.x a[target="_blank"]:after, .x a[target="_blank"]:after,
.x>.body>.gnb>ul>li>a>i, .x>.body>.gnb>ul>li>a>i,

2
modules/admin/tpl/css/admin.min.css vendored
View file

File diff suppressed because one or more lines are too long

60
modules/document/tpl/declared_list.html
View file

@ -113,26 +113,35 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
<h3>{$lang->document_manager}: <span class="_sub"></span></h3> <h3>{$lang->document_manager}: <span class="_sub"></span></h3>
</div> </div>
<div class="x_modal-body"> <div class="x_modal-body">
<table width="100%" id="documentManageListTable" class="x_table x_table-striped x_table-hover"> <section class="moveList">
<caption><strong>{$lang->selected_document} <span id="selectedDocumentCount"></span></strong></caption> <table width="100%" id="documentManageListTable" class="x_table x_table-striped x_table-hover">
<thead> <caption><strong>{$lang->selected_document} <span id="selectedDocumentCount"></span></strong></caption>
<tr> <thead>
<th scope="col" class="title">{$lang->title}</th> <tr>
<th scope="col" class="nowr">{$lang->writer}</th> <th scope="col" class="title">{$lang->title}</th>
<th scope="col" class="nowr">{$lang->status}</th> <th scope="col" class="nowr">{$lang->writer}</th>
</tr> <th scope="col" class="nowr">{$lang->status}</th>
</thead> </tr>
<tbody> </thead>
</tbody> <tbody>
</table> </tbody>
<div class="x_control-group _moveTarget" style="position:relative" hidden> </table>
<label>{$lang->selected_document_move}</label> <div class="x_control-group _moveTarget" style="position:relative" hidden>
<input type="text" name="module_srl" class="module_search" /> <label>{$lang->selected_document_move}</label>
</div> <input type="text" name="module_srl" class="module_search" />
<div class="x_control-group" style="padding-right:14px"> </div>
<label for="message">{$lang->message_notice}</label> <div class="x_control-group" style="padding-right:14px;border-top:0">
<textarea rows="4" cols="42" name="message_content" id="message" style="width:100%"></textarea> <label for="message">{$lang->message_notice}</label>
</div> <textarea rows="4" cols="42" name="message_content" id="message" style="width:100%"></textarea>
</div>
</section>
<section class="moveTree">
<h1>{$lang->msg_select_menu}</h1>
<p>{$lang->selected_document_move}</p>
<div class="tree">
&lt;!-- Tree Here --&gt;
</div>
</section>
</div> </div>
<div class="x_modal-footer"> <div class="x_modal-footer">
<button type="submit" name="type" value="" class="x_btn x_btn-inverse x_pull-right">{$lang->cmd_confirm}</button> <button type="submit" name="type" value="" class="x_btn x_btn-inverse x_pull-right">{$lang->cmd_confirm}</button>
@ -159,15 +168,16 @@ jQuery(function($){
return false; return false;
} else { } else {
var $this = $(this); var $this = $(this);
var $moveTarget = $('._moveTarget'); var $manageForm = $('#manageForm');
var $modalBody = $manageForm.find('.x_modal-body');
var thisValue = $this.attr('data-value'); var thisValue = $this.attr('data-value');
var thisText = $this.text(); var thisText = $this.text();
getDocumentList(); getDocumentList();
$('#manageForm').find('.x_modal-header ._sub').text(thisText).end().find('[type="submit"]').val(thisValue).text(thisText); $manageForm.find('.x_modal-header ._sub').text(thisText).end().find('[type="submit"]').val(thisValue).text(thisText);
if(thisValue == 'trash' || thisValue == 'delete' || thisValue == 'cancelDeclare'){ if(thisValue == 'trash' || thisValue == 'delete' || thisValue == 'cancelDeclare'){
$moveTarget.hide().next().css('borderTopWidth','0'); $modalBody.removeClass('showTree');
} else { } else if(thisValue == 'move' || thisValue == 'copy') {
$moveTarget.show().next().css('borderTopWidth','1px'); $modalBody.addClass('showTree');
} }
} }
}); });

56
modules/document/tpl/document_list.html
View file

@ -128,26 +128,31 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
<h3>{$lang->document_manager}: <span class="_sub"></span></h3> <h3>{$lang->document_manager}: <span class="_sub"></span></h3>
</div> </div>
<div class="x_modal-body"> <div class="x_modal-body">
<table width="100%" id="documentManageListTable" class="x_table x_table-striped x_table-hover"> <section class="moveList">
<caption><strong>{$lang->selected_document} <span id="selectedDocumentCount"></span></strong></caption> <table width="100%" id="documentManageListTable" class="x_table x_table-striped x_table-hover">
<thead> <caption><strong>{$lang->selected_document} <span id="selectedDocumentCount"></span></strong></caption>
<tr> <thead>
<th scope="col" class="title">{$lang->title}</th> <tr>
<th scope="col" class="nowr">{$lang->writer}</th> <th scope="col" class="title">{$lang->title}</th>
<th scope="col" class="nowr">{$lang->status}</th> <th scope="col" class="nowr">{$lang->writer}</th>
</tr> <th scope="col" class="nowr">{$lang->status}</th>
</thead> </tr>
<tbody> </thead>
</tbody> <tbody>
</table> </tbody>
<div class="x_control-group _moveTarget" style="position:relative" hidden> </table>
<label>{$lang->selected_document_move}</label> <div class="x_control-group" style="padding-right:14px;border-top:0">
<input type="text" name="module_srl" data-disallowedType="page,_SHORTCUT,_ROOT" class="module_search" /> <label for="message">{$lang->message_notice}</label>
</div> <textarea rows="4" cols="42" name="message_content" id="message" style="width:100%"></textarea>
<div class="x_control-group" style="padding-right:14px"> </div>
<label for="message">{$lang->message_notice}</label> </section>
<textarea rows="4" cols="42" name="message_content" id="message" style="width:100%"></textarea> <section class="moveTree" hidden>
</div> <h1>{$lang->msg_select_menu}</h1>
<p>{$lang->selected_document_move}</p>
<div class="tree">
&lt;!-- Tree Here --&gt;
</div>
</section>
</div> </div>
<div class="x_modal-footer"> <div class="x_modal-footer">
<button type="submit" name="type" value="" class="x_btn x_btn-inverse x_pull-right">{$lang->cmd_confirm}</button> <button type="submit" name="type" value="" class="x_btn x_btn-inverse x_pull-right">{$lang->cmd_confirm}</button>
@ -174,15 +179,16 @@ jQuery(function($){
return false; return false;
} else { } else {
var $this = $(this); var $this = $(this);
var $moveTarget = $('._moveTarget'); var $manageForm = $('#manageForm');
var $modalBody = $manageForm.find('.x_modal-body');
var thisValue = $this.attr('data-value'); var thisValue = $this.attr('data-value');
var thisText = $this.text(); var thisText = $this.text();
getDocumentList(); getDocumentList();
$('#manageForm').find('.x_modal-header ._sub').text(thisText).end().find('[type="submit"]').val(thisValue).text(thisText); $manageForm.find('.x_modal-header ._sub').text(thisText).end().find('[type="submit"]').val(thisValue).text(thisText);
if(thisValue == 'trash' || thisValue == 'delete'){ if(thisValue == 'trash' || thisValue == 'delete'){
$moveTarget.hide().next().css('borderTopWidth','0'); $modalBody.removeClass('showTree');
} else { } else if(thisValue == 'move' || thisValue == 'copy') {
$moveTarget.show().next().css('borderTopWidth','1px'); $modalBody.addClass('showTree');
} }
} }
}); });