├── static
├── img
│ ├── Logo2.png
│ ├── blue_logo.png
│ ├── checkmark.png
│ ├── blue_logo_menu.png
│ └── Mycroft-Logo-square.png
├── fonts
│ ├── glyphicons-halflings-regular.eot
│ ├── glyphicons-halflings-regular.ttf
│ ├── glyphicons-halflings-regular.woff
│ └── glyphicons-halflings-regular.woff2
├── js
│ ├── main.js
│ ├── bootstrap.min.js
│ └── jquery.min.js
└── css
│ ├── app.css
│ └── todc-bootstrap.min.css
├── README.md
├── templates
└── index.html
└── main.py
/static/img/Logo2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/img/Logo2.png
--------------------------------------------------------------------------------
/static/img/blue_logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/img/blue_logo.png
--------------------------------------------------------------------------------
/static/img/checkmark.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/img/checkmark.png
--------------------------------------------------------------------------------
/static/img/blue_logo_menu.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/img/blue_logo_menu.png
--------------------------------------------------------------------------------
/static/img/Mycroft-Logo-square.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/img/Mycroft-Logo-square.png
--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/fonts/glyphicons-halflings-regular.eot
--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/fonts/glyphicons-halflings-regular.ttf
--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/fonts/glyphicons-halflings-regular.woff
--------------------------------------------------------------------------------
/static/fonts/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jcasoft/Mycroft-Web-Client/HEAD/static/fonts/glyphicons-halflings-regular.woff2
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | **Mycroft Web Client**
2 | ===================
3 |
4 | For Mycroft with new API (https://home.mycroft.ai)
5 |
6 |
7 |
8 | How to install
9 | -------------
10 | Step 1 Download this repo to your download folder
11 |
12 | cd mycroft-core/mycroft/messagebus/service
13 |
14 | Rename main.py main_ORG.py (Rename original main.py for backup)
15 | mv main.py main main_ORG.py
16 |
17 | copy on "mycroft-core/mycroft/messagebus/service" all files and directory downloaded on Step 1
18 |
19 |
20 | Step 2 Restar Mycroft
21 |
22 | ./start.sh service
23 | ./start.sh skills
24 | ./start.sh voice
25 |
26 |
27 | Setp 3
28 | Open you browser on http://MYCROFT_IP_ADRESS:8181/ (Not localhost)
29 |
30 |
31 | **Enjoy !**
32 | --------
33 |
34 |
--------------------------------------------------------------------------------
/static/js/main.js:
--------------------------------------------------------------------------------
1 | var ip = ""
2 |
3 | function set_ip(val)
4 | {
5 | ip=val
6 | console.log("New ip 1="+ ip)
7 | }
8 |
9 |
10 | $(document).ready(function(){
11 |
12 | var received = $('#received');
13 |
14 | var socket = new WebSocket("ws://"+ip+":8181/ws");
15 | console.log("ws://"+ip+":8181/ws")
16 | // var socket = new WebSocket("ws://localhost:8181/ws");
17 |
18 | socket.onopen = function(){
19 | console.log("connected");
20 | };
21 |
22 | socket.onmessage = function (message) {
23 | console.log("receiving: " + message.data);
24 | received.append(message.data);
25 |
26 | var msg = message.data.substr(0, 1);
27 | if (msg == "-")
28 | {
29 | // received.append($("#received").css({"color": "#3498D8"}));
30 | received.append($("#received").css({"color": "#666666"}));
31 | received.append($('
'));
32 | } else {
33 | // received.append($("#received").css({"color": "#35495d"}));
34 | received.append($("#received").css({"color": "#999999"}));
35 | received.append($('
'));
36 | }
37 |
38 | $("#received").scrollTop($("#received")[0].scrollHeight);
39 |
40 | };
41 |
42 | socket.onclose = function(){
43 | console.log("disconnected");
44 | };
45 |
46 | var sendMessage = function(message) {
47 | console.log("sending:" + message.data);
48 | socket.send(message.data);
49 | };
50 |
51 |
52 |
53 | $("#cmd_send").click(function(ev){
54 | ev.preventDefault();
55 | var cmd = $('#cmd_value').val();
56 | sendMessage({ 'data' : cmd});
57 | $('#cmd_value').val("");
58 | });
59 |
60 | $('#clear').click(function(){
61 | received.empty();
62 | });
63 |
64 | $('#stop').click(function(){
65 | sendMessage({ 'data' : 'stop'});
66 | });
67 |
68 | });
69 |
--------------------------------------------------------------------------------
/static/css/app.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding-top: 100px;
3 | /* background-color: #ecf1f1; */
4 | background-color: #333333;
5 | }
6 |
7 | .panel-body {
8 | /* background-color: #bcc1c5; */
9 | background-color: #666666;
10 | border-radius: 15px;
11 | box-shadow: 10px 10px 5px #888888;
12 | }
13 |
14 | .panel-body-title {
15 | text-align:center;
16 | color: white;
17 | text-shadow: 2px 2px 4px #000000;
18 | padding-bottom: 20px;
19 | }
20 |
21 |
22 | .panel-success {
23 | background-color: #3c763d;
24 | padding: 10px 20px;
25 | color: white;
26 | }
27 |
28 | .panel-success > p {
29 | margin: 0;
30 | }
31 |
32 | .panel-error {
33 | background-color: #a94442;
34 | padding: 10px 20px;
35 | color: white;
36 | }
37 |
38 | .panel-error > p {
39 | margin: 0;
40 | }
41 |
42 | .navbar-brand>img {
43 | height: 100%;
44 | padding: 0px;
45 | width: auto;
46 | }
47 |
48 | .navbar-brand {
49 | height: 0px;
50 | }
51 |
52 | .mycroft .navbar-brand {
53 | height: 80px;
54 | }
55 |
56 | .mycroft .nav >li >a {
57 | padding-top: 30px;
58 | padding-bottom: 30px;
59 | }
60 | .mycroft .navbar-toggle {
61 | padding: 10px;
62 | margin: 25px 15px 25px 0;
63 | }
64 |
65 | .btn-round-lg{
66 | border-radius: 22.5px;
67 | padding-left: 30px;
68 | padding-right: 30px;
69 | }
70 | .btn-round{
71 | border-radius: 17px;
72 | }
73 | .btn-round-sm{
74 | border-radius: 15px;
75 | }
76 | .btn-round-xs{
77 | border-radius: 11px;
78 | padding-left: 10px;
79 | padding-right: 10px;
80 | }
81 |
82 | .form-control:focus {
83 | background: #333333;
84 | border-color: #FF0000;
85 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
86 | color: white;
87 | }
88 |
89 | /*
90 | .form-control:focus {
91 | background: -webkit-linear-gradient(315deg, #55efcb 0%, #1e5799 0%, #55efcb 0%, #5bcaff 70%);
92 | background: linear-gradient(135deg, #55efcb 0%, #1e5799 0%, #55efcb 0%, #5bcaff 70%);
93 | border-color: #FF0000;
94 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
95 | }
96 | */
97 |
--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |