X-Git-Url: http://mmka.chem.univ.gda.pl/gitweb/?a=blobdiff_plain;f=filex%2Fstatic%2Ffilex%2Ffilex.js;h=9f34b5ede6deeaab84120142fbd4005efcbea1d5;hb=bc6c1b10265d2c52e9f592cafacf0ae54fa033b0;hp=26bec82553fd4182fe75b679f377482818201fb2;hpb=0be92069d46130aad675fa715184e9c209140ce9;p=qcg-portal.git diff --git a/filex/static/filex/filex.js b/filex/static/filex/filex.js index 26bec82..9f34b5e 100644 --- a/filex/static/filex/filex.js +++ b/filex/static/filex/filex.js @@ -94,25 +94,28 @@ $(function(){ Filex.Path = Backbone.Collection.extend({ model: Filex.PathBit, - initialize: function() { - this.listenTo(this, 'reset add', this.setActive); - }, - - setActive: function() { - _.each(this.initial(), function(bit) { - bit.set('active', false); - }); - - this.last().set('active', true); - }, - full: function() { return this.pluck('name').join('/').replace(/^\/+/, '/'); + }, + + append: function(name) { + return this.pluck('name').concat(name).join('/').replace(/^\/+/, '/'); } }); // ------------------------------------------------------------------------ + // Routers + // ------------------------------------------------------------------------ + + Filex.Router = Backbone.Router.extend({ + routes: { + '*url': 'load' + } + }); + + + // ------------------------------------------------------------------------ // Views // ------------------------------------------------------------------------ @@ -139,10 +142,16 @@ $(function(){ render: function() { var data = this.model.toJSON(); - data['url_params'] = $.param({ - host: this.view.host, - path: this.view.path.full() + '/' + this.model.get('name') - }); + + if (this.model.isDir()) { + data['url'] = this.view.host + '/' + this.view.path.append(this.model.get('name')) + } + else { + data['params'] = $.param({ + host: this.view.host, + path: this.view.path.append(this.model.get('name')) + }); + } data['cid'] = this.model.cid; this.$el.html(this.template()(data)); @@ -165,26 +174,14 @@ $(function(){ }, click: function(e) { - if (e.target.className == 'link') { - if (this.model.isDir()) { - e.preventDefault(); - this.model.trigger('selected:dir', this.model); - } - - return; - } - - this.model.toggle(); + if (e.target.className != 'link') + this.model.toggle(); } }); Filex.Breadcrumb = Backbone.View.extend({ tagName: 'li', - events: { - 'click a': 'selected' - }, - initialize: function() { this.listenTo(this.model, 'change:active', this.render); this.listenTo(this.model, 'remove', this.remove); @@ -192,22 +189,17 @@ $(function(){ render: function() { if (this.model.get('active')) { + this.$el.addClass('active'); this.$el.text(this.model.get('name')); } else { this.$el.html($('', { - href: '#', + href: '#' + this.model.get('url'), text: this.model.get('name') })); } - this.$el.toggleClass('active', this.model.get('active')); return this; - }, - - selected: function(e) { - e.preventDefault(); - this.model.trigger('selected', this.model); } }); @@ -232,18 +224,17 @@ $(function(){ this.path = new Filex.Path(); this.files = new Filex.FileList(); + this.router = new Filex.Router(); - this.listenTo(this.path, 'reset', this.resetPath); this.listenTo(this.path, 'add', this.addPath); - this.listenTo(this.path, 'add reset', this.changedPath); - this.listenTo(this.path, 'selected', this.selectedPath); + this.listenTo(this.path, 'reset', this.resetPath); this.listenTo(this.files, 'reset', this.resetFiles); - this.listenTo(this.files, 'selected:dir', this.selectedDir); this.listenTo(this.files, 'change:checked', this.updateSelectAll); + this.listenTo(this.router, 'route:load', this.load); // used in selectize callbacks var view = this, - optionTemplate = _.template('
<%= host %>
<%= path %>
'); + optionTemplate = _.template('
<%- host %>
<%- path %>
'); this.$('#host-selector').selectize({ optgroupField: 'group', @@ -265,6 +256,7 @@ $(function(){ callback_called = false; $form[0].reset(); + $form.find('.alert-danger').remove(); $form.find('#id_host').val(parts.shift()); if (parts.length) @@ -277,6 +269,7 @@ $(function(){ e.preventDefault(); $btn.button('loading'); + $this.find('.alert-danger').remove(); $.post($this.attr('action'), $this.serialize(), function(data) { callback(data); @@ -288,6 +281,13 @@ $(function(){ console.error(arguments); var error = (xhr.responseJSON || {}).error || undefined; + if (error.__all__) { + error = 'Podana lokalizacja jest już zapisana' + } + else if (xhr.status == 400) { + error = 'Niepoprawna nazwa hosta lub ścieżka' + } + if (typeof error === 'string') { $('
', { 'class': 'alert alert-danger', @@ -318,7 +318,7 @@ $(function(){ } }, onItemAdd: function(value) { - view.load(value); + view.router.navigate('#' + value, {trigger: true}); this.blur(); }, onBlur: function() { @@ -329,6 +329,7 @@ $(function(){ this.hostSelectize = this.$('#host-selector')[0].selectize; this.render(); + Backbone.history.start(); }, render: function() { @@ -339,18 +340,25 @@ $(function(){ }, load: function(location) { - var hostRootPath = location.split(/\/(\/|~)(.*)/), - pathBits = [new Filex.PathBit({'name': hostRootPath[1]})].concat( - _.chain(hostRootPath[2].split('/')) - .filter(_.identity) - .map(function(name) { return new Filex.PathBit({'name': name}) }) - .value() - ); + if (!location) + return; - this.host = hostRootPath[0]; - this.path.reset(pathBits); + var hostRootPath = location.split(/\/(\/|~)(.*)/), self = this; + this.host = hostRootPath[0]; this.$host.text(this.host); + + this.path.reset([new Filex.PathBit({'name': hostRootPath[1], url: this.host + '/' + hostRootPath[1]})]); + _.each(hostRootPath[2].split('/'), function(item) { + if (item) + self.path.add(new Filex.PathBit({name: item, url: self.host + '/' + self.path.append(item)})); + }); + this.path.last().set('active', true); + + this.reloadFiles(); + this.updateFavorites(); + + localStorage.last_location = location; }, reloadFiles: function() { @@ -407,14 +415,6 @@ $(function(){ this.render(); }, - selectedDir: function(dir) { - this.path.add({'name': dir.get('name')}); - }, - - selectedPath: function(bit) { - this.path.reset(this.path.slice(0, this.path.indexOf(bit) + 1)); - }, - showHidden: function() { return this.$showHidden[0].checked; }, @@ -490,16 +490,10 @@ $(function(){ }, initialLoad: function() { - if (!this.host) { - var opts = this.hostSelectize.options; - - this.load(opts[Object.keys(opts)[0]].value); - } - }, + var opts = this.hostSelectize.options, + location = localStorage.last_location || opts[Object.keys(opts)[0]].value; - changedPath: function () { - this.reloadFiles(); - this.updateFavorites(); + this.router.navigate('#' + location, {trigger: true, replace: true}); }, updateFavorites: function() {