add webpack for lean bootstrap js

This commit is contained in:
thecashewtrader 2024-05-24 20:18:12 +05:30
parent 75a0632af7
commit eb0cf80b42
10 changed files with 2100 additions and 701 deletions

File diff suppressed because one or more lines are too long

View file

@ -1 +1 @@
{"time":1716546880,"eur":{"lastValue":131.11,"lastDate":1716546880},"btc":{"lastValue":0.00210958,"lastDate":1716546880},"usd":{"lastValue":142.12,"lastDate":1716546880},"gbp":{"lastValue":111.73,"lastDate":1716546880},"chf":{"lastValue":130.02,"lastDate":1716546880},"rub":{"lastValue":12792.01,"lastDate":1716546880},"cny":{"lastValue":1010.5,"lastDate":1716546880},"jpy":{"lastValue":22304,"lastDate":1716546880},"idr":{"lastValue":2281231,"lastDate":1716546880},"krw":{"lastValue":194097,"lastDate":1716546880},"try":{"lastValue":4583.32,"lastDate":1716546880},"aud":{"lastValue":214.77,"lastDate":1716546880},"bmd":{"lastValue":142.12,"lastDate":1716546880},"cad":{"lastValue":194.9,"lastDate":1716546880},"hkd":{"lastValue":1110.36,"lastDate":1716546880},"nzd":{"lastValue":232.54,"lastDate":1716546880},"sgd":{"lastValue":191.86,"lastDate":1716546880},"twd":{"lastValue":4576.12,"lastDate":1716546880},"ils":{"lastValue":521.33,"lastDate":1716546880},"pln":{"lastValue":558.14,"lastDate":1716546880},"zar":{"lastValue":2613.25,"lastDate":1716546880},"czk":{"lastValue":3241.92,"lastDate":1716546880},"dkk":{"lastValue":978.25,"lastDate":1716546880},"nok":{"lastValue":1508.67,"lastDate":1716546880},"sek":{"lastValue":1520.94,"lastDate":1716546880},"ars":{"lastValue":126525,"lastDate":1716546880},"clp":{"lastValue":129290,"lastDate":1716546880},"php":{"lastValue":8269.56,"lastDate":1716546880},"mxn":{"lastValue":2375.11,"lastDate":1716546880},"bhd":{"lastValue":53.57,"lastDate":1716546880},"kwd":{"lastValue":43.63,"lastDate":1716546880},"brl":{"lastValue":731.16,"lastDate":1716546880},"myr":{"lastValue":669.59,"lastDate":1716546880},"vef":{"lastValue":14.23,"lastDate":1716546880},"uah":{"lastValue":5695.64,"lastDate":1716546880},"vnd":{"lastValue":3619950,"lastDate":1716546880},"bdt":{"lastValue":16725.09,"lastDate":1716546880},"huf":{"lastValue":50508,"lastDate":1716546880},"mmk":{"lastValue":299419,"lastDate":1716546880},"ngn":{"lastValue":210336,"lastDate":1716546880},"thb":{"lastValue":5207.83,"lastDate":1716546880},"aed":{"lastValue":522,"lastDate":1716546880},"sar":{"lastValue":533.03,"lastDate":1716546880},"pkr":{"lastValue":39680,"lastDate":1716546880},"lkr":{"lastValue":42789,"lastDate":1716546880},"inr":{"lastValue":11812.48,"lastDate":1716546880},"ltc":{"lastValue":1.659812,"lastDate":1716546880},"eth":{"lastValue":0.0384915,"lastDate":1716546880},"xag":{"lastValue":4.65,"lastDate":1716546880},"xau":{"lastValue":0.060675,"lastDate":1716546880}} {"time":1716562043,"eur":{"lastValue":129.95,"lastDate":1716562043},"btc":{"lastValue":0.00208232,"lastDate":1716562043},"usd":{"lastValue":140.96,"lastDate":1716562043},"gbp":{"lastValue":110.7,"lastDate":1716562043},"chf":{"lastValue":128.91,"lastDate":1716562043},"rub":{"lastValue":12585.67,"lastDate":1716562043},"cny":{"lastValue":1002.24,"lastDate":1716562043},"jpy":{"lastValue":22129,"lastDate":1716562043},"idr":{"lastValue":2262012,"lastDate":1716562043},"krw":{"lastValue":192693,"lastDate":1716562043},"try":{"lastValue":4540.8,"lastDate":1716562043},"aud":{"lastValue":212.81,"lastDate":1716562043},"bmd":{"lastValue":140.96,"lastDate":1716562043},"cad":{"lastValue":192.78,"lastDate":1716562043},"hkd":{"lastValue":1101.35,"lastDate":1716562043},"nzd":{"lastValue":230.6,"lastDate":1716562043},"sgd":{"lastValue":190.32,"lastDate":1716562043},"twd":{"lastValue":4543.48,"lastDate":1716562043},"ils":{"lastValue":516.04,"lastDate":1716562043},"pln":{"lastValue":553.5,"lastDate":1716562043},"zar":{"lastValue":2598.11,"lastDate":1716562043},"czk":{"lastValue":3206.54,"lastDate":1716562043},"dkk":{"lastValue":969.56,"lastDate":1716562043},"nok":{"lastValue":1490.23,"lastDate":1716562043},"sek":{"lastValue":1502.6,"lastDate":1716562043},"ars":{"lastValue":125559,"lastDate":1716562043},"clp":{"lastValue":127568,"lastDate":1716562043},"php":{"lastValue":8200.25,"lastDate":1716562043},"mxn":{"lastValue":2357.89,"lastDate":1716562043},"bhd":{"lastValue":53.13,"lastDate":1716562043},"kwd":{"lastValue":43.28,"lastDate":1716562043},"brl":{"lastValue":725.91,"lastDate":1716562043},"myr":{"lastValue":664.13,"lastDate":1716562043},"vef":{"lastValue":14.11,"lastDate":1716562043},"uah":{"lastValue":5660.39,"lastDate":1716562043},"vnd":{"lastValue":3590410,"lastDate":1716562043},"bdt":{"lastValue":16541.84,"lastDate":1716562043},"huf":{"lastValue":50005,"lastDate":1716562043},"mmk":{"lastValue":296150,"lastDate":1716562043},"ngn":{"lastValue":206317,"lastDate":1716562043},"thb":{"lastValue":5166.31,"lastDate":1716562043},"aed":{"lastValue":517.73,"lastDate":1716562043},"sar":{"lastValue":528.66,"lastDate":1716562043},"pkr":{"lastValue":39231,"lastDate":1716562043},"lkr":{"lastValue":42245,"lastDate":1716562043},"inr":{"lastValue":11708.44,"lastDate":1716562043},"ltc":{"lastValue":1.664152,"lastDate":1716562043},"eth":{"lastValue":0.03798684,"lastDate":1716562043},"xag":{"lastValue":4.63,"lastDate":1716562043},"xau":{"lastValue":0.060293,"lastDate":1716562043}}

