nutella_framework 0.7.3 → 0.8.0

data/framework_components/roomcast-package-creator/src/app/components/ContextButton.js

@@ -1,37 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var FloatingActionButton_ = require('./material-ui/floating-action-button_.jsx');
-
-/**
- * @prop type
- * @prop selectedChannel
- * @prop onAddedChannel
- * @prop onRemovedChannel
- */
-var ContextButton = React.createClass({
-
-    addChannel: function() {
-        this.props.onAddedChannel(this.props.selectedChannel.id);
-    },
-
-    removeChannel: function() {
-        this.props.onRemovedChannel(this.props.selectedChannel.id);
-    },
-
-    render: function() {
-
-        var button = this.props.type==='add'? <FloatingActionButton_ icon='content-add' secondary={true} onTouchTap={this.addChannel} /> :
-            <FloatingActionButton_ icon='content-remove' primary={true} onTouchTap={this.removeChannel} />;
-
-        return (
-            <div className='div-button-container'>
-                {button}
-            </div>
-        );
-
-    }
-
-});
-
-module.exports = ContextButton;
-

data/framework_components/roomcast-package-creator/src/app/components/GlobalButton.js

@@ -1,28 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var RaisedButton = require('./material-ui/raised-button_.jsx');
-
-/**
- * @prop type
- * @prop onRemovedChannels
- */
-var GlobalButton = React.createClass({
-
-    removeChannels: function() {
-      this.props.onRemovedChannels();
-    },
-
-    render: function(){
-
-        var button = this.props.type==='add'? <RaisedButton label='Add' secondary={true} /> :
-            this.props.type==='remove' ? <RaisedButton label='Clear Row' primary={true} onTouchTap={this.removeChannels} /> :
-                <RaisedButton label='Clear All' primary={true} onTouchTap={this.removeChannels} />;
-        return (<div className='div-button-container'>
-                    {button}
-                </div>);
-    }
-
-});
-
-module.exports = GlobalButton;
-

data/framework_components/roomcast-package-creator/src/app/components/NutellaMixin.js

@@ -1,58 +0,0 @@
-var NUTELLA = require('nutella_lib');
-
-var NutellaMixin = {
-
-    /**
-     * Stores a user interaction as a document in the MongoDB database.
-     * @param action name of the action fired
-     * @param info additional properties to be stored for the specific interaction
-     */
-    logAction: function(action, info) {
-        var query_parameters = NUTELLA.parseURLParameters();
-        var app_id = query_parameters.app_id;
-        var run_id = query_parameters.run_id;
-        var cookie = this.getCookie('roomcast_device');
-        if(cookie === '') {
-            cookie = (+new Date * Math.random()).toString(36).substring(0, 15);
-            this.setCookie('roomcast_device', cookie, 365);
-        }
-        var date = new Date();
-        var doc = {};
-        doc.action = action;
-        doc.app_id = app_id;
-        doc.run_id = run_id;
-        doc.device_id = cookie;
-        doc.time = {
-            timestamp: date,
-            year: date.getFullYear(),
-            month: date.getMonth() + 1,
-            day: date.getDate(),
-            time: date.getHours() + ":" +date.getMinutes() + ":" +date.getSeconds()
-        };
-        if(Object.keys(info).length !== 0) {
-            doc.info = info;
-        }
-        nutella.net.publish('roomcast-log-bot/store', doc);
-    },
-
-    setCookie: function(cname, cvalue, exdays) {
-        var d = new Date();
-        d.setTime(d.getTime() + (exdays*24*60*60*1000));
-        var expires = "expires="+d.toUTCString();
-        document.cookie = cname + "=" + cvalue + "; " + expires;
-    },
-
-    getCookie: function(cname) {
-        var name = cname + "=";
-        var ca = document.cookie.split(';');
-        for(var i=0; i<ca.length; i++) {
-            var c = ca[i];
-            while (c.charAt(0)==' ') c = c.substring(1);
-            if (c.indexOf(name) == 0) return c.substring(name.length,c.length);
-        }
-        return "";
-    }
-
-};
-
-module.exports = NutellaMixin;

