nutella_framework 0.4.27 → 0.4.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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>