nutella_framework 0.4.23 → 0.4.24

data/framework_components/roomcast-teacher-controls/src/app/components/Channel.js

@@ -0,0 +1,70 @@
+var React = require('react');
+var Mui = require('material-ui');
+var Paper = Mui.Paper;
+
+/**
+ * @prop channel
+ */
+var Channel = React.createClass({
+
+    componentDidMount: function() {
+
+    },
+
+    handleClick: function() {
+
+        // JavaScript to send an action to iOS code
+        var appName = 'roomcast';
+        var actionType = 'playChannel';
+        // TODO generalize
+        var actionParameters = {
+            'name': this.props.channel.name,
+            'url': this.props.channel.url
+        };
+        var jsonString = (JSON.stringify(actionParameters));
+        var escapedJsonParameters = escape(jsonString);
+        var url = appName + '://' + actionType + "#" + escapedJsonParameters;
+        console.log('launching url: ', url);
+        document.location.href = url;
+
+    },
+
+    render: function() {
+
+        var broker = '52.1.142.215', runId = 'RoomQuake', imgType = 'screenshot';
+
+        var style = {
+            backgroundImage: 'url(' + 'http://' + broker + ':57880/roomcast/main-interface/assets/channels/' + runId + '/' + imgType + '/' + this.props.channel.screenshot + ')',
+            backgroundSize: '100% 100%'
+        };
+
+        return (
+            <Paper className='channel' style={style} ref='channelRef' onTouchTap={this.handleClick} >
+
+                <div className='channel-div' >
+
+                    <div className='channel-caption'>
+
+                        <div className='icon-name-wrapper'>
+
+                            <img className='channel-icon'> </img>
+
+                            <div className='name-wrapper'>
+                                <p className='channel-name'> {this.props.channel.name} </p>
+                                <p className='channel-description'> description... </p>
+                            </div>
+
+                        </div>
+
+                    </div>
+
+                </div>
+
+            </Paper>);
+
+    }
+
+});
+
+module.exports = Channel;
+

data/framework_components/roomcast-teacher-controls/src/app/components/Footer.js

@@ -0,0 +1,34 @@
+
+var React = require('react');
+var Mui = require('material-ui');
+var Paper = Mui.Paper;
+var RaisedButton = Mui.RaisedButton;
+
+var Footer = React.createClass({
+
+    handleLogoutAll: function() {
+        console.log('logout all');
+    },
+
+    render: function () {
+
+        var footerStyle = {
+            height: (window.innerHeight * 0.1)
+            //backgroundColor: 'grey'
+        };
+
+        return (
+
+            <div className='footer' style={footerStyle}>
+
+                <RaisedButton className='logout-button' label='Logout All' primary={true} onTouchTap={this.handleLogoutAll} />
+
+            </div>
+
+        );
+
+    }
+
+});
+
+module.exports = Footer;

data/framework_components/roomcast-teacher-controls/src/app/components/main.js

@@ -0,0 +1,74 @@
+
+var React = require('react');
+var Mui = require('material-ui');
+var ActivitiesGrid = require('./ActivitiesGrid');
+var Footer = require('./Footer');
+
+var Main = React.createClass({
+
+    componentDidMount: function() {
+        var self = this;
+
+        // Get current configs
+        nutella.net.request('configs/retrieve', 'all', function (response) {
+            self.setConfigs(response);
+
+            // Subscribe for future changes
+            nutella.net.subscribe('configs/updated', function (message, from) {
+                self.setConfigs(message);
+
+            });
+
+            // Get current selected config
+            nutella.net.request('currentConfig/retrieve', '', function (response) {
+                self.setCurrentConfig(response);
+
+                // Subscribe for future changes
+                nutella.net.subscribe('currentConfig/ack_updated', function (message, from) {
+                    self.setCurrentConfig(message);
+                });
+
+            });
+
+        });
+    },
+
+    getInitialState: function () {
+        return  {
+            currentConfig: '1',
+            configs: []
+        }
+    },
+
+    setConfigs: function(configs) {
+        this.setState({
+            configs: configs
+        });
+    },
+
+    setCurrentConfig: function(config) {
+        this.setState({
+            currentConfig: config
+        });
+    },
+
+    render: function () {
+
+        return (
+
+            <div className='main-div' >
+
+                <ActivitiesGrid
+                    configs={this.state.configs}
+                    currentConfig={this.state.currentConfig} />
+
+                <Footer />
+
+            </div>
+
+        );
+    }
+
+});
+
+module.exports = Main;