data/framework_components/roomcast-package-creator/src/app/components/PoolHeader.js

@@ -1,67 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var RaisedButton_ = require('./material-ui/raised-button_.jsx');
-var ContextButton = require('./ContextButton');
-var GlobalButton = require('./GlobalButton');
-
-/**
- * @prop familyName
- * @prop selectedChannel
- * @prop onRemovedAllChannels
- * @prop onAddedChannelToPool
- * @prop onRemovedChannelFromPool
- */
-var PoolHeader = React.createClass({
-
-    handleAddedChannel: function(chId) {
-        this.props.onAddedChannelToPool(chId);
-    },
-
-    handleRemovedChannel: function(chId) {
-        this.props.onRemovedChannelFromPool(chId);
-    },
-
-    handleRemovedChannels: function() {
-        this.props.onRemovedAllChannels();
-    },
-
-    render: function() {
-
-        var buttonStyle = {
-            marginRight:'10px'
-        };
-
-        var buttonAdd, buttonRemove, headerButtons;
-        if(this.props.selectedChannel) {
-            buttonAdd = <ContextButton
-                type='add'
-                onAddedChannel={this.handleAddedChannel}
-                selectedChannel={this.props.selectedChannel} />;
-            buttonRemove = <ContextButton
-                type='remove'
-                onRemovedChannel={this.handleRemovedChannel}
-                selectedChannel={this.props.selectedChannel} />;
-            headerButtons = <th>
-                    {buttonAdd}
-                    {buttonRemove}
-            </th>
-        } else {
-            buttonRemove = <GlobalButton type='remove-all' onRemovedChannels={this.handleRemovedChannels} />;
-            headerButtons = <th>
-                    {buttonRemove}
-            </th>
-        }
-
-        return (
-
-            <tr className='pool-header'>
-                <th></th>
-                <th> {this.props.familyName} </th>
-                    {headerButtons}
-                <th></th>
-            </tr>);
-
-    }
-});
-
-module.exports = PoolHeader;

data/framework_components/roomcast-package-creator/src/app/components/PoolRow.js

