add files to master
This commit is contained in:
@@ -0,0 +1,90 @@
|
||||
<html>
|
||||
<head>
|
||||
|
||||
</head>
|
||||
<body ng-app="stripApp" ng-controller="stripCtrl" >
|
||||
<div class="col-12" ng-repeat="led in data" style="border-style: solid;display: table">
|
||||
<div style="width: 60px; height: 60px; background: red; display: table-cell;">
|
||||
{{led.red}}
|
||||
</div>
|
||||
<div style="width: 60px; height: 60px; background: green; display: table-cell;">
|
||||
{{led.green}}
|
||||
</div>
|
||||
<div style="width: 60px; height: 60px; background: blue; display: table-cell;">
|
||||
{{led.blue}}
|
||||
</div>
|
||||
</div>
|
||||
<script src="js/angularjs.js"></script>
|
||||
<script src="js/reconnecting-websocket.js"></script>
|
||||
<script>
|
||||
var app = angular.module('stripApp',[]);
|
||||
app.factory('socket', [function() {
|
||||
var stack = [];
|
||||
var onmessageDefer;
|
||||
var host = "localhost"
|
||||
if (window.location.hostname != ""){
|
||||
host = window.location.hostname
|
||||
}
|
||||
var socket = {
|
||||
ws: new ReconnectingWebSocket("ws://"+host+":8001", null, {debug: false, reconnectInterval: 2000}),
|
||||
send: function(data) {
|
||||
if (socket.ws.readyState == 1) {
|
||||
socket.ws.send(data);
|
||||
} else {
|
||||
stack.push(data);
|
||||
}
|
||||
},
|
||||
onmessage: function(callback) {
|
||||
if (socket.ws.readyState == 1) {
|
||||
socket.ws.onmessage = callback;
|
||||
} else {
|
||||
onmessageDefer = callback;
|
||||
}
|
||||
}
|
||||
};
|
||||
socket.ws.onopen = function(event) {
|
||||
for (i in stack) {
|
||||
socket.ws.send(stack[i]);
|
||||
}
|
||||
stack = [];
|
||||
if (onmessageDefer) {
|
||||
socket.ws.onmessage = onmessageDefer;
|
||||
onmessageDefer = null;
|
||||
}
|
||||
};
|
||||
return socket;
|
||||
}]);
|
||||
|
||||
app.controller('stripCtrl', ['$scope', 'socket', function($scope, socket) {
|
||||
|
||||
$scope.connected = false;
|
||||
$scope.data = {}
|
||||
|
||||
socket.ws.addEventListener('close',function(event) {
|
||||
$scope.$apply(function(){
|
||||
$scope.connected = false
|
||||
});
|
||||
});
|
||||
socket.ws.addEventListener('open',function(event) {
|
||||
$scope.$apply(function(){
|
||||
socket.send(
|
||||
JSON.stringify({
|
||||
'register_client_type': 1,
|
||||
'client_name': "htmlstrip",
|
||||
})
|
||||
);
|
||||
$scope.connected = true
|
||||
});
|
||||
});
|
||||
|
||||
socket.onmessage(function(event) {
|
||||
$scope.$apply(function(){
|
||||
console.log(event.data)
|
||||
json = JSON.parse(event.data)
|
||||
$scope.data = json.data
|
||||
});
|
||||
});
|
||||
}]);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user