data/framework_components/roomcast-teacher-controls/src/less/main.less

@@ -0,0 +1,186 @@
+/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
+
+@import "node_modules/material-ui/src/less/scaffolding.less";
+//Define a custom less file to override any variables defined in scaffolding.less
+@import "my_overrides.less";
+@import "node_modules/material-ui/src/less/components.less";
+
+//////////// My custom app styles ////////////
+
+// VARIABLES
+@external-margin: 20px;
+@card-margin: 20px;
+
+// MIXINS
+.clickable {
+  cursor: pointer;
+}
+
+
+// CODE
+
+html, body {
+  height: 100%;
+  width: 100%;
+  background-color: #e9eaed;
+  box-sizing: border-box;
+}
+*, *:before, *:after {
+  box-sizing: inherit;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+}
+
+////////////////////////////////
+
+.activities-grid {
+  //width: 100%;
+  margin-left: @external-margin;
+  //margin-top: @external-margin;
+  margin-right: @external-margin;
+
+  // flex container properties
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  align-items: center;
+  align-content: stretch;
+
+  .activity-card {
+    background: white;
+    .clickable;
+    margin: @card-margin;
+
+    // flex item properties
+    flex-grow: 0;
+    flex-shrink: 0;
+    //flex-basis: 0;
+
+    .mui-paper-container {
+      position: relative;
+
+      .card-svg {
+        position: absolute;
+      }
+
+      .card-name {
+        // flex container properties
+        height: 100%;
+        width: 100%;
+        position: absolute;
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: center;
+        align-items: center;
+        align-content: center;
+
+        span {
+          font-size: 1.5em;
+          font-weight: 300;
+
+          // flex item properties
+          flex-grow: 0;
+          flex-shrink: 0;
+          flex-basis: main-size;
+        }
+      }
+    }
+
+
+
+  }
+}
+
+.footer {
+  // flex container properties
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+  align-content: center;
+
+  .logout-button {
+    width: 15%;
+    // flex item properties
+    flex-grow: 0;
+    flex-shrink: 0;
+    //flex-basis: 50px;
+
+  }
+}
+
+////////////////////////////////
+
+.channel {
+  // aspect ratio: 10:7.23
+  width: 100%;
+  height: 0;
+  padding-bottom: 72.30%;
+  position: relative;
+  background: white;
+  margin-bottom: 20px;
+  .channel-div {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    .channel-caption {
+      width: 100%;
+      height: 27%;
+      position: absolute;
+      bottom: 0;
+      background-color: rgba(0,0,0,0.4);
+      .icon-name-wrapper {
+        width: 100%;
+        //height: 100%;
+        position: absolute;
+        bottom: 10%;
+        overflow: auto;
+        .channel-icon {
+          width: 15%;
+          height: 0;
+          padding-bottom: 15%;
+          margin-left: 2%;
+          background-color: white;
+          //position: absolute;
+          //bottom: 0;
+          vertical-align: bottom;
+        }
+        .name-wrapper {
+          //height: 100%;
+          width: 83%;
+          display: inline-block;
+          position: absolute;
+          top: 20%;
+          .channel-name {
+            color: #ffffff;
+            font-size: 1.3vw;
+            margin: 0 0 4% 3%;
+            padding: 0 0 0 0;
+            vertical-align: middle;
+            @media (min-width: 1025px) and (max-width: 1480px) {
+              margin: 0 0 3% 3%;
+            }
+            @media (max-width: 1024px) {
+              margin: 0 0 2% 3%;
+            }
+            @media (max-width: 900px) {
+              margin: 0 0 1% 3%;
+            }
+          }
+          .channel-description {
+            color: #ffffff;
+            font-size: 0.8vw;
+            margin: 0 0 0 3%;
+            padding: 0 0 0 0;
+            line-height: 0;
+          }
+        }
+      }
+
+    }
+  }
+}

