nutella_framework 0.7.3 → 0.8.0

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

@@ -1,103 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-var iOSMixin = require('./iOSMixin');
-var NutellaMixin = require('../NutellaMixin');
-
-var IdentityCard = React.createClass({
-
-    mixins: [iOSMixin, NutellaMixin],
-
-    componentDidMount: function() {
-        var self= this;
-        this._colorSelected = '#00bcd4';
-
-    },
-
-    getInitialState: function () {
-        return  {
-            isSelected: false
-        }
-    },
-
-    handleSelectedIdentity: function() {
-        var self = this;
-
-        if(!this.props.hasBeenSelected) {
-
-            this.props.onSelectedIdentity(true);
-
-            // Show selection
-            this.setState({
-                isSelected: true
-            });
-
-            // Trigger native animation
-            var callback = function() {
-
-                // #LOG action
-                console.log(self.props.mode);
-                if(self.props.mode === 'id') {
-                    self.logAction('login', self.props.app_id, self.props.run_id, {
-                        package_name: self.props.name
-                    });
-                } else {
-                    if(self.props.mode === 'activity') {
-                        self.logAction('transitionActivity', self.props.app_id, self.props.run_id, {
-                            old_package_name: self.props.old_rid,
-                            new_package_name: self.props.name,
-                            transparent: self.props.name === self.props.old_rid
-                        });
-                    }
-                }
-
-                // Exit point from identity-selector
-                self.props.onSetRid(self.props.name);
-            };
-            setTimeout(callback, 500);
-        }
-
-    },
-
-    render: function () {
-
-        var selectedCardStyle = {
-            backgroundColor: this._colorSelected,
-            color: 'white'
-        };
-
-        // Copy
-        var cardStyle = {};
-        for(var p_ in this.props.cardStyle) {
-            cardStyle[p_] = this.props.cardStyle[p_];
-        }
-
-        var className='identity-card';
-
-        // Add properties if selected
-        if(this.state.isSelected) {
-            className += ' identity-card-selected';
-            for(var p in selectedCardStyle) {
-                cardStyle[p] = selectedCardStyle[p];
-            }
-
-        }
-
-        return (
-
-            <Paper className={className} style={cardStyle} onTouchTap={this.handleSelectedIdentity}  >
-
-                <div className='card-name'>
-
-                    <span> {this.props.name} </span>
-
-                </div>
-
-
-
-            </Paper>);
-    }
-
-});
-
-module.exports = IdentityCard;

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

@@ -1,19 +0,0 @@
-
-var iOSMixin = {
-
-    iOScall: function(actionType, actionParameters) {
-
-        // JavaScript to send an action to iOS code
-        var appName = 'roomcast';
-        var jsonString = (JSON.stringify(actionParameters));
-        var escapedJsonParameters = escape(jsonString);
-        var url = appName + '://' + actionType + "#" + escapedJsonParameters;
-        console.log('launching url: ', url);
-        document.location.href = url;
-        
-    }
-
-
-};
-
-module.exports = iOSMixin;

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

