-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
93 lines (78 loc) · 3.56 KB
/
index.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Well Mask Money</title>
<script src="./well_mask_money.js"></script>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
.form-label {
font-weight: 500;
}
</style>
</head>
<body>
<form class="container container-fluid py-5 d-flex justify-content-center" onsubmit="event.preventDefault">
<div class="card" style="max-width: 500px;">
<div class="card-header">
<h4 class="card-title">Well Mask Money</h4>
<div>
<a target="_blank" href="https://github.com/WellingtonNico/well_mask_money">Documentation</a>
<a download class="ms-3" href="https://cdn.jsdelivr.net/gh/WellingtonNico/well_mask_money/well_mask_money.js">Download source</a>
</div>
</div>
<div class="card-body d-flex flex-column gap-4">
<div>
<label class="form-label">Default configs</label>
<input type="text" class="form-control" data-toggle="well-mask-money">
<div class="form-text">Allow empty, allow negative, use currency symbol, decimal places 2, currency BRL,
locales pt-br</div>
</div>
<div>
<label class="form-label">Negative not allowed</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-allow-negative="false">
<div class="form-text">data-allow-negative="false"</div>
</div>
<div>
<label class="form-label">Empty not allowed</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-allow-empty="false">
<div class="form-text">data-allow-empty="false"</div>
</div>
<div>
<label class="form-label">Empty not allowed(required)</label>
<input type="text" class="form-control" data-toggle="well-mask-money" required>
</div>
<div>
<label class="form-label">No currency symbol</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-use-currency-symbol="false">
<div class="form-text">data-use-currency-symbol="false"</div>
</div>
<div>
<label class="form-label">Dolar currency symbol</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-currency="USD"
data-locales="en-us">
<div class="form-text">data-currency="USD" data-locales="en-us"</div>
</div>
<div>
<label class="form-label">3 decimal places</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-decimal-places="3">
<div class="form-text">data-decimal-places="3"</div>
</div>
<div>
<label class="form-label">No decimal places</label>
<input type="text" class="form-control" data-toggle="well-mask-money" data-decimal-places="0">
<div class="form-text">data-decimal-places="0"</div>
</div>
</div>
<div class="card-footer">
<button class="btn btn-primary" type="submit">Submit</button>
</div>
</div>
</form>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
</body>
</html>