Zenbone/test.html at master · codexa/Zenbone · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Zentext Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" type="text/css" href="test.css" />
    <script type="text/javascript" src="zentext.js"></script>
    <style>
      #results {
        color: white;
        background: #5181a3;
        display: block;
        padding: 10px 0px 10px 0px;
        border-radius: 5px;
      }
      #results div {
        padding: 5px;
        border-top: 1px solid white;
        border-bottom: 1px solid white;
      }
    </style>
  </head>
  <body>
    <form action="javascript:sendTest()">
      <input type="text" id="message-address" placeholder="Address (email or phone)" />
      <br /><input type="text" id="message-subject" placeholder="subject (email)" />
      <br /><input type="text" id="message-from" placeholder="Your address (email)" />
      <br /><textarea id="message-text" placeholder="The message..."></textarea>
      <br /><select id="message-type">
        <option value="email">Email</option>
        <option value="text">Text</option>
      </select>
      <br /><input type="submit" value="Send!" />
    </form>
    <br /><h3 style="margin-bottom: 2px;">Results:</h3>
    <div id="results"></div>
    <script type="text/javascript">
      // This is a test script
      function displayResult() {
        document.getElementById('results').innerHTML = zentext.results('html');
      }
      function sendTest() {
        switch (document.getElementById('message-type').value) {
          case "email":
            zentext.sendEmail(
              document.getElementById('message-text').value,
              document.getElementById('message-subject').value,
              document.getElementById('message-address').value,
              document.getElementById('message-from').value,
              function(response, status) {
                displayResult();
              }
            );
            break;
          case "text":
            zentext.sendText(
              document.getElementById('message-text').value,
              document.getElementById('message-address').value
            );
            break;
        }
        displayResult();
      }
    </script>
  </body>
</html>