nutella_framework 0.4.27 → 0.4.28

data/framework_components/room-places-interface/css/page_layout.css

@@ -0,0 +1,82 @@
+.text-center {
+    text-align: center;
+}
+
+table {
+    width: 100%;
+}
+
+thead, tbody, tr, td, th { display: block; }
+
+tr:after {
+    content: ' ';
+    display: block;
+    visibility: hidden;
+    clear: both;
+}
+
+
+tbody {
+    /*max-height: 400px;*/
+    /*overflow-y: auto;*/
+}
+
+thead {
+}
+
+
+tbody td, thead th {
+    float: left !important;
+}
+
+
+.right {
+    float: right;
+}
+
+.vertical-center span {
+    height: 34px;
+}
+
+.vertical-center span {
+    display: table-cell;
+    vertical-align: middle;
+}
+
+.table_container {
+    margin-top: 10px;
+}
+
+td.input-fill input {
+    display: block !important;
+    padding: 0 !important;
+    margin: 0 !important;
+    border: 0 !important;
+    width: 100% !important;
+    border-radius: 0 !important;
+    line-height: 1 !important;
+}
+
+td.input-fill {
+    margin: 0 !important;
+    padding: 0 !important;
+}
+
+span[contenteditable=true] {
+    cursor: pointer;
+}
+
+td.key-values {
+    height: 40px;
+}
+
+form input {
+    width: 100px;
+    height: 20px;
+    border: none;
+    background: none;
+}
+
+form, form input, button {
+    display: inline;
+}