@@ -1,109 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var IdentitiesGrid = require('./IdentitiesGrid');
-var NUTELLA = require('nutella_lib');
-
-var Main = React.createClass({
-
-    componentDidMount: function() {
-        var self = this;
-
-        window.nutella_identity_selector = NUTELLA.init(self.props.params.broker, self.props.params.app_id, self.props.params.run_id, 'identity-selector', function(connected) {
-            if(connected) {
-                window.nutella_identity_selector.net.request('mapping/retrieve', 'all', function (response) {
-                    self.extractIdentitiesFromMapping(response);
-                });
-
-                window.nutella_identity_selector.net.subscribe('mapping/updated', function (message, from) {
-                    self.extractIdentitiesFromMapping(message);
-                });
-
-                window.nutella_identity_selector.net.subscribe('currentConfig/switched', function (message, from) {
-                    if(self.isMounted()) {
-                        self.extractIdentitiesFromMapping(message);
-                    }
-                });
-            } else {
-                console.warn('nutella error in identity-selector');
-            }
-        });
-
-    },
-
-    extractIdentitiesFromMapping: function(mapping) {
-        var ids = [];
-        mapping.forEach(function (f) {
-            for (var i in f.items) {
-                if(f.items.hasOwnProperty(i) && f.items[i].name !== '') {
-                    ids.push(f.items[i].name);
-                }
-            }
-        });
-        this.setIdentities(ids);
-    },
-
-    getInitialState: function () {
-        return  {
-            identities: [],
-            mode: 'id'
-        }
-    },
-
-    setIdentities: function(ids) {
-        this.setState({
-            identities: ids
-        });
-    },
-
-    render: function () {
-
-        var titlesDivStyle = {
-            height: window.innerHeight * (0.4)
-        };
-
-        var gridDivStyle = {
-            height: window.innerHeight * (0.6)
-        };
-
-        var label;
-        switch(this.props.mode) {
-            case 'id':
-                label = 'Select new identity';
-                break;
-            case 'activity':
-                label = 'New Activity!';
-                break;
-        }
-
-        return (
-
-            <div className='main-div' >
-
-                <div className='titles-div' style={titlesDivStyle} >
-
-                    <span className='title' > {label} </span>
-                    <span className='title' > Who are you? </span>
-
-                </div>
-
-                <div className='grid-div' style={gridDivStyle} >
-
-                    <IdentitiesGrid
-                        identities={this.state.identities}
-                        onSetRid={this.props.onSetRid}
-                        mode={this.props.mode}
-                        app_id={this.props.params.app_id}
-                        run_id={this.props.params.run_id}
-                        old_rid={this.props.old_rid} />
-
-                </div>
-
-            </div>
-
-        );
-    }
-
-});
-
-module.exports = Main;

data/framework_components/roomcast-main-app/src/app/components/login/AppIdPage.js

@@ -1,97 +0,0 @@
-
-var React = require('react');
-var IdentitiesGrid = require('./IdentitiesGrid');
-
-var AppIdPage = React.createClass({
-
-    componentDidMount: function() {
-    },
-
-    getInitialState: function () {
-        return  {
-            hasBeenSelected: false
-        }
-    },
-
-    handleSetBroker: function(event) {
-        if (event.type == "keydown") {
-            var charCode;
-            if (event.charCode) {
-                charCode = event.charCode;
-            }
-            else {
-                charCode = event.keyCode;
-            }
-        }
-        if (charCode == 13) {
-            var broker = this.refs['input'].getDOMNode().value;
-            this.props.initWithBroker(broker);
-        }
-    },
-
-    render: function () {
-
-        var titlesDivStyle = {
-            height: window.innerHeight * (0.4)
-        };
-
-        var gridDivStyle = {
-            height: window.innerHeight * (0.6)
-        };
-
-        var app_ids_grid = null;
-
-        if(this.props.values) {
-            var backgroundMessage = null;
-            if(this.props.values.length === 0) {
-                backgroundMessage = <p className='backgroundMessage' > No available apps </p>;
-            }
-            app_ids_grid = (
-                <div className='grid-div' style={gridDivStyle} >
-
-                    {backgroundMessage}
-                    <IdentitiesGrid
-                        identities={this.props.values}
-                        type='app_id'
-                        onSwitchPage={this.props.onSwitchPage} />
-
-                </div>
-            );
-        } else {
-            app_ids_grid = (
-                <div className='grid-div' style={gridDivStyle}>
-                </div>
-            );
-        }
-
-        var brokerStyle = {
-            backgroundColor: '#e9eaed',
-            border: 'solid 1px white',
-            position: 'absolute',
-            right: '5px',
-            top: '5px'
-        };
-
-        return (
-
-            <div className='main-div' >
-
-                <input style={brokerStyle} ref='input' onKeyDown={this.handleSetBroker} ></input>
-
-                <div className='titles-div' style={titlesDivStyle} >
-
-                    <img src='dist/assets/Logo_alpha.png' className='rc-logo' />
-                    <span className='title' > application name: </span>
-
-                </div>
-
-                {app_ids_grid}
-
-            </div>
-
-        );
-    }
-
-});
-
-module.exports = AppIdPage;

