robeaux 0.0.4 → 0.1.0

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 (46) hide show
  1. checksums.yaml +4 -4
  2. data/Makefile +14 -0
  3. data/{README.md → README.markdown} +22 -35
  4. data/css/normalize.css +425 -0
  5. data/css/style.css +469 -0
  6. data/css/themes/artoo.css +3 -0
  7. data/css/themes/cylon.css +3 -0
  8. data/css/themes/gobot.css +3 -0
  9. data/index.html +29 -36
  10. data/js/app.js +1 -0
  11. data/js/controllers/device_commands_ctrl.js +81 -0
  12. data/js/controllers/device_events_ctrl.js +31 -0
  13. data/js/controllers/index_ctrl.js +9 -0
  14. data/js/controllers/nav_ctrl.js +5 -0
  15. data/js/controllers/robot_commands_ctrl.js +34 -0
  16. data/js/controllers/robot_ctrl.js +25 -0
  17. data/js/controllers/themes_ctrl.js +36 -0
  18. data/js/router.js +22 -0
  19. data/js/services/themes.js +86 -0
  20. data/js/vendor/angular-route.min.js +14 -0
  21. data/js/vendor/angular.min.js +210 -0
  22. data/package.json +6 -9
  23. data/partials/device.html +67 -0
  24. data/partials/index.html +11 -0
  25. data/partials/robot.html +74 -0
  26. data/partials/themes.html +31 -21
  27. data/robeaux.gemspec +1 -1
  28. metadata +25 -22
  29. data/fonts/FontAwesome.otf +0 -0
  30. data/fonts/fontawesome-webfont.eot +0 -0
  31. data/fonts/fontawesome-webfont.svg +0 -414
  32. data/fonts/fontawesome-webfont.ttf +0 -0
  33. data/fonts/fontawesome-webfont.woff +0 -0
  34. data/javascripts/app.js +0 -219
  35. data/javascripts/vendor/angular-route.min.js +0 -14
  36. data/javascripts/vendor/angular.min.js +0 -202
  37. data/javascripts/vendor/bootstrap.min.js +0 -6
  38. data/javascripts/vendor/jquery.min.js +0 -4
  39. data/partials/robot-detail.html +0 -141
  40. data/partials/robot-index.html +0 -27
  41. data/stylesheets/bootstrap.css +0 -5780
  42. data/stylesheets/font-awesome.css +0 -1338
  43. data/stylesheets/style.css +0 -177
  44. data/stylesheets/themes/dark.css +0 -106
  45. data/stylesheets/themes/default.css +0 -73
  46. data/stylesheets/themes/flat.css +0 -164
