nutella_framework 0.7.3 → 0.8.0

data/framework_components/roomcast-main-app/src/app/components/app/material-ui/menu-item.jsx

@@ -1,79 +0,0 @@
-var React = require('react');
-//var FontIcon = require('./font-icon');
-
-var MenuItem = React.createClass({
-
-  propTypes: {
-    index: React.PropTypes.number.isRequired,
-    iconClassName: React.PropTypes.string,
-    iconRightClassName: React.PropTypes.string,
-    attribute: React.PropTypes.string,
-    number: React.PropTypes.string,
-    data: React.PropTypes.string,
-    toggle: React.PropTypes.bool,
-    onTouchTap: React.PropTypes.func,
-    onClick: React.PropTypes.func,
-    onToggle: React.PropTypes.func,
-    selected: React.PropTypes.bool
-  },
-
-  getDefaultProps: function() {
-    return {
-      toggle: false
-    };
-  },
-
-  render: function() {
-    var classes = 'mui-menu-item';
-      if(this.props.selected) {
-          classes += ' mui-is-selected';
-      }
-      if(this.props.currentSelected) {
-          classes += ' mui-is-current-selected';
-        }
-
-        var icon;
-        var data;
-        var iconRight;
-        var attribute;
-        var number;
-
-        if (this.props.iconClassName) icon = <FontIcon className={'mui-menu-item-icon ' + this.props.iconClassName} />;
-        if (this.props.iconRightClassName) iconRight = <FontIcon className={'mui-menu-item-icon-right ' + this.props.iconRightClassName} />;
-        if (this.props.data) data = <span className="mui-menu-item-data">{this.props.data}</span>;
-        if (this.props.number !== undefined) number = <span className="mui-menu-item-number">{this.props.number}</span>;
-        if (this.props.attribute !== undefined) attribute = <span className="mui-menu-item-attribute">{this.props.attribute}</span>;
-
-        return (
-        <div
-            key={this.props.index}
-            className={classes}
-            onTouchTap={this._handleTouchTap}
-            onClick={this._handleOnClick}>
-
-        {icon}
-        {this.props.children}
-        {data}
-        {attribute}
-        {number}
-        {iconRight}
-        
-      </div>
-    );
-  },
-
-  _handleTouchTap: function(e) {
-    if (this.props.onTouchTap) this.props.onTouchTap(e, this.props.index);
-  },
-
-  _handleOnClick: function(e) {
-    if (this.props.onClick) this.props.onClick(e, this.props.index);
-  },
-
-  _handleToggle: function(e, toggled) {
-    if (this.props.onToggle) this.props.onToggle(e, this.props.index, toggled);
-  }
-
-});
-
-module.exports = MenuItem;

data/framework_components/roomcast-main-app/src/app/components/app/material-ui/menu.jsx

