Zapper/dashboard.php at master · jay13patel/Zapper · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
 $page = "Dashboard";
 include "header.php" ?>

    <div class="content-wrapper">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h4 class="page-head-line">Dashboard</h4>
                </div>
            </div>

            <div class="row">
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="dashboard-div-wrapper bk-clr-fade" id="bt1">
                        <i  class="fa fa-lock dashboard-div-icon"  ></i>
                        <h4>LED 1</h4>
						<h6>CLICK TO TURN ON/OFF</h6>

                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="dashboard-div-wrapper bk-clr-fade" id="bt2">
                        <i  class="fa fa-fire dashboard-div-icon" ></i>
                        <h4>LED 2</h4>
						<h6>CLICK TO TURN ON/OFF</h6>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="dashboard-div-wrapper bk-clr-fade" id="bt3">
						<i  class="fa fa-bell dashboard-div-icon" ></i>
						<h5>LED 3</h5>
						<h6>CLICK TO TURN ON/OFF</h6>
                    </div>
                </div>
                <div class="col-md-3 col-sm-3 col-xs-6">
                    <div class="dashboard-div-wrapper bk-clr-fade" id="bt4">
                       <i  class="fa fa-power-off dashboard-div-icon" ></i>
                       <h4>LED 4</h4>
					   <h6>CLICK TO TURN ON/OFF</h6>
                    </div>
                </div>

            </div>

        </div>
    </div>
	<script>
		var a=0;
		$("#bt1").click(function() {
		$(this).toggleClass("bk-clr-one");
        ledtoggle(a);
        if(a==0)a=1;
        else a=0;
		});

		$("#bt2").click(function() {
		$(this).toggleClass("bk-clr-two");
		});

		$("#bt3").click(function() {
		$(this).toggleClass("bk-clr-three");
		});

		$("#bt4").click(function() {
		$(this).toggleClass("bk-clr-four");
		});

</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js" type="text/javascript"></script>
<script src="led123.js"></script>

    <!-- CONTENT-WRAPPER SECTION END-->
   <?php include "footer.php" ?>