-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgenerator.html
28 lines (28 loc) · 1.83 KB
/
generator.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Customer data generator</title>
<link rel="stylesheet" href="assets/css/jquery-ui.css" type="text/css">
<script src="assets/js/libs/jquery-3.3.1.js" type="text/javascript"></script>
<script src="assets/js/libs/jquery-ui.js" type="text/javascript"></script>
<script src="assets/js/generator.js" type="text/javascript"></script>
</head>
<body>
<h1>Customer data generator</h1>
<p>Fill in the form below to create a .csv file for use with the Bloodhound dashboard.</p>
Date range: <input type="text" name="start-date" id="start-date" class="date-input"> to <input type="text" name="end-date" id="end-date" class="date-input"><br>
<label for="no-transactions">Number of transactions: </label><input type="number" name="no-transactions" id="no-transactions" min="1" value="100"><br>
<label for="min-spend">Minimum spend: </label>£<input type="number" name="min-spend" id="min-spend" min="1" value="1"><br>
<label for="avg-spend">Average spend: </label>£<input type="number" name="avg-spend" id="avg-spend" min="1" value="50"><br>
<label for="max-spend">Maximum spend: </label>£<input type="number" name="max-spend" id="max-spend" min="1" value="100"><br>
<label for="no-customers">Number of customers: </label><input type="number" name="no-customers" id="no-customers" min="1" value="10"><br>
<label for="epicenter">Centre (postcode): </label><input type="text" name="epicenter" id="epicenter"><br>
<label for="radius">Radius: </label><input type="number" name="radius" id="radius" min="1" value="10"> Miles<br>
<input type="submit" id="generate" value="Generate"><br><br>
<div id="results">
<textarea name="result-data" id="result-data" cols="70" rows="10"></textarea><br>
<button id="copy-to-clipboard">Copy to clipboard</button>
</div>
</body>
</html>