nutella_framework 0.7.3 → 0.8.0

data/framework_components/roomcast-channel-creator/src/app/components/ColorCell.js

@@ -1,28 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-
-var ColorCell = React.createClass({
-
-    handlePickColor: function() {
-        this.props.onPickColor(this.props.color);
-    },
-
-    render: function() {
-
-        var style = {
-            backgroundColor: this.props.color
-        };
-
-        return (
-
-            <div className='color-cell' style={style} onTouchTap={this.handlePickColor} > </div>
-
-        );
-
-    }
-
-});
-
-module.exports = ColorCell;

data/framework_components/roomcast-channel-creator/src/app/components/ColorPicker.js

@@ -1,53 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var ColorCell = require('./ColorCell');
-
-var ColorPicker = React.createClass({
-
-    componentWillMount: function() {
-
-        this.palette_ = [];
-        this.palette_.push(
-            '#f6e8c3',
-            '#c7eae5',
-            '#fde0ef',
-            '#e6f5d0',
-            '#e7d4e8',
-            '#fee0b6',
-            '#d1e5f0',
-            '#f46d43',
-            '#bdbdbd',
-            '#a8ddb5'
-        );
-
-    },
-
-    render: function() {
-        var self = this;
-
-        var colorsGrid = [];
-        this.palette_.forEach(function(c) {
-            colorsGrid.push(
-                <ColorCell color={c}
-                           size={self.props.cellSize}
-                           onPickColor={self.props.onPickColor}/>
-            );
-        });
-
-        return (
-
-                <div className='color-picker' >
-
-                    {colorsGrid}
-
-                </div>
-
-        );
-
-    }
-
-});
-
-module.exports = ColorPicker;
-

data/framework_components/roomcast-channel-creator/src/app/components/DetailPage.js

@@ -1,66 +0,0 @@
-
-var React = require('react');
-var Channel = require('./Channel');
-
-var DetailPage = React.createClass({
-
-    componentWillMount: function() {
-        this.updateDimensions();
-    },
-
-    componentDidMount: function() {
-        this.setState({
-            channel: this.props.channel
-        });
-
-        window.addEventListener("resize", this.updateDimensions);
-
-    },
-
-    componentWillUnmount: function() {
-        window.removeEventListener("resize", this.updateDimensions);
-    },
-
-    componentWillReceiveProps: function(nextProps) {
-        this.setState({
-            channel: nextProps.channel
-        });
-    },
-
-    getInitialState: function () {
-        return  {
-            channel: this.props.channel,
-            windowSize: []
-        }
-    },
-
-    updateDimensions: function() {
-        this.setState({windowSize: [window.innerWidth, window.innerHeight]});
-    },
-
-    render: function() {
-
-        var channel =
-                <Channel
-                    channel={this.state.channel}
-                    selected={true} />;
-
-        var rightBarStyle = {
-            height: this.state.windowSize[1]
-        };
-
-        return (
-
-            <div className='detail-page' >
-                <div className="card-detail"> {channel} </div>
-                <div className="right-bar-detail" style={rightBarStyle} >  </div>
-            </div>
-
-        );
-
-    }
-
-});
-
-module.exports = DetailPage;
-

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

@@ -1,40 +0,0 @@
-
-var NutellaMixin = {
-
-    getChannelsForRid: function(message, rid) {
-        var myChannelsId = [];
-        var myChannels = [];
-        message.forEach(function(f) {
-            for (var i in f.items) {
-                var item = f.items[i];
-                if (item.name === 'iPad1') {
-                    myChannelsId = item.channels;
-                    break;
-                }
-            }
-        });
-        myChannelsId.forEach(function(id) {
-            myChannels.push(CHANNELS[id]);
-        });
-    },
-
-    getUrlForAsset: function(assetName, assetType) {
-
-        var broker = null;
-        if(query_parameters.broker) {
-            broker = query_parameters.broker;
-        } else {
-            broker = '52.1.142.215';    // TODO hardcoded broker
-        }
-
-        var runId = 'RoomQuake';    // TODO hardcoded runid
-        if(assetType == null) {
-            return 'http://' + broker + ':57880/roomcast/main-interface/assets/channels/'  + '/' + assetName;
-        }
-        return 'http://' + broker + ':57880/roomcast/main-interface/assets/channels/' + runId + '/' + assetType + '/' + assetName;
-
-    }
-
-};
-
-module.exports = NutellaMixin;

data/framework_components/roomcast-channel-creator/src/app/components/PageSliderMixin.js

@@ -1,68 +0,0 @@
-
-var PageSliderMixin = {
-
-    getInitialState: function () {
-        return {
-            history: [],
-            pages: [],
-            animating: false
-        }
-    },
-    componentDidUpdate: function() {
-        var skippedCurrentFrame = false,
-            pageEl = this.getDOMNode().lastChild,
-            pages = this.state.pages,
-            l = pages.length,
-            transitionEndHandler = function() {
-                pageEl.removeEventListener('webkitTransitionEnd', transitionEndHandler);
-                pages.shift();
-                this.setState({pages: pages});
-            }.bind(this),
-            animate = function() {
-                if (!skippedCurrentFrame) {
-                    skippedCurrentFrame = true;
-                    requestAnimationFrame(animate.bind(this));
-                } else if (l > 0) {
-                    pages[l - 1].props.position = "center transition";
-                    this.setState({pages: pages, animating: false});
-                    pageEl.addEventListener('webkitTransitionEnd', transitionEndHandler);
-                }
-            };
-
-        if (this.state.animating) {
-            requestAnimationFrame(animate.bind(this));
-        }
-    },
-    slidePage: function (page) {
-        var history = this.state.history,
-            pages = this.state.pages,
-            l = history.length,
-            hash = window.location.hash,
-            position = "center";
-
-        if (l === 0) {
-            history.push(hash);
-        } else if (hash === history[l - 2]) {
-            history.pop();
-            position = "left";
-        } else {
-            history.push(hash);
-            position = "right";
-        }
-
-        page.props.position = position;
-        pages.push(page);
-
-        this.setState({history: history, pages: pages, animating: position!=="center"});
-
-    },
-    render: function () {
-        return (
-            <div className="pageslider-container">
-                {this.state.pages}
-            </div>
-        );
-    }
-};
-
-module.exports = PageSliderMixin;

