ShawnHymel/app.js

## app.js
window.socket = null;

function connect() {

    var ip = document.getElementById("ip").value;
    var port = document.getElementById("port").value

    window.socket = io.connect("http://" + ip + ":" + port);

    window.socket.on("connect_error", function() {
        window.socket.disconnect();
        document.getElementById("toggle").style.display = "none";
        alert("Could not connect");
    });

    window.socket.on("connect", function() {
        document.getElementById("toggle").style.display = "initial";
    });
}

function toggle() {
    window.socket.emit("toggle");
}

## index.html
<body>

    <div>
        <h2>Edison Address</h2>
        <input id="ip" type="text" placeholder="IP Address"><br>
        <input id="port" type="text" placeholder="Port"><br>
        <button onclick="connect()">Connect</button>
    </div>

    <div id="toggle" style="display: none">
        <h2 disabled=true>Toggle Button</h2>
        <button onclick="toggle()">Toggle LED</button>
    </div>

    <!-- Load the various JavaScript files -->
    <script type="text/javascript" src="lib/socketio/socket.io.js"></script>
    <script type="text/javascript" src="js/app.js"></script>

</body>

## main.js
var mraa = require('mraa');
var server = require('http').createServer();
var io = require('socket.io').listen(server);

var port = 4242;

var led = new mraa.Gpio(12, true, true);
led.dir(mraa.DIR_OUT);

var ledState = 0;

io.on('connection', function(socket) {
    console.log("A client is connected!");

    socket.on('toggle', function() {
        ledState = ledState ? 0 : 1;
        led.write(ledState);
    });
});

server.listen(port, function() {
    console.log("Server listening on port " + port);
});

## package.json
{
  "name": "blankapp",
  "description": "",
  "version": "0.0.0",
  "main": "main.js",
  "engines": {
    "node": ">=0.10.0"
  },
  "dependencies": {
      "socket.io": "1.4.5"
  }
}
	window.socket = null;

	function connect() {

	var ip = document.getElementById("ip").value;
	var port = document.getElementById("port").value

	window.socket = io.connect("http://" + ip + ":" + port);

	window.socket.on("connect_error", function() {
	window.socket.disconnect();
	document.getElementById("toggle").style.display = "none";
	alert("Could not connect");
	});

	window.socket.on("connect", function() {
	document.getElementById("toggle").style.display = "initial";
	});
	}

	function toggle() {
	window.socket.emit("toggle");
	}
	<body>

	<div>
	<h2>Edison Address</h2>
	<input id="ip" type="text" placeholder="IP Address"><br>
	<input id="port" type="text" placeholder="Port"><br>
	<button onclick="connect()">Connect</button>
	</div>

	<div id="toggle" style="display: none">
	<h2 disabled=true>Toggle Button</h2>
	<button onclick="toggle()">Toggle LED</button>
	</div>

	<!-- Load the various JavaScript files -->
	<script type="text/javascript" src="lib/socketio/socket.io.js"></script>
	<script type="text/javascript" src="js/app.js"></script>

	</body>
	var mraa = require('mraa');
	var server = require('http').createServer();
	var io = require('socket.io').listen(server);

	var port = 4242;

	var led = new mraa.Gpio(12, true, true);
	led.dir(mraa.DIR_OUT);

	var ledState = 0;

	io.on('connection', function(socket) {
	console.log("A client is connected!");

	socket.on('toggle', function() {
	ledState = ledState ? 0 : 1;
	led.write(ledState);
	});
	});

	server.listen(port, function() {
	console.log("Server listening on port " + port);
	});
	{
	"name": "blankapp",
	"description": "",
	"version": "0.0.0",
	"main": "main.js",
	"engines": {
	"node": ">=0.10.0"
	},
	"dependencies": {
	"socket.io": "1.4.5"
	}
	}