data/framework_components/roomcast-teacher-controls/src/less/my_overrides.less

@@ -0,0 +1,14 @@
+//Override Variables in scaffolding.less
+
+//@accent-1-color: @orange-A200;
+
+.save-button  {
+  button {
+    background-color: @cyan-500;
+  }
+}
+.undo-button {
+  button {
+    background-color: @pink-300;
+  }
+}

data/lib/commands/meta/run_command.rb

@@ -67,8 +67,10 @@ module Nutella
         console.warn 'The current directory is not a nutella application'
         return
       end
-      # Run script
-      return unless run_script_for_all_bots_in( Dir.pwd, script, in_progress_message )
+      # Run script for all bots
+      return unless run_script_for_components_in( "#{Dir.pwd}/bots", script, in_progress_message )
+      # Run script for all interfaces
+      return unless run_script_for_components_in( "#{Dir.pwd}/interfaces", script, in_progress_message )
       # Output success message
       console.success "All #{complete_message} for #{Nutella.current_app.config['name']}"
     end
@@ -77,17 +79,17 @@ module Nutella
     private
 
 
-    # Runs a script for each bot in a certain directory.
+    # Runs a script for each component in a certain directory.
     # Message is displayed in case something goes wrong
-    def run_script_for_all_bots_in( dir, script, message )
-      ComponentsList.for_each_component_in_dir dir do |bot|
-        # Skip bot if there is no script
-        next unless File.exist? "#{dir}/bots/#{bot}/#{script}"
+    def run_script_for_components_in( dir, script, message )
+      ComponentsList.for_each_component_in_dir dir do |component|
+        # Skip component if there is no script
+        next unless File.exist? "#{dir}/#{component}/#{script}"
         # Output message
-        console.info "#{message} bot #{bot}."
+        console.info "#{message} #{component}."
         # Execute 'script' script
         cur_dir = Dir.pwd
-        Dir.chdir "#{dir}/bots/#{bot}"
+        Dir.chdir "#{dir}/#{component}"
         system "./#{script}"
         Dir.chdir cur_dir
       end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: nutella_framework
 version: !ruby/object:Gem::Version
-  version: 0.4.23
+  version: 0.4.24
 platform: ruby
 authors:
 - Alessandro Gnoli
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-05-14 00:00:00.000000000 Z
+date: 2015-05-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: semantic
@@ -357,6 +357,108 @@ files:
 - framework_components/monitoring-bot/monitoring-bot.rb
 - framework_components/monitoring-bot/nutella.json
 - framework_components/monitoring-bot/startup
