nutella_framework 0.4.23 → 0.4.24

Sign up to get free protection for your applications and to get access to all the features.
Files changed (148) hide show
  1. checksums.yaml +4 -4
  2. data/VERSION +1 -1
  3. data/framework_components/monitoring-bot/monitoring-bot.rb +11 -2
  4. data/framework_components/monitoring-interface/.gitignore +2 -0
  5. data/framework_components/monitoring-interface/README.md +1 -0
  6. data/framework_components/monitoring-interface/bower.json +29 -0
  7. data/framework_components/monitoring-interface/bower_components/bower-mqttws/.bower.json +23 -0
  8. data/framework_components/monitoring-interface/bower_components/bower-mqttws/bower.json +14 -0
  9. data/framework_components/monitoring-interface/bower_components/bower-mqttws/mqttws31.js +2081 -0
  10. data/framework_components/monitoring-interface/bower_components/bower-mqttws/readme.md +4 -0
  11. data/framework_components/monitoring-interface/bower_components/nutella_lib/.bower.json +37 -0
  12. data/framework_components/monitoring-interface/bower_components/nutella_lib/LICENSE +21 -0
  13. data/framework_components/monitoring-interface/bower_components/nutella_lib/README.md +15 -0
  14. data/framework_components/monitoring-interface/bower_components/nutella_lib/bower.json +28 -0
  15. data/framework_components/monitoring-interface/bower_components/nutella_lib/examples/browser/mqtt_client_hello_world.html +23 -0
  16. data/framework_components/monitoring-interface/bower_components/nutella_lib/examples/browser/nutella_hello_world.html +52 -0
  17. data/framework_components/monitoring-interface/bower_components/nutella_lib/examples/node/mqtt_client_hello_world.js +14 -0
  18. data/framework_components/monitoring-interface/bower_components/nutella_lib/examples/node/nutella_hello_world.js +38 -0
  19. data/framework_components/monitoring-interface/bower_components/nutella_lib/nutella_lib.js +789 -0
  20. data/framework_components/monitoring-interface/bower_components/nutella_lib/package.json +30 -0
  21. data/framework_components/monitoring-interface/css/Monitoring Interface.html +215 -0
  22. data/framework_components/monitoring-interface/css/Monitoring Interface_files/animations.js +27 -0
  23. data/framework_components/monitoring-interface/css/Monitoring Interface_files/application-view-controller.js +232 -0
  24. data/framework_components/monitoring-interface/css/Monitoring Interface_files/applications-model.js +61 -0
  25. data/framework_components/monitoring-interface/css/Monitoring Interface_files/bootstrap.min.js +7 -0
  26. data/framework_components/monitoring-interface/css/Monitoring Interface_files/cursor.css +7 -0
  27. data/framework_components/monitoring-interface/css/Monitoring Interface_files/d3.v3.min.js +5 -0
  28. data/framework_components/monitoring-interface/css/Monitoring Interface_files/graphics.js +156 -0
  29. data/framework_components/monitoring-interface/css/Monitoring Interface_files/grid-layout.js +103 -0
  30. data/framework_components/monitoring-interface/css/Monitoring Interface_files/highlight.min.js +2 -0
  31. data/framework_components/monitoring-interface/css/Monitoring Interface_files/instance-view-controller.js +104 -0
  32. data/framework_components/monitoring-interface/css/Monitoring Interface_files/jquery-1.10.0.min.js +6 -0
  33. data/framework_components/monitoring-interface/css/Monitoring Interface_files/notification-center.js +63 -0
  34. data/framework_components/monitoring-interface/css/Monitoring Interface_files/notifications.js +14 -0
  35. data/framework_components/monitoring-interface/css/Monitoring Interface_files/page.css +33 -0
  36. data/framework_components/monitoring-interface/css/Monitoring Interface_files/radial-layout.js +175 -0
  37. data/framework_components/monitoring-interface/css/Monitoring Interface_files/tab-table.js +8 -0
  38. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-application.css +0 -0
  39. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-application.js +320 -0
  40. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-connection-view.css +10 -0
  41. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-connection-view.js +426 -0
  42. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-element.js +205 -0
  43. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-notification.js +94 -0
  44. data/framework_components/monitoring-interface/css/Monitoring Interface_files/ui-tab.js +229 -0
  45. data/framework_components/monitoring-interface/css/Monitoring Interface_files/underscore-min.js +5 -0
  46. data/framework_components/monitoring-interface/css/Monitoring Interface_files/view-controller.js +68 -0
  47. data/framework_components/monitoring-interface/css/Monitoring Interface_files/window-view-controller.js +169 -0
  48. data/framework_components/monitoring-interface/css/alerts.css +3 -0
  49. data/framework_components/monitoring-interface/css/bootstrap.min.css +5 -0
  50. data/framework_components/monitoring-interface/css/cursor.css +7 -0
  51. data/framework_components/monitoring-interface/css/highlight.default.min.css +1 -0
  52. data/framework_components/monitoring-interface/css/page.css +41 -0
  53. data/framework_components/monitoring-interface/css/ui-application.css +0 -0
  54. data/framework_components/monitoring-interface/css/ui-connection-view.css +10 -0
  55. data/framework_components/monitoring-interface/css/ui-legend-view.css +7 -0
  56. data/framework_components/monitoring-interface/data/alert.json +8 -0
  57. data/framework_components/monitoring-interface/data/data.json +2118 -0
  58. data/framework_components/monitoring-interface/data/data2.json +814 -0
  59. data/framework_components/monitoring-interface/data/data3.json +823 -0
  60. data/framework_components/monitoring-interface/data/data4.json +848 -0
  61. data/framework_components/monitoring-interface/data/message.json +999 -0
  62. data/framework_components/monitoring-interface/gulpfile.js +29 -0
  63. data/framework_components/monitoring-interface/img/arrow_white.svg +120 -0
  64. data/framework_components/monitoring-interface/img/arrow_white_right.svg +104 -0
  65. data/framework_components/monitoring-interface/img/back.svg +164 -0
  66. data/framework_components/monitoring-interface/img/cross_red_border_white.svg +143 -0
  67. data/framework_components/monitoring-interface/img/cross_red_border_white_mouseover.svg +143 -0
  68. data/framework_components/monitoring-interface/img/email.svg +89 -0
  69. data/framework_components/monitoring-interface/img/email_highlighted.svg +89 -0
  70. data/framework_components/monitoring-interface/index.html +144 -0
  71. data/framework_components/monitoring-interface/js/d3/layout/grid-layout.js +103 -0
  72. data/framework_components/monitoring-interface/js/d3/layout/radial-layout.js +184 -0
  73. data/framework_components/monitoring-interface/js/d3/plugin/graphics.js +156 -0
  74. data/framework_components/monitoring-interface/js/d3/plugin/tab-table.js +8 -0
  75. data/framework_components/monitoring-interface/js/d3/ui/animations.js +27 -0
  76. data/framework_components/monitoring-interface/js/d3/ui/ui-application.js +471 -0
  77. data/framework_components/monitoring-interface/js/d3/ui/ui-connection-view.js +847 -0
  78. data/framework_components/monitoring-interface/js/d3/ui/ui-element.js +245 -0
  79. data/framework_components/monitoring-interface/js/d3/ui/ui-legend.js +174 -0
  80. data/framework_components/monitoring-interface/js/d3/ui/ui-notification.js +90 -0
  81. data/framework_components/monitoring-interface/js/d3/ui/ui-tab.js +309 -0
  82. data/framework_components/monitoring-interface/js/lib/JSXTransformer-0.12.2.js +15199 -0
  83. data/framework_components/monitoring-interface/js/lib/bootstrap.min.js +7 -0
  84. data/framework_components/monitoring-interface/js/lib/d3.v3.min.js +5 -0
  85. data/framework_components/monitoring-interface/js/lib/highlight.min.js +2 -0
  86. data/framework_components/monitoring-interface/js/lib/jquery-1.10.0.min.js +6 -0
  87. data/framework_components/monitoring-interface/js/lib/nutella_lib.js +5121 -0
  88. data/framework_components/monitoring-interface/js/lib/react-with-addons-0.12.2.js +19822 -0
  89. data/framework_components/monitoring-interface/js/lib/underscore-min.js +5 -0
  90. data/framework_components/monitoring-interface/js/model/alerts-model.js +74 -0
  91. data/framework_components/monitoring-interface/js/model/applications-model.js +78 -0
  92. data/framework_components/monitoring-interface/js/model/messages-model.js +112 -0
  93. data/framework_components/monitoring-interface/js/notification/notification-center.js +63 -0
  94. data/framework_components/monitoring-interface/js/notification/notifications.js +21 -0
  95. data/framework_components/monitoring-interface/js/react/dist/ui-alerts.js +178 -0
  96. data/framework_components/monitoring-interface/js/react/dist/ui-message-send.js +389 -0
  97. data/framework_components/monitoring-interface/js/react/dist/ui-messages.js +103 -0
  98. data/framework_components/monitoring-interface/js/react/src/ui-alerts.js +178 -0
  99. data/framework_components/monitoring-interface/js/react/src/ui-message-send.js +389 -0
  100. data/framework_components/monitoring-interface/js/react/src/ui-messages.js +103 -0
  101. data/framework_components/monitoring-interface/js/view-controller/application-view-controller.js +256 -0
  102. data/framework_components/monitoring-interface/js/view-controller/instance-view-controller.js +112 -0
  103. data/framework_components/monitoring-interface/js/view-controller/view-controller.js +74 -0
  104. data/framework_components/monitoring-interface/js/view-controller/window-view-controller.js +169 -0
  105. data/framework_components/monitoring-interface/nutella.json +6 -0
  106. data/framework_components/order.json +1 -0
  107. data/framework_components/roomcast-bot/roomcast_bot.rb +139 -117
  108. data/framework_components/roomcast-channel-creator/dist/app.js +9 -7
  109. data/framework_components/roomcast-channel-creator/index.html +1 -1
  110. data/framework_components/roomcast-channel-creator/src/app/components/main.js +8 -6
  111. data/framework_components/roomcast-package-creator/dist/app.js +4 -4
  112. data/framework_components/roomcast-package-creator/index.html +1 -1
  113. data/framework_components/roomcast-package-creator/package.json +3 -3
  114. data/framework_components/roomcast-package-creator/src/app/components/ConfigurationsPanel.js +2 -2
  115. data/framework_components/roomcast-package-creator/src/app/components/PoolRow.js +1 -1
  116. data/framework_components/roomcast-teacher-controls/.gitignore +2 -0
  117. data/framework_components/roomcast-teacher-controls/README.md +9 -0
  118. data/framework_components/roomcast-teacher-controls/dist/app.js +38327 -0
  119. data/framework_components/roomcast-teacher-controls/dist/main.css +3052 -0
  120. data/framework_components/roomcast-teacher-controls/dist/nutella_lib.js +5121 -0
  121. data/framework_components/roomcast-teacher-controls/gulp/config.js +51 -0
  122. data/framework_components/roomcast-teacher-controls/gulp/tasks/browserify.js +77 -0
  123. data/framework_components/roomcast-teacher-controls/gulp/tasks/build.js +3 -0
  124. data/framework_components/roomcast-teacher-controls/gulp/tasks/css.js +7 -0
  125. data/framework_components/roomcast-teacher-controls/gulp/tasks/default.js +3 -0
  126. data/framework_components/roomcast-teacher-controls/gulp/tasks/fonts.js +7 -0
  127. data/framework_components/roomcast-teacher-controls/gulp/tasks/less.js +16 -0
  128. data/framework_components/roomcast-teacher-controls/gulp/tasks/mui-fonts.js +7 -0
  129. data/framework_components/roomcast-teacher-controls/gulp/tasks/nutella.js +7 -0
  130. data/framework_components/roomcast-teacher-controls/gulp/tasks/setWatch.js +5 -0
  131. data/framework_components/roomcast-teacher-controls/gulp/tasks/svgs.js +7 -0
  132. data/framework_components/roomcast-teacher-controls/gulp/tasks/watch.js +12 -0
  133. data/framework_components/roomcast-teacher-controls/gulp/util/bundleLogger.js +21 -0
  134. data/framework_components/roomcast-teacher-controls/gulp/util/handleErrors.js +15 -0
  135. data/framework_components/roomcast-teacher-controls/gulpfile.js +16 -0
  136. data/framework_components/roomcast-teacher-controls/index.html +51 -0
  137. data/framework_components/roomcast-teacher-controls/nutella.json +6 -0
  138. data/framework_components/roomcast-teacher-controls/package.json +38 -0
  139. data/framework_components/roomcast-teacher-controls/src/app/app.js +22 -0
  140. data/framework_components/roomcast-teacher-controls/src/app/components/ActivitiesGrid.js +87 -0
  141. data/framework_components/roomcast-teacher-controls/src/app/components/ActivityCard.js +141 -0
  142. data/framework_components/roomcast-teacher-controls/src/app/components/Channel.js +70 -0
  143. data/framework_components/roomcast-teacher-controls/src/app/components/Footer.js +34 -0
  144. data/framework_components/roomcast-teacher-controls/src/app/components/main.js +74 -0
  145. data/framework_components/roomcast-teacher-controls/src/less/main.less +186 -0
  146. data/framework_components/roomcast-teacher-controls/src/less/my_overrides.less +14 -0
  147. data/lib/commands/meta/run_command.rb +11 -9
  148. metadata +135 -2
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "nutella_lib",
3
+ "version": "0.3.0",
4
+ "description": "Nutella library for JavaScript",
5
+ "main": "nutella_lib.js",
6
+ "scripts": {
7
+ "test": "mocha"
8
+ },
9
+ "repository": {
10
+ "type": "git",
11
+ "url": "https://github.com/nutella-framework/nutella_lib.js"
12
+ },
13
+ "devDependencies": {
14
+ "chai": "*",
15
+ "mocha": "*"
16
+ },
17
+ "keywords": [
18
+ "nutella",
19
+ "framework"
20
+ ],
21
+ "author": "Alessandro Gnoli",
22
+ "license": "MIT",
23
+ "bugs": {
24
+ "url": "https://github.com/nutella-framework/nutella_lib.js/issues"
25
+ },
26
+ "homepage": "https://github.com/nutella-framework/nutella_lib.js",
27
+ "dependencies": {
28
+ "mqtt": "~1.0.x"
29
+ }
30
+ }
@@ -0,0 +1,215 @@
1
+ <!DOCTYPE html>
2
+ <!-- saved from url=(0090)http://localhost:57880/crepe/monitoring-interface/index.html?run_id=crepe&broker=localhost -->
3
+ <html><head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4
+ <meta charset="UTF-8">
5
+
6
+ <meta name="description" content="">
7
+
8
+ <title>Monitoring Interface</title>
9
+
10
+ <link rel="stylesheet" href="http://localhost:57880/crepe/monitoring-interface/css/bootstrap.min.css">
11
+ <link href="./Monitoring Interface_files/page.css" rel="stylesheet" type="text/css">
12
+ <link href="./Monitoring Interface_files/cursor.css" rel="stylesheet" type="text/css">
13
+ <link href="./Monitoring Interface_files/ui-connection-view.css" rel="stylesheet" type="text/css">
14
+ <link href="./Monitoring Interface_files/ui-application.css" rel="stylesheet" type="text/css">
15
+ <link rel="stylesheet" href="http://localhost:57880/crepe/monitoring-interface/css/highlight.default.min.css">
16
+
17
+ <script src="./Monitoring Interface_files/d3.v3.min.js" charset="utf-8"></script><style type="text/css"></style>
18
+ <script src="./Monitoring Interface_files/underscore-min.js" charset="utf-8"></script>
19
+ <script src="./Monitoring Interface_files/jquery-1.10.0.min.js" charset="utf-8"></script>
20
+ <script src="./Monitoring Interface_files/bootstrap.min.js" charset="utf-8"></script>
21
+ <script src="./Monitoring Interface_files/highlight.min.js"></script>
22
+
23
+ <script src="./Monitoring Interface_files/radial-layout.js" charset="utf-8"></script>
24
+ <script src="./Monitoring Interface_files/grid-layout.js" charset="utf-8"></script>
25
+
26
+ <script src="./Monitoring Interface_files/notifications.js" charset="utf-8"></script>
27
+ <script src="./Monitoring Interface_files/notification-center.js" charset="utf-8"></script>
28
+
29
+ <script src="./Monitoring Interface_files/applications-model.js" charset="utf-8"></script>
30
+
31
+ <script src="./Monitoring Interface_files/view-controller.js" charset="utf-8"></script>
32
+ <script src="./Monitoring Interface_files/window-view-controller.js" charset="utf-8"></script>
33
+ <script src="./Monitoring Interface_files/application-view-controller.js" charset="utf-8"></script>
34
+ <script src="./Monitoring Interface_files/instance-view-controller.js" charset="utf-8"></script>
35
+
36
+ <script src="./Monitoring Interface_files/graphics.js" charset="utf-8"></script>
37
+ <script src="./Monitoring Interface_files/tab-table.js" charset="utf-8"></script>
38
+
39
+ <script src="./Monitoring Interface_files/animations.js" charset="utf-8"></script>
40
+ <script src="./Monitoring Interface_files/ui-element.js" charset="utf-8"></script>
41
+ <script src="./Monitoring Interface_files/ui-notification.js" charset="utf-8"></script>
42
+ <script src="./Monitoring Interface_files/ui-application.js" charset="utf-8"></script>
43
+ <script src="./Monitoring Interface_files/ui-connection-view.js" charset="utf-8"></script>
44
+ <script src="./Monitoring Interface_files/ui-tab.js" charset="utf-8"></script>
45
+ </head>
46
+ <body style="margin: 0px; padding-right: 0px;" class="modal-open">
47
+
48
+ <svg id="container" viewBox="488.1034482758621 430.02631578947376 1440 245" style="background: rgb(50, 62, 77);"><g class="applicationView" transform="translate(-7471.5517578125,-2932.894775390625)"><g><g class="optionGroup"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#425266" class="applicationBackground pointer" y="-50" x="-50" height="100" width="100"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#26A65B" y="-50" x="-50" height="10" width="100"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="0" x="0">application1</text><image width="0" height="0" href="img/cross_red_border_white.svg" class="closeApp pointer" x="0" y="0" style="opacity: 0;"></image></g></g><g><g class="componentLabels"></g><g class="componentToolBoxes"></g></g><g transform="translate(50, -50)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, -72.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 27.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 127.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g></g><g class="applicationView" transform="translate(-75,-2932.894775390625)"><g><g class="optionGroup" transform="translate(0,-20)"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#425266" class="applicationBackground pointer" y="-50" x="-50" height="100" width="100"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#D24D57" y="-50" x="-50" height="10" width="100"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="0" x="0">application2</text><image width="0" height="0" href="img/cross_red_border_white.svg" class="closeApp pointer" x="0" y="0" style="opacity: 0;"></image></g></g><g><g class="componentLabels"></g><g class="componentToolBoxes"></g></g><g transform="translate(50, -50)"><g class="notificationGroup"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">1</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, -72.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">1</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 27.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 127.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g></g><g class="applicationView" transform="translate(7321.5517578125,-2932.894775390625)"><g><g class="optionGroup"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#425266" class="applicationBackground pointer" y="-50" x="-50" height="100" width="100"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#26A65B" y="-50" x="-50" height="10" width="100"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="0" x="0">application3</text><image width="0" height="0" href="img/cross_red_border_white.svg" class="closeApp pointer" x="0" y="0" style="opacity: 0;"></image></g></g><g><g class="componentLabels"></g><g class="componentToolBoxes"></g></g><g transform="translate(50, -50)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, -72.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 27.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 127.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g></g><g class="applicationView" transform="translate(-7471.5517578125,2782.894775390625)"><g><g class="optionGroup"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#425266" class="applicationBackground pointer" y="-50" x="-50" height="100" width="100"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#26A65B" y="-50" x="-50" height="10" width="100"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="0" x="0">application4</text><image width="0" height="0" href="img/cross_red_border_white.svg" class="closeApp pointer" x="0" y="0" style="opacity: 0;"></image></g></g><g><g class="componentLabels"></g><g class="componentToolBoxes"></g></g><g transform="translate(50, -50)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, -72.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 27.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 127.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g></g><g class="applicationView" transform="translate(-75,2782.894775390625)"><g><g class="optionGroup"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#425266" class="applicationBackground pointer" y="-50" x="-50" height="100" width="100"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#26A65B" y="-50" x="-50" height="10" width="100"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="0" x="0">application5</text><image width="0" height="0" href="img/cross_red_border_white.svg" class="closeApp pointer" x="0" y="0" style="opacity: 0;"></image></g></g><g><g class="componentLabels"></g><g class="componentToolBoxes"></g></g><g transform="translate(50, -50)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, -72.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 27.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 0;"><g class="optionGroup"><rect class="optionRect pointer" width="0" height="100" x="0" y="-50" fill="#425266" style="opacity: 0;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 0;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="0" height="100" fill="#425266" style="opacity: 0;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="-100" fill="#FFFFFF" style="opacity: 0;"></text></g><g transform="translate(-510, 127.5)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">0</text></g></g></g></g></g><g class="applicationView" transform="translate(1208.1033935546875,552.5263061523438)"><g><g class="optionGroup" transform="translate(0,-20)"><rect class="optionRect pointer" width="100" height="20" x="-50" y="30" fill="#425266"></rect><text class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="45">subscribe</text></g><rect fill="#637b99" class="applicationBackground" y="-112.5" x="-710" height="225" width="1420"></rect><g class="nameGroup"><rect class="no_interaction headerRect" fill="#D24D57" y="-112.5" x="-710" height="30" width="1420"></rect><text class="name pointer no_interaction" text-anchor="middle" fill="#FFFFFF" y="-92.5" x="0">application6</text><image width="20" height="20" href="img/cross_red_border_white.svg" class="closeApp pointer" x="685" y="-107.5" style="opacity: 1;"></image></g></g><g><g class="componentLabels"><polyline class="componentLabel" fill="none" stroke-width="1" stroke="#FFFFFF" style="opacity: 1;" points="-55.86882464259375,-13.598692328864171,21.861713990580164,5.321227433033806,141.86171399058017,5.321227433033806"></polyline><polyline class="componentLabel" fill="none" stroke-width="1" stroke="#FFFFFF" style="opacity: 1;" points="36.8371396256798,-44.15059619300935,-14.414532897005138,17.276320249438438,-134.41453289700513,17.276320249438438"></polyline><polyline class="componentLabel" fill="none" stroke-width="1" stroke="#FFFFFF" style="opacity: 1;" points="23.387356976858506,52.52886381444956,-9.151574469205503,-20.55477279695852,-129.1515744692055,-20.55477279695852"></polyline></g><g class="componentToolBoxes"><rect class="toolBox" id="component1" width="120" height="0" x="21.861713990580164" y="5.321227433033806"></rect><rect class="toolBox" id="component2" width="120" height="0" x="-134.41453289700513" y="17.276320249438438"></rect><rect class="toolBox" id="component3" width="120" height="0" x="-129.1515744692055" y="-20.55477279695852"></rect></g><g class="links"><path class="link pointer" stroke="#FFFFFF" d="M-5.770798603944857,57.20968347642476L-6.241549383093644,51.043073825673396C-6.712300162242432,44.87646417492204,-7.653801720540006,32.54324487341932,-12.892954918256372,30.3150383578749C-18.132108115972738,28.086831842330483,-27.668912953107895,35.96363811274437,-32.437315371675474,39.9020412479513L-37.20571779024306,43.84044438315825" style="opacity: 1;"></path><path class="link pointer" stroke="#FFFFFF" d="M-5.770798603944857,57.20968347642476L-5.766241344797775,47.82429409096844C-5.761684085650694,38.43890470551213,-5.752569567356531,19.668125934599495,-8.615182573593554,1.3460207455302982C-11.477795579830575,-16.976084443538902,-17.21213611059878,-34.84951605076466,-20.079306375982885,-43.78623185437755L-22.94647664136699,-52.72294765799043" style="opacity: 1;"></path><path class="link pointer" stroke="#FFFFFF" d="M-41.750451941596545,-39.53668881776062L-37.42391560905844,-32.80378216262059C-33.097379276520336,-26.07087550748057,-24.444306611444127,-12.605062197200521,-23.68685091955188,1.291126669619291C-22.92939522765963,15.187315536439103,-30.06755650895134,29.51387995979868,-33.6366371495972,36.67716217147847L-37.20571779024306,43.84044438315826" style="opacity: 1;"></path><path class="link pointer" stroke="#FFFFFF" d="M-41.750451941596545,-39.53668881776062L-36.948607570762576,-36.022561897325545C-32.1467631999286,-32.508434976890484,-22.543074458260655,-25.480181136020345,-19.40907857488906,-27.677890942725313C-16.27508269151747,-29.875600749430284,-19.610779666442227,-41.299274203710354,-21.278628153904606,-47.01111093085039L-22.94647664136699,-52.72294765799043" style="opacity: 1;"></path><path class="link pointer" stroke="#FFFFFF" d="M53.89371439578376,-20.04289272100438L45.46769521667115,-15.909158878765188C37.04167603755855,-11.775425036525995,20.189637679333345,-3.507957352047611,5.00639898166221,7.139265498646162C-10.176839716008924,17.786488349339933,-23.69127875312599,30.813466366249095,-30.44849827168452,37.32695537470367L-37.20571779024306,43.84044438315826" style="opacity: 1;"></path><path class="link pointer" stroke="#FFFFFF" d="M53.89371439578376,-20.04289272100438L45.943003254967024,-19.127938613470146C37.99229211415029,-18.212984505935907,22.090869832516823,-16.383076290867436,9.284171326325032,-21.829752113698444C-3.522527179866758,-27.27642793652945,-13.23450191061687,-39.999687797259945,-18.090489275991928,-46.361317727625185L-22.946476641366985,-52.72294765799043" style="opacity: 1;"></path></g><g class="components"><path class="componentArc" d="M0,0L0,0Z" style="fill: rgb(210, 77, 87);"></path><path class="componentArc" d="M0,0L0,0Z" style="fill: rgb(210, 77, 87);"></path><path class="componentArc" d="M0,0L0,0Z" style="fill: rgb(38, 166, 91);"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(-4.767181396484375,47.26017379760742)rotate(5.760000228881835)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(-14.109475135803223,45.3560676574707)rotate(17.280000686645515)scale(0.9999999999999999,0.9999999999999999)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(-22.883298873901367,41.624568939208984)rotate(28.79999923706055)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(-34.489501953125,-32.660743713378906)rotate(133.44000244140625)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(-27.272037506103516,-38.89069366455078)rotate(144.9600067138672)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(44.52089309692383,-16.557172775268555)rotate(-110.39999389648439)scale(1,1)" style="opacity: 1;"></path><path class="subscribeTriangle" d="M0,0L7.333333333333333,11L-7.333333333333333,11" fill="#323e4d" transform="translate(46.93065643310547,-7.332361698150635)rotate(-98.8800048828125)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(-47.40626907348633,2.9825496673583984)rotate(86.40000152587892)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(-47.04691696166992,-6.54503870010376)rotate(97.91999816894531)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(18.223407745361328,-43.86521911621094)rotate(-157.44000244140628)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(26.616621017456055,-39.342159271240234)rotate(-145.9199981689453)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(31.337621688842773,35.695987701416016)rotate(-41.279998779296896)" style="opacity: 1;"></path><path class="handleRequestsaCircle" d="M-5,0L5,0L5,10L-5,10" fill="#323e4d" transform="translate(23.57748031616211,41.235328674316406)rotate(-29.76000976562501)" style="opacity: 1;"></path></g><g class="componentNames"><text class="componentName" fill="#FFFFFF" style="opacity: 1;" font-size="15" y="0.32122743303380563" x="31.578031319726904" text-anchor="start">component1</text><text class="componentName" fill="#FFFFFF" style="opacity: 1;" font-size="15" y="12.276320249438438" x="-20.820991962340756" text-anchor="end">component2</text><text class="componentName" fill="#FFFFFF" style="opacity: 1;" font-size="15" y="-25.55477279695852" x="-13.218940899963503" text-anchor="end">component3</text></g><g class="channelTexts"><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-2.7772793700055995,47.460897301501866)rotate(-84.23999786376953)scale(0.9999999999999999,0.9999999999999999)">channel1</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-12.199746033652824,45.950150779937445)rotate(-72.72000122070312)">channel2</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-21.130685500983763,42.58807626407496)rotate(-61.200000762939446)">channel3</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-29.21027389137233,37.510130591774676)rotate(-49.68000030517578)">channel1</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-36.112982255058135,30.920908318980175)rotate(-38.1599998474121)scale(0.9999999999999999,0.9999999999999999)">channel5</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-41.56069971235176,23.0858853725039)rotate(-26.63999938964844)">channel6</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-45.33394595856181,14.320735011801805)rotate(-15.119999885559082)">channel7</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-47.28068803775008,4.978603124423968)rotate(-3.599999904632569)">channel8</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-47.32249754567695,-4.564115849077415)rotate(7.920000076293945)">channel9</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-35.8646910945882,-31.20855404766657)rotate(43.439998626708984)">channel1</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-28.909540313367117,-37.7423972933104)rotate(54.959999084472656)">channel11</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-20.789627455774564,-42.75559942986422)rotate(66.4800033569336)">channel1</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-11.832100102590658,-46.04618604829612)rotate(78)">channel13</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="start" transform="translate(-2.3978602290598654,-47.48157789529041)rotate(89.51999664306642)scale(0.9999999999999999,0.9999999999999999)">channel14</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(13.021951755023018,-45.8549755279601)rotate(-78.95999908447268)scale(1,1)">channel15</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(21.917320934182367,-42.330616446640086)rotate(-67.44000244140626)scale(0.9999999999999999,0.9999999999999999)">channel16</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(29.92964488221597,-37.10075951405026)rotate(-55.919998168945334)">channel17</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(45.915180886829816,-12.808044668772448)rotate(-20.399993896484386)">channel1</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(47.54811882522527,-3.3803065120078983)rotate(-8.880004882812528)">channel19</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(47.26534344333945,6.183623225126635)rotate(2.6399993896484264)scale(0.9999999999999999,0.9999999999999999)">channel20</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(45.07825560371445,15.498415713934758)rotate(14.16000366210936)scale(0.9999999999999999,0.9999999999999999)">channel21</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(41.07496816367132,24.188777801614474)rotate(25.679992675781218)">channel22</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(35.41677445610311,31.90457797656755)rotate(37.19999694824217)">channel23</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(28.331643745528236,38.33494518578489)rotate(48.720001220703125)">channel24</text><text class="channel" fill="#FFFFFF" font-size="10" style="opacity: 1;" text-anchor="end" transform="translate(20.105031345214417,43.22080044298105)rotate(60.240005493164034)">channel25</text></g></g><g transform="translate(50, -50)" style="opacity: 0;"><g class="notificationGroup" style="opacity: 0;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">3</text></g></g><g class="instance_tab"><g><g transform="translate(-610, -32.5)" style="opacity: 1;"><g class="optionGroup"><rect class="optionRect pointer" width="100" height="100" x="0" y="-50" fill="#425266" style="opacity: 1;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 1;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="200" height="100" fill="#323e4d" style="opacity: 1;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="0" fill="#FFFFFF" style="opacity: 1;">instance1</text></g><g transform="translate(-510, -72.5)" style="opacity: 1;"><g class="notificationGroup" style="opacity: 1;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">2</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 67.5)" style="opacity: 1;"><g class="optionGroup"><rect class="optionRect pointer" width="100" height="100" x="0" y="-50" fill="#425266" style="opacity: 1;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 1;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="200" height="100" fill="#425266" style="opacity: 1;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="0" fill="#FFFFFF" style="opacity: 1;">instance2</text></g><g transform="translate(-510, 27.5)" style="opacity: 1;"><g class="notificationGroup" style="opacity: 1;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">1</text></g></g></g></g><g class="instance_tab"><g><g transform="translate(-610, 167.5)" style="opacity: 1;"><g class="optionGroup"><rect class="optionRect pointer" width="100" height="100" x="0" y="-50" fill="#425266" style="opacity: 1;"></rect><text x="50" y="0" class="mailIcon pointer no_interaction" text-anchor="middle" fill="#FFFFFF" style="opacity: 1;">subscribe</text></g><rect class="instanceTab pointer" x="-100" y="-50" width="200" height="100" fill="#425266" style="opacity: 1;"></rect><text class="pointer instanceTabText no_interaction" text-anchor="middle" x="0" fill="#FFFFFF" style="opacity: 1;">instance3</text></g><g transform="translate(-510, 127.5)" style="opacity: 1;"><g class="notificationGroup" style="opacity: 1;"><circle class="notificationCircle" cx="0" cy="0" r="10" fill="#FF9800"></circle><text class="notificationText" text-anchor="middle" font-size="14" y="4.666666666666667">1</text></g></g></g></g></g></svg>
49
+
50
+ <!-- Modal -->
51
+ <div class="modal fade in" id="messageDisplay" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;"><div class="modal-backdrop fade in" style="height: 100%;"></div>
52
+ <div class="modal-dialog modal-messages">
53
+ <div class="modal-content">
54
+ <div class="modal-header">
55
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
56
+ <h4 class="modal-title" id="myModalLabel">Message display</h4>
57
+ </div>
58
+ <div class="modal-body">
59
+ <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
60
+ <div class="panel panel-default">
61
+ <a data-toggle="collapse" data-parent="#accordion" href="http://localhost:57880/crepe/monitoring-interface/index.html?run_id=crepe&broker=localhost#collapseOne" aria-expanded="true" aria-controls="collapseOne" class="">
62
+ <div class="panel-heading" role="tab" id="headingOne">
63
+ <h4 class="panel-title">
64
+ Collapsible Group Item #
65
+ </h4>
66
+ </div>
67
+ </a>
68
+ <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne" aria-expanded="true">
69
+ <div class="panel-body">
70
+ <pre> <code class="JSON hljs json">{
71
+ "<span class="hljs-attribute">web-app</span>": <span class="hljs-value">{
72
+ "<span class="hljs-attribute">servlet</span>": <span class="hljs-value">[
73
+ {
74
+ "<span class="hljs-attribute">servlet-name</span>": <span class="hljs-value"><span class="hljs-string">"cofaxCDS"</span></span>,
75
+ "<span class="hljs-attribute">servlet-class</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.cds.CDSServlet"</span></span>,
76
+ "<span class="hljs-attribute">init-param</span>": <span class="hljs-value">{
77
+ "<span class="hljs-attribute">configGlossary:installationAt</span>": <span class="hljs-value"><span class="hljs-string">"Philadelphia, PA"</span></span>,
78
+ "<span class="hljs-attribute">configGlossary:adminEmail</span>": <span class="hljs-value"><span class="hljs-string">"ksm@pobox.com"</span></span>,
79
+ "<span class="hljs-attribute">configGlossary:poweredBy</span>": <span class="hljs-value"><span class="hljs-string">"Cofax"</span></span>,
80
+ "<span class="hljs-attribute">configGlossary:poweredByIcon</span>": <span class="hljs-value"><span class="hljs-string">"/images/cofax.gif"</span></span>,
81
+ "<span class="hljs-attribute">configGlossary:staticPath</span>": <span class="hljs-value"><span class="hljs-string">"/content/static"</span></span>,
82
+ "<span class="hljs-attribute">templateProcessorClass</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.WysiwygTemplate"</span></span>,
83
+ "<span class="hljs-attribute">templateLoaderClass</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.FilesTemplateLoader"</span></span>,
84
+ "<span class="hljs-attribute">templatePath</span>": <span class="hljs-value"><span class="hljs-string">"templates"</span></span>,
85
+ "<span class="hljs-attribute">templateOverridePath</span>": <span class="hljs-value"><span class="hljs-string">""</span></span>,
86
+ "<span class="hljs-attribute">defaultListTemplate</span>": <span class="hljs-value"><span class="hljs-string">"listTemplate.htm"</span></span>,
87
+ "<span class="hljs-attribute">defaultFileTemplate</span>": <span class="hljs-value"><span class="hljs-string">"articleTemplate.htm"</span></span>,
88
+ "<span class="hljs-attribute">useJSP</span>": <span class="hljs-value"><span class="hljs-literal">false</span></span>,
89
+ "<span class="hljs-attribute">jspListTemplate</span>": <span class="hljs-value"><span class="hljs-string">"listTemplate.jsp"</span></span>,
90
+ "<span class="hljs-attribute">jspFileTemplate</span>": <span class="hljs-value"><span class="hljs-string">"articleTemplate.jsp"</span></span>,
91
+ "<span class="hljs-attribute">cachePackageTagsTrack</span>": <span class="hljs-value"><span class="hljs-number">200</span></span>,
92
+ "<span class="hljs-attribute">cachePackageTagsStore</span>": <span class="hljs-value"><span class="hljs-number">200</span></span>,
93
+ "<span class="hljs-attribute">cachePackageTagsRefresh</span>": <span class="hljs-value"><span class="hljs-number">60</span></span>,
94
+ "<span class="hljs-attribute">cacheTemplatesTrack</span>": <span class="hljs-value"><span class="hljs-number">100</span></span>,
95
+ "<span class="hljs-attribute">cacheTemplatesStore</span>": <span class="hljs-value"><span class="hljs-number">50</span></span>,
96
+ "<span class="hljs-attribute">cacheTemplatesRefresh</span>": <span class="hljs-value"><span class="hljs-number">15</span></span>,
97
+ "<span class="hljs-attribute">cachePagesTrack</span>": <span class="hljs-value"><span class="hljs-number">200</span></span>,
98
+ "<span class="hljs-attribute">cachePagesStore</span>": <span class="hljs-value"><span class="hljs-number">100</span></span>,
99
+ "<span class="hljs-attribute">cachePagesRefresh</span>": <span class="hljs-value"><span class="hljs-number">10</span></span>,
100
+ "<span class="hljs-attribute">cachePagesDirtyRead</span>": <span class="hljs-value"><span class="hljs-number">10</span></span>,
101
+ "<span class="hljs-attribute">searchEngineListTemplate</span>": <span class="hljs-value"><span class="hljs-string">"forSearchEnginesList.htm"</span></span>,
102
+ "<span class="hljs-attribute">searchEngineFileTemplate</span>": <span class="hljs-value"><span class="hljs-string">"forSearchEngines.htm"</span></span>,
103
+ "<span class="hljs-attribute">searchEngineRobotsDb</span>": <span class="hljs-value"><span class="hljs-string">"WEB-INF/robots.db"</span></span>,
104
+ "<span class="hljs-attribute">useDataStore</span>": <span class="hljs-value"><span class="hljs-literal">true</span></span>,
105
+ "<span class="hljs-attribute">dataStoreClass</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.SqlDataStore"</span></span>,
106
+ "<span class="hljs-attribute">redirectionClass</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.SqlRedirection"</span></span>,
107
+ "<span class="hljs-attribute">dataStoreName</span>": <span class="hljs-value"><span class="hljs-string">"cofax"</span></span>,
108
+ "<span class="hljs-attribute">dataStoreDriver</span>": <span class="hljs-value"><span class="hljs-string">"com.microsoft.jdbc.sqlserver.SQLServerDriver"</span></span>,
109
+ "<span class="hljs-attribute">dataStoreUrl</span>": <span class="hljs-value"><span class="hljs-string">"jdbc:microsoft:sqlserver://LOCALHOST:1433;DatabaseName=goon"</span></span>,
110
+ "<span class="hljs-attribute">dataStoreUser</span>": <span class="hljs-value"><span class="hljs-string">"sa"</span></span>,
111
+ "<span class="hljs-attribute">dataStorePassword</span>": <span class="hljs-value"><span class="hljs-string">"dataStoreTestQuery"</span></span>,
112
+ "<span class="hljs-attribute">dataStoreTestQuery</span>": <span class="hljs-value"><span class="hljs-string">"SET NOCOUNT ON;select test='test';"</span></span>,
113
+ "<span class="hljs-attribute">dataStoreLogFile</span>": <span class="hljs-value"><span class="hljs-string">"/usr/local/tomcat/logs/datastore.log"</span></span>,
114
+ "<span class="hljs-attribute">dataStoreInitConns</span>": <span class="hljs-value"><span class="hljs-number">10</span></span>,
115
+ "<span class="hljs-attribute">dataStoreMaxConns</span>": <span class="hljs-value"><span class="hljs-number">100</span></span>,
116
+ "<span class="hljs-attribute">dataStoreConnUsageLimit</span>": <span class="hljs-value"><span class="hljs-number">100</span></span>,
117
+ "<span class="hljs-attribute">dataStoreLogLevel</span>": <span class="hljs-value"><span class="hljs-string">"debug"</span></span>,
118
+ "<span class="hljs-attribute">maxUrlLength</span>": <span class="hljs-value"><span class="hljs-number">500</span>
119
+ </span>}
120
+ </span>},
121
+ {
122
+ "<span class="hljs-attribute">servlet-name</span>": <span class="hljs-value"><span class="hljs-string">"cofaxEmail"</span></span>,
123
+ "<span class="hljs-attribute">servlet-class</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.cds.EmailServlet"</span></span>,
124
+ "<span class="hljs-attribute">init-param</span>": <span class="hljs-value">{
125
+ "<span class="hljs-attribute">mailHost</span>": <span class="hljs-value"><span class="hljs-string">"mail1"</span></span>,
126
+ "<span class="hljs-attribute">mailHostOverride</span>": <span class="hljs-value"><span class="hljs-string">"mail2"</span>
127
+ </span>}
128
+ </span>},
129
+ {
130
+ "<span class="hljs-attribute">servlet-name</span>": <span class="hljs-value"><span class="hljs-string">"cofaxAdmin"</span></span>,
131
+ "<span class="hljs-attribute">servlet-class</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.cds.AdminServlet"</span>
132
+ </span>},
133
+ {
134
+ "<span class="hljs-attribute">servlet-name</span>": <span class="hljs-value"><span class="hljs-string">"fileServlet"</span></span>,
135
+ "<span class="hljs-attribute">servlet-class</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.cds.FileServlet"</span>
136
+ </span>},
137
+ {
138
+ "<span class="hljs-attribute">servlet-name</span>": <span class="hljs-value"><span class="hljs-string">"cofaxTools"</span></span>,
139
+ "<span class="hljs-attribute">servlet-class</span>": <span class="hljs-value"><span class="hljs-string">"org.cofax.cms.CofaxToolsServlet"</span></span>,
140
+ "<span class="hljs-attribute">init-param</span>": <span class="hljs-value">{
141
+ "<span class="hljs-attribute">templatePath</span>": <span class="hljs-value"><span class="hljs-string">"toolstemplates/"</span></span>,
142
+ "<span class="hljs-attribute">log</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
143
+ "<span class="hljs-attribute">logLocation</span>": <span class="hljs-value"><span class="hljs-string">"/usr/local/tomcat/logs/CofaxTools.log"</span></span>,
144
+ "<span class="hljs-attribute">logMaxSize</span>": <span class="hljs-value"><span class="hljs-string">""</span></span>,
145
+ "<span class="hljs-attribute">dataLog</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
146
+ "<span class="hljs-attribute">dataLogLocation</span>": <span class="hljs-value"><span class="hljs-string">"/usr/local/tomcat/logs/dataLog.log"</span></span>,
147
+ "<span class="hljs-attribute">dataLogMaxSize</span>": <span class="hljs-value"><span class="hljs-string">""</span></span>,
148
+ "<span class="hljs-attribute">removePageCache</span>": <span class="hljs-value"><span class="hljs-string">"/content/admin/remove?cache=pages&amp;id="</span></span>,
149
+ "<span class="hljs-attribute">removeTemplateCache</span>": <span class="hljs-value"><span class="hljs-string">"/content/admin/remove?cache=templates&amp;id="</span></span>,
150
+ "<span class="hljs-attribute">fileTransferFolder</span>": <span class="hljs-value"><span class="hljs-string">"/usr/local/tomcat/webapps/content/fileTransferFolder"</span></span>,
151
+ "<span class="hljs-attribute">lookInContext</span>": <span class="hljs-value"><span class="hljs-number">1</span></span>,
152
+ "<span class="hljs-attribute">adminGroupID</span>": <span class="hljs-value"><span class="hljs-number">4</span></span>,
153
+ "<span class="hljs-attribute">betaServer</span>": <span class="hljs-value"><span class="hljs-literal">true</span>
154
+ </span>}
155
+ </span>}
156
+ ]</span>,
157
+ "<span class="hljs-attribute">servlet-mapping</span>": <span class="hljs-value">{
158
+ "<span class="hljs-attribute">cofaxCDS</span>": <span class="hljs-value"><span class="hljs-string">"/"</span></span>,
159
+ "<span class="hljs-attribute">cofaxEmail</span>": <span class="hljs-value"><span class="hljs-string">"/cofaxutil/aemail/*"</span></span>,
160
+ "<span class="hljs-attribute">cofaxAdmin</span>": <span class="hljs-value"><span class="hljs-string">"/admin/*"</span></span>,
161
+ "<span class="hljs-attribute">fileServlet</span>": <span class="hljs-value"><span class="hljs-string">"/static/*"</span></span>,
162
+ "<span class="hljs-attribute">cofaxTools</span>": <span class="hljs-value"><span class="hljs-string">"/tools/*"</span>
163
+ </span>}</span>,
164
+ "<span class="hljs-attribute">taglib</span>": <span class="hljs-value">{
165
+ "<span class="hljs-attribute">taglib-uri</span>": <span class="hljs-value"><span class="hljs-string">"cofax.tld"</span></span>,
166
+ "<span class="hljs-attribute">taglib-location</span>": <span class="hljs-value"><span class="hljs-string">"/WEB-INF/tlds/cofax.tld"</span>
167
+ </span>}
168
+ </span>}
169
+ </span>}</code>
170
+ </pre>
171
+ </div>
172
+ </div>
173
+ </div>
174
+ </div>
175
+ </div>
176
+ <div class="modal-footer">
177
+ <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
178
+ </div>
179
+ </div>
180
+ </div>
181
+ </div>
182
+
183
+
184
+
185
+ <script>
186
+
187
+ var svg = d3.select("#container");
188
+
189
+ // Set background color
190
+ svg.style("background", defaultPalette.background.normal);
191
+
192
+ windowViewController.view = svg;
193
+ windowViewController.updateViewBox();
194
+
195
+ applicationModel.fetchData("data/data.json");
196
+
197
+ /*
198
+ var c = 0;
199
+ window.setInterval(function(){
200
+ console.log("change");
201
+ if(c%4 == 0)
202
+ applicationModel.fetchData("data/data2.json");
203
+ else if(c%4 == 1)
204
+ applicationModel.fetchData("data/data3.json");
205
+ else if(c%4 == 2)
206
+ applicationModel.fetchData("data/data4.json");
207
+ else
208
+ applicationModel.fetchData("data/data.json");
209
+ c++;
210
+ }, 5000);
211
+ */
212
+
213
+ </script>
214
+
215
+ </body></html>
@@ -0,0 +1,27 @@
1
+ var Animations = Animations || {};
2
+
3
+ Animations.connectionView = {
4
+ LINK_FADE_IN: {delay: 500, duration: 1000},
5
+ CIRCLE_EXPANSION: {delay: 100, duration: 500},
6
+ ARROW_EXPANSION: {delay: 0, duration: 500}
7
+ };
8
+
9
+ Animations.application = {
10
+ GRID_LAYOUT_REPOSITION : {delay: 0, duration: 500},
11
+ APPLICATION_EXPANSION: {delay: 0, duration: 500},
12
+ APPLICATION_REDUCTION: {delay: 0, duration: 500}
13
+ };
14
+
15
+ Animations.instance = {
16
+ INSTANCE_ENTER : {delay: 0, duration: 500},
17
+ INSTANCE_EXIT: {delay: 0, duration: 500}
18
+ };
19
+
20
+ Animations.optionRect = {
21
+ INSTANCE_ENTER : {delay: 500, duration: 500}
22
+ };
23
+
24
+ Animations.notification = {
25
+ NOTIFICATION_FADE_IN: {delay: 400, duration: 500},
26
+ NOTIFICATION_FADE_OUT: {delay: 0, duration: 100}
27
+ };