X-Git-Url: https://git.mdrn.pl/redakcja.git/blobdiff_plain/b348abeb083671e831f711d3d41949a9b3f3a7b4..36387dac2e103ca656be9dc65fabb936f80191d1:/project/static/js/views/button_toolbar.js

diff --git a/project/static/js/views/button_toolbar.js b/project/static/js/views/button_toolbar.js
index 3e0a1488..7f039985 100644
--- a/project/static/js/views/button_toolbar.js
+++ b/project/static/js/views/button_toolbar.js
@@ -1,61 +1,78 @@
 /*globals View render_template scriptletCenter*/
 var ButtonToolbarView = View.extend({
-  _className: 'ButtonToolbarView',
-  template: null,
-  buttons: null,
+    _className: 'ButtonToolbarView',
+    template: null,
+    buttons: null,
   
-  init: function(element, model, parent, template) {
-    this._super(element, model, null);
-    this.parent = parent;
-    this.template = 'button-toolbar-view-template';
+    init: function(element, model, parent, template) {
+        this._super(element, model, null);
+        this.parent = parent;
+        this.template = 'button-toolbar-view-template';
     
-    this.model.addObserver(this, 'buttons', this.modelButtonsChanged.bind(this));
-    this.buttons = this.model.get('buttons');
-    this.model.load();
-    this.render();
-  },
+        this.model.addObserver(this, 'buttons', this.modelButtonsChanged.bind(this));
+        this.buttons = this.model.get('buttons');
+        this.model.load();
+        this.render();
+    },
   
-  modelButtonsChanged: function(property, value) {
-    this.set('buttons', value);
-    this.render();
-  },
+    modelButtonsChanged: function(property, value) {
+        this.set('buttons', value);
+        this.render();
+    },
   
-  render: function() {
-    $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
-    $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
-    var self = this;
+    render: function() {
+        $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
+        $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
+        var self = this;
     
-    this.element.html(render_template(this.template, this));
+        this.element.html(render_template(this.template, this));
     
-    $('.buttontoolbarview-tab', this.element).bind('click.buttontoolbarview', function() {
-      var groupIndex = $(this).attr('ui:groupindex');
-      $('.buttontoolbarview-group', self.element).each(function() {
-        if ($(this).attr('ui:groupindex') == groupIndex) {
-          $(this).show();
-        } else {
-          $(this).hide();
-        }
-      });
-      $(self.element).trigger('resize');
-    });
-    
-    $('.buttontoolbarview-button', this.element).bind('click.buttontoolbarview', function(event) {
-      var groupIndex = parseInt($(this).attr('ui:groupindex'), 10);
-      var buttonIndex = parseInt($(this).attr('ui:buttonindex'), 10);
-      var button = self.get('buttons')[groupIndex].buttons[buttonIndex];
-      var scriptletId = button.scriptlet_id;
-      var params = eval('(' + button.params + ')'); // To nie powinno być potrzebne
-      console.log('Executing', scriptletId, 'with params', params);
-      scriptletCenter.scriptlets[scriptletId](self.parent, params);
-    });
+        $('.buttontoolbarview-tab', this.element).bind('click.buttontoolbarview', function() {
+            var groupIndex = $(this).attr('ui:groupindex');
+            $('.buttontoolbarview-group', self.element).each(function() {
+                if ($(this).attr('ui:groupindex') == groupIndex) {
+                    $(this).show();
+                } else {
+                    $(this).hide();
+                }
+            });
+            $(self.element).trigger('resize');
+        });
     
-    $(this.element).trigger('resize');
-  },
+        $('.buttontoolbarview-button', this.element).
+        bind('click.buttontoolbarview', this.buttonPressed.bind(this) );
+            
+        $(this.element).trigger('resize');
+    },
+
+    buttonPressed: function(event)
+    {
+        var self = this;
+        var target = event.target;
+        
+        var groupIndex = parseInt($(target).attr('ui:groupindex'), 10);
+        var buttonIndex = parseInt($(target).attr('ui:buttonindex'), 10);
+        var button = this.get('buttons')[groupIndex].buttons[buttonIndex];
+        var scriptletId = button.scriptlet_id;
+        var params = eval('(' + button.params + ')'); // To nie powinno być potrzebne
+
+        console.log('Executing', scriptletId, 'with params', params);
+        try {
+            self.parent.freeze('Wykonuję akcję...');
+            setTimeout(function() {
+                scriptletCenter.scriptlets[scriptletId](self.parent, params);
+                self.parent.unfreeze();
+            }, 10);
+        } catch(e) {
+            console.log("Scriptlet", scriptletId, "failed.", e);
+        }
+
+    },
   
-  dispose: function() {
-    $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
-    $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
-    this._super();
-  }
+    dispose: function() {
+        $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
+        $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
+        this._super();
+    }
 });