View file

@ -1,92 +1,106 @@
p.fiat-info { p.fiat-info {
color: #4d4d4d; color: #4d4d4d;
} }
p.fiat-info span, p.fiat-info span,
a.fiat-tooltip { a.fiat-tooltip {
color: white; color: white;
} }
.btn { .btn {
padding: 2px; padding: 2px;
font-size: 0.8rem; font-size: 0.8rem;
font-weight: bold; font-weight: bold;
} }
.clipboard-copy { .clipboard-copy {
border-top: 1px; border-top: 1px;
border-bottom: 1px; border-bottom: 1px;
width: auto!important; width: auto !important;
} }
table.table { table.table {
max-width: 472px; max-width: 472px;
margin: auto; margin: auto;
} }
.input-group-text { .input-group-text {
width: 24%; width: 24%;
font-weight: 800; font-weight: 800;
} }
input.form-control { input.form-control {
font-weight: 800; font-weight: 800;
} }
.equals-box { .equals-box {
text-align: center; text-align: center;
color: #e9ecef; color: #e9ecef;
font-weight: 800; font-weight: 800;
font-size: 42px; font-size: 42px;
} }
.equals-text { .equals-text {
vertical-align: super; vertical-align: super;
} }
p { p {
color: #e9ecef; color: #e9ecef;
} }
.gold { .gold {
color: #e8be74; color: #e8be74;
} }
.cursor-default { .cursor-default {
cursor: default; cursor: default;
} }
.cursor-pointer { .cursor-pointer {
cursor: pointer; cursor: pointer;
} }
.text-center { .text-center {
text-align: center; text-align: center;
} }
@media (max-width: 475px) { @media (max-width: 475px) {
.btn { .btn {
padding: 1px; padding: 1px;
font-size: 12px; font-size: 12px;
} }
h1 { h1 {
font-size: 1.2rem; font-size: 1.2rem;
} }
p { p {
font-size: 0.88rem; font-size: 0.88rem;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
.btn { .btn {
min-width: 38px; min-width: 38px;
} }
} }
@media (min-width: 1400px) { @media (min-width: 1400px) {
small.text-info { small.text-info {
padding-right: 7%; padding-right: 7%;
} }
}
.bs-tooltip-auto {
padding: 0.4rem 0;
}
.bs-tooltip-auto .tooltip-arrow {
bottom: 0;
}
.bs-tooltip-auto .tooltip-arrow::before {
top: -1px;
border-width: 0.4rem 0.4rem 0;
border-top-color: #000;
} }

View file

@ -781,13 +781,7 @@ $xmr_in_fiat = strtr($xmr_in_fiat, ",", " ");
} }
} }
</script> </script>
<script src="js/bootstrap.bundle.min.js"></script> <script src="js/main.js">
<script type="text/javascript">
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new bootstrap.Tooltip(tooltipTriggerEl)
})
</script>
<script type="text/javascript"> <script type="text/javascript">
function copyToClipBoardXMR() { function copyToClipBoardXMR() {
var content = document.getElementById('xmrInput'); var content = document.getElementById('xmrInput');

2
js/main.js Normal file

File diff suppressed because one or more lines are too long

59
js/main.js.LICENSE.txt Normal file
View file

@ -0,0 +1,59 @@
/*!
* Bootstrap base-component.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap config.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap data.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap event-handler.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap index.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap manipulator.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap sanitizer.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap selector-engine.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap template-factory.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
/*!
* Bootstrap tooltip.js v5.3.3 (https://getbootstrap.com/)
* Copyright 2011-2024 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors)
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/

2599
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -1,5 +1,14 @@
{ {
"devDependencies": { "scripts": {
"purgecss": "^6.0.0" "build": "webpack build --mode=production"
} },
"devDependencies": {
"purgecss": "^6.0.0"
},
"dependencies": {
"@popperjs/core": "^2.11.8",
"bootstrap": "^5.3.3",
"webpack": "^5.91.0",
"webpack-cli": "^5.1.4"
}
} }

8
src/js/main.js Normal file
View file

@ -0,0 +1,8 @@
import Tooltip from "bootstrap/js/dist/tooltip";
var tooltipTriggerList = [].slice.call(
document.querySelectorAll('[data-toggle="tooltip"]')
);
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
return new Tooltip(tooltipTriggerEl, { placement: "top" });
});
console.log(tooltipList);

12
webpack.config.js Normal file
View file

@ -0,0 +1,12 @@
'use strict'
const path = require('path')
module.exports = {
mode: 'development',
entry: './src/js/main.js',
output: {
filename: 'main.js',
path: path.resolve(__dirname, 'js'),
},
}