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

improve devices page

Browse Source
This commit is contained in:
lian
2016-03-16 15:47:33 +08:00
parent a43b3f969e
commit 50711071a6
5 changed files with 109 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
static/scripts/app/models/device.js
View File

@@ -1,10 +1,36 @@
define([
'underscore',
'backbone'
], function(_, Backbone) {
'backbone',
'common',
], function(_, Backbone, Common) {
'use strict';
var Device = Backbone.Model.extend({});
var Device = Backbone.Model.extend({
unlink: function(options) {
var data = {
'platform': this.get('platform'),
'device_id': this.get('device_id')
};
$.ajax({
url: Common.getUrl({name: 'devices'}),
type: 'DELETE',
dataType: 'json',
beforeSend: Common.prepareCSRFToken,
data: data,
success: function() {
if (options.success) {
options.success();
}
},
error: function(xhr) {
if (options.error) {
options.error(xhr);
}
}
});
},
});
return Device;
});

1
static/scripts/app/router.js
View File

@@ -128,6 +128,7 @@ define([
}
this.switchCurrentView(this.myHomeView);
this.myHomeView.showDir('common', repo_id, path);
this.sideNavView.setCurTab('mine');
},
showSharedRepoDir: function(repo_id, path) {

61
static/scripts/app/views/device.js
View File

@@ -12,13 +12,20 @@ define([
template: _.template($('#device-item-tmpl').html()),
events: {
'mouseenter': 'showAction',
'mouseleave': 'hideAction',
'mouseenter': 'highlight',
'mouseleave': 'rmHighlight',
'click .unlink-device': 'unlinkDevice',
'click .lib-num': 'showSyncedRepos'
'click .js-toggle-repos': 'toggleSyncedRepos'
},
initialize: function() {
$(document).click(function(e) {
var target = e.target || event.srcElement;
if (!$('.js-toggle-repos, .device-libs-popover').is(target)) {
$('.device-libs-popover').addClass('hide');
$('.dir-icon').removeClass('icon-caret-up').addClass('icon-caret-down');
}
});
},
render: function () {
@@ -50,52 +57,50 @@ define([
return this;
},
showAction: function() {
highlight: function() {
this.$el.addClass('hl');
this.$el.find('.op-icon').removeClass('vh');
},
hideAction: function() {
rmHighlight: function() {
this.$el.removeClass('hl');
this.$el.find('.op-icon').addClass('vh');
},
showSyncedRepos: function(e) {
var $lib_num = $(e.currentTarget);
var lib_list = $lib_num.next('.lib-list');
var dir_icon = $lib_num.children('.dir-icon');
toggleSyncedRepos: function(e) {
var $current_icon= $(e.currentTarget).children('.dir-icon'),
$current_popover = $(e.currentTarget).next('.device-libs-popover');
if (lib_list.length > 0) {
lib_list.toggleClass('hide');
if (lib_list.hasClass('hide')) {
dir_icon.removeClass('icon-caret-up').addClass('icon-caret-down');
} else {
dir_icon.removeClass('icon-caret-down').addClass('icon-caret-up');
}
$('.device-libs-popover').not($current_popover).addClass('hide');
$('.dir-icon').not($current_icon).removeClass('icon-caret-up').addClass('icon-caret-down');
$current_popover.toggleClass('hide');
if ($current_icon.hasClass('icon-caret-up')) {
$current_icon.removeClass('icon-caret-up').addClass('icon-caret-down');
} else {
$current_icon.removeClass('icon-caret-down').addClass('icon-caret-up');
}
return false
},
unlinkDevice: function() {
var _this = this,
data = {
'platform': this.model.get('platform'),
'device_id': this.model.get('device_id')
};
device_name = this.model.get('device_name');
$.ajax({
url: Common.getUrl({name: 'devices'}),
type: 'DELETE',
dataType: 'json',
beforeSend: Common.prepareCSRFToken,
data: data,
this.model.unlink({
success: function() {
_this.remove();
Common.feedback(gettext("Success"), 'success');
var msg = gettext("Successfully unlink %(name)s.")
.replace('%(name)s', Common.HTMLescape(device_name));
Common.feedback(msg, 'success');
},
error: function (xhr) {
error: function(xhr) {
Common.ajaxErrorHandler(xhr);
}
});
return false;
}
});