+- framework_components/monitoring-interface/.gitignore
+- framework_components/monitoring-interface/README.md
+- framework_components/monitoring-interface/bower.json
+- framework_components/monitoring-interface/bower_components/bower-mqttws/.bower.json
+- framework_components/monitoring-interface/bower_components/bower-mqttws/bower.json
+- framework_components/monitoring-interface/bower_components/bower-mqttws/mqttws31.js
+- framework_components/monitoring-interface/bower_components/bower-mqttws/readme.md
+- framework_components/monitoring-interface/bower_components/nutella_lib/.bower.json
+- framework_components/monitoring-interface/bower_components/nutella_lib/LICENSE
+- framework_components/monitoring-interface/bower_components/nutella_lib/README.md
+- framework_components/monitoring-interface/bower_components/nutella_lib/bower.json
+- framework_components/monitoring-interface/bower_components/nutella_lib/examples/browser/mqtt_client_hello_world.html
+- framework_components/monitoring-interface/bower_components/nutella_lib/examples/browser/nutella_hello_world.html
+- framework_components/monitoring-interface/bower_components/nutella_lib/examples/node/mqtt_client_hello_world.js
+- framework_components/monitoring-interface/bower_components/nutella_lib/examples/node/nutella_hello_world.js
+- framework_components/monitoring-interface/bower_components/nutella_lib/nutella_lib.js
+- framework_components/monitoring-interface/bower_components/nutella_lib/package.json
+- framework_components/monitoring-interface/css/Monitoring Interface.html
+- framework_components/monitoring-interface/css/Monitoring Interface_files/animations.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/application-view-controller.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/applications-model.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/bootstrap.min.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/cursor.css
+- framework_components/monitoring-interface/css/Monitoring Interface_files/d3.v3.min.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/graphics.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/grid-layout.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/highlight.min.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/instance-view-controller.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/jquery-1.10.0.min.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/notification-center.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/notifications.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/page.css
+- framework_components/monitoring-interface/css/Monitoring Interface_files/radial-layout.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/tab-table.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-application.css
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-application.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-connection-view.css
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-connection-view.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-element.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-notification.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/ui-tab.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/underscore-min.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/view-controller.js
+- framework_components/monitoring-interface/css/Monitoring Interface_files/window-view-controller.js
+- framework_components/monitoring-interface/css/alerts.css
+- framework_components/monitoring-interface/css/bootstrap.min.css
+- framework_components/monitoring-interface/css/cursor.css
+- framework_components/monitoring-interface/css/highlight.default.min.css
+- framework_components/monitoring-interface/css/page.css
+- framework_components/monitoring-interface/css/ui-application.css
+- framework_components/monitoring-interface/css/ui-connection-view.css
+- framework_components/monitoring-interface/css/ui-legend-view.css
+- framework_components/monitoring-interface/data/alert.json
+- framework_components/monitoring-interface/data/data.json
+- framework_components/monitoring-interface/data/data2.json
+- framework_components/monitoring-interface/data/data3.json
+- framework_components/monitoring-interface/data/data4.json
+- framework_components/monitoring-interface/data/message.json
+- framework_components/monitoring-interface/gulpfile.js
+- framework_components/monitoring-interface/img/arrow_white.svg
+- framework_components/monitoring-interface/img/arrow_white_right.svg
+- framework_components/monitoring-interface/img/back.svg
+- framework_components/monitoring-interface/img/cross_red_border_white.svg
+- framework_components/monitoring-interface/img/cross_red_border_white_mouseover.svg
+- framework_components/monitoring-interface/img/email.svg
+- framework_components/monitoring-interface/img/email_highlighted.svg
+- framework_components/monitoring-interface/index.html
+- framework_components/monitoring-interface/js/d3/layout/grid-layout.js
+- framework_components/monitoring-interface/js/d3/layout/radial-layout.js
+- framework_components/monitoring-interface/js/d3/plugin/graphics.js
+- framework_components/monitoring-interface/js/d3/plugin/tab-table.js
+- framework_components/monitoring-interface/js/d3/ui/animations.js
+- framework_components/monitoring-interface/js/d3/ui/ui-application.js
+- framework_components/monitoring-interface/js/d3/ui/ui-connection-view.js
+- framework_components/monitoring-interface/js/d3/ui/ui-element.js
+- framework_components/monitoring-interface/js/d3/ui/ui-legend.js
+- framework_components/monitoring-interface/js/d3/ui/ui-notification.js
+- framework_components/monitoring-interface/js/d3/ui/ui-tab.js
+- framework_components/monitoring-interface/js/lib/JSXTransformer-0.12.2.js
+- framework_components/monitoring-interface/js/lib/bootstrap.min.js
+- framework_components/monitoring-interface/js/lib/d3.v3.min.js
+- framework_components/monitoring-interface/js/lib/highlight.min.js
+- framework_components/monitoring-interface/js/lib/jquery-1.10.0.min.js
+- framework_components/monitoring-interface/js/lib/nutella_lib.js
+- framework_components/monitoring-interface/js/lib/react-with-addons-0.12.2.js
+- framework_components/monitoring-interface/js/lib/underscore-min.js
+- framework_components/monitoring-interface/js/model/alerts-model.js
+- framework_components/monitoring-interface/js/model/applications-model.js
+- framework_components/monitoring-interface/js/model/messages-model.js
+- framework_components/monitoring-interface/js/notification/notification-center.js
+- framework_components/monitoring-interface/js/notification/notifications.js
+- framework_components/monitoring-interface/js/react/dist/ui-alerts.js
+- framework_components/monitoring-interface/js/react/dist/ui-message-send.js
+- framework_components/monitoring-interface/js/react/dist/ui-messages.js
+- framework_components/monitoring-interface/js/react/src/ui-alerts.js
+- framework_components/monitoring-interface/js/react/src/ui-message-send.js
+- framework_components/monitoring-interface/js/react/src/ui-messages.js
+- framework_components/monitoring-interface/js/view-controller/application-view-controller.js
+- framework_components/monitoring-interface/js/view-controller/instance-view-controller.js
+- framework_components/monitoring-interface/js/view-controller/view-controller.js
+- framework_components/monitoring-interface/js/view-controller/window-view-controller.js
+- framework_components/monitoring-interface/nutella.json
 - framework_components/order.json
 - framework_components/roomcast-bot/data/default/channels.json
 - framework_components/roomcast-bot/data/default/configs.json
