bitcoin methods

This commit is contained in:
counterweight 2025-03-03 15:34:56 +01:00
parent 4caf6fe719
commit cbd70baebb
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
11 changed files with 358 additions and 1 deletions

View file

@ -127,6 +127,20 @@
text-align: left; text-align: left;
} }
.icon-checkboxed-field {
display: flex;
align-items: center;
}
.icon-checkboxed-field > * {
display: inline-block;
margin-right: 2px;
margin-left: 2px;
align-items: center;
}
.icon-checkboxed-field img {
height: 1.2em;
}
.offer-card-content-title { .offer-card-content-title {
color: gray; color: gray;
@ -161,6 +175,16 @@
overflow-x: hidden; overflow-x: hidden;
} }
.bitcoin-methods-desc {
grid-column: 1;
grid-row: 5;
text-align: left;
}
.offer-long-text {
font-size: 0.9em;
}
#create-offer-controls { #create-offer-controls {
text-align: center; text-align: center;

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- bolt-lightning icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<path
d="M 64 256 L 93 28 L 64 256 L 93 28 Q 98 2 124 0 L 293 0 L 293 0 Q 304 0 312 8 Q 320 16 320 27 Q 320 32 318 37 L 272 160 L 272 160 L 411 160 L 411 160 Q 427 160 437 171 Q 448 181 448 197 Q 448 208 442 217 L 249 498 L 249 498 Q 240 512 224 512 L 221 512 L 221 512 Q 209 512 200 504 Q 192 496 192 484 Q 192 480 193 477 L 240 288 L 240 288 L 96 288 L 96 288 Q 82 288 73 279 Q 64 270 64 256 L 64 256 Z"
id="path1"
style="fill:#000000;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 829 B

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- bolt-lightning icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
sodipodi:docname="bolt-lightning-black.svg"
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.6269531"
inkscape:cx="255.69268"
inkscape:cy="256"
inkscape:window-width="1850"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="M 64 256 L 93 28 L 64 256 L 93 28 Q 98 2 124 0 L 293 0 L 293 0 Q 304 0 312 8 Q 320 16 320 27 Q 320 32 318 37 L 272 160 L 272 160 L 411 160 L 411 160 Q 427 160 437 171 Q 448 181 448 197 Q 448 208 442 217 L 249 498 L 249 498 Q 240 512 224 512 L 221 512 L 221 512 Q 209 512 200 504 Q 192 496 192 484 Q 192 480 193 477 L 240 288 L 240 288 L 96 288 L 96 288 Q 82 288 73 279 Q 64 270 64 256 L 64 256 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- bolt-lightning icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<path
d="M 64 256 L 93 28 L 64 256 L 93 28 Q 98 2 124 0 L 293 0 L 293 0 Q 304 0 312 8 Q 320 16 320 27 Q 320 32 318 37 L 272 160 L 272 160 L 411 160 L 411 160 Q 427 160 437 171 Q 448 181 448 197 Q 448 208 442 217 L 249 498 L 249 498 Q 240 512 224 512 L 221 512 L 221 512 Q 209 512 200 504 Q 192 496 192 484 Q 192 480 193 477 L 240 288 L 240 288 L 96 288 L 96 288 Q 82 288 73 279 Q 64 270 64 256 L 64 256 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 829 B

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- bolt-lightning icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
sodipodi:docname="bolt-lightning.svg"
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.6269531"
inkscape:cx="255.69268"
inkscape:cy="256"
inkscape:window-width="1850"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="M 64 256 L 93 28 L 64 256 L 93 28 Q 98 2 124 0 L 293 0 L 293 0 Q 304 0 312 8 Q 320 16 320 27 Q 320 32 318 37 L 272 160 L 272 160 L 411 160 L 411 160 Q 427 160 437 171 Q 448 181 448 197 Q 448 208 442 217 L 249 498 L 249 498 Q 240 512 224 512 L 221 512 L 221 512 Q 209 512 200 504 Q 192 496 192 484 Q 192 480 193 477 L 240 288 L 240 288 L 96 288 L 96 288 Q 82 288 73 279 Q 64 270 64 256 L 64 256 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

