-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (113 loc) · 6.03 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
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
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>எண் - எழுத்து மாற்றி</title>
<!-- Styles -->
<!-- <link rel="stylesheet" type="text/css" href="./thirdparty/bootstrap/bootstrap.css" media="all" /> -->
<!-- <link rel="stylesheet" type="text/css" href="./thirdparty/icons/fontawesome/css/all.css" media="all" /> -->
<!-- CDNs -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" integrity="sha512-usVBAd66/NpVNfBge19gws2j6JZinnca12rAe2l+d+QkLU9fiG02O1X8Q6hepIpr/EYKZvKx/I9WsnujJuOmBA==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css" integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w==" crossorigin="anonymous" referrerpolicy="no-referrer" media="all" />
</head>
<body>
<!-- Main Container -->
<section class="main container-fluid">
<!-- Row -->
<div class="row d-flex justify-content-center align-items-center vh-100">
<!-- Col -->
<div class="col-md-6 col-lg-4">
<!-- Form -->
<form action="#" method="post" onsubmit="return convertNum2Txt(this);" class="card px-0 py-0 rounded shadow">
<!-- Noscript -->
<noscript>
<div class="card-header px-4 py-3">
<h3 class="text-center text-danger fw-bolder">Enable JavaScript</h3>
</div>
</noscript>
<!-- /. Noscript -->
<!-- Card Body -->
<div class="card-body px-4 py-3">
<!-- Number Input Box -->
<div class="form-group mb-3">
<label for="number" class="form-label mb-3" role="button">எண்கள் உள்ளீடு</label>
<input type="text" name="number" id="number" class="form-control mb-3 user-select-none" placeholder="எண்களை உள்ளிடுக" value="" autofocus required />
</div>
<!-- /. Number Input Box -->
<!-- Currency Mode Check Box -->
<div class="form-group mb-3">
<input type="checkbox" name="currencyFormat" id="currencyFormat" class="form-check-input" value="true" />
<label for="currencyFormat" class="form-check-label user-select-none" role="button">பண முறை</label>
</div>
<!-- /. Currency Mode Check Box -->
<!-- Rupee sign and Rupee Text Prefix Suffix Check Box -->
<div class="form-group mb-3 d-flex flex-wrap d-none" id="currencyPrefixSuffixFormInputs">
<div class="pe-3 pb-3">
<input type="checkbox" name="currencyPrefix" id="currencyPrefix" class="form-check-input" value="true" />
<label for="currencyPrefix" class="form-check-label user-select-none" role="button">ரூபாய் குறியீடு</label>
</div>
<div class="">
<input type="checkbox" name="currencySuffix" id="currencySuffix" class="form-check-input" value="true" />
<label for="currencySuffix" class="form-check-label user-select-none" role="button">ரூபாய் பின்னொட்டு</label>
</div>
</div>
<!-- /. Rupee sign and Rupee Text Prefix Suffix Check Box -->
<!-- Calculate Button -->
<div class="form-group">
<button type="submit" class="btn btn-success w-100">மாற்றுக</button>
</div>
<!-- /. Calculate Button -->
</div>
<!-- /. Card Body -->
<!-- Card Footer -->
<div class="card-footer px-4">
<p class="small">வெளியீடு</p>
<!-- Output Container -->
<div class="d-none" id="resultContainer">
<!-- formattedNumber Container -->
<div class="d-flex flex-wrap align-items-end mb-3 gap-2 ">
<p class="lead text-end pill badge bg-secondary text-wrap text-break lh-lg mb-0" id="formattedNumber"></p>
<button class="btn btn-sm btn-outline-secondary" type="button" id="copyFormattedNumber">
<i class="fa fa-copy"></i>
</button>
</div>
<!-- /. formattedNumber Container -->
<!-- formattedTamilNumber Container -->
<div class="d-flex flex-wrap align-items-end mb-3 gap-2 ">
<p class="lead text-end pill badge bg-secondary text-wrap text-break lh-lg mb-0" id="formattedTamilNumber"></p>
<button class="btn btn-sm btn-outline-secondary" type="button" id="copyFormattedTamilNumber">
<i class="fa fa-copy"></i>
</button>
</div>
<!-- /. formattedTamilNumber Container -->
<!-- Result Text Container -->
<div class="d-flex flex-nowrap align-items-end mb-3 gap-2">
<p class="lead pill badge bg-light border border-primary text-primary text-start text-wrap text-break lh-lg mb-0" id="resultText"></p>
<button class="btn btn-sm btn-outline-primary" type="button" id="copyResultText">
<i class="fa fa-copy"></i>
</button>
</div>
<!-- /. Result Text Container -->
</div>
<!-- /. Output Container -->
</div>
<!-- /. Card Footer -->
</form>
<!-- /. Form -->
</div>
<!-- /. Col -->
</div>
<!-- /. Row -->
</section>
<!-- /. Main Container -->
<!-- Scripts -->
<!-- <script type="text/javascript" src="./thirdparty/scripts/jquery-3.6.0.min.js"></script> -->
<!-- <script type="text/javascript" src="./thirdparty/bootstrap/bootstrap.bundle.js"></script> -->
<!-- CDNs -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.0.2/js/bootstrap.bundle.min.js" integrity="sha512-72WD92hLs7T5FAXn3vkNZflWG6pglUDDpm87TeQmfSg8KnrymL2G30R7as4FmTwhgu9H7eSzDCX3mjitSecKnw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<!-- Custom Script -->
<script type="text/javascript" src="./src/main.js"></script>
</body>
</html>