project/static/js/views/button_toolbar.js

   1 /*globals View render_template scriptletCenter*/
   2 var ButtonToolbarView = View.extend({
   3   _className: 'ButtonToolbarView',
   4   template: null,
   5   buttons: null,
   6
   7   init: function(element, model, parent, template) {
   8     this._super(element, model, null);
   9     this.parent = parent;
  10     this.template = 'button-toolbar-view-template';
  11
  12     this.model.addObserver(this, 'buttons', this.modelButtonsChanged.bind(this));
  13     this.buttons = this.model.get('buttons');
  14     this.model.load();
  15     this.render();
  16   },
  17
  18   modelButtonsChanged: function(property, value) {
  19     this.set('buttons', value);
  20     this.render();
  21   },
  22
  23   render: function() {
  24     $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
  25     $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
  26     var self = this;
  27
  28     this.element.html(render_template(this.template, this));
  29
  30     $('.buttontoolbarview-tab', this.element).bind('click.buttontoolbarview', function() {
  31       var groupIndex = $(this).attr('ui:groupindex');
  32       $('.buttontoolbarview-group', self.element).each(function() {
  33         if ($(this).attr('ui:groupindex') == groupIndex) {
  34           $(this).show();
  35         } else {
  36           $(this).hide();
  37         }
  38       });
  39       $(self.element).trigger('resize');
  40     });
  41
  42     $('.buttontoolbarview-button', this.element).bind('click.buttontoolbarview', function(event) {
  43       var groupIndex = parseInt($(this).attr('ui:groupindex'), 10);
  44       var buttonIndex = parseInt($(this).attr('ui:buttonindex'), 10);
  45       var button = self.get('buttons')[groupIndex].buttons[buttonIndex];
  46       var scriptletId = button.scriptlet_id;
  47       var params = eval('(' + button.params + ')'); // To nie powinno być potrzebne
  48       console.log('Executing', scriptletId, 'with params', params);
  49       scriptletCenter.scriptlets[scriptletId](self.parent, params);
  50     });
  51
  52     $(this.element).trigger('resize');
  53   },
  54
  55   dispose: function() {
  56     $('.buttontoolbarview-tab', this.element).unbind('click.buttontoolbarview');
  57     $('.buttontoolbarview-button', this.element).unbind('click.buttontoolbarview');
  58     this._super();
  59   }
  60 });
  61