@@ -1,160 +0,0 @@
-var React = require('react');
-var Mui = require('material-ui');
-var ChannelItem = require('./ChannelItem');
-var ContextButton = require('./ContextButton');
-var GlobalButton = require('./GlobalButton');
-var ButtonInteractionsMixin = require('./ButtonInteractionsMixin');
-var TextField = require('./material-ui/text-field.jsx');
-var FloatingActionButton = Mui.FloatingActionButton;
-
-var PoolRow = React.createClass({
-
-    mixins: [ButtonInteractionsMixin],
-
-    handleSelectedChannel: function(ch) {
-        this.props.onSelectedChannel(ch);
-    },
-
-    handleAddedChannel: function(chId) {
-        var newChannels = this.insertNewChannel(this.props.resourceWithChannels.channels, chId);
-        this.handleUpdatedChannel(newChannels);
-    },
-
-    handleRemovedChannel: function(chId) {
-        var newChannels = this.removeChannel(this.props.resourceWithChannels.channels, chId);
-        this.handleUpdatedChannel(newChannels);
-    },
-
-    /**
-     * Deep copies data structure at this level with the local changes.
-     * Has to be reimplemented at each level of the hierarchy.
-     * @param newChannels
-     */
-    handleUpdatedChannel: function(newChannels) {
-
-        var textFieldValue = this.refs['textField' + this.props.rowIndex].getValue();
-
-        // create new object for single resource
-        var resourceMapping = {
-            name: textFieldValue,
-            channels: newChannels
-        };
-
-        // pass update upwards
-        this.props.onUpdatedMapping(resourceMapping, this.props.rowIndex);
-    },
-
-    /**
-     * Removes all the channels from this row.
-     */
-    handleRemovedChannels: function() {
-        var newChannels = [];
-        this.handleUpdatedChannel(newChannels);
-    },
-
-    /**
-     * Updates the mapping structure at each text field input change.
-     * TODO performance?
-     */
-    handleTextFieldChange: function() {
-        this.handleUpdatedChannel(this.props.resourceWithChannels.channels);
-    },
-
-    handleDeleteRow: function() {
-        this.props.onDeleteRow(this.props.rowIndex);
-    },
-
-    render: function () {
-
-        var self=this;
-
-        // populate row of channels
-        var channelsList = [];
-        this.props.resourceWithChannels.channels.forEach(function (chId) {
-
-            // set selected channel in resources list
-            var resourcesSelected = null;
-            if(self.props.selectedChannel && self.props.selectedChannel.imgNode == self.refs.channel) {
-                resourcesSelected = true;
-            }
-
-            var itsChannel = self.props.channels[chId];
-            if(itsChannel) {
-                channelsList.push(<ChannelItem
-                    ref={'channel'}
-                    id={chId}
-                    key={chId}
-                    channelData={itsChannel}
-                    name={itsChannel.name}
-                    imgPath={itsChannel.screenshot}
-                    onSelectedChannel={self.handleSelectedChannel}
-                    currentSelectedChannel={self.props.selectedChannel}
-                    belongsTo='resources'
-                    resourcesSelected={true} />);
-            }
-        });
-
-        // check if the selected channel is already present in this row
-        var itsChannels = self.props.resourceWithChannels.channels;
-        var isChannelAllowed = function(ch) {
-            if(!self.props.selectedChannel.id) return;
-            for(var i=0; i<itsChannels.length; i++){
-                if(itsChannels[i]===self.props.selectedChannel.id) return true;
-            }
-            return false;
-        };
-
-        // set type of button based on context
-        var button;
-        if( this.props.selectedChannel ) {
-            if( isChannelAllowed(this.props.selectedChannel) ) {
-                button=<ContextButton
-                    type='remove'
-                    selectedChannel={self.props.selectedChannel}
-                    onRemovedChannel={self.handleRemovedChannel} />;
-            } else {
-                button=<ContextButton
-                    type='add'
-                    selectedChannel={self.props.selectedChannel}
-                    onAddedChannel={self.handleAddedChannel} />;
-            }
-        } else {
-            button=<GlobalButton
-                type='remove'
-                onRemovedChannels={self.handleRemovedChannels} />;
-        }
-
-        var tdButtonStyle = {
-            'textAlign': 'center'
-        };
-
-        return (
-
-            <tr className='pool-row'>
-
-                <td>
-
-                    <div className='remove-row-div' onTouchTap={this.handleDeleteRow}> </div>
-
-                </td>
-
-                <td>
-                    <div className='text-field-div'>
-                        <TextField
-                            ref={'textField' + this.props.rowIndex}
-                            hintText={'Package name'}
-                            value={this.props.resourceWithChannels.name}
-                            multiLine={true}
-                            onChange={this.handleTextFieldChange}/>
-                    </div>
-                </td>
-
-                <td> {channelsList} </td>
-                <td style={tdButtonStyle}> {button} </td>
-
-            </tr>);
-
-    }
-});
-
-module.exports = PoolRow;

data/framework_components/roomcast-package-creator/src/app/components/ResourceFamilyPool.js

