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

File list modal UX enhancement.

Browse source 
git-svn-id: http://xe-core.googlecode.com/svn/branches/maserati@12475 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2012-12-27 02:53:08 +00:00
parent 4bb7406ef4
commit 7c8abb0e1e
2 changed files with 104 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

43
modules/file/tpl/file_list.html
View file

@ -3,14 +3,14 @@ xe.lang.msg_empty_search_target = '{$lang->msg_empty_search_target}';
xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
</script>
<load target="js/file_admin.js" usecdn="true" />
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<form id="fo_list" action="./" method="post">
<input type="hidden" name="module" value="file" />
<div class="x_page-header">
<h1>{$lang->file} <a class="x_icon-question-sign" href="./help/index.html#UMAN_content_file" target="_blank">{$lang->help}</a></h1>
</div>
<div cond="$XE_VALIDATOR_MESSAGE" class="message {$XE_VALIDATOR_MESSAGE_TYPE}">
<p>{$XE_VALIDATOR_MESSAGE}</p>
</div>
<table id="fileListTable" class="x_table x_table-striped x_table-hover">
<caption>
<a href="{getUrl('', 'module', 'admin', 'act', 'dispFileAdminList')}" class="active"|cond="$search_keyword == ''">{$lang->all}<block cond="$search_keyword == ''">({number_format($total_count)})</block></a>
@ -20,7 +20,7 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
<a href="{getUrl('search_target','isvalid','search_keyword','N')}" class="active"|cond="$search_target == 'isvalid' && $search_keyword == 'N'">{$lang->is_stand_by}<block cond="$search_target == 'isvalid' && $search_keyword == 'N'">({number_format($total_count)})</block></a>
<a class="x_icon-question-sign" href="./help/index.html#UMAN_faq_file_status" target="_blank">{$lang->help}</a>
<span class="x_pull-right"><a href="#listManager" class="x_btn modalAnchor" onclick="getFileList();">{$lang->file_manager}</a></span>
<span class="x_pull-right"><a href="#listManager" class="x_btn modalAnchor" onclick="getFileList();">{$lang->delete}</a></span>
</caption>
<thead>
<tr>
@ -88,10 +88,13 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
</td>
</tr>
<!--@endforeach-->
<tr cond="!$file_list">
<td>{$lang->no_files}</td>
</tr>
</tbody>
</table>
<span class="x_pull-right">
<a href="#listManager" class="x_btn modalAnchor" onclick="getFileList();">{$lang->file_manager}</a>
<a href="#listManager" class="x_btn modalAnchor" onclick="getFileList();">{$lang->delete}</a>
</span>
</form>
@ -149,16 +152,18 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
<a href="{getUrl('','module',$module,'act',$act)}" class="x_btn">{$lang->cmd_cancel}</a>
</form>
<form ruleset="deleteChecked" action="./" method="post" class="x_modal fg" id="listManager">
<form ruleset="deleteChecked" action="./" method="post" class="x_modal" id="listManager">
<input type="hidden" name="module" value="file" />
<input type="hidden" name="act" value="procFileAdminDeleteChecked" />
<input type="hidden" name="page" value="{$page}" />
<div class="x_modal-header">
<h3>{$lang->file_manager}</h3>
<h3>{$lang->file_manager}: {$lang->delete}</h3>
</div>
<div class="x_modal-body">
<table width="100%" id="fileManageListTable" class="x_table x_table-striped x_table-hover">
<caption>{$lang->selected_file} <strong id="selectedFileCount"></strong></caption>
<caption>
<strong>{$lang->selected_file} <span id="selectedFileCount"></span></strong>
</caption>
<thead>
<tr>
<th scope="col">{$lang->file}</th>
@ -174,3 +179,25 @@ xe.lang.msg_empty_search_keyword = '{$lang->msg_empty_search_keyword}';
<button type="submit" class="x_btn x_btn-inverse">{$lang->cmd_delete}</button>
</div>
</form>
<script>
jQuery(function($){
// Modal anchor activation
var $docTable = $('#fileListTable');
$docTable.find(':checkbox').change(function(){
var $modalAnchor = $('a.modalAnchor');
if($docTable.find(':checked').length == 0){
$modalAnchor.removeAttr('href').addClass('x_disabled');
} else {
$modalAnchor.attr('href','#listManager').removeClass('x_disabled');
}
}).change();
// Button action
$('a.modalAnchor').click(function(){
if($docTable.find(':checked').length == 0){
$('body').css('overflow','auto');
alert('{$lang->msg_cart_is_null}');
return false;
}
});
});
</script>