@@ -1,177 +0,0 @@
1
- .robot, .device {
2
- margin-bottom: 20px;
3
- padding: 15px 5px;
4
- }
5
-
6
- .robot .robot-type, .device .device-type {
7
- padding: 10px;
8
- text-align: center;
9
- font-size: 16px;
10
- font-weight: bold;
11
- }
12
-
13
- .robot b, .device b {
14
- font-weight: bold;
15
- line-height: 40px;
16
- }
17
-
18
- .robot .controls, .device .controls {
19
- float: right;
20
- }
21
-
22
- .robot dl {
23
- margin-bottom: 0;
24
- }
25
-
26
- .device {
27
- min-height: 75px;
28
- }
29
-
30
- .robot dt, .robot dd, .device dt, .device dd {
31
- display: inline-block;
32
- }
33
-
34
- .robot dd {
35
- margin-right: 10px;
36
- }
37
-
38
- .details .console code {
39
- display: block;
40
- height: 150px;
41
- width: 98%;
42
- margin: 0 auto;
43
- overflow: scroll;
44
- white-space: pre;
45
- margin-bottom: 8px;
46
- }
47
-
48
- .device.details {
49
- padding: 15px;
50
- }
51
-
52
- .device-command {
53
- display: block;
54
- clear: both;
55
- margin: 10px 0;
56
- padding: 0 15px;
57
- }
58
-
59
- .device-command select {
60
- width: auto;
61
- min-width: 150px;
62
- display: inline;
63
- }
64
-
65
- .device-command .param-input {
66
- font-size: 14px;
67
- margin: 10px 0;
68
- }
69
-
70
- .device-command input[type='text'] {
71
- border: none;
72
- box-shadow: none;
73
- line-height: 18px;
74
- padding: 5px;
75
- margin-right: 10px;
76
- width: 30%;
77
- }
78
-
79
- .device-command input[type='text']:focus {
80
- outline: none;
81
- }
82
-
83
- .device-command select {
84
- width: 20%;
85
- }
86
-
87
- .device-command .command-inputs button {
88
- width: 63%;
89
- margin-bottom: 30px;
90
- }
91
-
92
- .device-command select {
93
- background: white;
94
- }
95
-
96
- .device-command .param-remove {
97
- width: 18px;
98
- height: 18px;
99
- background-image: url(/images/delete.png);
100
- display: inline-block;
101
- cursor: pointer;
102
- margin-top: 6px;
103
- margin-right: 5px;
104
- }
105
-
106
- .devices {
107
- padding-left: 0;
108
- }
109
-
110
- .connections {
111
- padding-right: 0;
112
- }
113
-
114
- .theme-selector {
115
- position: absolute;
116
- top: 13px;
117
- right: 10px;
118
- height: 50px;
119
- margin: 0 auto;
120
- margin-right: 10px;
121
- }
122
-
123
- .theme-selector select {
124
- height: 50%;
125
- border: none;
126
- }
127
-
128
- .themes .row {
129
- margin-bottom: 20px;
130
- }
131
-
132
- .themes .sidebar, .themes .editor {
133
- min-height: 400px;
134
- padding-top: 20px;
135
- padding-bottom: 20px;
136
- }
137
-
138
- .themes .new-theme * {
139
- width: 100%;
140
- }
141
-
142
- .themes .new-theme input {
143
- margin-bottom: 10px;
144
- text-align: center;
145
- line-height: 2;
146
- border-radius: 3px
147
- }
148
-
149
- .themes .sidebar .theme-list {
150
- padding-bottom: 20px;
151
- margin-bottom: 20px;
152
- }
153
-
154
- .themes .sidebar .theme-list .theme {
155
- padding: 5px 6px;
156
- text-align: center;
157
- }
158
-
159
- .themes .sidebar .theme-list .theme:hover {
160
- cursor: pointer;
161
- }
162
-
163
- .themes .sidebar .theme-list .theme:not(:last-child) {
164
- margin-bottom: 10px
165
- }
166
-
167
- .themes .editor textarea {
168
- width: 100%;
169
- height: 100%;
170
- min-height: 300px;
171
- padding: 5px 10px;
172
- }
173
-
174
- .themes.save {
175
- float: left;
176
- clear: both;
177
- }
@@ -1,106 +0,0 @@
1
- body {
2
- background: #444;
3
- }
4
-
5
- h1 {
6
- color: #bbb;
7
- }
8
-
9
- .navbar {
10
- background-color: #333;
11
- border: none;
12
- border-radius: 0px;
13
- }
14
-
15
- .navbar-default .navbar-brand {
16
- color: #efefef;
17
- }
18
-
19
- .navbar-default .navbar-brand:hover {
20
- color: #ccc;
21
- }
22
-
23
- .navbar-default .navbar-nav > li > a {
24
- color: #ccc;
25
- }
26
-
27
- .navbar-default .navbar-nav > li > a:hover {
28
- color: #ccc;
29
- }
30
-
31
- .navbar-default .navbar-nav > li > a:hover,
32
- .navbar-default .navbar-nav > li > a:focus {
33
- color: #eee;
34
- }
35
-
36
- .robot, .device {
37
- border: 3px solid #ababab;
38
- border-radius: 5px;
39
- }
40
-
41
- .robot .robot-type, .device .device-type {
42
- background: #ababab;
43
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
44
- color: #444;
45
- }
46
-
47
- .robot dt i.fa {
48
- color: #aaa;
49
- }
50
-
51
- .details .console code {
52
- border: 1px solid #ababab;
53
- background: #fbfbfb;
54
- }
55
-
56
- .device-command {
57
- color: #bbb;
58
- }
59
-
60
- .device-command input[type='text'] {
61
- border: none;
62
- background: none;
63
- border-bottom: 3px solid #bbb
64
- }
65
-
66
- .device-command button {
67
- background: none;
68
- color: #bbb
69
- }
70
-
71
- .robot dt, .robot dd, .device dt, .device dd {
72
- color: #bbb;
73
- font-weight: normal
74
- }
75
-
76
- .robot .name, .device .name {
77
- color: #bbb;
78
- }
79
-
80
- .themes .new-theme input {
81
- background: none;
82
- border: 1px solid #bbb;
83
- color: #efefef;
84
- }
85
-
86
- .themes .new-theme input:focus {
87
- outline: none;
88
- border-color: #efefef;
89
- }
90
-
91
- .themes .sidebar .theme-list {
92
- border-bottom: 3px solid #bbb;
93
- }
94
-
95
- .themes .sidebar .theme-list .theme {
96
- border: 1px solid #efefef;
97
- color: #efefef;
98
- border-radius: 3px;
99
- }
100
-
101
- .themes .editor textarea {
102
- background: none;
103
- border: 1px solid #efefef;
104
- border-radius: 3px;
105
- color: #efefef;
106
- }
@@ -1,73 +0,0 @@
1
- .navbar {
2
- background-color: #444;
3
- border: none;
4
- border-radius: 0px;
5
- }
6
-
7
- .navbar-default .navbar-brand {
8
- color: #efefef;
9
- }
10
-
11
- .navbar-default .navbar-brand:hover {
12
- color: #ccc;
13
- }
14
-
15
- .navbar-default .navbar-nav > li > a {
16
- color: #ccc;
17
- }
18
-
19
- .navbar-default .navbar-nav > li > a:hover {
20
- color: #ccc;
21
- }
22
-
23
- .navbar-default .navbar-nav > li > a:hover,
24
- .navbar-default .navbar-nav > li > a:focus {
25
- color: #eee;
26
- }
27
-
28
- .robot, .device {
29
- border: 3px solid #ababab;
30
- border-radius: 5px;
31
- }
32
-
33
- .robot .robot-type, .device .device-type {
34
- background: #ababab;
35
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
36
- color: white;
37
- }
38
-
39
- .robot dt i.fa {
40
- color: #aaa;
41
- }
42
-
43
- .details .console code {
44
- border: 1px solid #ababab;
45
- background: #fbfbfb;
46
- }
47
-
48
- .device-command input[type='text'] {
49
- border-bottom: 1px solid #bbb;
50
- }
51
-
52
- .device-command select {
53
- background: white;
54
- }
55
-
56
- .themes .new-theme input {
57
- border: 1px solid #bbb;
58
- }
59
-
60
- .themes .sidebar .theme-list {
61
- border-bottom: 3px solid #bbb;
62
- }
63
-
64
- .themes .sidebar .theme-list .theme {
65
- border: 1px solid #444;
66
- border-radius: 3px;
67
- }
68
-
69
- .themes .editor textarea {
70
- background: white;
71
- border: 1px solid black;
72
- border-radius: 3px;
73
- }
@@ -1,164 +0,0 @@
1
- .navbar {
2
- border: none;
3
- border-radius: 0;
4
- background: #2980B9;
5
- }
6
-
7
- .navbar-default .navbar-brand {
8
- color: white;
9
- }
10
-
11
- .navbar-default .navbar-brand:hover {
12
- color: white;
13
- }
14
-
15
- .navbar-default .navbar-nav > li > a {
16
- background: #2980B9;
17
- color: white;
18
- }
19
-
20
- .navbar-default .navbar-nav > li > a:hover {
21
- background: #3498DB;
22
- color: white;
23
- }
24
-
25
- .navbar-default .navbar-nav > li.active > a {
26
- background: white;
27
- color: #2980B9;
28
- }
29
-
30
- .navbar-default .navbar-nav > li.active > a:hover {
31
- color: #3498DB;
32
- background: white;
33
- }
34
-
35
- .robot, .device {
36
- background: #27AE60;
37
- border-radius: 5px
38
- }
39
-
40
- .robot .robot-type, .device .device-type {
41
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
42
- background: white;
43
- color: #27AE60;
44
- border-radius: 5px
45
- }
46
-
47
- .robot dl, .device dl {
48
- color: white;
49
- }
50
-
51
- .name {
52
- color: white;
53
- }
54
-
55
- .device-command {
56
- color: white;
57
- }
58
-
59
- .device-command input[type='text'] {
60
- background: none;
61
- border: none;
62
- border-bottom: 3px solid white
63
- }
64
-
65
- ::-webkit-input-placeholder {
66
- color: #efefef;
67
- }
68
-
69
- :-moz-placeholder {
70
- color: #efefef;
71
- }
72
-
73
- ::-moz-placeholder {
74
- color: #efefef;
75
- }
76
-
77
- :-ms-input-placeholder {
78
- color: #efefef;
79
- }
80
-
81
- .device-command button {
82
- background: none;
83
- border: 3px solid white;
84
- font-size: 16px;
85
- color: white;
86
- }
87
-
88
- .device-command button:hover {
89
- background: #2ECC71;
90
- border: 3px solid white;
91
- color: white;
92
- }
93
-
94
- .device-command button:active {
95
- background: #14A14B;
96
- border: 3px solid white;
97
- color: white;
98
- box-shadow: none;
99
- }
100
-
101
- .device .command-submit button {
102
- background: #30485F;
103
- color: white;
104
- border: none;
105
- }
106
-
107
- .device .command-submit button[disabled] {
108
- background: #D0D5D8;
109
- }
110
-
111
- .device .command-submit button:hover {
112
- background: #3C5A77;
113
- }
114
-
115
- .device .command-submit button:active {
116
- background: #293D51
117
- }
118
-
119
- .details .console code {
120
- background: white;
121
- border: none;
122
- border-radius: 5px
123
- }
124
-
125
- .themes .new-theme input {
126
- border: 1px solid #27AE60;
127
- }
128
-
129
- .themes .new-theme ::-webkit-input-placeholder {
130
- color: #1ACA5E;
131
- }
132
-
133
- .themes .new-theme :-moz-placeholder {
134
- color: #1ACA5E;
135
- }
136
-
137
- .themes .new-theme ::-moz-placeholder {
138
- color: #1ACA5E;
139
- }
140
-
141
- .themes .new-theme :-ms-input-placeholder {
142
- color: #1ACA5E;
143
- }
144
-
145
- .themes .sidebar .theme-list {
146
- border-bottom: 3px solid #bbb;
147
- }
148
-
149
- .themes .sidebar .theme-list .theme {
150
- border: 1px solid #2980B9;
151
- color: #2980B9;
152
- border-radius: 3px;
153
- }
154
-
155
- .themes .sidebar .theme-list .theme:hover {
156
- background: #2980B9;
157
- color: white;
158
- }
159
-
160
- .themes .editor textarea {
161
- background: white;
162
- border: 1px solid black;
163
- border-radius: 3px;
164
- }