@@ -1,168 +0,0 @@
-var React = require('react');
-var PoolHeader = require('./PoolHeader');
-var PoolRow = require('./PoolRow');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-var ButtonInteractionsMixin = require('./ButtonInteractionsMixin');
-var d3 = require('d3');
-
-var ResourceFamilyPool = React.createClass({
-
-    mixins: [ButtonInteractionsMixin],
-
-    handleAddRow: function() {
-        this.props.onAddRow(this.props.familyName);
-    },
-
-    handleSelectedChannel: function(ch) {
-        this.props.onSelectedChannel(ch);
-    },
-
-    handleRemovedAllChannels: function() {
-        var familyItems=[];
-        this.props.resourcesWithChannels.forEach(function(res) {
-            familyItems.push({
-                name: res.name,
-                channels: []
-            });
-        });
-        this.handleUpdatedFamily(familyItems);
-    },
-
-    handleAddedChannelToPool: function(chId) {
-        var self=this;
-        var familyItems=[];
-        this.props.resourcesWithChannels.forEach(function(res) {
-            var newChannels = self.insertNewChannel(res.channels, chId);
-            familyItems.push({
-                name: res.name,
-                channels: newChannels
-            });
-        });
-        this.handleUpdatedFamily(familyItems);
-    },
-
-    handleRemovedChannelFromPool: function(chId) {
-        var self=this;
-        var familyItems=[];
-        this.props.resourcesWithChannels.forEach(function(res) {
-            var newChannels = self.removeChannel(res.channels, chId);
-            familyItems.push({
-                name: res.name,
-                channels: newChannels
-            });
-        });
-        this.handleUpdatedFamily(familyItems);
-    },
-
-    /**
-     * Handles updates at row level and pushes them upwards.
-     * @param resourceMapping
-     * @param rowIndex
-     */
-    handleUpdatedMapping: function(resourceMapping, rowIndex) {
-
-        // create new object for single family of resources
-        var familyItems = [];
-        var added = false;
-        if(rowIndex != null) {
-            this.props.resourcesWithChannels.forEach(function(item, i) {
-                if(i===rowIndex) {
-                    familyItems.push(resourceMapping);
-                    added = true;
-                } else {
-                    familyItems.push({
-                        name: item.name,
-                        channels: item.channels
-                    });
-                }
-            });
-        } else {
-            // handle new empty row
-            if(!added) {
-                familyItems.push(resourceMapping);
-            }
-        }
-        this.handleUpdatedFamily(familyItems);
-    },
-
-    /**
-     * Wraps the items and pushes new data upwards.
-     * @param familyItems
-     */
-    handleUpdatedFamily: function(familyItems) {
-        var familyMapping = {
-            family: this.props.familyName,
-            items: familyItems
-        };
-        this.props.onUpdatedMapping(familyMapping);
-    },
-
-    handleDeleteRow: function(rowIndex) {
-        var familyItems = [];
-        this.props.resourcesWithChannels.forEach(function(item, i) {
-            if(i!==rowIndex) {
-                familyItems.push(item)
-            }
-        });
-        this.handleUpdatedFamily(familyItems);
-    },
-
-    render: function() {
-
-        var self=this;
-        var rows=[];
-        var i = 0;
-        this.props.resourcesWithChannels.forEach(function(resource, k) {
-            rows.push(<PoolRow
-                    key={k}
-                    mapping={self.props.mapping}
-                    resourceWithChannels={resource}
-                    channels={self.props.channels}
-                    selectedChannel={self.props.selectedChannel}
-                    onSelectedChannel={self.handleSelectedChannel}
-                    onUpdatedMapping={self.handleUpdatedMapping}
-                    onDeleteRow={self.handleDeleteRow}
-                    rowIndex={i} />
-            );
-            i++;
-        });
-
-        return (
-
-            <div className="resource-family-pool">
-
-                <Paper>
-
-                    <table>
-
-                        <thead>
-
-                        <PoolHeader familyName={this.props.familyName}
-                                    selectedChannel={self.props.selectedChannel}
-                                    onRemovedAllChannels={this.handleRemovedAllChannels}
-                                    onAddedChannelToPool={this.handleAddedChannelToPool}
-                                    onRemovedChannelFromPool={this.handleRemovedChannelFromPool} />
-
-                        </thead>
-
-                        <tbody>
-
-                        {rows}
-                        <tr className='pool-row pool-add-row' ref={this.props.familyName + 'pool'} onTouchTap={this.handleAddRow}> <td colSpan='4'> Add Row </td> </tr>
-
-                        </tbody>
-
-                    </table>
-
-                </Paper>
-
-
-            </div> );
-
-    }
-
-});
-
-module.exports = ResourceFamilyPool;
-