1<!DOCTYPE html>
 2<html lang="en">
 3  <head>
 4    <meta charset="utf-8">
 5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6    <meta name="viewport" content="width=device-width, initial-scale=1">
 7    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 8    <title>gpio raspberrypi html</title>
 9
10    <!-- Bootstrap -->
11    <link href="css/bootstrap.min.css" rel="stylesheet">
12
13    <link href="own.css" rel="stylesheet">
14
15
16
17    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
18    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
19    <!--[if lt IE 9]>
20      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
21      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
22    <![endif]-->
23  </head>
24  <body onload='OnLoadIndex()'>
25
26      <div class='container'>
27
28
29        <div class="panel panel-default">
30          <div class="panel-heading"><span class="glyphicon glyphicon-transfer"></span> GPIO raspberry control</div>
31          <div class="panel-body">
32
33            <select id="pinselected">
34              <option>2</option>
35              <option>3</option>
36              <option>4</option>
37              <option>5</option>
38              <option>6</option>
39              <option>7</option>
40              <option>8</option>
41              <option>9</option>
42              <option>10</option>
43              <option>11</option>
44              <option>12</option>
45              <option>13</option>
46              <option>14</option>
47              <option>15</option>
48              <option>16</option>
49              <option>17</option>
50              <option>18</option>
51            </select>
52              <div onclick='pinON()' class='btn btn-success'>
53                  <span class="glyphicon glyphicon-ok"></span> encèn pin
54              </div>
55              <div onclick='pinOFF()' class='btn btn-danger'>
56                  <span class="glyphicon glyphicon-remove"></span> apaga pin
57              </div>
58
59              <div id='divlistPinsON' class="alert alert-info">
60              </div>
61          </div>
62        </div>
63
64      </div>
65
66
67    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
68    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
69    <!-- Include all compiled plugins (below), or include individual files as needed -->
70    <script src="js/bootstrap.min.js"></script>
71  </body>
72  <script src="/socket.io/socket.io.js"></script>
73
74  <script src='comunication.js'></script>
75
76
77  <script src="libraries/toastr.js"></script>
78  <link href="libraries/toastr.css" rel="stylesheet">
79
80
81
82  <script src="index.js"></script>
83
84</html>