View file

@ -0,0 +1,17 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- link-horizontal icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<path
d="M 116 102.4 Q 66.4 104 33.6 136 L 33.6 136 L 33.6 136 Q 1.6 168.8 0 218.4 Q 0.8 261.6 27.2 292.8 Q 54.4 324 96.8 332 L 98.4 332.8 L 98.4 332.8 Q 108.8 333.6 117.6 328 Q 125.6 322.4 128 311.2 Q 128.8 300.8 123.2 292 Q 117.6 284 106.4 281.6 L 104.8 281.6 L 104.8 281.6 Q 81.6 277.6 66.4 260 Q 52 242.4 51.2 218.4 Q 52 190.4 70.4 172.8 Q 88 154.4 116 153.6 L 242.4 153.6 L 242.4 153.6 Q 270.4 154.4 288 172.8 Q 306.4 190.4 307.2 218.4 Q 306.4 242.4 292 260 Q 276.8 277.6 253.6 281.6 L 252 281.6 L 252 281.6 Q 240.8 284 235.2 292 Q 229.6 300.8 230.4 311.2 Q 232.8 322.4 240.8 328 Q 249.6 333.6 260 332 L 261.6 332 L 261.6 332 Q 304 324 331.2 292.8 Q 357.6 261.6 358.4 218.4 Q 356.8 168.8 324.8 136 Q 292 104 242.4 102.4 L 116 102.4 L 116 102.4 Z M 396 409.6 Q 445.6 408 478.4 376 L 478.4 376 L 478.4 376 Q 510.4 343.2 512 293.6 Q 511.2 250.4 484.8 219.2 Q 457.6 188 415.2 180 L 413.6 179.2 L 413.6 179.2 Q 403.2 178.4 394.4 184 Q 386.4 189.6 384.8 200.8 Q 383.2 211.2 388.8 220 Q 394.4 228 405.6 230.4 L 407.2 230.4 L 407.2 230.4 Q 430.4 234.4 445.6 252 Q 460.8 269.6 460.8 293.6 Q 460 321.6 441.6 339.2 Q 424 357.6 396 358.4 L 269.6 358.4 L 269.6 358.4 Q 241.6 357.6 224 339.2 Q 205.6 321.6 204.8 293.6 Q 205.6 269.6 220 252 Q 235.2 234.4 258.4 230.4 L 260 230.4 L 260 230.4 Q 271.2 228 276.8 220 Q 282.4 211.2 281.6 200.8 Q 279.2 189.6 271.2 184 Q 262.4 178.4 252 179.2 L 250.4 180 L 250.4 180 Q 208 188 180.8 219.2 Q 154.4 250.4 153.6 293.6 Q 155.2 343.2 187.2 376 Q 220 408 269.6 409.6 L 396 409.6 L 396 409.6 Z"
id="path1" />
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- link-horizontal icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
sodipodi:docname="chains-gray.svg"
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.6269531"
inkscape:cx="255.69268"
inkscape:cy="256"
inkscape:window-width="1850"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="M 116 102.4 Q 66.4 104 33.6 136 L 33.6 136 L 33.6 136 Q 1.6 168.8 0 218.4 Q 0.8 261.6 27.2 292.8 Q 54.4 324 96.8 332 L 98.4 332.8 L 98.4 332.8 Q 108.8 333.6 117.6 328 Q 125.6 322.4 128 311.2 Q 128.8 300.8 123.2 292 Q 117.6 284 106.4 281.6 L 104.8 281.6 L 104.8 281.6 Q 81.6 277.6 66.4 260 Q 52 242.4 51.2 218.4 Q 52 190.4 70.4 172.8 Q 88 154.4 116 153.6 L 242.4 153.6 L 242.4 153.6 Q 270.4 154.4 288 172.8 Q 306.4 190.4 307.2 218.4 Q 306.4 242.4 292 260 Q 276.8 277.6 253.6 281.6 L 252 281.6 L 252 281.6 Q 240.8 284 235.2 292 Q 229.6 300.8 230.4 311.2 Q 232.8 322.4 240.8 328 Q 249.6 333.6 260 332 L 261.6 332 L 261.6 332 Q 304 324 331.2 292.8 Q 357.6 261.6 358.4 218.4 Q 356.8 168.8 324.8 136 Q 292 104 242.4 102.4 L 116 102.4 L 116 102.4 Z M 396 409.6 Q 445.6 408 478.4 376 L 478.4 376 L 478.4 376 Q 510.4 343.2 512 293.6 Q 511.2 250.4 484.8 219.2 Q 457.6 188 415.2 180 L 413.6 179.2 L 413.6 179.2 Q 403.2 178.4 394.4 184 Q 386.4 189.6 384.8 200.8 Q 383.2 211.2 388.8 220 Q 394.4 228 405.6 230.4 L 407.2 230.4 L 407.2 230.4 Q 430.4 234.4 445.6 252 Q 460.8 269.6 460.8 293.6 Q 460 321.6 441.6 339.2 Q 424 357.6 396 358.4 L 269.6 358.4 L 269.6 358.4 Q 241.6 357.6 224 339.2 Q 205.6 321.6 204.8 293.6 Q 205.6 269.6 220 252 Q 235.2 234.4 258.4 230.4 L 260 230.4 L 260 230.4 Q 271.2 228 276.8 220 Q 282.4 211.2 281.6 200.8 Q 279.2 189.6 271.2 184 Q 262.4 178.4 252 179.2 L 250.4 180 L 250.4 180 Q 208 188 180.8 219.2 Q 154.4 250.4 153.6 293.6 Q 155.2 343.2 187.2 376 Q 220 408 269.6 409.6 L 396 409.6 L 396 409.6 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- link-horizontal icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
sodipodi:docname="chains-lasecagold.svg"
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="1.6269531"
inkscape:cx="255.69268"
inkscape:cy="256"
inkscape:window-width="1850"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="M 116 102.4 Q 66.4 104 33.6 136 L 33.6 136 L 33.6 136 Q 1.6 168.8 0 218.4 Q 0.8 261.6 27.2 292.8 Q 54.4 324 96.8 332 L 98.4 332.8 L 98.4 332.8 Q 108.8 333.6 117.6 328 Q 125.6 322.4 128 311.2 Q 128.8 300.8 123.2 292 Q 117.6 284 106.4 281.6 L 104.8 281.6 L 104.8 281.6 Q 81.6 277.6 66.4 260 Q 52 242.4 51.2 218.4 Q 52 190.4 70.4 172.8 Q 88 154.4 116 153.6 L 242.4 153.6 L 242.4 153.6 Q 270.4 154.4 288 172.8 Q 306.4 190.4 307.2 218.4 Q 306.4 242.4 292 260 Q 276.8 277.6 253.6 281.6 L 252 281.6 L 252 281.6 Q 240.8 284 235.2 292 Q 229.6 300.8 230.4 311.2 Q 232.8 322.4 240.8 328 Q 249.6 333.6 260 332 L 261.6 332 L 261.6 332 Q 304 324 331.2 292.8 Q 357.6 261.6 358.4 218.4 Q 356.8 168.8 324.8 136 Q 292 104 242.4 102.4 L 116 102.4 L 116 102.4 Z M 396 409.6 Q 445.6 408 478.4 376 L 478.4 376 L 478.4 376 Q 510.4 343.2 512 293.6 Q 511.2 250.4 484.8 219.2 Q 457.6 188 415.2 180 L 413.6 179.2 L 413.6 179.2 Q 403.2 178.4 394.4 184 Q 386.4 189.6 384.8 200.8 Q 383.2 211.2 388.8 220 Q 394.4 228 405.6 230.4 L 407.2 230.4 L 407.2 230.4 Q 430.4 234.4 445.6 252 Q 460.8 269.6 460.8 293.6 Q 460 321.6 441.6 339.2 Q 424 357.6 396 358.4 L 269.6 358.4 L 269.6 358.4 Q 241.6 357.6 224 339.2 Q 205.6 321.6 204.8 293.6 Q 205.6 269.6 220 252 Q 235.2 234.4 258.4 230.4 L 260 230.4 L 260 230.4 Q 271.2 228 276.8 220 Q 282.4 211.2 281.6 200.8 Q 279.2 189.6 271.2 184 Q 262.4 178.4 252 179.2 L 250.4 180 L 250.4 180 Q 208 188 180.8 219.2 Q 154.4 250.4 153.6 293.6 Q 155.2 343.2 187.2 376 Q 220 408 269.6 409.6 L 396 409.6 L 396 409.6 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -0,0 +1,6 @@
<!-- link-horizontal icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg xmlns="http://www.w3.org/2000/svg" height="1em" fill="currentColor" viewBox="0 0 512 512">
<path
d="M 116 102.4 Q 66.4 104 33.6 136 L 33.6 136 L 33.6 136 Q 1.6 168.8 0 218.4 Q 0.8 261.6 27.2 292.8 Q 54.4 324 96.8 332 L 98.4 332.8 L 98.4 332.8 Q 108.8 333.6 117.6 328 Q 125.6 322.4 128 311.2 Q 128.8 300.8 123.2 292 Q 117.6 284 106.4 281.6 L 104.8 281.6 L 104.8 281.6 Q 81.6 277.6 66.4 260 Q 52 242.4 51.2 218.4 Q 52 190.4 70.4 172.8 Q 88 154.4 116 153.6 L 242.4 153.6 L 242.4 153.6 Q 270.4 154.4 288 172.8 Q 306.4 190.4 307.2 218.4 Q 306.4 242.4 292 260 Q 276.8 277.6 253.6 281.6 L 252 281.6 L 252 281.6 Q 240.8 284 235.2 292 Q 229.6 300.8 230.4 311.2 Q 232.8 322.4 240.8 328 Q 249.6 333.6 260 332 L 261.6 332 L 261.6 332 Q 304 324 331.2 292.8 Q 357.6 261.6 358.4 218.4 Q 356.8 168.8 324.8 136 Q 292 104 242.4 102.4 L 116 102.4 L 116 102.4 Z M 396 409.6 Q 445.6 408 478.4 376 L 478.4 376 L 478.4 376 Q 510.4 343.2 512 293.6 Q 511.2 250.4 484.8 219.2 Q 457.6 188 415.2 180 L 413.6 179.2 L 413.6 179.2 Q 403.2 178.4 394.4 184 Q 386.4 189.6 384.8 200.8 Q 383.2 211.2 388.8 220 Q 394.4 228 405.6 230.4 L 407.2 230.4 L 407.2 230.4 Q 430.4 234.4 445.6 252 Q 460.8 269.6 460.8 293.6 Q 460 321.6 441.6 339.2 Q 424 357.6 396 358.4 L 269.6 358.4 L 269.6 358.4 Q 241.6 357.6 224 339.2 Q 205.6 321.6 204.8 293.6 Q 205.6 269.6 220 252 Q 235.2 234.4 258.4 230.4 L 260 230.4 L 260 230.4 Q 271.2 228 276.8 220 Q 282.4 211.2 281.6 200.8 Q 279.2 189.6 271.2 184 Q 262.4 178.4 252 179.2 L 250.4 180 L 250.4 180 Q 208 188 180.8 219.2 Q 154.4 250.4 153.6 293.6 Q 155.2 343.2 187.2 376 Q 220 408 269.6 409.6 L 396 409.6 L 396 409.6 Z"
/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- circle-xmark icon by Free Icons (https://free-icons.github.io/free-icons/) -->
<svg
height="1em"
fill="currentColor"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
sodipodi:docname="circle-xmark-gray.svg"
inkscape:version="1.4 (1:1.4+202410161351+e7c3feb100)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="2.3300781"
inkscape:cx="255.78542"
inkscape:cy="256"
inkscape:window-width="1850"
inkscape:window-height="1016"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="svg1" />
<path
d="M 256 512 Q 326 511 384 478 L 384 478 L 384 478 Q 442 444 478 384 Q 512 323 512 256 Q 512 189 478 128 Q 442 68 384 34 Q 326 1 256 0 Q 186 1 128 34 Q 70 68 34 128 Q 0 189 0 256 Q 0 323 34 384 Q 70 444 128 478 Q 186 511 256 512 L 256 512 Z M 175 175 Q 192 161 209 175 L 256 222 L 256 222 L 303 175 L 303 175 Q 320 161 337 175 Q 351 192 337 209 L 290 256 L 290 256 L 337 303 L 337 303 Q 351 320 337 337 Q 320 351 303 337 L 256 290 L 256 290 L 209 337 L 209 337 Q 192 351 175 337 Q 161 320 175 303 L 222 256 L 222 256 L 175 209 L 175 209 Q 161 192 175 175 L 175 175 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View file

@ -277,6 +277,7 @@ class Offer {
whereDescDiv.append(whereDescTitle); whereDescDiv.append(whereDescTitle);
const whereDescData = document.createElement('p'); const whereDescData = document.createElement('p');
whereDescData.classList.add('offer-long-text');
whereDescData.innerText = `${this.location_details}`; whereDescData.innerText = `${this.location_details}`;
whereDescDiv.append(whereDescData); whereDescDiv.append(whereDescData);
@ -290,10 +291,83 @@ class Offer {
whenDescDiv.append(whenDescTitle); whenDescDiv.append(whenDescTitle);
const whenDescData = document.createElement('p'); const whenDescData = document.createElement('p');
whenDescData.classList.add('offer-long-text');
whenDescData.innerText = `${this.time_availability_details}`; whenDescData.innerText = `${this.time_availability_details}`;
whenDescDiv.append(whenDescData); whenDescDiv.append(whenDescData);
offerCard.append(tradeDescDiv, premiumDescDiv, whereDescDiv, whenDescDiv); const bitcoinMethodsDiv = document.createElement('div');
bitcoinMethodsDiv.classList.add('bitcoin-methods-desc');
bitcoinMethodsDiv.classList.add('subtle-box');
const bitcoinMethodsTitle = document.createElement('p');
bitcoinMethodsTitle.classList.add('offer-card-content-title');
bitcoinMethodsTitle.innerText = 'Protocolos Bitcoin aceptados';
bitcoinMethodsDiv.append(bitcoinMethodsTitle);
const onchainAcceptedContainer = document.createElement('div');
onchainAcceptedContainer.classList.add('icon-checkboxed-field');
if (this.is_onchain_accepted) {
const onchainIcon = document.createElement('img');
onchainIcon.src = '/img/chains-lasecagold.svg';
const onchainText = document.createElement('p');
onchainText.innerText = 'Onchain';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-check-green.svg';
onchainAcceptedContainer.append(onchainIcon, onchainText, checkIcon);
} else {
const onchainIcon = document.createElement('img');
onchainIcon.src = '/img/chains-gray.svg';
const onchainText = document.createElement('p');
onchainText.innerText = 'Onchain';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-xmark-gray.svg';
onchainAcceptedContainer.append(onchainIcon, onchainText, checkIcon);
}
const lightningAcceptedContainer = document.createElement('div');
lightningAcceptedContainer.classList.add('icon-checkboxed-field');
if (this.is_lightning_accepted) {
const lightningIcon = document.createElement('img');
lightningIcon.src = '/img/bolt-lightning-lasecagold.svg';
const lightningText = document.createElement('p');
lightningText.innerText = 'Lightning';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-check-green.svg';
lightningAcceptedContainer.append(
lightningIcon,
lightningText,
checkIcon
);
} else {
const lightningIcon = document.createElement('img');
lightningIcon.src = '/img/bolt-lightning-gray.svg';
const lightningText = document.createElement('p');
lightningText.innerText = 'Lightning';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-xmark-gray.svg';
lightningAcceptedContainer.append(
lightningIcon,
lightningText,
checkIcon
);
}
bitcoinMethodsDiv.append(
onchainAcceptedContainer,
lightningAcceptedContainer
);
offerCard.append(
tradeDescDiv,
premiumDescDiv,
whereDescDiv,
whenDescDiv,
bitcoinMethodsDiv
);
return offerCard; return offerCard;
} }