From 8b37e2bac55256e0065712513a5a139a1c8c2e5c Mon Sep 17 00:00:00 2001 From: Dharmindra Kaila Date: Tue, 15 Oct 2019 16:13:35 +0100 Subject: [PATCH] fist commit web --- Lights.html | 94 ++++++++++++++++++++++++++++++++++++++++++++++++++ Tempature.html | 72 ++++++++++++++++++++++++++++++++++++++ mqtt.crt | 31 +++++++++++++++++ script.js | 55 +++++++++++++++++++++++++++++ 4 files changed, 252 insertions(+) create mode 100644 Lights.html create mode 100644 Tempature.html create mode 100644 mqtt.crt create mode 100644 script.js diff --git a/Lights.html b/Lights.html new file mode 100644 index 0000000..e1b9cbe --- /dev/null +++ b/Lights.html @@ -0,0 +1,94 @@ + + + +Team 2 agile work. + + + + + +
+

Lights Page!

+
+ + + + + + +
+
+ + \ No newline at end of file diff --git a/Tempature.html b/Tempature.html new file mode 100644 index 0000000..b632e20 --- /dev/null +++ b/Tempature.html @@ -0,0 +1,72 @@ + + + +Team 2 agile work. + + + + + + +
+

Tempautre Page!

+
+ +
50°C
+ + + \ No newline at end of file diff --git a/mqtt.crt b/mqtt.crt new file mode 100644 index 0000000..df5a27f --- /dev/null +++ b/mqtt.crt @@ -0,0 +1,31 @@ +-----BEGIN CERTIFICATE----- +MIIFYDCCA0igAwIBAgIURFc0JFuBiZs18s64KztbpybwdSgwDQYJKoZIhvcNAQEL +BQAwSDELMAkGA1UEBhMCQk0xGTAXBgNVBAoTEFF1b1ZhZGlzIExpbWl0ZWQxHjAc +BgNVBAMTFVF1b1ZhZGlzIFJvb3QgQ0EgMiBHMzAeFw0xMjAxMTIxODU5MzJaFw00 +MjAxMTIxODU5MzJaMEgxCzAJBgNVBAYTAkJNMRkwFwYDVQQKExBRdW9WYWRpcyBM +aW1pdGVkMR4wHAYDVQQDExVRdW9WYWRpcyBSb290IENBIDIgRzMwggIiMA0GCSqG +SIb3DQEBAQUAA4ICDwAwggIKAoICAQChriWyARjcV4g/Ruv5r+LrI3HimtFhZiFf +qq8nUeVuGxbULX1QsFN3vXg6YOJkApt8hpvWGo6t/x8Vf9WVHhLL5hSEBMHfNrMW +n4rjyduYNM7YMxcoRvynyfDStNVNCXJJ+fKH46nafaF9a7I6JaltUkSs+L5u+9ym +c5GQYaYDFCDy54ejiK2toIz/pgslUiXnFgHVy7g1gQyjO/Dh4fxaXc6AcW34Sas+ +O7q414AB+6XrW7PFXmAqMaCvN+ggOp+oMiwMzAkd056OXbxMmO7FGmh77FOm6RQ1 +o9/NgJ8MSPsc9PG/Srj61YxxSscfrf5BmrODXfKEVu+lV0POKa2Mq1W/xPtbAd0j +IaFYAI7D0GoT7RPjEiuA3GfmlbLNHiJuKvhB1PLKFAeNilUSxmn1uIZoL1NesNKq +IcGY5jDjZ1XHm26sGahVpkUG0CM62+tlXSoREfA7T8pt9DTEceT/AFr2XK4jYIVz +8eQQsSWu1ZK7E8EM4DnatDlXtas1qnIhO4M15zHfeiFuuDIIfR0ykRVKYnLP43eh +vNURG3YBZwjgQQvD6xVu+KQZ2aKrr+InUlYrAoosFCT5v0ICvybIxo/gbjh9Uy3l +7ZizlWNof/k19N+IxWA1ksB8aRxhlRbQ694Lrz4EEEVlWFA4r0jyWbYW8jwNkALG +cC4BrTwV1wIDAQABo0IwQDAPBgNVHRMBAf8EBTADAQH/MA4GA1UdDwEB/wQEAwIB +BjAdBgNVHQ4EFgQU7edvdlq/YOxJW8ald7tyFnGbxD0wDQYJKoZIhvcNAQELBQAD +ggIBAJHfgD9DCX5xwvfrs4iP4VGyvD11+ShdyLyZm3tdquXK4Qr36LLTn91nMX66 +AarHakE7kNQIXLJgapDwyM4DYvmL7ftuKtwGTTwpD4kWilhMSA/ohGHqPHKmd+RC +roijQ1h5fq7KpVMNqT1wvSAZYaRsOPxDMuHBR//47PERIjKWnML2W2mWeyAMQ0Ga +W/ZZGYjeVYg3UQt4XAoeo0L9x52ID8DyeAIkVJOviYeIyUqAHerQbj5hLja7NQ4n +lv1mNDthcnPxFlxHBlRJAHpYErAK74X9sbgzdWqTHBLmYF5vHX/JHyPLhGGfHoJE ++V+tYlUkmlKY7VHnoX6XOuYvHxHaU4AshZ6rNRDbIl9qxV6XU/IyAgkwo1jwDQHV +csaxfGl7w/U2Rcxhbl5MlMVerugOXou/983g7aEOGzPuVBj+D77vfoRrQ+NwmNtd +dbINWQeFFSM51vHfqSYP1kjHs6Yi9TM3WpVHn3u6GBVv/9YUZINJ0gpnIdsPNWNg +KCLjsZWDzYWm3S8P52dSbrsvhXz1SnPnxT7AvSESBT/8twNJAlvIJebiVDj1eYeM +HVOyToV7BjjHLPj4sHKNJeV3UvQDHEimUF+IIDBu8oJDqz2XhOdT+yHBTw8imoa4 +WSr2Rz0ZiC3oheGe7IUIarFsNMkd7EgrO3jtZsSOeWmD3n+M +-----END CERTIFICATE----- diff --git a/script.js b/script.js new file mode 100644 index 0000000..abc813c --- /dev/null +++ b/script.js @@ -0,0 +1,55 @@ +function setColor(e) { + var target = e.target, + status = e.target.classList.contains('active'); + + e.target.classList.add(status ? 'inactive' : 'active'); + e.target.classList.remove(status ? 'active' : 'inactive'); + } + + function startConnect() { + // Generate a random client ID + clientID = "clientID-" + parseInt(Math.random() * 100); + + + // Print output for the user in the messages div + document.getElementById("messages").innerHTML += 'Connecting to: ' + "test.mosqutto.org" + ' on port: ' + "8080" + '
'; + document.getElementById("messages").innerHTML += 'Using the following client value: ' + clientID + '
'; + + // Initialize new Paho client connection + client = new Paho.MQTT.Client("test.mosqutto.org", 8080 , clientID); + + // Set callback handlers + client.onConnectionLost = onConnectionLost; + client.onMessageArrived = onMessageArrived; + + // Connect the client, if successful, call onConnect function + client.connect({ + onSuccess: onConnect, + }); +} +// Called when the client connects +function onConnect() { + // Fetch the MQTT topic from the form + + // Print output for the user in the messages div + document.getElementById("messages").innerHTML += 'Subscribing to: ' + topic + '
'; + + // Subscribe to the requested topic + client.subscribe("302CEM/Team2/lights01"); +} + +// Called when the client loses its connection +function onConnectionLost(responseObject) { + document.getElementById("messages").innerHTML += 'ERROR: Connection lost
'; + if (responseObject.errorCode !== 0) { + document.getElementById("messages").innerHTML += 'ERROR: ' + + responseObject.errorMessage + '
'; + } +} + +// Called when a message arrives +function onMessageArrived(message) { + console.log("onMessageArrived: " + message.payloadString); + document.getElementById("messages").innerHTML += 'Topic: ' + message.destinationName + ' | ' + message.payloadString + '
'; +} + +