The Tor Browser: addon-sdk/source/lib/sdk/ui/button/toggle.js@6474c204b198 (annotated)

addon-sdk/source/lib/sdk/ui/button/toggle.js@6474c204b198 (annotated)

addon-sdk/source/lib/sdk/ui/button/toggle.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 'use strict';
 module.metadata = {
   'stability': 'experimental',
   'engines': {
     'Firefox': '> 28'
   }
 };
 const { Class } = require('../../core/heritage');
 const { merge } = require('../../util/object');
 const { Disposable } = require('../../core/disposable');
 const { on, off, emit, setListeners } = require('../../event/core');
 const { EventTarget } = require('../../event/target');
 const { getNodeView } = require('../../view/core');
 const view = require('./view');
 const { toggleButtonContract, toggleStateContract } = require('./contract');
 const { properties, render, state, register, unregister,
   setStateFor, getStateFor, getDerivedStateFor } = require('../state');
 const { events: stateEvents } = require('../state/events');
 const { events: viewEvents } = require('./view/events');
 const events = require('../../event/utils');
 const { getActiveTab } = require('../../tabs/utils');
 const { id: addonID } = require('../../self');
 const { identify } = require('../id');
 const buttons = new Map();
 const toWidgetId = id =>
   ('toggle-button--' + addonID.toLowerCase()+ '-' + id).
     replace(/[^a-z0-9_-]/g, '');
 const ToggleButton = Class({
   extends: EventTarget,
   implements: [
     properties(toggleStateContract),
     state(toggleStateContract),
     Disposable
   ],
   setup: function setup(options) {
     let state = merge({
       disabled: false,
       checked: false
     }, toggleButtonContract(options));
     let id = toWidgetId(options.id);
     register(this, state);
     // Setup listeners.
     setListeners(this, options);
     buttons.set(id, this);
     view.create(merge({ type: 'checkbox' }, state, { id: id }));
   },
   dispose: function dispose() {
     let id = toWidgetId(this.id);
     buttons.delete(id);
     off(this);
     view.dispose(id);
     unregister(this);
   },
   get id() this.state().id,
   click: function click() view.click(toWidgetId(this.id))
 });
 exports.ToggleButton = ToggleButton;
 identify.define(ToggleButton, ({id}) => toWidgetId(id));
 getNodeView.define(ToggleButton, button =>
   view.nodeFor(toWidgetId(button.id))
 );
 let toggleButtonStateEvents = events.filter(stateEvents,
   e => e.target instanceof ToggleButton);
 let toggleButtonViewEvents = events.filter(viewEvents,
   e => buttons.has(e.target));
 let clickEvents = events.filter(toggleButtonViewEvents, e => e.type === 'click');
 let updateEvents = events.filter(toggleButtonViewEvents, e => e.type === 'update');
 on(toggleButtonStateEvents, 'data', ({target, window, state}) => {
   let id = toWidgetId(target.id);
   view.setIcon(id, window, state.icon);
   view.setLabel(id, window, state.label);
   view.setDisabled(id, window, state.disabled);
   view.setChecked(id, window, state.checked);
 });
 on(clickEvents, 'data', ({target: id, window, checked }) => {
   let button = buttons.get(id);
   let windowState = getStateFor(button, window);
   let newWindowState = merge({}, windowState, { checked: checked });
   setStateFor(button, window, newWindowState);
   let state = getDerivedStateFor(button, getActiveTab(window));
   emit(button, 'click', state);
   emit(button, 'change', state);
 });
 on(updateEvents, 'data', ({target: id, window}) => {
   render(buttons.get(id), window);
 });