@@ -527,6 +629,37 @@ files:
 - framework_components/roomcast-package-creator/src/less/my_overrides.less
 - framework_components/roomcast-package-creator/src/less/svg-icon.less
 - framework_components/roomcast-package-creator/src/less/text-field.less
+- framework_components/roomcast-teacher-controls/.gitignore
+- framework_components/roomcast-teacher-controls/README.md
+- framework_components/roomcast-teacher-controls/dist/app.js
+- framework_components/roomcast-teacher-controls/dist/main.css
+- framework_components/roomcast-teacher-controls/dist/nutella_lib.js
+- framework_components/roomcast-teacher-controls/gulp/config.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/browserify.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/build.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/css.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/default.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/fonts.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/less.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/mui-fonts.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/nutella.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/setWatch.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/svgs.js
+- framework_components/roomcast-teacher-controls/gulp/tasks/watch.js
+- framework_components/roomcast-teacher-controls/gulp/util/bundleLogger.js
+- framework_components/roomcast-teacher-controls/gulp/util/handleErrors.js
+- framework_components/roomcast-teacher-controls/gulpfile.js
+- framework_components/roomcast-teacher-controls/index.html
+- framework_components/roomcast-teacher-controls/nutella.json
+- framework_components/roomcast-teacher-controls/package.json
+- framework_components/roomcast-teacher-controls/src/app/app.js
+- framework_components/roomcast-teacher-controls/src/app/components/ActivitiesGrid.js
+- framework_components/roomcast-teacher-controls/src/app/components/ActivityCard.js
+- framework_components/roomcast-teacher-controls/src/app/components/Channel.js
+- framework_components/roomcast-teacher-controls/src/app/components/Footer.js
+- framework_components/roomcast-teacher-controls/src/app/components/main.js
+- framework_components/roomcast-teacher-controls/src/less/main.less
+- framework_components/roomcast-teacher-controls/src/less/my_overrides.less
 - framework_components/runs_list_bot/runs_list_bot.rb
 - framework_components/runs_list_bot/startup
 - lib/commands/broker.rb