data/framework_components/roomcast-main-app/src/app/components/login/BrokerPage.js

@@ -1,139 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var TextField = Mui.TextField;
-var RaisedButton = Mui.RaisedButton;
-var NUTELLA = require('nutella_lib');
-
-var BrokerPage = React.createClass({
-
-    componentWillMount: function() {
-        this.updateDimensions();
-    },
-
-    componentDidMount: function() {
-        window.addEventListener("resize", this.updateDimensions);
-    },
-
-    componentWillUnmount: function() {
-        window.removeEventListener("resize", this.updateDimensions);
-    },
-
-    updateDimensions: function() {
-        this.setState({innerHeight: window.innerHeight});
-    },
-
-    handleSetBroker: function() {
-        var self = this;
-        var broker = this.refs.textFieldBroker.getValue();
-
-        if(broker.length !== 0) {
-
-            // Start nutella
-            window.nutella = NUTELLA.init(broker, 'app_id', 'run_id', 'login-screens', function(connected) {
-                if(connected) {
-
-                    var callback = function() {
-                        if(!self.state.app_ids) {
-                            self.setErrorText('Invalid broker.');
-                        } else {
-                            window.ReactMain.login.broker = broker;
-                            self.props.onSwitchPage(2, {app_ids: self.state.app_ids});
-                        }
-                    };
-
-                    nutella.net.request('runs_list', 'req', function (response) {
-                        var app_ids = [];
-                        for (var app_id in response) {
-                            if (response.hasOwnProperty(app_id)) {
-                                app_ids.push(app_id);
-                            }
-                        }
-                        self.setState({
-                            app_ids: app_ids
-                        }, callback);
-                    });
-
-                } else {
-                    self.setErrorText('Invalid broker.');
-                }
-            });
-
-        } else {
-            this.setErrorText('You must set a broker.');
-        }
-    },
-
-    getInitialState: function () {
-        return  {
-            errorText: null,
-            innerHeight: window.innerHeight,
-            app_ids: undefined
-        }
-    },
-
-    setErrorText: function(value) {
-        this.setState({
-            errorText: value
-        });
-    },
-
-    validateInput:  function() {
-        var input = this.refs.textFieldBroker.getValue();
-        if (input.length === 0) {
-            this.setErrorText('You must set a broker.');
-        } else {
-            this.setErrorText(null);
-        }
-    },
-
-    render: function () {
-        var self = this;
-
-        var titlesDivStyle = {
-            height: this.state.innerHeight * (0.4)
-        };
-
-        var gridDivStyle = {
-            height: this.state.innerHeight * (0.6)
-        };
-
-        return (
-
-            <div className='main-div' >
-
-                <div className='titles-div' style={titlesDivStyle} >
-
-                    <span className='title' > RoomCast login </span>
-                    <span className='title' > broker: </span>
-
-                </div>
-
-                <div className='broker-div titles-div' style={gridDivStyle} >
-
-                    <div className='text-field-broker'>
-                        <TextField
-                            ref='textFieldBroker'
-                            hintText={'broker IP address'}
-                            multiLine={false}
-                            errorText={this.state.errorText}
-                            onChange={this.validateInput} />
-                    </div>
-
-                </div>
-
-                <div className='submit-broker'>
-                    <RaisedButton
-                        label='Submit'
-                        secondary={true}
-                        onTouchTap={this.handleSetBroker} />
-                </div>
-
-            </div>
-
-        );
-    }
-
-});
-
-module.exports = BrokerPage;