nutella_framework 0.4.27 → 0.4.28

Sign up to get free protection for your applications and to get access to all the features.
Files changed (94) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +1 -1
  3. data/VERSION +1 -1
  4. data/framework_components/order.json +2 -1
  5. data/framework_components/room-places-interface/.gitignore +3 -0
  6. data/framework_components/room-places-interface/LICENSE +21 -0
  7. data/framework_components/room-places-interface/Readme.md +0 -0
  8. data/framework_components/room-places-interface/bower.json +29 -0
  9. data/framework_components/room-places-interface/bower_components/bower-mqttws/.bower.json +23 -0
  10. data/framework_components/room-places-interface/bower_components/bower-mqttws/bower.json +14 -0
  11. data/framework_components/room-places-interface/bower_components/bower-mqttws/mqttws31.js +2081 -0
  12. data/framework_components/room-places-interface/bower_components/bower-mqttws/readme.md +4 -0
  13. data/framework_components/room-places-interface/bower_components/nutella_lib/.bower.json +37 -0
  14. data/framework_components/room-places-interface/bower_components/nutella_lib/LICENSE +21 -0
  15. data/framework_components/room-places-interface/bower_components/nutella_lib/README.md +15 -0
  16. data/framework_components/room-places-interface/bower_components/nutella_lib/bower.json +28 -0
  17. data/framework_components/room-places-interface/bower_components/nutella_lib/examples/browser/mqtt_client_hello_world.html +23 -0
  18. data/framework_components/room-places-interface/bower_components/nutella_lib/examples/browser/nutella_hello_world.html +52 -0
  19. data/framework_components/room-places-interface/bower_components/nutella_lib/examples/node/mqtt_client_hello_world.js +14 -0
  20. data/framework_components/room-places-interface/bower_components/nutella_lib/examples/node/nutella_hello_world.js +38 -0
  21. data/framework_components/room-places-interface/bower_components/nutella_lib/nutella_lib.js +789 -0
  22. data/framework_components/room-places-interface/bower_components/nutella_lib/package.json +30 -0
  23. data/framework_components/room-places-interface/css/animation.css +22 -0
  24. data/framework_components/room-places-interface/css/bootstrap.min.css +5 -0
  25. data/framework_components/room-places-interface/css/cursor.css +22 -0
  26. data/framework_components/room-places-interface/css/font-awesome/css/font-awesome.css +1801 -0
  27. data/framework_components/room-places-interface/css/font-awesome/css/font-awesome.min.css +4 -0
  28. data/framework_components/room-places-interface/css/font-awesome/fonts/FontAwesome.otf +0 -0
  29. data/framework_components/room-places-interface/css/font-awesome/fonts/fontawesome-webfont.eot +0 -0
  30. data/framework_components/room-places-interface/css/font-awesome/fonts/fontawesome-webfont.svg +565 -0
  31. data/framework_components/room-places-interface/css/font-awesome/fonts/fontawesome-webfont.ttf +0 -0
  32. data/framework_components/room-places-interface/css/font-awesome/fonts/fontawesome-webfont.woff +0 -0
  33. data/framework_components/room-places-interface/css/font-awesome/fonts/fontawesome-webfont.woff2 +0 -0
  34. data/framework_components/room-places-interface/css/font-awesome/less/animated.less +34 -0
  35. data/framework_components/room-places-interface/css/font-awesome/less/bordered-pulled.less +16 -0
  36. data/framework_components/room-places-interface/css/font-awesome/less/core.less +13 -0
  37. data/framework_components/room-places-interface/css/font-awesome/less/fixed-width.less +6 -0
  38. data/framework_components/room-places-interface/css/font-awesome/less/font-awesome.less +17 -0
  39. data/framework_components/room-places-interface/css/font-awesome/less/icons.less +596 -0
  40. data/framework_components/room-places-interface/css/font-awesome/less/larger.less +13 -0
  41. data/framework_components/room-places-interface/css/font-awesome/less/list.less +19 -0
  42. data/framework_components/room-places-interface/css/font-awesome/less/mixins.less +27 -0
  43. data/framework_components/room-places-interface/css/font-awesome/less/path.less +15 -0
  44. data/framework_components/room-places-interface/css/font-awesome/less/rotated-flipped.less +20 -0
  45. data/framework_components/room-places-interface/css/font-awesome/less/stacked.less +20 -0
  46. data/framework_components/room-places-interface/css/font-awesome/less/variables.less +606 -0
  47. data/framework_components/room-places-interface/css/font-awesome/scss/_animated.scss +34 -0
  48. data/framework_components/room-places-interface/css/font-awesome/scss/_bordered-pulled.scss +16 -0
  49. data/framework_components/room-places-interface/css/font-awesome/scss/_core.scss +13 -0
  50. data/framework_components/room-places-interface/css/font-awesome/scss/_fixed-width.scss +6 -0
  51. data/framework_components/room-places-interface/css/font-awesome/scss/_icons.scss +596 -0
  52. data/framework_components/room-places-interface/css/font-awesome/scss/_larger.scss +13 -0
  53. data/framework_components/room-places-interface/css/font-awesome/scss/_list.scss +19 -0
  54. data/framework_components/room-places-interface/css/font-awesome/scss/_mixins.scss +27 -0
  55. data/framework_components/room-places-interface/css/font-awesome/scss/_path.scss +15 -0
  56. data/framework_components/room-places-interface/css/font-awesome/scss/_rotated-flipped.scss +20 -0
  57. data/framework_components/room-places-interface/css/font-awesome/scss/_stacked.scss +20 -0
  58. data/framework_components/room-places-interface/css/font-awesome/scss/_variables.scss +606 -0
  59. data/framework_components/room-places-interface/css/font-awesome/scss/font-awesome.scss +17 -0
  60. data/framework_components/room-places-interface/css/icomoon.css +57 -0
  61. data/framework_components/room-places-interface/css/page_layout.css +82 -0
  62. data/framework_components/room-places-interface/fonts/icomoon.eot +0 -0
  63. data/framework_components/room-places-interface/fonts/icomoon.svg +17 -0
  64. data/framework_components/room-places-interface/fonts/icomoon.ttf +0 -0
  65. data/framework_components/room-places-interface/fonts/icomoon.woff +0 -0
  66. data/framework_components/room-places-interface/gulpfile.js +24 -0
  67. data/framework_components/room-places-interface/index.html +73 -0
  68. data/framework_components/room-places-interface/index2.html +1753 -0
  69. data/framework_components/room-places-interface/js/component.js +438 -0
  70. data/framework_components/room-places-interface/js/lib/JSXTransformer-0.12.2.js +15199 -0
  71. data/framework_components/room-places-interface/js/lib/bootstrap.min.js +7 -0
  72. data/framework_components/room-places-interface/js/lib/d3.v3.min.js +5 -0
  73. data/framework_components/room-places-interface/js/lib/jquery-1.10.0.min.js +6 -0
  74. data/framework_components/room-places-interface/js/lib/nutella_lib.js +4145 -0
  75. data/framework_components/room-places-interface/js/lib/react-with-addons-0.12.2.js +19822 -0
  76. data/framework_components/room-places-interface/js/lib/underscore.js +6 -0
  77. data/framework_components/room-places-interface/js/map.js +1593 -0
  78. data/framework_components/room-places-interface/js/position.js +6 -0
  79. data/framework_components/room-places-interface/js/react/dist/beacon.js +30 -0
  80. data/framework_components/room-places-interface/js/react/dist/discrete.js +282 -0
  81. data/framework_components/room-places-interface/js/react/dist/interactive-label.js +54 -0
  82. data/framework_components/room-places-interface/js/react/dist/resource-add.js +203 -0
  83. data/framework_components/room-places-interface/js/react/dist/resource-table.js +227 -0
  84. data/framework_components/room-places-interface/js/react/dist/resource.js +433 -0
  85. data/framework_components/room-places-interface/js/react/src/beacon.js +30 -0
  86. data/framework_components/room-places-interface/js/react/src/discrete.js +282 -0
  87. data/framework_components/room-places-interface/js/react/src/interactive-label.js +54 -0
  88. data/framework_components/room-places-interface/js/react/src/resource-add.js +203 -0
  89. data/framework_components/room-places-interface/js/react/src/resource-table.js +227 -0
  90. data/framework_components/room-places-interface/js/react/src/resource.js +433 -0
  91. data/framework_components/room-places-interface/js/room.js +65 -0
  92. data/framework_components/room-places-interface/nutella.json +6 -0
  93. data/nutella_framework.gemspec +93 -5
  94. metadata +91 -3