data/framework_components/roomcast-channel-creator/src/app/components/Router.js

@@ -1,52 +0,0 @@
-
-var Router = (function () {
-
-    "use strict";
-
-    var routes = [];
-
-    function addRoute(route, handler) {
-
-        routes.push({parts: route.split('/'), handler: handler});
-    }
-
-    function load(route) {
-        window.location.hash = route;
-    }
-
-    function start() {
-
-        var path = window.location.hash.substr(1),
-            parts = path.split('/'),
-            partsLength = parts.length;
-
-        for (var i = 0; i < routes.length; i++) {
-            var route = routes[i];
-            if (route.parts.length === partsLength) {
-                var params = [];
-                for (var j = 0; j < partsLength; j++) {
-                    if (route.parts[j].substr(0, 1) === ':') {
-                        params.push(parts[j]);
-                    } else if (route.parts[j] !== parts[j]) {
-                        break;
-                    }
-                }
-                if (j === partsLength) {
-                    route.handler.apply(undefined, params);
-                    return;
-                }
-            }
-        }
-    }
-
-    window.onhashchange = start;
-
-    return {
-        addRoute: addRoute,
-        load: load,
-        start: start
-    };
-
-}());
-
-module.exports = Router;

data/framework_components/roomcast-channel-creator/src/app/components/TopBar.js

@@ -1,86 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-var RaisedButton = Mui.RaisedButton;
-var FloatingActionButton = Mui.FloatingActionButton;
-
-var TopBar = React.createClass({
-
-    handleAddCard: function() {
-        this.props.onExitSelection();
-        this.scrollTo(document.body, 0, 200, this.props.onAddCard);
-    },
-
-    scrollTo: function(element, to, duration, callback) {
-        var self = this;
-
-        if (duration < 0) {
-            return;
-        }
-        var difference = to - element.scrollTop;
-        var perTick = difference / duration * 10;
-
-        setTimeout(function() {
-            element.scrollTop = element.scrollTop + perTick;
-            if (element.scrollTop === to) {
-                callback();
-                return;
-            }
-            self.scrollTo(element, to, duration - 10, callback);
-        }, 10);
-    },
-
-    render: function() {
-
-        var style = {
-            position: 'absolute'
-        };
-
-        return (
-            <div className='top-bar'>
-
-                <Paper>
-
-                    <div className='top-bar-container' >
-
-                        <div className='plus-button' >
-                            <FloatingActionButton
-                                secondary={true}
-                                mini={true}
-                                onTouchTap={this.handleAddCard} >
-
-                                <i className="icon ion-plus-round" ></i>
-
-                            </FloatingActionButton>
-                        </div>
-
-                        <div className='top-bar-container-inner' >
-
-                            <div className='channels-panel-save-buttons-div' >
-
-                                <div className='div-button-container-final-button'>
-                                    <RaisedButton className='save-button' label='Save changes' secondary={true} onTouchTap={this.props.onSave} />
-                                </div>
-
-                                <div className='div-button-container-final-button'>
-                                    <RaisedButton className='undo-button' label='Undo changes' primary={true} onTouchTap={this.props.onUndo} />
-                                </div>
-
-                            </div>
-
-                        </div>
-
-                    </div>
-
-                </Paper>
-
-            </div>
-        );
-
-    }
-
-});
-
-module.exports = TopBar;
-

data/framework_components/roomcast-channel-creator/src/app/components/UploadingScreen.js

@@ -1,74 +0,0 @@
-
-var React = require('react');
-var Mui = require('material-ui');
-var Paper = Mui.Paper;
-var d3 = require('d3');
-
-var UploadingScreen = React.createClass({
-
-    componentDidMount: function() {
-
-        d3.xml("./upload.svg", "image/svg+xml", function (logo) {
-
-            d3.select('.uploading-container')[0][0].appendChild(logo.documentElement);
-
-            d3.select('#logo')
-                .attr({
-                    width: window.innerWidth,
-                    height: window.innerHeight
-                })
-                .style({
-                    position: 'fixed',
-                    top: '0',
-                    'background-color': 'rgba(0,0,0,0.8)',
-                    'z-index': '200'
-                });
-
-            var colorBlue = function(id) {
-                d3.select(id).style({
-                    'fill': '#00bcd4'
-                });
-            };
-
-            var colorPink = function(id) {
-                d3.select(id).style({
-                    'fill': '#e91e63'
-                });
-            };
-
-            var removeColor = function() {
-                d3.selectAll('rect').style({
-                    'fill': null
-                });
-            };
-
-            var sequence = [1,2,3,4,8,7,6,5];
-            var i = 0;
-            var action = function() {
-                removeColor();
-                if(sequence[i] < 5) {
-                    colorBlue('#ch' + sequence[i]);
-                } else {
-                    colorPink('#ch' + sequence[i]);
-                }
-                i++;
-                if(i===sequence.length) {
-                    i = 0;
-                }
-            };
-
-            setInterval(action, 200);
-
-        });
-
-    },
-
-    render: function() {
-
-        return <div className='uploading-container' ></div>;
-
-    }
-
-});
-
-module.exports = UploadingScreen;