@@ -1,177 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-var Dom = require('../../../../../node_modules/material-ui/lib/js/utils/dom');
-var KeyLine = require('../../../../../node_modules/material-ui/lib/js/utils/key-line');
-var MenuItem = require('./menu-item.jsx');
-var RaisedButton = Mui.RaisedButton;
-
-var Menu = React.createClass({
-
-    propTypes: {
-        autoWidth: React.PropTypes.bool,
-        onItemTap: React.PropTypes.func,
-        onItemClick: React.PropTypes.func,
-        onToggleClick: React.PropTypes.func,
-        menuItems: React.PropTypes.array.isRequired,
-        selectedIndex: React.PropTypes.number,
-        hideable: React.PropTypes.bool,
-        visible: React.PropTypes.bool,
-        zDepth: React.PropTypes.number
-    },
-
-    getInitialState: function() {
-        return { nestedMenuShown: false }
-    },
-
-    getDefaultProps: function() {
-        return {
-            autoWidth: true,
-            hideable: false,
-            visible: true,
-            zDepth: 1
-        };
-    },
-
-    componentDidMount: function() {
-        var el = this.getDOMNode();
-
-        //Set the menu with
-        this._setKeyWidth(el);
-
-        //Save the initial menu height for later
-        this._initialMenuHeight = el.offsetHeight + KeyLine.Desktop.GUTTER_LESS;
-
-        //Show or Hide the menu according to visibility
-        this._renderVisibility();
-    },
-
-    componentDidUpdate: function(prevProps, prevState) {
-        if (this.props.visible !== prevProps.visible) this._renderVisibility();
-    },
-
-    render: function() {
-        var classes = 'mui-menu';
-        if(this.props.hideable) {
-            classes += ' mui-menu-hideable';
-        }
-        if(this.props.visible) {
-            classes += ' mui-visible';
-        }
-
-        return (
-            <Paper ref="paperContainer" zDepth={this.props.zDepth} className={classes}>
-        {this._getChildren()}
-            </Paper>
-        );
-    },
-
-    _getChildren: function() {
-        var children = [],
-            menuItem,
-            itemComponent,
-            isSelected;
-
-        //This array is used to keep track of all nested menu refs
-        this._nestedChildren = [];
-
-        for (var i=0; i < this.props.menuItems.length; i++) {
-            menuItem = this.props.menuItems[i];
-            isSelected = i === this.props.selectedIndex;
-
-            var {
-                icon,
-                data,
-                attribute,
-                number,
-                toggle,
-                onClick,
-        ...other
-        } = menuItem;
-
-        itemComponent = (
-            <MenuItem
-              {...other}
-                selected={isSelected}
-                key={i}
-                index={i}
-                icon={menuItem.icon}
-                data={menuItem.data}
-                attribute={menuItem.attribute}
-                number={menuItem.number}
-                toggle={menuItem.toggle}
-                onClick={this._onItemClick}
-                onTouchTap={this._onItemTap}>
-              {menuItem.text}
-            </MenuItem>
-        );
-        children.push(itemComponent);
-    }
-
-    var logoutButton =  <div className='logout-button-div' key={'logout-button'} >
-                            <RaisedButton className='logout-button' label='Logout' primary={true} onTouchTap={this.handleLogout} />
-                        </div>;
-    //if(this.props.canLogout) {
-        children.push(logoutButton);
-    //}
-
-    return children;
-},
-
-_setKeyWidth: function(el) {
-    var menuWidth = this.props.autoWidth ?
-    KeyLine.getIncrementalDim(el.offsetWidth) + 'px' :
-        '100%';
-
-    //Update the menu width
-    Dom.withoutTransition(el, function() {
-        el.style.width = menuWidth;
-    });
-},
-
-_renderVisibility: function() {
-    var el;
-
-    if (this.props.hideable) {
-        el = this.getDOMNode();
-        var innerContainer = this.refs.paperContainer.getInnerContainer().getDOMNode();
-
-        if (this.props.visible) {
-
-            //Open the menu
-            el.style.height = this._initialMenuHeight + 'px';
-            //This is to account for fast clicks
-            if (this.props.visible) {
-                innerContainer.style.overflow = 'visible';
-            }
-
-        } else {
-
-        //Close the menu
-        el.style.height = '0px';
-
-        //Set the overflow to hidden so that animation works properly
-        innerContainer.style.overflow = 'hidden';
-    }
-}
-},
-
-handleLogout: function() {
-    this.props.onLogout();
-},
-
-_onItemClick: function(e, index) {
-    if (this.props.onItemClick) this.props.onItemClick(e, index, this.props.menuItems[index]);
-},
-
-_onItemTap: function(e, index) {
-    if (this.props.onItemTap) this.props.onItemTap(e, index, this.props.menuItems[index]);
-},
-
-_onItemToggle: function(e, index, toggled) {
-    if (this.props.onItemToggle) this.props.onItemToggle(e, index, this.props.menuItems[index], toggled);
-}
-
-});
-
-module.exports = Menu;

data/framework_components/roomcast-main-app/src/app/components/app/material-ui/overlay.jsx

@@ -1,21 +0,0 @@
-var React = require('react');
-
-var Overlay = React.createClass({
-
-  render: function() {
-
-    var {...other} = this.props;
-
-    var classes = 'mui-overlay';
-    if (this.props.show) {
-        classes += ' mui-is-shown';
-    }
-
-    return (
-        <div {...other} className={classes} />
-    );
-  }
-
-});
-
-module.exports = Overlay;

data/framework_components/roomcast-main-app/src/app/components/app/material-ui/right-nav.jsx