data/framework_components/room-places-interface/fonts/icomoon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>Generated by IcoMoon</metadata>
+<defs>
+<font id="icomoon" horiz-adv-x="1024">
+<font-face units-per-em="1024" ascent="960" descent="-64" />
+<missing-glyph horiz-adv-x="1024" />
+<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
+<glyph unicode="&#xe600;" d="M675.511 1.416v-65.416h-327.030v65.416c0 36.145 29.261 65.395 65.408 65.395h65.412v431.138c-38.073 13.538-65.412 49.437-65.412 92.102 0 54.165 43.946 98.11 98.11 98.11 54.158 0 98.106-43.946 98.106-98.11 0-42.663-27.468-78.562-65.397-92.102v-431.136h65.397c36.156 0 65.406-29.252 65.406-65.397zM350.148 428.202l22.995-23.131 46.368 46.247-23.122 23.125c-63.747 63.747-63.747 167.474 0 231.216l23.122 23.125-46.241 46.236-23.127-23.12c-89.289-89.16-89.289-234.408 0.004-323.698zM303.905 798.149l23.12 23.12-46.247 46.241-23.12-23.12c-140.266-140.266-140.266-368.413 0-508.68l23.12-23.112 46.247 46.234-23.12 23.131c-114.845 114.707-114.845 301.47 0 416.185zM211.417 890.633l23.125 23.12-46.245 46.247-23.127-23.12c-191.23-191.234-191.23-502.414 0-693.785l23.127-23.112 46.245 46.232-23.125 23.133c-165.809 165.804-165.809 435.603 0 601.284zM627.609 474.445l-23.122-23.125 46.372-46.247 22.991 23.131c89.302 89.287 89.302 234.538 0 323.704l-23.131 23.116-46.234-46.236 23.122-23.125c63.749-63.749 63.749-167.474 0.002-231.218zM766.333 844.39l-23.122 23.12-46.241-46.241 23.133-23.12c114.709-114.713 114.709-301.479 0-416.188l-23.133-23.12 46.241-46.243 23.122 23.112c140.266 140.266 140.266 368.413 0 508.68zM858.828 936.88l-23.12 23.12-46.243-46.247 23.112-23.12c165.681-165.688 165.681-435.352 0-601.284l-23.112-23.133 46.243-46.232 23.12 23.112c191.228 191.37 191.228 502.675 0 693.785z" />
+<glyph unicode="&#xe601;" d="M676.31 719.404h-328.62c-51.63 0-93.489-41.86-93.489-93.507v-355.797c0-51.644 41.86-93.509 93.489-93.509h328.624c51.635 0 93.489 41.862 93.489 93.509v355.797c0 51.647-41.857 93.507-93.492 93.507zM967.947 408.692c21.708 0 39.305 17.597 39.305 39.305s-17.597 39.305-39.305 39.305h-89.724v88.806h89.724c21.708 0 39.305 17.597 39.305 39.305s-17.597 39.305-39.305 39.305h-90.521c-7.69 86.897-73.802 157.225-158.714 171.364v94.612c0 21.708-17.597 39.305-39.305 39.305s-39.305-17.597-39.305-39.305v-91.975h-88.801v91.975c0 21.708-17.595 39.305-39.304 39.305s-39.307-17.597-39.307-39.305v-91.975h-88.797v91.975c-0.002 21.708-17.599 39.305-39.307 39.305s-39.305-17.597-39.305-39.305v-94.61c-84.914-14.139-151.027-84.467-158.714-171.364h-90.517c-21.708 0-39.305-17.597-39.305-39.305s17.597-39.305 39.305-39.305h89.724v-88.806h-89.724c-21.708 0-39.305-17.597-39.305-39.305s17.597-39.305 39.305-39.305h89.724v-88.804h-89.724c-21.708 0-39.305-17.597-39.305-39.305s17.597-39.305 39.305-39.305h90.521c7.687-86.893 73.802-157.223 158.714-171.359v-94.618c0-21.708 17.597-39.305 39.305-39.305s39.305 17.597 39.305 39.305v91.983h88.797v-91.983c0-21.708 17.599-39.305 39.307-39.305s39.305 17.597 39.305 39.305v91.983h88.801v-91.983c0-21.708 17.597-39.305 39.305-39.305s39.305 17.597 39.305 39.305v94.612c84.914 14.135 151.026 84.464 158.714 171.359h90.521c21.708 0 39.305 17.597 39.305 39.305s-17.597 39.305-39.305 39.305h-89.724v88.804l89.721 0.005zM815.443 258.234c0-70.673-57.498-128.171-128.18-128.171h-350.531c-70.678 0-128.176 57.495-128.176 128.171v379.534c0 70.676 57.498 128.175 128.176 128.175h350.531c70.678 0 128.18-57.498 128.18-128.175v-379.534z" />
+<glyph unicode="&#xe602;" d="M0 740.571v-73.143h73.143v-512h73.143v292.571h731.429v-292.571h73.143v512h73.143v73.143h-1024zM877.714 521.143h-731.429v146.286h731.429v-146.286zM475.429 630.857h73.143v-73.143h-73.143v73.143z" />
+<glyph unicode="&#xe956;" d="M0 896v-640h1024v640h-1024zM960 320h-896v512h896v-512zM672 192h-320l-32-128-64-64h512l-64 64z" />
+<glyph unicode="&#xe958;" d="M736 960h-448c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h448c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM384 912h256v-32h-256v32zM512 0c-35.346 0-64 28.654-64 64s28.654 64 64 64 64-28.654 64-64-28.654-64-64-64zM768 192h-512v640h512v-640z" />
+<glyph unicode="&#xe95a;" d="M800 960h-640c-52.8 0-96-43.2-96-96v-832c0-52.8 43.2-96 96-96h640c52.8 0 96 43.2 96 96v832c0 52.8-43.2 96-96 96zM480-32c-17.672 0-32 14.326-32 32s14.328 32 32 32 32-14.326 32-32-14.328-32-32-32zM768 64h-576v768h576v-768z" />
+<glyph unicode="&#xf27c;" d="M960 896c-32 0-864 0-896 0s-64-32-64-64 0-544 0-576 32-64 64-64 320 0 320 0-192-64-192-128c0-32 32-64 64-64s480 0 512 0 64 32 64 64c0 64-192 128-192 128s288 0 320 0 64 32 64 64 0 544 0 576-32 64-64 64zM960 256h-896v576h896v-576zM896 768h-192c-384-64-542-300-576-384v-64h768v448z" />
+</font></defs></svg>

