· 6 years ago · Jan 21, 2020, 05:34 AM
1<!DOCTYPE html>
2
3<html lang="en">
4
5<head>
6 <meta charset="utf-8" />
7
8 <title>Vfone</title>
9 <meta name="description" content="Vfone" />
10 <meta name="author" content="Comdesk" />
11
12 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
13 integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
14 <style>
15 h1 {
16 margin: 3%;
17 }
18
19 form {
20 margin: 5%;
21
22 }
23 </style>
24
25</head>
26
27<body>
28 <h1 class="text-center">VPhone API Testing</h1>
29 <div id="postvPhoneData">
30 <div class="form-row d-none">
31 <div class="form-group col-md-6">
32 <label for="key">Key</label>
33 <input type="text" value="b40e981c359f6e21ae561ada5bb7b0cbb674913f852462b07ee1935f9e581c"
34 class="form-control" id="key" placeholder="Key">
35 </div>
36 <div class="form-group col-md-6">
37 <label for="circuitkey">Circuit Key</label>
38 <input type="text" value="9fe17b42f7408fb0c68662cf77bc92f77ec3bdc93ede76362aa7588d3ad13386"
39 class="form-control" id="circuitkey" placeholder="Circuit Key">
40 </div>
41 </div>
42 <div class="form-row">
43 <div class="form-group col-md-6">
44 <label for="number_for_me">Company's Employee Number (number_for_me)</label>
45 <input type="text" value="08042209813" class="form-control" id="number_for_me"
46 placeholder="Company's Employee Number">
47 </div>
48 <div class="form-group col-md-6">
49 <label for="number_for_you">Customer's Number (Number for you ) </label>
50 <input type="text" value="07011888789" class="form-control" id="number_for_you"
51 placeholder="Customer's Number">
52 </div>
53 </div>
54
55 <div class="form-row">
56 <div class="form-group col-md-6">
57 <label for="dial_timeout_for_me">Timeout for Company's Employee (dial_timeout_for_me)</label>
58 <input type="number" value="30" class="form-control" id="dial_timeout_for_me"
59 placeholder="Timeout for Company's Employee (dial_timeout_for_me)">
60 </div>
61 <div class="form-group col-md-6">
62 <label for="dial_timeout_for_you">Timeout for Company's Employee (dial_timeout_for_me) </label>
63 <input type="number" value="30" class="form-control" id="dial_timeout_for_you"
64 placeholder="Timeout for Company's Employee (dial_timeout_for_me)">
65 </div>
66 </div>
67 <button id="post-vfoneapi" type="submit" class="btn btn-primary">Send Request</button>
68 </form>
69</body>
70<footer>
71
72 <!-- Bootstrap CDN Files -->
73 <script src="https://code.jquery.com/jquery-3.4.1.min.js">
74 </script>
75 <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
76 integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous">
77 </script>
78 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
79 integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous">
80 </script>
81 <script>
82 $(document).ready(function () {
83 $('#post-vfoneapi').click(function () {
84 var key = $('#key').val()
85 var circuitkey = $('#circuitkey').val()
86 var number_for_you = $('#number_for_you').val()
87 var number_for_me = $('#number_for_me').val()
88 var dial_timeout_for_me = $('#dial_timeout_for_me').val()
89 var dial_timeout_for_you = $('#dial_timeout_for_you').val()
90 var myJSON = JSON.stringify({
91 key: key,
92 circuit_key: circuitkey,
93 number_for_me: number_for_me,
94 number_for_you: number_for_you,
95 dial_timeout_for_me: dial_timeout_for_me,
96 dial_timeout_for_you: dial_timeout_for_you
97 })
98
99 $.ajax({
100 type: 'POST',
101 url: 'https://d01-api01a.comdesk.com/comdesk_api/vform/phone',
102 dataType: 'json',
103 contentType: 'application/json; charset=utf-8',
104 data: myJSON,
105 success: function (msg) {
106 console.log(msg)
107 alert('Sent')
108 }
109 })
110 })
111 })
112 </script>
113
114</footer>
115
116</html>