@@ -1,108 +0,0 @@
-var React = require('react'),
-    Overlay = require('./overlay.jsx'),
-    Mui = require('material-ui'),
-    Paper = Mui.Paper,
-    Menu = require('./menu.jsx');
-
-var RightNav = React.createClass({
-
-    propTypes: {
-        docked: React.PropTypes.bool,
-        header: React.PropTypes.element,
-        onChange: React.PropTypes.func,
-        menuItems: React.PropTypes.array.isRequired,
-        selectedIndex: React.PropTypes.number
-    },
-
-    getDefaultProps: function() {
-        return {
-            docked: true
-        };
-    },
-
-    getInitialState: function() {
-        return {
-            open: this.props.docked,
-            modal: false
-        };
-    },
-
-    toggle: function() {
-        this.setState({ open: !this.state.open });
-        return this;
-    },
-
-    close: function() {
-        this.setState({ open: false });
-        return this;
-    },
-
-    open: function() {
-        this.setState({ open: true });
-        return this;
-    },
-
-    render: function() {
-        var classes = 'mui-right-nav';
-        if (!this.state.open) {
-            classes += ' mui-closed';
-        }
-        var selectedIndex = this.props.selectedIndex;
-        var overlay;
-
-        if (!this.props.docked) overlay = <Overlay show={this.state.open} onTouchTap={this._onOverlayTouchTap} />;
-        if (this.state.modal) overlay = <Overlay show={this.state.open} onTouchTap={this._onOverlayBlockTouchTap} />;
-
-        return (
-            <div className={classes}>
-
-        {overlay}
-                <Paper
-                    ref="clickAwayableElement"
-                    className="mui-right-nav-menu"
-                    zDepth={2}
-                    rounded={false}>
-          
-          {this.props.header}
-                    <Menu
-                        ref="menuItems"
-                        zDepth={0}
-                        menuItems={this.props.menuItems}
-                        selectedIndex={selectedIndex}
-                        onItemClick={this._onMenuItemClick}
-                        onItemTap={this.handleItemTap}
-                        onLogout={this.handleLogout}
-                        canLogout={this.props.canLogout} />
-
-                </Paper>
-            </div>
-        );
-    },
-
-    handleLogout: function() {
-        if (!this.props.docked) this.close();
-        this.props.onLogout();
-    },
-
-    _onMenuItemClick: function(e, key, payload) {
-        if (!this.props.docked) this.close();
-        if (this.props.onChange && this.props.selectedIndex !== key) {
-            this.props.onChange(e, key, payload);
-        }
-    },
-
-    _onOverlayTouchTap: function() {
-        this.close();
-    },
-
-    _onOverlayBlockTouchTap: function() {
-        // do nothing
-    },
-
-    handleItemTap: function(e, index, menuItem) {
-        this.props.onItemTap(menuItem);
-    }
-
-});
-
-module.exports = RightNav;

data/framework_components/roomcast-main-app/src/app/components/identity-selector/IdentitiesGrid.js

@@ -1,95 +0,0 @@
-
-var React = require('react');
-var IdentityCard = require('./IdentityCard');
-
-var IdentitiesGrid = React.createClass({
-
-    componentWillMount: function() {
-        this._externalMargin = 20;
-        this._cardMargin = 20;
-        this._heightRatio = 0.6;
-
-        this.computeGrid(this.props.identities);
-    },
-
-    componentWillReceiveProps: function(nextProps) {
-        this.computeGrid(nextProps.identities);
-    },
-
-    getInitialState: function () {
-        return  {
-            hasBeenSelected: false
-        }
-    },
-
-    setHasBeenSelected: function(b) {
-        this.setState({
-            hasBeenSelected: b
-        });
-    },
-
-    /**
-     * Computes grid size based on given number of configs.
-     */
-    computeGrid: function(identities) {
-        var N = identities.length; // num of total cards
-        var i = 1;  // num of rows
-        var j = 2;  // num of columns
-        for(var n=1; n<=N; n++) {
-            var p = i * j;
-            if(n > p) {
-                if(i < j) {
-                    i++;
-                } else {
-                    j++;
-                }
-            }
-        }
-        var cardWidth = (window.innerWidth - this._externalMargin*2 - this._cardMargin*2*j) / j;
-        var cardHeight = (window.innerHeight*this._heightRatio - this._externalMargin - this._cardMargin*2*i) / i;
-        this._cardSize = [cardWidth, cardHeight];
-
-    },
-
-    render: function () {
-        var self = this;
-
-        var cards = [];
-
-        var height = window.innerHeight * this._heightRatio;
-        var gridStyle = {height: height};
-
-        var cardStyle = {
-            width: this._cardSize[0],
-            height: this._cardSize[1],
-            //position: 'absolute',
-            flexBasis: this._cardSize[0]
-        };
-
-        this.props.identities.forEach(function(i) {
-                cards.push(
-                    <IdentityCard
-                        key={i}
-                        name={i}
-                        cardStyle={cardStyle}
-                        hasBeenSelected={self.state.hasBeenSelected}
-                        onSelectedIdentity={self.setHasBeenSelected}
-                        onSetRid = {self.props.onSetRid}
-                        mode = {self.props.mode}
-                        app_id={self.props.app_id}
-                        run_id={self.props.run_id}
-                        old_rid={self.props.old_rid} />);
-        });
-
-        return (
-
-            <div className='identities-grid' style={gridStyle} >
-                {cards}
-            </div>
-
-        );
-    }
-
-});
-
-module.exports = IdentitiesGrid;