-
Notifications
You must be signed in to change notification settings - Fork 0
/
kirim_single.html
118 lines (114 loc) · 5.92 KB
/
kirim_single.html
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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Webhook Whatsapp Api</title>
<meta name="description" content="Prism is a beautiful Bootstrap 4 template for open-source landing pages."/>
<link rel="shortcut icon" href="https://rangkasku.nasihosting.com/favicons.png">
<!--Google font-->
<link href="https://fonts.googleapis.com/css?family=K2D:300,400,500,700,800" rel="stylesheet">
<!-- Bootstrap CSS / Color Scheme -->
<link rel="stylesheet" href="https://rangkasku.nasihosting.com/css/bootstrap.css">
</head>
<body>
<!--Header Section-->
<section class="bg-gradient pt-5 pb-6">
<div class="container">
<div class="row">
<div class="col-12 d-flex flex-row align-items-center justify-content-between">
<div class="heading-brand">SAYUTI.COM</div>
<a href="https://github.com/kalkulatorcetak/sayuti-wa-api" class="btn btn-success svg-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-github mr-2"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"></path></svg>
Download
</a>
</div>
</div>
<div class="row mt-6">
<div class="col-md-8 mx-auto text-center">
<h1>Webhook Whatsapp Api</h1>
</div>
</div>
<div class="row mt-5">
<div class="col-md-9 mx-auto">
<div class="code-window">
<form>
<div class="form-group row">
<label for="nomor" class="col-4 col-form-label">Nomor</label>
<div class="col-8">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<i class="fa fa-address-card"></i>
</div>
</div>
<input id="nomor" name="nomor" type="text" class="form-control">
</div>
</div>
</div>
<div class="form-group row">
<label for="pesan" class="col-4 col-form-label">Pesan</label>
<div class="col-8">
<input id="pesan" name="pesan" type="text" class="form-control">
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
<button name="submit" type="button" class="btn btn-primary kirim" id="kirim">Kirim</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!--footer-->
<footer class="py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<ul class="list-inline">
<li class="list-inline-item"><a href="#">www.sayuti.com</a></li>
</ul>
</div>
</div>
<div class="row my-2">
<div class="col-md-4 mx-auto text-muted text-center small-xl">
© 2021 webhook whatsapp api
</div>
</div>
</div>
</footer>
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/feather-icons/4.7.3/feather.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/prism.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.15.0/plugins/line-numbers/prism-line-numbers.min.js"></script>
<script src="https://rangkasku.nasihosting.com/js/scripts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
<script>
$('#kirim').click(function() {
var nomor = $('#nomor').val();
var pesan = $('#pesan').val();
var sender = $('#sender').val();
$.ajax({
url: "http://192.168.0.4:8000/send-message",
dataType:"json",
type: "POST",
data: {sender:sender,number:nomor,message:pesan},
success: function (response) {
if(response.status==true){
<!-- alert(response.user); -->
}
// You will get response from your PHP page (what you echo or print)
},
error: function(jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
});
</script>
</body>
</html>