data/framework_components/room-places-interface/gulpfile.js

@@ -0,0 +1,24 @@
+var gulp = require('gulp');
+var concat = require('gulp-concat');
+var uglify = require('gulp-uglify');
+var react = require('gulp-react');
+var htmlreplace = require('gulp-html-replace');
+var plumber = require('gulp-plumber');
+
+var path = {
+  REACT_SRC: ['js/react/src/*.js'],
+  REACT_DEST: 'js/react/dist'
+};
+
+gulp.task('transform', function(){
+  gulp.src(path.REACT_SRC)
+      .pipe(plumber())
+      .pipe(react())
+      .pipe(gulp.dest(path.REACT_DEST));
+});
+
+gulp.task('watch', function(){
+  gulp.watch(path.REACT_SRC, ['transform']);
+});
+
+gulp.task('default', ['transform', 'watch']);

data/framework_components/room-places-interface/index.html

@@ -0,0 +1,73 @@
+<!doctype html>
+<html>
+    <head>
+        <meta charset="utf-8">
+				<!-- Your interface name here-->
+        <title>Room Places</title>
+				<!-- The description of this interfaces here -->
+        <meta name="description" content="">
+				<!-- Your CSS here -->
+		<link rel="stylesheet" href="css/bootstrap.min.css">
+		<link rel="stylesheet" href="css/animation.css">
+		<link rel="stylesheet" href="css/cursor.css">
+		<link rel="stylesheet" href="css/page_layout.css">
+		<link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
+		<link rel="stylesheet" href="css/icomoon.css">
+
+		<script src="js/lib/react-with-addons-0.12.2.js"></script>
+    	<script src="js/lib/JSXTransformer-0.12.2.js"></script>
+    	<script src="js/lib/jquery-1.10.0.min.js"></script>
+    	<script src="js/lib/bootstrap.min.js"></script>
+		<script src="js/lib/d3.v3.min.js" charset="utf-8"></script>
+		<script src="js/lib/underscore.js" charset="utf-8"></script>
+
+		<script src="js/position.js" charset="utf-8"></script>
+		<script src="js/map.js" charset="utf-8"></script>
+		<script src="js/room.js" charset="utf-8"></script>
+
+		<script src="js/lib/nutella_lib.js" charset="utf-8"></script>
+    </head>
+    <body>
+
+		<div class="col-lg-8 col-md-7 col-sm-12 col-xs-12">
+			<svg id="map" style="max-height: 1000px"></svg>
+		</div>
+
+		<div class="col-lg-4 col-md-5 col-sm-12 col-xs-12 table-responsive" style="overflow-x: visible;" id="resource">
+
+		</div>
+
+				
+		<!-- Scripts -->
+		<script src="js/react/dist/resource.js"></script>
+		<script src="js/react/dist/resource-table.js"></script>
+		<script src="js/react/dist/resource-add.js"></script>
+		<script src="js/react/dist/beacon.js"></script>
+		<script src="js/react/dist/discrete.js"></script>
+		<script src="js/react/dist/interactive-label.js"></script>
+		<!-- <script src="build/component.js"></script> -->
+
+		<!-- Your scripts here -->
+
+		<script type="text/jsx">
+
+			var query_parameters = NUTELLA.parseURLParameters();
+
+            nutella = NUTELLA.init(query_parameters.broker, query_parameters.app_id, query_parameters.run_id, 'room-places-interface');
+
+            var room = Room();
+
+            var map = Map("#map", room);
+
+			var nutella = NUTELLA.init(query_parameters.broker, query_parameters.app_id, query_parameters.run_id, 'room-places-interface');
+
+            React.render(
+				<ResourceTable room={room}/>,
+				document.getElementById('resource')
+			);
+
+
+		</script>
+				
+    </body>
+</html>