Statistics
| Branch: | Tag: | Revision:

mongoose / examples / connected_device_2 / web_root / index.shtml @ eaef5bd1

History | View | Annotate | Download (1.48 KB)

1
<!DOCTYPE html>
2
<html lang="en">
3
<head>
4
  <meta charset="utf-8" />
5
  <title>Connected device demo</title>
6
  <meta name="viewport" content="width=device-width, initial-scale=1" />
7
  <link rel="stylesheet" type="text/css" href="style.css">
8
</head>
9
<body>
10
  <div class="content">
11
    <img src="logo.png" style="float:right; height: 50px; border-radius: 3px;">
12
    <h1>Connected device demo - settings section</h1>
13

    
14
    <p>
15
      This page is one of the series of examples that show how to make
16
      devices connected with Mongoose. Here, we create a settings section
17
      that expose some internal device variables, and allow user to change
18
      them. They could be some stored in a database, in a file, or in
19
      firmware RAM. In this example, we store them in RAM, and use two
20
      variables, one integer and one string. We use SSI
21
      <code>&lt;!--#call parameter_name --&gt;</code> directive to fetch
22
      variable values from Mongoose.
23
    </p>
24

    
25
    <h1>Settings section</h1>
26
    <form method="POST" action="/save">
27
      <fieldset>
28
        <legend>Device settings</legend>
29
        <label>Setting 1:</label> <input type="text"
30
          name="setting1" value="<!--#call setting1 -->" >
31
        <label>Setting 2:</label> <input type="text"
32
          name="setting2" value="<!--#call setting2 -->" >
33

    
34
        <div>
35
          <button type="submit">Save Settings</button>
36
        </div>
37

    
38
      </fieldset>
39
    </form>
40

    
41
    <h1>Dashboard section</h1>
42
    <p>Nothing here yet</p>
43

    
44
  </div>
45
</body>
46
</html>