-
Notifications
You must be signed in to change notification settings - Fork 0
/
cloud.html
134 lines (128 loc) · 5.87 KB
/
cloud.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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Jekyll v3.8.5">
<title>KOMOJU Terminal API Tester</title>
<link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/starter-template/">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="css/starter-template.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#">KOMOJU Terminal API Test</a>
</nav>
<main role="main" class="container">
<div class="starter-template">
<h2>Connect to terminal</h2>
<hr>
<div class="form-group row">
<label for="ip_address" class="col-4 col-form-label">Terminal UUID</label>
<div class="col-8">
<input name="terminal_id" id="terminal_id" placeholder="2ffj2lrc9l29qp018i7jo74cm" value="2ffj2lrc9l29qp018i7jo74cm" type="text" class="form-control">
</div>
</div>
<div class="form-group row">
<label for="text" class="col-4 col-form-label">Secret Key</label>
<div class="col-8">
<input name="secret_key" id="secret_key" placeholder="degica-mart-test" value="degica-mart-test" type="text" class="form-control">
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
<button name="connectToTerminal" id="connectToTerminal" class="btn btn-primary">Connect to terminal</button>
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
Status: <span id="status_badge" class="badge badge-danger">Disconnected</span>
</div>
</div>
<h2>Create session</h2>
<hr>
<div class="form-group row">
<label for="amount" class="col-4 col-form-label">Transaction Amount</label>
<div class="col-8">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text">
<i class="fa fa-yen"></i>
</div>
</div>
<input id="amount" name="amount" placeholder="1000" type="text" required="required" class="form-control">
</div>
</div>
</div>
<div class="form-group row">
<label for="currency" class="col-4 col-form-label">Currency</label>
<div class="col-8">
<select id="currency" name="currency" required="required" class="custom-select">
<option value="JPY">Japanese Yen (JPY)</option>
</select>
</div>
</div>
<div class="form-group row">
<label for="transaction_type" class="col-4 col-form-label">Transaction Type</label>
<div class="col-8">
<select id="transaction_type" name="transaction_type" required="required" class="custom-select">
<option value="auto">Sale</option>
<option value="manual">Pre-Authorization</option>
</select>
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
<button name="createSession" id="createSession" type="submit" class="btn btn-success">Create session</button>
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
<button name="pushToDevice" id="pushToDevice" type="submit" class="btn btn-primary">Push to device</button>
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
<button name="printReceipt" id="printReceipt" type="submit" class="btn btn-primary">Print Receipt</button>
</div>
</div>
<h2>Transaction Details</h2>
<hr>
<div class="form-group row">
<label for="text" class="col-4 col-form-label">Session ID</label>
<div class="col-8">
<input name="session_id" id="session_id" value="Unknown" type="text" class="form-control" disabled>
</div>
</div>
<div class="form-group row">
<div class="offset-4 col-8">
Status: <span id="session_status" class="badge badge-secondary">Not started</span>
</div>
</div>
</div>
</main>
<!-- /.container -->
<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+" crossorigin="anonymous"></script>
<script src="js/cloud.js"></script>
</body>
</html>