robeaux 0.0.4 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
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
data/stylesheets/style.css DELETED
@@ -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
- }
data/stylesheets/themes/dark.css DELETED
@@ -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
- }
data/stylesheets/themes/default.css DELETED
@@ -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
- }
data/stylesheets/themes/flat.css DELETED
@@ -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
- }