mirror of
https://github.com/haiwen/seahub.git
synced 2025-09-01 15:09:14 +00:00
[system admin] trash repos: list by page
This commit is contained in:
24
static/scripts/sysadmin-app/collection/search-trash-repos.js
Normal file
24
static/scripts/sysadmin-app/collection/search-trash-repos.js
Normal file
@@ -0,0 +1,24 @@
|
||||
define([
|
||||
'underscore',
|
||||
'backbone',
|
||||
'common',
|
||||
'sysadmin-app/models/trash-repo'
|
||||
], function(_, Backbone, Common, TrashRepoModel) {
|
||||
'use strict';
|
||||
|
||||
var TrashRepoCollection = Backbone.Collection.extend({
|
||||
model: TrashRepoModel,
|
||||
|
||||
url: function () {
|
||||
return Common.getUrl({name: 'admin-trash-libraries'});
|
||||
},
|
||||
|
||||
parse: function(data) {
|
||||
this.search_owner = data.search_owner;
|
||||
return data.repos;
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
return TrashRepoCollection;
|
||||
});
|
@@ -1,20 +1,25 @@
|
||||
define([
|
||||
'underscore',
|
||||
'backbone',
|
||||
'backbone.paginator',
|
||||
'common',
|
||||
'sysadmin-app/models/trash-repo'
|
||||
], function(_, Backbone, Common, TrashRepoModel) {
|
||||
], function(_, BackbonePaginator, Common, TrashRepoModel) {
|
||||
'use strict';
|
||||
|
||||
var TrashRepoCollection = Backbone.Collection.extend({
|
||||
var TrashRepoCollection = Backbone.PageableCollection.extend({
|
||||
model: TrashRepoModel,
|
||||
|
||||
url: function () {
|
||||
return Common.getUrl({name: 'admin-trash-libraries'});
|
||||
},
|
||||
|
||||
parse: function(data) {
|
||||
this.search_owner = data.search_owner;
|
||||
state: {pageSize: 100},
|
||||
|
||||
parseState: function(data) {
|
||||
return data.page_info; // {'has_next_page': has_next_page, 'current_page': current_pag
|
||||
},
|
||||
|
||||
parseRecords: function(data) {
|
||||
return data.repos;
|
||||
}
|
||||
|
||||
|
@@ -12,12 +12,13 @@ define([
|
||||
'sysadmin-app/views/search-repos',
|
||||
'sysadmin-app/views/system-repo',
|
||||
'sysadmin-app/views/trash-repos',
|
||||
'sysadmin-app/views/search-trash-repos',
|
||||
'sysadmin-app/views/dir',
|
||||
'app/views/account'
|
||||
], function($, Backbone, Common, SideNavView, DashboardView,
|
||||
DesktopDevicesView, MobileDevicesView, DeviceErrorsView,
|
||||
ReposView, SearchReposView, SystemReposView, TrashReposView, DirView,
|
||||
AccountView) {
|
||||
ReposView, SearchReposView, SystemReposView, TrashReposView,
|
||||
SearchTrashReposView, DirView, AccountView) {
|
||||
|
||||
"use strict";
|
||||
|
||||
@@ -32,6 +33,7 @@ define([
|
||||
'search-libs/': 'showSearchLibraries',
|
||||
'system-lib/': 'showSystemLibrary',
|
||||
'trash-libs/': 'showTrashLibraries',
|
||||
'search-trash-libs/': 'showSearchTrashLibraries',
|
||||
'libs/:repo_id(/*path)': 'showLibraryDir',
|
||||
// Default
|
||||
'*actions': 'showDashboard'
|
||||
@@ -57,6 +59,7 @@ define([
|
||||
this.searchReposView = new SearchReposView();
|
||||
this.systemReposView = new SystemReposView();
|
||||
this.trashReposView = new TrashReposView();
|
||||
this.searchTrashReposView = new SearchTrashReposView();
|
||||
this.dirView = new DirView();
|
||||
|
||||
app.ui.accountView = this.accountView = new AccountView();
|
||||
@@ -152,14 +155,26 @@ define([
|
||||
this.systemReposView.show();
|
||||
},
|
||||
|
||||
// show trash libs by page
|
||||
showTrashLibraries: function() {
|
||||
// url_match: null or an array
|
||||
var url_match = location.href.match(/.*?page=(\d+)/);
|
||||
var page = url_match ? url_match[1] : 1; // 1: default
|
||||
|
||||
this.switchCurrentView(this.trashReposView);
|
||||
this.sideNavView.setCurTab('libraries', {'option': 'trash'});
|
||||
this.trashReposView.show({'page': page});
|
||||
},
|
||||
|
||||
// search trash libs by owner
|
||||
showSearchTrashLibraries: function() {
|
||||
// url_match: null or an array
|
||||
var url_match = location.href.match(/.*?name=(.*)/); // search by owner
|
||||
var owner = url_match ? url_match[1] : '';
|
||||
|
||||
this.switchCurrentView(this.trashReposView);
|
||||
this.switchCurrentView(this.searchTrashReposView);
|
||||
this.sideNavView.setCurTab('libraries', {'option': 'trash'});
|
||||
this.trashReposView.show({'owner': decodeURIComponent(owner)});
|
||||
this.searchTrashReposView.show({'owner': decodeURIComponent(owner)});
|
||||
}
|
||||
|
||||
});
|
||||
|
147
static/scripts/sysadmin-app/views/search-trash-repos.js
Normal file
147
static/scripts/sysadmin-app/views/search-trash-repos.js
Normal file
@@ -0,0 +1,147 @@
|
||||
define([
|
||||
'jquery',
|
||||
'underscore',
|
||||
'backbone',
|
||||
'common',
|
||||
'moment',
|
||||
'sysadmin-app/views/trash-repo',
|
||||
'sysadmin-app/collection/search-trash-repos'
|
||||
], function($, _, Backbone, Common, Moment, TrashRepoView,
|
||||
TrashRepoCollection) {
|
||||
'use strict';
|
||||
|
||||
var TrashReposView = Backbone.View.extend({
|
||||
|
||||
id: 'trash-libraries',
|
||||
|
||||
tabNavTemplate: _.template($("#libraries-tabnav-tmpl").html()),
|
||||
template: _.template($("#trash-libraries-tmpl").html()),
|
||||
|
||||
initialize: function() {
|
||||
this.trashRepoCollection = new TrashRepoCollection();
|
||||
this.listenTo(this.trashRepoCollection, 'add', this.addOne);
|
||||
this.listenTo(this.trashRepoCollection, 'reset', this.reset);
|
||||
|
||||
this.render();
|
||||
},
|
||||
|
||||
render: function() {
|
||||
this.$el.html(this.tabNavTemplate({'cur_tab': 'trash'}) + this.template());
|
||||
|
||||
this.$tip = this.$('.tip');
|
||||
this.$table = this.$('table');
|
||||
this.$tableBody = $('tbody', this.$table);
|
||||
this.$loadingTip = this.$('.loading-tip');
|
||||
this.$emptyTip = this.$('.empty-tips');
|
||||
this.$cleanBtn = this.$('.js-clean');
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .js-clean': 'cleanTrashLibraries'
|
||||
},
|
||||
|
||||
cleanTrashLibraries: function() {
|
||||
var _this = this;
|
||||
var owner = this.trashRepoCollection.search_owner;
|
||||
var popupTitle = gettext("Delete Library By Owner");
|
||||
var popupContent = gettext("Are you sure you want to delete all %s's libraries?").replace('%s', '<span class="op-target ellipsis ellipsis-op-target">' + Common.HTMLescape(owner) + '</span>');
|
||||
var yesCallback = function() {
|
||||
$.ajax({
|
||||
url: Common.getUrl({'name':'admin-trash-libraries'}),
|
||||
type: 'DELETE',
|
||||
data: {'owner': owner},
|
||||
beforeSend: Common.prepareCSRFToken,
|
||||
dataType: 'json',
|
||||
success: function() {
|
||||
_this.$cleanBtn.hide();
|
||||
_this.$tip.hide();
|
||||
_this.$table.hide();
|
||||
_this.$emptyTip.show();
|
||||
Common.feedback(gettext("Success"), 'success');
|
||||
},
|
||||
error: function(xhr, textStatus, errorThrown) {
|
||||
Common.ajaxErrorHandler(xhr, textStatus, errorThrown);
|
||||
},
|
||||
complete: function() {
|
||||
$.modal.close();
|
||||
}
|
||||
});
|
||||
};
|
||||
Common.showConfirm(popupTitle, popupContent, yesCallback);
|
||||
},
|
||||
|
||||
initPage: function() {
|
||||
this.$tip.hide();
|
||||
this.$table.hide();
|
||||
this.$tableBody.empty();
|
||||
this.$loadingTip.show();
|
||||
this.$emptyTip.hide();
|
||||
this.$cleanBtn.hide();
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
this.$el.detach();
|
||||
this.attached = false;
|
||||
},
|
||||
|
||||
show: function(option) {
|
||||
this.option = option;
|
||||
if (!this.attached) {
|
||||
this.attached = true;
|
||||
$("#right-panel").html(this.$el);
|
||||
}
|
||||
this.showTrashLibraries();
|
||||
},
|
||||
|
||||
showTrashLibraries: function() {
|
||||
this.initPage();
|
||||
var _this = this;
|
||||
|
||||
this.trashRepoCollection.fetch({
|
||||
data: {'owner': this.option.owner},
|
||||
cache: false,
|
||||
reset: true,
|
||||
error: function (collection, response, opts) {
|
||||
var err_msg;
|
||||
if (response.responseText) {
|
||||
if (response['status'] == 401 || response['status'] == 403) {
|
||||
err_msg = gettext("Permission error");
|
||||
} else {
|
||||
err_msg = $.parseJSON(response.responseText).error_msg;
|
||||
}
|
||||
} else {
|
||||
err_msg = gettext("Failed. Please check the network.");
|
||||
}
|
||||
Common.feedback(err_msg, 'error');
|
||||
},
|
||||
complete: function() {
|
||||
_this.$loadingTip.hide();
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
reset: function() {
|
||||
var length = this.trashRepoCollection.length;
|
||||
|
||||
this.$loadingTip.hide();
|
||||
|
||||
if (length > 0) {
|
||||
this.trashRepoCollection.each(this.addOne, this);
|
||||
this.$cleanBtn.show();
|
||||
this.$tip.show();
|
||||
this.$table.show();
|
||||
} else {
|
||||
this.$emptyTip.show();
|
||||
this.$cleanBtn.hide();
|
||||
}
|
||||
},
|
||||
|
||||
addOne: function(library) {
|
||||
var view = new TrashRepoView({model: library});
|
||||
this.$tableBody.append(view.render().el);
|
||||
}
|
||||
});
|
||||
|
||||
return TrashReposView;
|
||||
|
||||
});
|
@@ -34,33 +34,32 @@ define([
|
||||
this.$loadingTip = this.$('.loading-tip');
|
||||
this.$emptyTip = this.$('.empty-tips');
|
||||
this.$cleanBtn = this.$('.js-clean');
|
||||
this.$jsPrevious = this.$('.js-previous');
|
||||
this.$jsNext = this.$('.js-next');
|
||||
},
|
||||
|
||||
events: {
|
||||
'click .js-clean': 'cleanTrashLibraries'
|
||||
'click .js-clean': 'cleanTrashLibraries',
|
||||
'click #paginator .js-next': 'getNextPage',
|
||||
'click #paginator .js-previous': 'getPreviousPage'
|
||||
},
|
||||
|
||||
cleanTrashLibraries: function() {
|
||||
var _this = this;
|
||||
var popupTitle, popupContent;
|
||||
var owner = this.trashRepoCollection.search_owner;
|
||||
if (owner) {
|
||||
popupTitle = gettext("Delete Library By Owner");
|
||||
popupContent = gettext("Are you sure you want to delete all %s's libraries?").replace('%s', '<span class="op-target ellipsis ellipsis-op-target">' + Common.HTMLescape(owner) + '</span>');
|
||||
} else {
|
||||
popupTitle = gettext("Clear Trash");
|
||||
popupContent = gettext("Are you sure you want to clear trash?");
|
||||
}
|
||||
var popupTitle = gettext("Clear Trash");
|
||||
var popupContent = gettext("Are you sure you want to clear trash?");
|
||||
var yesCallback = function() {
|
||||
$.ajax({
|
||||
url: Common.getUrl({'name':'admin-trash-libraries'}),
|
||||
type: 'DELETE',
|
||||
data: {'owner': _this.option.owner},
|
||||
beforeSend: Common.prepareCSRFToken,
|
||||
dataType: 'json',
|
||||
success: function() {
|
||||
_this.$cleanBtn.hide();
|
||||
_this.$tip.hide();
|
||||
_this.$table.hide();
|
||||
_this.$jsNext.hide();
|
||||
_this.$jsPrevious.hide();
|
||||
_this.$emptyTip.show();
|
||||
Common.feedback(gettext("Success"), 'success');
|
||||
},
|
||||
@@ -75,6 +74,29 @@ define([
|
||||
Common.showConfirm(popupTitle, popupContent, yesCallback);
|
||||
},
|
||||
|
||||
getNextPage: function() {
|
||||
this.initPage();
|
||||
var current_page = this.trashRepoCollection.state.current_page;
|
||||
if (this.trashRepoCollection.state.has_next_page) {
|
||||
this.trashRepoCollection.getPage(current_page + 1, {
|
||||
reset: true
|
||||
});
|
||||
}
|
||||
|
||||
return false;
|
||||
},
|
||||
|
||||
getPreviousPage: function() {
|
||||
this.initPage();
|
||||
var current_page = this.trashRepoCollection.state.current_page;
|
||||
if (current_page > 1) {
|
||||
this.trashRepoCollection.getPage(current_page - 1, {
|
||||
reset: true
|
||||
});
|
||||
}
|
||||
return false;
|
||||
},
|
||||
|
||||
initPage: function() {
|
||||
this.$tip.hide();
|
||||
this.$table.hide();
|
||||
@@ -82,6 +104,8 @@ define([
|
||||
this.$loadingTip.show();
|
||||
this.$emptyTip.hide();
|
||||
this.$cleanBtn.hide();
|
||||
this.$jsNext.hide();
|
||||
this.$jsPrevious.hide();
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
@@ -103,7 +127,7 @@ define([
|
||||
var _this = this;
|
||||
|
||||
this.trashRepoCollection.fetch({
|
||||
data: {'owner': this.option.owner},
|
||||
data: {'page': this.option.page},
|
||||
cache: false,
|
||||
reset: true,
|
||||
error: function (collection, response, opts) {
|
||||
@@ -123,21 +147,38 @@ define([
|
||||
},
|
||||
|
||||
reset: function() {
|
||||
var length = this.trashRepoCollection.length;
|
||||
// update the url
|
||||
var current_page = this.trashRepoCollection.state.current_page;
|
||||
app.router.navigate('trash-libs/?page=' + current_page);
|
||||
|
||||
this.$loadingTip.hide();
|
||||
|
||||
if (length > 0) {
|
||||
if (this.trashRepoCollection.length > 0) {
|
||||
this.trashRepoCollection.each(this.addOne, this);
|
||||
this.$cleanBtn.show();
|
||||
this.$tip.show();
|
||||
this.$table.show();
|
||||
this.renderPaginator();
|
||||
} else {
|
||||
this.$emptyTip.show();
|
||||
this.$cleanBtn.hide();
|
||||
}
|
||||
},
|
||||
|
||||
renderPaginator: function() {
|
||||
if (this.trashRepoCollection.state.has_next_page) {
|
||||
this.$jsNext.show();
|
||||
} else {
|
||||
this.$jsNext.hide();
|
||||
}
|
||||
|
||||
var current_page = this.trashRepoCollection.state.current_page;
|
||||
if (current_page > 1) {
|
||||
this.$jsPrevious.show();
|
||||
} else {
|
||||
this.$jsPrevious.hide();
|
||||
}
|
||||
},
|
||||
|
||||
addOne: function(library) {
|
||||
var view = new TrashRepoView({model: library});
|
||||
this.$tableBody.append(view.render().el);
|
||||
|
Reference in New Issue
Block a user