data/framework_components/room-places-interface/index2.html ADDED
@@ -0,0 +1,1753 @@
1
+ <!doctype html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <!-- Your interface name here-->
6
+ <title>Room Places</title>
7
+ <!-- The description of this interfaces here -->
8
+ <meta name="description" content="">
9
+ <!-- Your CSS here -->
10
+ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
11
+ <link rel="stylesheet" href="css/animation.css">
12
+ <link rel="stylesheet" href="css/cursor.css">
13
+ <link rel="stylesheet" href="css/page_layout.css">
14
+ <link rel="stylesheet" href="css/font-awesome/css/font-awesome.min.css">
15
+
16
+ <script src="http://fb.me/react-with-addons-0.12.2.js"></script>
17
+ <script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
18
+ <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
19
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
20
+ <script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
21
+
22
+ <script src="js/position.js" charset="utf-8"></script>
23
+ <script src="js/map.js" charset="utf-8"></script>
24
+ <script src="js/room.js" charset="utf-8"></script>
25
+ </head>
26
+ <body>
27
+
28
+ <div class="col-md-8 col-sm-12 col-xs-12">
29
+ <svg id="map" style="max-height: 1000px"></svg>
30
+ </div>
31
+
32
+ <div class="col-md-4 col-sm-12 col-xs-12 table-responsive" style="overflow-x: visible;">
33
+
34
+ <div id="resource_table" class="col-md-12 table-responsive" style="overflow-x: scroll;">
35
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
36
+ <thead>
37
+ <tr>
38
+ <th class="col-md-12 col-sm-12 col-xs-12 text-center">Resources</th>
39
+ </tr>
40
+ </thead>
41
+ <tbody>
42
+ <tr>
43
+ <td class="col-md-12 col-sm-12 col-xs-12">
44
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
45
+
46
+ <div class="btn-group">
47
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
48
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
49
+ <span class="fa fa-caret-down"></span></a>
50
+ <ul class="dropdown-menu">
51
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
52
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
53
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
54
+ <li class="divider"></li>
55
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
56
+ </ul>
57
+ </div>
58
+
59
+ <div class="btn-group" role="group">
60
+ <div class="btn-group" role="group">
61
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
62
+ <b>D</b>
63
+ <span class="caret"></span>
64
+ </button>
65
+ <ul class="dropdown-menu" role="menu">
66
+ <li><a href="#"><b>S</b> Static</a></li>
67
+ <li><a href="#"><b>D</b> Dynamic</a></li>
68
+ </ul>
69
+ </div>
70
+ </div>
71
+
72
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
73
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
74
+ </div>
75
+
76
+ <div class="collapse" id="collapseExample">
77
+ <div style="padding: 20px;;">
78
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
79
+ <thead>
80
+ <tr>
81
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
82
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
83
+ </tr>
84
+ </thead>
85
+ <tbody>
86
+ <tr>
87
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
88
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
89
+ </tr>
90
+ <tr>
91
+ <td class="col-md-6"><span id="A3">Y</span></td>
92
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
93
+ </tr>
94
+ <tr>
95
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
96
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
97
+ </tr>
98
+ </tbody>
99
+ </table>
100
+
101
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
102
+ <thead>
103
+ <tr>
104
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
105
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
106
+ </tr>
107
+ </thead>
108
+ <tbody>
109
+ <tr>
110
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
111
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
112
+ </tr>
113
+ <tr>
114
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
115
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
116
+ </tr>
117
+ <tr>
118
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
119
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
120
+ </tr>
121
+ <tr>
122
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
123
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
124
+ </tr>
125
+ </tbody>
126
+ </table>
127
+ </div>
128
+ </div>
129
+ </td>
130
+ </tr>
131
+
132
+
133
+
134
+
135
+
136
+
137
+
138
+
139
+
140
+
141
+ <tr>
142
+ <td class="col-md-12 col-sm-12 col-xs-12">
143
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
144
+
145
+ <div class="btn-group">
146
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
147
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
148
+ <span class="fa fa-caret-down"></span></a>
149
+ <ul class="dropdown-menu">
150
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
151
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
152
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
153
+ <li class="divider"></li>
154
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
155
+ </ul>
156
+ </div>
157
+
158
+ <div class="btn-group" role="group">
159
+ <div class="btn-group" role="group">
160
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
161
+ <b>D</b>
162
+ <span class="caret"></span>
163
+ </button>
164
+ <ul class="dropdown-menu" role="menu">
165
+ <li><a href="#"><b>S</b> Static</a></li>
166
+ <li><a href="#"><b>D</b> Dynamic</a></li>
167
+ </ul>
168
+ </div>
169
+ </div>
170
+
171
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
172
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
173
+ </div>
174
+
175
+ <div class="collapse" id="collapseExample">
176
+ <div style="padding: 20px;;">
177
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
178
+ <thead>
179
+ <tr>
180
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
181
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
182
+ </tr>
183
+ </thead>
184
+ <tbody>
185
+ <tr>
186
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
187
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
188
+ </tr>
189
+ <tr>
190
+ <td class="col-md-6"><span id="A3">Y</span></td>
191
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
192
+ </tr>
193
+ <tr>
194
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
195
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
196
+ </tr>
197
+ </tbody>
198
+ </table>
199
+
200
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
201
+ <thead>
202
+ <tr>
203
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
204
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
205
+ </tr>
206
+ </thead>
207
+ <tbody>
208
+ <tr>
209
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
210
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
211
+ </tr>
212
+ <tr>
213
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
214
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
215
+ </tr>
216
+ <tr>
217
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
218
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
219
+ </tr>
220
+ <tr>
221
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
222
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
223
+ </tr>
224
+ </tbody>
225
+ </table>
226
+ </div>
227
+ </div>
228
+ </td>
229
+ </tr>
230
+ <tr>
231
+ <td class="col-md-12 col-sm-12 col-xs-12">
232
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
233
+
234
+ <div class="btn-group">
235
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
236
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
237
+ <span class="fa fa-caret-down"></span></a>
238
+ <ul class="dropdown-menu">
239
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
240
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
241
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
242
+ <li class="divider"></li>
243
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
244
+ </ul>
245
+ </div>
246
+
247
+ <div class="btn-group" role="group">
248
+ <div class="btn-group" role="group">
249
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
250
+ <b>D</b>
251
+ <span class="caret"></span>
252
+ </button>
253
+ <ul class="dropdown-menu" role="menu">
254
+ <li><a href="#"><b>S</b> Static</a></li>
255
+ <li><a href="#"><b>D</b> Dynamic</a></li>
256
+ </ul>
257
+ </div>
258
+ </div>
259
+
260
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
261
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
262
+ </div>
263
+
264
+ <div class="collapse" id="collapseExample">
265
+ <div style="padding: 20px;;">
266
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
267
+ <thead>
268
+ <tr>
269
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
270
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
271
+ </tr>
272
+ </thead>
273
+ <tbody>
274
+ <tr>
275
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
276
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
277
+ </tr>
278
+ <tr>
279
+ <td class="col-md-6"><span id="A3">Y</span></td>
280
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
281
+ </tr>
282
+ <tr>
283
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
284
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
285
+ </tr>
286
+ </tbody>
287
+ </table>
288
+
289
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
290
+ <thead>
291
+ <tr>
292
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
293
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
294
+ </tr>
295
+ </thead>
296
+ <tbody>
297
+ <tr>
298
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
299
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
300
+ </tr>
301
+ <tr>
302
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
303
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
304
+ </tr>
305
+ <tr>
306
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
307
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
308
+ </tr>
309
+ <tr>
310
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
311
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
312
+ </tr>
313
+ </tbody>
314
+ </table>
315
+ </div>
316
+ </div>
317
+ </td>
318
+ </tr>
319
+ <tr>
320
+ <td class="col-md-12 col-sm-12 col-xs-12">
321
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
322
+
323
+ <div class="btn-group">
324
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
325
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
326
+ <span class="fa fa-caret-down"></span></a>
327
+ <ul class="dropdown-menu">
328
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
329
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
330
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
331
+ <li class="divider"></li>
332
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
333
+ </ul>
334
+ </div>
335
+
336
+ <div class="btn-group" role="group">
337
+ <div class="btn-group" role="group">
338
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
339
+ <b>D</b>
340
+ <span class="caret"></span>
341
+ </button>
342
+ <ul class="dropdown-menu" role="menu">
343
+ <li><a href="#"><b>S</b> Static</a></li>
344
+ <li><a href="#"><b>D</b> Dynamic</a></li>
345
+ </ul>
346
+ </div>
347
+ </div>
348
+
349
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
350
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
351
+ </div>
352
+
353
+ <div class="collapse" id="collapseExample">
354
+ <div style="padding: 20px;;">
355
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
356
+ <thead>
357
+ <tr>
358
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
359
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
360
+ </tr>
361
+ </thead>
362
+ <tbody>
363
+ <tr>
364
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
365
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
366
+ </tr>
367
+ <tr>
368
+ <td class="col-md-6"><span id="A3">Y</span></td>
369
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
370
+ </tr>
371
+ <tr>
372
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
373
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
374
+ </tr>
375
+ </tbody>
376
+ </table>
377
+
378
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
379
+ <thead>
380
+ <tr>
381
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
382
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
383
+ </tr>
384
+ </thead>
385
+ <tbody>
386
+ <tr>
387
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
388
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
389
+ </tr>
390
+ <tr>
391
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
392
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
393
+ </tr>
394
+ <tr>
395
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
396
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
397
+ </tr>
398
+ <tr>
399
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
400
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
401
+ </tr>
402
+ </tbody>
403
+ </table>
404
+ </div>
405
+ </div>
406
+ </td>
407
+ </tr>
408
+ <tr>
409
+ <td class="col-md-12 col-sm-12 col-xs-12">
410
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
411
+
412
+ <div class="btn-group">
413
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
414
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
415
+ <span class="fa fa-caret-down"></span></a>
416
+ <ul class="dropdown-menu">
417
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
418
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
419
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
420
+ <li class="divider"></li>
421
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
422
+ </ul>
423
+ </div>
424
+
425
+ <div class="btn-group" role="group">
426
+ <div class="btn-group" role="group">
427
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
428
+ <b>D</b>
429
+ <span class="caret"></span>
430
+ </button>
431
+ <ul class="dropdown-menu" role="menu">
432
+ <li><a href="#"><b>S</b> Static</a></li>
433
+ <li><a href="#"><b>D</b> Dynamic</a></li>
434
+ </ul>
435
+ </div>
436
+ </div>
437
+
438
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
439
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
440
+ </div>
441
+
442
+ <div class="collapse" id="collapseExample">
443
+ <div style="padding: 20px;;">
444
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
445
+ <thead>
446
+ <tr>
447
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
448
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
449
+ </tr>
450
+ </thead>
451
+ <tbody>
452
+ <tr>
453
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
454
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
455
+ </tr>
456
+ <tr>
457
+ <td class="col-md-6"><span id="A3">Y</span></td>
458
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
459
+ </tr>
460
+ <tr>
461
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
462
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
463
+ </tr>
464
+ </tbody>
465
+ </table>
466
+
467
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
468
+ <thead>
469
+ <tr>
470
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
471
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
472
+ </tr>
473
+ </thead>
474
+ <tbody>
475
+ <tr>
476
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
477
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
478
+ </tr>
479
+ <tr>
480
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
481
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
482
+ </tr>
483
+ <tr>
484
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
485
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
486
+ </tr>
487
+ <tr>
488
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
489
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
490
+ </tr>
491
+ </tbody>
492
+ </table>
493
+ </div>
494
+ </div>
495
+ </td>
496
+ </tr>
497
+ <tr>
498
+ <td class="col-md-12 col-sm-12 col-xs-12">
499
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
500
+
501
+ <div class="btn-group">
502
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
503
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
504
+ <span class="fa fa-caret-down"></span></a>
505
+ <ul class="dropdown-menu">
506
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
507
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
508
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
509
+ <li class="divider"></li>
510
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
511
+ </ul>
512
+ </div>
513
+
514
+ <div class="btn-group" role="group">
515
+ <div class="btn-group" role="group">
516
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
517
+ <b>D</b>
518
+ <span class="caret"></span>
519
+ </button>
520
+ <ul class="dropdown-menu" role="menu">
521
+ <li><a href="#"><b>S</b> Static</a></li>
522
+ <li><a href="#"><b>D</b> Dynamic</a></li>
523
+ </ul>
524
+ </div>
525
+ </div>
526
+
527
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
528
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
529
+ </div>
530
+
531
+ <div class="collapse" id="collapseExample">
532
+ <div style="padding: 20px;;">
533
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
534
+ <thead>
535
+ <tr>
536
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
537
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
538
+ </tr>
539
+ </thead>
540
+ <tbody>
541
+ <tr>
542
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
543
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
544
+ </tr>
545
+ <tr>
546
+ <td class="col-md-6"><span id="A3">Y</span></td>
547
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
548
+ </tr>
549
+ <tr>
550
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
551
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
552
+ </tr>
553
+ </tbody>
554
+ </table>
555
+
556
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
557
+ <thead>
558
+ <tr>
559
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
560
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
561
+ </tr>
562
+ </thead>
563
+ <tbody>
564
+ <tr>
565
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
566
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
567
+ </tr>
568
+ <tr>
569
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
570
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
571
+ </tr>
572
+ <tr>
573
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
574
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
575
+ </tr>
576
+ <tr>
577
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
578
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
579
+ </tr>
580
+ </tbody>
581
+ </table>
582
+ </div>
583
+ </div>
584
+ </td>
585
+ </tr>
586
+ <tr>
587
+ <td class="col-md-12 col-sm-12 col-xs-12">
588
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
589
+
590
+ <div class="btn-group">
591
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
592
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
593
+ <span class="fa fa-caret-down"></span></a>
594
+ <ul class="dropdown-menu">
595
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
596
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
597
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
598
+ <li class="divider"></li>
599
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
600
+ </ul>
601
+ </div>
602
+
603
+ <div class="btn-group" role="group">
604
+ <div class="btn-group" role="group">
605
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
606
+ <b>D</b>
607
+ <span class="caret"></span>
608
+ </button>
609
+ <ul class="dropdown-menu" role="menu">
610
+ <li><a href="#"><b>S</b> Static</a></li>
611
+ <li><a href="#"><b>D</b> Dynamic</a></li>
612
+ </ul>
613
+ </div>
614
+ </div>
615
+
616
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
617
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
618
+ </div>
619
+
620
+ <div class="collapse" id="collapseExample">
621
+ <div style="padding: 20px;;">
622
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
623
+ <thead>
624
+ <tr>
625
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
626
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
627
+ </tr>
628
+ </thead>
629
+ <tbody>
630
+ <tr>
631
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
632
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
633
+ </tr>
634
+ <tr>
635
+ <td class="col-md-6"><span id="A3">Y</span></td>
636
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
637
+ </tr>
638
+ <tr>
639
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
640
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
641
+ </tr>
642
+ </tbody>
643
+ </table>
644
+
645
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
646
+ <thead>
647
+ <tr>
648
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
649
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
650
+ </tr>
651
+ </thead>
652
+ <tbody>
653
+ <tr>
654
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
655
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
656
+ </tr>
657
+ <tr>
658
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
659
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
660
+ </tr>
661
+ <tr>
662
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
663
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
664
+ </tr>
665
+ <tr>
666
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
667
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
668
+ </tr>
669
+ </tbody>
670
+ </table>
671
+ </div>
672
+ </div>
673
+ </td>
674
+ </tr>
675
+ <tr>
676
+ <td class="col-md-12 col-sm-12 col-xs-12">
677
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
678
+
679
+ <div class="btn-group">
680
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
681
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
682
+ <span class="fa fa-caret-down"></span></a>
683
+ <ul class="dropdown-menu">
684
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
685
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
686
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
687
+ <li class="divider"></li>
688
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
689
+ </ul>
690
+ </div>
691
+
692
+ <div class="btn-group" role="group">
693
+ <div class="btn-group" role="group">
694
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
695
+ <b>D</b>
696
+ <span class="caret"></span>
697
+ </button>
698
+ <ul class="dropdown-menu" role="menu">
699
+ <li><a href="#"><b>S</b> Static</a></li>
700
+ <li><a href="#"><b>D</b> Dynamic</a></li>
701
+ </ul>
702
+ </div>
703
+ </div>
704
+
705
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
706
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
707
+ </div>
708
+
709
+ <div class="collapse" id="collapseExample">
710
+ <div style="padding: 20px;;">
711
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
712
+ <thead>
713
+ <tr>
714
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
715
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
716
+ </tr>
717
+ </thead>
718
+ <tbody>
719
+ <tr>
720
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
721
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
722
+ </tr>
723
+ <tr>
724
+ <td class="col-md-6"><span id="A3">Y</span></td>
725
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
726
+ </tr>
727
+ <tr>
728
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
729
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
730
+ </tr>
731
+ </tbody>
732
+ </table>
733
+
734
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
735
+ <thead>
736
+ <tr>
737
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
738
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
739
+ </tr>
740
+ </thead>
741
+ <tbody>
742
+ <tr>
743
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
744
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
745
+ </tr>
746
+ <tr>
747
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
748
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
749
+ </tr>
750
+ <tr>
751
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
752
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
753
+ </tr>
754
+ <tr>
755
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
756
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
757
+ </tr>
758
+ </tbody>
759
+ </table>
760
+ </div>
761
+ </div>
762
+ </td>
763
+ </tr>
764
+ <tr>
765
+ <td class="col-md-12 col-sm-12 col-xs-12">
766
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
767
+
768
+ <div class="btn-group">
769
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
770
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
771
+ <span class="fa fa-caret-down"></span></a>
772
+ <ul class="dropdown-menu">
773
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
774
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
775
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
776
+ <li class="divider"></li>
777
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
778
+ </ul>
779
+ </div>
780
+
781
+ <div class="btn-group" role="group">
782
+ <div class="btn-group" role="group">
783
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
784
+ <b>D</b>
785
+ <span class="caret"></span>
786
+ </button>
787
+ <ul class="dropdown-menu" role="menu">
788
+ <li><a href="#"><b>S</b> Static</a></li>
789
+ <li><a href="#"><b>D</b> Dynamic</a></li>
790
+ </ul>
791
+ </div>
792
+ </div>
793
+
794
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
795
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
796
+ </div>
797
+
798
+ <div class="collapse" id="collapseExample">
799
+ <div style="padding: 20px;;">
800
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
801
+ <thead>
802
+ <tr>
803
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
804
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
805
+ </tr>
806
+ </thead>
807
+ <tbody>
808
+ <tr>
809
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
810
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
811
+ </tr>
812
+ <tr>
813
+ <td class="col-md-6"><span id="A3">Y</span></td>
814
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
815
+ </tr>
816
+ <tr>
817
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
818
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
819
+ </tr>
820
+ </tbody>
821
+ </table>
822
+
823
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
824
+ <thead>
825
+ <tr>
826
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
827
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
828
+ </tr>
829
+ </thead>
830
+ <tbody>
831
+ <tr>
832
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
833
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
834
+ </tr>
835
+ <tr>
836
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
837
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
838
+ </tr>
839
+ <tr>
840
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
841
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
842
+ </tr>
843
+ <tr>
844
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
845
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
846
+ </tr>
847
+ </tbody>
848
+ </table>
849
+ </div>
850
+ </div>
851
+ </td>
852
+ </tr>
853
+ <tr>
854
+ <td class="col-md-12 col-sm-12 col-xs-12">
855
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
856
+
857
+ <div class="btn-group">
858
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
859
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
860
+ <span class="fa fa-caret-down"></span></a>
861
+ <ul class="dropdown-menu">
862
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
863
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
864
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
865
+ <li class="divider"></li>
866
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
867
+ </ul>
868
+ </div>
869
+
870
+ <div class="btn-group" role="group">
871
+ <div class="btn-group" role="group">
872
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
873
+ <b>D</b>
874
+ <span class="caret"></span>
875
+ </button>
876
+ <ul class="dropdown-menu" role="menu">
877
+ <li><a href="#"><b>S</b> Static</a></li>
878
+ <li><a href="#"><b>D</b> Dynamic</a></li>
879
+ </ul>
880
+ </div>
881
+ </div>
882
+
883
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
884
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
885
+ </div>
886
+
887
+ <div class="collapse" id="collapseExample">
888
+ <div style="padding: 20px;;">
889
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
890
+ <thead>
891
+ <tr>
892
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
893
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
894
+ </tr>
895
+ </thead>
896
+ <tbody>
897
+ <tr>
898
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
899
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
900
+ </tr>
901
+ <tr>
902
+ <td class="col-md-6"><span id="A3">Y</span></td>
903
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
904
+ </tr>
905
+ <tr>
906
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
907
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
908
+ </tr>
909
+ </tbody>
910
+ </table>
911
+
912
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
913
+ <thead>
914
+ <tr>
915
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
916
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
917
+ </tr>
918
+ </thead>
919
+ <tbody>
920
+ <tr>
921
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
922
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
923
+ </tr>
924
+ <tr>
925
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
926
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
927
+ </tr>
928
+ <tr>
929
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
930
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
931
+ </tr>
932
+ <tr>
933
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
934
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
935
+ </tr>
936
+ </tbody>
937
+ </table>
938
+ </div>
939
+ </div>
940
+ </td>
941
+ </tr>
942
+ <tr>
943
+ <td class="col-md-12 col-sm-12 col-xs-12">
944
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
945
+
946
+ <div class="btn-group">
947
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
948
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
949
+ <span class="fa fa-caret-down"></span></a>
950
+ <ul class="dropdown-menu">
951
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
952
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
953
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
954
+ <li class="divider"></li>
955
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
956
+ </ul>
957
+ </div>
958
+
959
+ <div class="btn-group" role="group">
960
+ <div class="btn-group" role="group">
961
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
962
+ <b>D</b>
963
+ <span class="caret"></span>
964
+ </button>
965
+ <ul class="dropdown-menu" role="menu">
966
+ <li><a href="#"><b>S</b> Static</a></li>
967
+ <li><a href="#"><b>D</b> Dynamic</a></li>
968
+ </ul>
969
+ </div>
970
+ </div>
971
+
972
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
973
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
974
+ </div>
975
+
976
+ <div class="collapse" id="collapseExample">
977
+ <div style="padding: 20px;;">
978
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
979
+ <thead>
980
+ <tr>
981
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
982
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
983
+ </tr>
984
+ </thead>
985
+ <tbody>
986
+ <tr>
987
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
988
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
989
+ </tr>
990
+ <tr>
991
+ <td class="col-md-6"><span id="A3">Y</span></td>
992
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
993
+ </tr>
994
+ <tr>
995
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
996
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
997
+ </tr>
998
+ </tbody>
999
+ </table>
1000
+
1001
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1002
+ <thead>
1003
+ <tr>
1004
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1005
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1006
+ </tr>
1007
+ </thead>
1008
+ <tbody>
1009
+ <tr>
1010
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1011
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1012
+ </tr>
1013
+ <tr>
1014
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1015
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1016
+ </tr>
1017
+ <tr>
1018
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1019
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1020
+ </tr>
1021
+ <tr>
1022
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1023
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1024
+ </tr>
1025
+ </tbody>
1026
+ </table>
1027
+ </div>
1028
+ </div>
1029
+ </td>
1030
+ </tr>
1031
+ <tr>
1032
+ <td class="col-md-12 col-sm-12 col-xs-12">
1033
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1034
+
1035
+ <div class="btn-group">
1036
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1037
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1038
+ <span class="fa fa-caret-down"></span></a>
1039
+ <ul class="dropdown-menu">
1040
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1041
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1042
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1043
+ <li class="divider"></li>
1044
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1045
+ </ul>
1046
+ </div>
1047
+
1048
+ <div class="btn-group" role="group">
1049
+ <div class="btn-group" role="group">
1050
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1051
+ <b>D</b>
1052
+ <span class="caret"></span>
1053
+ </button>
1054
+ <ul class="dropdown-menu" role="menu">
1055
+ <li><a href="#"><b>S</b> Static</a></li>
1056
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1057
+ </ul>
1058
+ </div>
1059
+ </div>
1060
+
1061
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1062
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1063
+ </div>
1064
+
1065
+ <div class="collapse" id="collapseExample">
1066
+ <div style="padding: 20px;;">
1067
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1068
+ <thead>
1069
+ <tr>
1070
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1071
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1072
+ </tr>
1073
+ </thead>
1074
+ <tbody>
1075
+ <tr>
1076
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1077
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1078
+ </tr>
1079
+ <tr>
1080
+ <td class="col-md-6"><span id="A3">Y</span></td>
1081
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1082
+ </tr>
1083
+ <tr>
1084
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1085
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1086
+ </tr>
1087
+ </tbody>
1088
+ </table>
1089
+
1090
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1091
+ <thead>
1092
+ <tr>
1093
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1094
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1095
+ </tr>
1096
+ </thead>
1097
+ <tbody>
1098
+ <tr>
1099
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1100
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1101
+ </tr>
1102
+ <tr>
1103
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1104
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1105
+ </tr>
1106
+ <tr>
1107
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1108
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1109
+ </tr>
1110
+ <tr>
1111
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1112
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1113
+ </tr>
1114
+ </tbody>
1115
+ </table>
1116
+ </div>
1117
+ </div>
1118
+ </td>
1119
+ </tr>
1120
+ <tr>
1121
+ <td class="col-md-12 col-sm-12 col-xs-12">
1122
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1123
+
1124
+ <div class="btn-group">
1125
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1126
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1127
+ <span class="fa fa-caret-down"></span></a>
1128
+ <ul class="dropdown-menu">
1129
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1130
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1131
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1132
+ <li class="divider"></li>
1133
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1134
+ </ul>
1135
+ </div>
1136
+
1137
+ <div class="btn-group" role="group">
1138
+ <div class="btn-group" role="group">
1139
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1140
+ <b>D</b>
1141
+ <span class="caret"></span>
1142
+ </button>
1143
+ <ul class="dropdown-menu" role="menu">
1144
+ <li><a href="#"><b>S</b> Static</a></li>
1145
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1146
+ </ul>
1147
+ </div>
1148
+ </div>
1149
+
1150
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1151
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1152
+ </div>
1153
+
1154
+ <div class="collapse" id="collapseExample">
1155
+ <div style="padding: 20px;;">
1156
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1157
+ <thead>
1158
+ <tr>
1159
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1160
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1161
+ </tr>
1162
+ </thead>
1163
+ <tbody>
1164
+ <tr>
1165
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1166
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1167
+ </tr>
1168
+ <tr>
1169
+ <td class="col-md-6"><span id="A3">Y</span></td>
1170
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1171
+ </tr>
1172
+ <tr>
1173
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1174
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1175
+ </tr>
1176
+ </tbody>
1177
+ </table>
1178
+
1179
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1180
+ <thead>
1181
+ <tr>
1182
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1183
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1184
+ </tr>
1185
+ </thead>
1186
+ <tbody>
1187
+ <tr>
1188
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1189
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1190
+ </tr>
1191
+ <tr>
1192
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1193
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1194
+ </tr>
1195
+ <tr>
1196
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1197
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1198
+ </tr>
1199
+ <tr>
1200
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1201
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1202
+ </tr>
1203
+ </tbody>
1204
+ </table>
1205
+ </div>
1206
+ </div>
1207
+ </td>
1208
+ </tr>
1209
+ <tr>
1210
+ <td class="col-md-12 col-sm-12 col-xs-12">
1211
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1212
+
1213
+ <div class="btn-group">
1214
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1215
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1216
+ <span class="fa fa-caret-down"></span></a>
1217
+ <ul class="dropdown-menu">
1218
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1219
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1220
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1221
+ <li class="divider"></li>
1222
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1223
+ </ul>
1224
+ </div>
1225
+
1226
+ <div class="btn-group" role="group">
1227
+ <div class="btn-group" role="group">
1228
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1229
+ <b>D</b>
1230
+ <span class="caret"></span>
1231
+ </button>
1232
+ <ul class="dropdown-menu" role="menu">
1233
+ <li><a href="#"><b>S</b> Static</a></li>
1234
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1235
+ </ul>
1236
+ </div>
1237
+ </div>
1238
+
1239
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1240
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1241
+ </div>
1242
+
1243
+ <div class="collapse" id="collapseExample">
1244
+ <div style="padding: 20px;;">
1245
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1246
+ <thead>
1247
+ <tr>
1248
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1249
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1250
+ </tr>
1251
+ </thead>
1252
+ <tbody>
1253
+ <tr>
1254
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1255
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1256
+ </tr>
1257
+ <tr>
1258
+ <td class="col-md-6"><span id="A3">Y</span></td>
1259
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1260
+ </tr>
1261
+ <tr>
1262
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1263
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1264
+ </tr>
1265
+ </tbody>
1266
+ </table>
1267
+
1268
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1269
+ <thead>
1270
+ <tr>
1271
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1272
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1273
+ </tr>
1274
+ </thead>
1275
+ <tbody>
1276
+ <tr>
1277
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1278
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1279
+ </tr>
1280
+ <tr>
1281
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1282
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1283
+ </tr>
1284
+ <tr>
1285
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1286
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1287
+ </tr>
1288
+ <tr>
1289
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1290
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1291
+ </tr>
1292
+ </tbody>
1293
+ </table>
1294
+ </div>
1295
+ </div>
1296
+ </td>
1297
+ </tr>
1298
+ <tr>
1299
+ <td class="col-md-12 col-sm-12 col-xs-12">
1300
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1301
+
1302
+ <div class="btn-group">
1303
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1304
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1305
+ <span class="fa fa-caret-down"></span></a>
1306
+ <ul class="dropdown-menu">
1307
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1308
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1309
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1310
+ <li class="divider"></li>
1311
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1312
+ </ul>
1313
+ </div>
1314
+
1315
+ <div class="btn-group" role="group">
1316
+ <div class="btn-group" role="group">
1317
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1318
+ <b>D</b>
1319
+ <span class="caret"></span>
1320
+ </button>
1321
+ <ul class="dropdown-menu" role="menu">
1322
+ <li><a href="#"><b>S</b> Static</a></li>
1323
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1324
+ </ul>
1325
+ </div>
1326
+ </div>
1327
+
1328
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1329
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1330
+ </div>
1331
+
1332
+ <div class="collapse" id="collapseExample">
1333
+ <div style="padding: 20px;;">
1334
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1335
+ <thead>
1336
+ <tr>
1337
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1338
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1339
+ </tr>
1340
+ </thead>
1341
+ <tbody>
1342
+ <tr>
1343
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1344
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1345
+ </tr>
1346
+ <tr>
1347
+ <td class="col-md-6"><span id="A3">Y</span></td>
1348
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1349
+ </tr>
1350
+ <tr>
1351
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1352
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1353
+ </tr>
1354
+ </tbody>
1355
+ </table>
1356
+
1357
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1358
+ <thead>
1359
+ <tr>
1360
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1361
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1362
+ </tr>
1363
+ </thead>
1364
+ <tbody>
1365
+ <tr>
1366
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1367
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1368
+ </tr>
1369
+ <tr>
1370
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1371
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1372
+ </tr>
1373
+ <tr>
1374
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1375
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1376
+ </tr>
1377
+ <tr>
1378
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1379
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1380
+ </tr>
1381
+ </tbody>
1382
+ </table>
1383
+ </div>
1384
+ </div>
1385
+ </td>
1386
+ </tr>
1387
+ <tr>
1388
+ <td class="col-md-12 col-sm-12 col-xs-12">
1389
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1390
+
1391
+ <div class="btn-group">
1392
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1393
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1394
+ <span class="fa fa-caret-down"></span></a>
1395
+ <ul class="dropdown-menu">
1396
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1397
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1398
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1399
+ <li class="divider"></li>
1400
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1401
+ </ul>
1402
+ </div>
1403
+
1404
+ <div class="btn-group" role="group">
1405
+ <div class="btn-group" role="group">
1406
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1407
+ <b>D</b>
1408
+ <span class="caret"></span>
1409
+ </button>
1410
+ <ul class="dropdown-menu" role="menu">
1411
+ <li><a href="#"><b>S</b> Static</a></li>
1412
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1413
+ </ul>
1414
+ </div>
1415
+ </div>
1416
+
1417
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1418
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1419
+ </div>
1420
+
1421
+ <div class="collapse" id="collapseExample">
1422
+ <div style="padding: 20px;;">
1423
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1424
+ <thead>
1425
+ <tr>
1426
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1427
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1428
+ </tr>
1429
+ </thead>
1430
+ <tbody>
1431
+ <tr>
1432
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1433
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1434
+ </tr>
1435
+ <tr>
1436
+ <td class="col-md-6"><span id="A3">Y</span></td>
1437
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1438
+ </tr>
1439
+ <tr>
1440
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1441
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1442
+ </tr>
1443
+ </tbody>
1444
+ </table>
1445
+
1446
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1447
+ <thead>
1448
+ <tr>
1449
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1450
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1451
+ </tr>
1452
+ </thead>
1453
+ <tbody>
1454
+ <tr>
1455
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1456
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1457
+ </tr>
1458
+ <tr>
1459
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1460
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1461
+ </tr>
1462
+ <tr>
1463
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1464
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1465
+ </tr>
1466
+ <tr>
1467
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1468
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1469
+ </tr>
1470
+ </tbody>
1471
+ </table>
1472
+ </div>
1473
+ </div>
1474
+ </td>
1475
+ </tr>
1476
+ <tr>
1477
+ <td class="col-md-12 col-sm-12 col-xs-12">
1478
+ <div class="col-md-4 col-sm-4 col-xs-4"><div class="vertical-center"><span>Resource_name</span></div></div>
1479
+
1480
+ <div class="btn-group">
1481
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1482
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1483
+ <span class="fa fa-caret-down"></span></a>
1484
+ <ul class="dropdown-menu">
1485
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1486
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1487
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disable</a></li>
1488
+ <li class="divider"></li>
1489
+ <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> Delete</a></li>
1490
+ </ul>
1491
+ </div>
1492
+
1493
+ <div class="btn-group" role="group">
1494
+ <div class="btn-group" role="group">
1495
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1496
+ <b>D</b>
1497
+ <span class="caret"></span>
1498
+ </button>
1499
+ <ul class="dropdown-menu" role="menu">
1500
+ <li><a href="#"><b>S</b> Static</a></li>
1501
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1502
+ </ul>
1503
+ </div>
1504
+ </div>
1505
+
1506
+ <div class="right" data-toggle="collapse" data-target="#collapseExample">
1507
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1508
+ </div>
1509
+
1510
+ <div class="collapse" id="collapseExample1">
1511
+ <div style="padding: 20px;;">
1512
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1513
+ <thead>
1514
+ <tr>
1515
+ <td class="col-md-6 col-sm-6 col-xs-6">Variable</td>
1516
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1517
+ </tr>
1518
+ </thead>
1519
+ <tbody>
1520
+ <tr>
1521
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X</span></td>
1522
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">Prova</span></td>
1523
+ </tr>
1524
+ <tr>
1525
+ <td class="col-md-6"><span id="A3">Y</span></td>
1526
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1527
+ </tr>
1528
+ <tr>
1529
+ <td class="col-md-6"><span id="A3">Proximity</span></td>
1530
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1531
+ </tr>
1532
+ </tbody>
1533
+ </table>
1534
+
1535
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1536
+ <thead>
1537
+ <tr>
1538
+ <td class="col-md-6 col-sm-6 col-xs-6">Key</td>
1539
+ <td class="col-md-6 col-sm-6 col-xs-6">Value</td>
1540
+ </tr>
1541
+ </thead>
1542
+ <tbody>
1543
+ <tr>
1544
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1545
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1546
+ </tr>
1547
+ <tr>
1548
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1549
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1550
+ </tr>
1551
+ <tr>
1552
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1553
+ <td class="col-md-6"><span id="A3" contenteditable="true">Prova</span></td>
1554
+ </tr>
1555
+ <tr>
1556
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="key"></td>
1557
+ <td class="col-md-6"><input type="text" class="form-control" placeholder="value"></td>
1558
+ </tr>
1559
+ </tbody>
1560
+ </table>
1561
+ </div>
1562
+ </div>
1563
+ </td>
1564
+ </tr>
1565
+
1566
+
1567
+
1568
+
1569
+
1570
+
1571
+
1572
+
1573
+
1574
+
1575
+
1576
+
1577
+
1578
+
1579
+ </table>
1580
+ </div>
1581
+
1582
+ <div class="col-md-12 col-sm-12 col-xs-12 table-responsive" style="overflow-x: visible;">
1583
+ <table class="table table-bordered table-striped table-hover" id="resource_table" style="overflow-x: visible;">
1584
+ <thead>
1585
+ <tr>
1586
+ <th class="col-md-12 col-sm-12 col-xs-12 text-center">Add resource</th>
1587
+ </tr>
1588
+ </thead>
1589
+ <tbody>
1590
+ <tr>
1591
+ <td class="col-md-12 col-sm-12 col-xs-12">
1592
+ <div class="col-md-4 col-sm-4 col-xs-4"><input type="text" class="form-control" placeholder="resource-id"></div>
1593
+ <div class="btn-group dropup">
1594
+ <a class="btn btn-default" href="#"><i class="fa fa-arrows fa-fw"></i></a>
1595
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1596
+ <span class="fa fa-caret-up"></span></a>
1597
+ <ul class="dropdown-menu">
1598
+ <li><a href="#"><i class="fa fa-arrows fa-fw"></i> Continuous</a></li>
1599
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Discrete</a></li>
1600
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Disabled</a></li>
1601
+ </ul>
1602
+ </div>
1603
+
1604
+ <div class="btn-group dropup" role="group">
1605
+ <div class="btn-group" role="group">
1606
+ <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
1607
+ <b>D</b>
1608
+ <span class="caret"></span>
1609
+ </button>
1610
+ <ul class="dropdown-menu" role="menu">
1611
+ <li><a href="#"><b>S</b> Static</a></li>
1612
+ <li><a href="#"><b>D</b> Dynamic</a></li>
1613
+ </ul>
1614
+ </div>
1615
+ </div>
1616
+
1617
+ <button type="button" class="btn btn-default right">
1618
+ <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
1619
+ </button>
1620
+ </td>
1621
+ </tr>
1622
+ </tbody>
1623
+ </table>
1624
+ </div>
1625
+ <div class="col-md-12 col-sm-12 col-xs-12 table-responsive" style="overflow-x: visible;">
1626
+ <table class="table table-bordered table-striped table-hover" id="resource_table" style="overflow-x: visible;">
1627
+ <thead>
1628
+ <tr>
1629
+ <th class="col-md-12 col-sm-12 col-xs-12 text-center">Discrete Tracking</th>
1630
+ </tr>
1631
+ </thead>
1632
+ <tbody>
1633
+ <tr>
1634
+ <td class="col-md-12 col-sm-12 col-xs-12">
1635
+
1636
+ <div class="col-md-4 col-sm-3 col-xs-4 btn-group dropup">
1637
+ <a class="btn btn-default" href="#"><i class="fa fa-ban fa-fw"></i></a>
1638
+ <a class="btn btn-default dropdown-toggle" data-toggle="dropdown" href="#">
1639
+ <span class="fa fa-caret-up"></span></a>
1640
+ <ul class="dropdown-menu">
1641
+ <li><a href="#"><i class="fa fa-th-large fa-fw"></i> Disabled</a></li>
1642
+ <li><a href="#"><i class="fa fa-ban fa-fw"></i> Enabled</a></li>
1643
+ </ul>
1644
+ </div>
1645
+
1646
+
1647
+ <div class="right" data-toggle="collapse" data-target="#collapseExample2">
1648
+ <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span></button>
1649
+ </div>
1650
+
1651
+ <div class="collapse" id="collapseExample2">
1652
+ <div style="margin-top: 20px; padding: 10px;">
1653
+ <table class="table table-bordered table-striped table-hover" id="resource_table">
1654
+ <tbody>
1655
+ <tr>
1656
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X number</span></td>
1657
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">4</span></td>
1658
+ </tr>
1659
+ <tr>
1660
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">Y number</span></td>
1661
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">5</span></td>
1662
+ </tr>
1663
+ <tr>
1664
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">Width</span></td>
1665
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">10</span></td>
1666
+ </tr>
1667
+ <tr>
1668
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">Height</span></td>
1669
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">10</span></td>
1670
+ </tr>
1671
+ <tr>
1672
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">X origin</span></td>
1673
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">5</span></td>
1674
+ </tr>
1675
+ <tr>
1676
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">Y origin</span></td>
1677
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3" contenteditable="true">5</span></td>
1678
+ </tr>
1679
+ <tr>
1680
+ <td class="col-md-6 col-sm-6 col-xs-6" style="height: 48px;"><span id="A3">X type</span></td>
1681
+ <td class="col-md-6 col-sm-6 col-xs-6">
1682
+ <div class="btn-group dropup">
1683
+ <a class="btn btn-default btn-sm" href="#"><b>NUMBER</b></a>
1684
+ <a class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
1685
+ <span class="fa fa-caret-up"></span></a>
1686
+ <ul class="dropdown-menu">
1687
+ <li><a href="#"><b>N</b> Number</a></li>
1688
+ <li><a href="#"><b>L</b> Letter</a></li>
1689
+ </ul>
1690
+ </div>
1691
+ </td>
1692
+ </tr>
1693
+ <tr>
1694
+ <td class="col-md-6 col-sm-6 col-xs-6"><span id="A3">Y type</span></td>
1695
+ <td class="col-md-6 col-sm-6 col-xs-6">
1696
+ <div class="btn-group dropup">
1697
+ <a class="btn btn-default btn-sm" href="#"><b>NUMBER</b></a>
1698
+ <a class="btn btn-default dropdown-toggle btn-sm" data-toggle="dropdown" href="#">
1699
+ <span class="fa fa-caret-up"></span></a>
1700
+ <ul class="dropdown-menu">
1701
+ <li><a href="#"><b>N</b> Number</a></li>
1702
+ <li><a href="#"><b>L</b> Letter</a></li>
1703
+ </ul>
1704
+ </div>
1705
+ </td>
1706
+ </tr>
1707
+ </tbody>
1708
+ </table>
1709
+ </div>
1710
+ </div>
1711
+
1712
+ </td>
1713
+ </tr>
1714
+ </tbody>
1715
+ </table>
1716
+ </div>
1717
+ </div>
1718
+
1719
+
1720
+ <!-- Scripts -->
1721
+ <script src="bower_components/bower-mqttws/mqttws31.js" type="text/javascript" charset="utf-8"></script>
1722
+ <script src="bower_components/nutella_lib/nutella_lib.js" type="text/javascript" charset="utf-8"></script>
1723
+
1724
+ <script type="text/jsx" src="js/component.js"></script>
1725
+ <!-- <script src="build/component.js"></script> -->
1726
+
1727
+ <!-- Your scripts here -->
1728
+ <script type="text/jsx">
1729
+
1730
+ // Parse the query parameters
1731
+ var query_parameters = NUTELLA.parseURLParameters();
1732
+
1733
+ var nutella = NUTELLA.init(query_parameters.run_id, query_parameters.broker, 'room-places-interface-react');
1734
+
1735
+ var room = Room();
1736
+
1737
+ /*
1738
+ React.render(
1739
+ <ResourceTable room={room}/>,
1740
+ document.getElementById('resource_table')
1741
+ );
1742
+ */
1743
+
1744
+
1745
+ nutella = NUTELLA.init(query_parameters.run_id, query_parameters.broker, 'room-places-interface-map');
1746
+
1747
+ var map = Map("#map", room);
1748
+
1749
+
1750
+ </script>
1751
+
1752
+ </body>
1753
+ </html>