Sha256: c95f359ed4c7b1d23ac610a24d74596ee2c7ea5b1c9faee19504dc53343ff34c

Contents?: true

Size: 1.39 KB

Versions: 33

Compression:

Stored size: 1.39 KB

Contents

pageflow.EmulationModeButtonView = Backbone.Marionette.ItemView.extend({
  template: 'templates/emulation_mode_button',
  className: 'emulation_mode_button',

  ui: {
    phoneItem: '.emulation_mode_button-phone',
    desktopItem: '.emulation_mode_button-desktop',

    phoneDisplay: '.emulation_mode_button-display.emulation_mode_button-phone',
    desktopDisplay: '.emulation_mode_button-display.emulation_mode_button-desktop'
  },

  events: {
    'click .emulation_mode_button-desktop a': function() {
      this.model.unset('emulation_mode');
    },

    'click .emulation_mode_button-phone a': function() {
      if (!this.model.get('current_page_supports_emulation_mode')) {
        return;
      }

      this.model.set('emulation_mode', 'phone');
    }
  },

  modelEvents: {
    'change:emulation_mode change:current_page_supports_emulation_mode': 'update'
  },

  onRender: function() {
    this.update();
  },

  update: function() {
    this.ui.phoneItem.toggleClass('disabled',
                                  !this.model.get('current_page_supports_emulation_mode'));

    this.ui.phoneItem.toggleClass('active', this.model.has('emulation_mode'));
    this.ui.desktopItem.toggleClass('active', !this.model.has('emulation_mode'));

    this.ui.phoneDisplay.toggleClass('active', this.model.has('emulation_mode'));
    this.ui.desktopDisplay.toggleClass('active', !this.model.has('emulation_mode'));
  }
});

Version data entries

33 entries across 33 versions & 1 rubygems

Version Path
pageflow-14.5.2 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.2 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.5.1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.5.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.rc2 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.rc1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.beta4 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.beta3 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.4.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.beta2 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-15.0.0.beta1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.3.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.2.1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.2.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.1.1 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.1.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.0.0 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js
pageflow-14.0.0.rc2 app/assets/javascripts/pageflow/editor/views/emulation_mode_button_view.js