haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-25 06:33:48 +00:00
Code Issues Releases Wiki Activity

[share links] sort download links

Browse Source
This commit is contained in:
llj
2015-08-14 19:37:39 +08:00
parent 57fb0066e3
commit 5ecb0ff74c
1 changed files with 99 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
seahub/share/templates/share/links.html
View File

@@ -17,14 +17,14 @@
<table>
<tr>
<th width="4%"><!--icon--></th>
<th width="40%">{% trans "Name"%}</th>
<th width="40%" class="by-name cspt">{% trans "Name"%} <span class="sort-icon hide"></span></th>
<th width="24%">{% trans "Library"%}</th>
<th width="10%">{% trans "Visits"%}</th>
<th width="12%">{% trans "Expiration"%}</th>
<th width="12%" class="by-time cspt">{% trans "Expiration"%} <span class="sort-icon hide"></span></th>
<th width="10%"><!--Operations--></th>
</tr>
{% for fs in fileshares %}
<tr>
<tr data-type="{{fs.s_type}}" data-name="{{ fs.filename }}" data-time="{{ fs.expire_date|date:'Y-m-d' }}">
{% if fs.s_type == 'f' %}
<td class="alc"><img src="{{ MEDIA_URL }}img/file/{{ fs.filename|file_icon_filter }}" alt="{% trans "File"%}" /></td>
<td><a href="{% url 'view_lib_file' fs.repo.id fs.path|urlencode %}">{{ fs.filename }}</a></td>
@@ -122,5 +122,101 @@ $('#shared-link').click(function() {
$(this).select();
});
{% endif %}
{% if fileshares %}
// sort download links
$('.by-name, .by-time').click(function() {
var $table = $(this).closest('table');
// handle sort-icon
$('.sort-icon', $table).hide();
var $sort_icon = $('.sort-icon', $(this)).show();
if ($sort_icon.hasClass('icon-caret-up') ||
$sort_icon.hasClass('icon-caret-down')) {
$sort_icon.toggleClass('icon-caret-up icon-caret-down');
} else {
$sort_icon.addClass('icon-caret-up');
}
// prepare data
var dir_item_list = [],
file_item_list = [],
$items = $('tr:gt(0)', $table);
$items.each(function(index, item) {
var obj = {
'element': item,
'name': $(item).attr('data-name'),
'time': $(item).attr('data-time')
};
if ($(item).data('type') == 'd') {
dir_item_list.push(obj);
} else {
file_item_list.push(obj);
}
});
// define 'sort by' functions
var by_name_up = function (a, b) {
return a.name.toLowerCase() < b.name.toLowerCase() ? -1 : 1;
};
var by_name_down = function (a, b) {
return a.name.toLowerCase() < b.name.toLowerCase() ? 1 : -1;
};
var by_time_up = function (a, b) {
if (!a.time && !b.time) {
return 0;
}
if (!a.time && b.time) {
return 1;
}
if (a.time && !b.time) {
return -1;
}
return a.time < b.time ? -1 : 1;
};
var by_time_down = function (a, b) {
if (!a.time && !b.time) {
return 0;
}
if (!a.time && b.time) {
return -1;
}
if (a.time && !b.time) {
return 1;
}
return a.time < b.time ? 1 : -1;
};
// sort
if ($(this).hasClass('by-name')) {
// by name
if ($sort_icon.hasClass('icon-caret-up')) {
dir_item_list.sort(by_name_up);
file_item_list.sort(by_name_up);
} else {
dir_item_list.sort(by_name_down);
file_item_list.sort(by_name_down);
}
} else {
// by time
if ($sort_icon.hasClass('icon-caret-up')) {
dir_item_list.sort(by_time_up);
file_item_list.sort(by_time_up);
} else {
dir_item_list.sort(by_time_down);
file_item_list.sort(by_time_down);
}
}
// DOM op
$items.detach();
$(dir_item_list).each(function(index, item) {
$table.append(item.element);
});
$(file_item_list).each(function(index, item) {
$table.append(item.element);
});
});
{% endif %}
</script>
{% endblock %}