counterweight/secajs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

visibility

Browse source
This commit is contained in:
counterweight 2025-03-03 16:03:47 +01:00
parent cbd70baebb
commit 345ef602b5
Signed by: counterweight
GPG key ID: 883EDBAA726BD96C
11 changed files with 399 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

33
src/public/css/offers.css
View file

@ -127,18 +127,34 @@
text-align: left;
}
.icon-checkboxed-field {
.left-icon-checkboxed-field {
display: flex;
align-items: center;
margin-bottom: 2px;
font-size: 0.9em;
}
.icon-checkboxed-field > * {
display: inline-block;
.left-icon-checkboxed-field > * {
margin-right: 2px;
margin-left: 2px;
align-items: center;
}
.icon-checkboxed-field img {
.left-icon-checkboxed-field img {
height: 1.2em;
}
.right-icon-checkboxed-field {
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 2px;
font-size: 0.9em;
}
.right-icon-checkboxed-field > * {
margin-right: 2px;
margin-left: 2px;
}
.right-icon-checkboxed-field img {
height: 1.2em;
}
@ -181,11 +197,18 @@
text-align: left;
}
.visibility-desc {
grid-column: 3;
grid-row: 5;
text-align: right;
}
.offer-long-text {
font-size: 0.9em;
}
#create-offer-controls {
text-align: center;
}

40
src/public/img/many-users-gray.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- users 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="many-users-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 115.2 179.2 Q 151.2 178.4 170.4 147.2 Q 188 115.2 170.4 83.2 Q 151.2 52 115.2 51.2 Q 79.2 52 60 83.2 Q 42.4 115.2 60 147.2 Q 79.2 178.4 115.2 179.2 L 115.2 179.2 Z M 409.6 179.2 Q 445.6 178.4 464.8 147.2 Q 482.4 115.2 464.8 83.2 Q 445.6 52 409.6 51.2 Q 373.6 52 354.4 83.2 Q 336.8 115.2 354.4 147.2 Q 373.6 178.4 409.6 179.2 L 409.6 179.2 Z M 0 290.4 Q 1.6 305.6 16.8 307.2 L 188 307.2 L 188 307.2 Q 188 307.2 188 307.2 Q 188 307.2 188 307.2 Q 155.2 277.6 153.6 230.4 Q 153.6 221.6 155.2 212.8 Q 138.4 204.8 119.2 204.8 L 85.6 204.8 L 85.6 204.8 Q 48.8 205.6 24.8 229.6 Q 0.8 253.6 0 290.4 L 0 290.4 Z M 324 307.2 L 495.2 307.2 L 324 307.2 L 495.2 307.2 Q 510.4 305.6 512 290.4 Q 511.2 253.6 487.2 229.6 Q 463.2 205.6 426.4 204.8 L 392.8 204.8 L 392.8 204.8 Q 373.6 204.8 356.8 212.8 Q 358.4 221.6 358.4 230.4 Q 356.8 277.6 324 307.2 Q 324 307.2 324 307.2 Q 324 307.2 324 307.2 L 324 307.2 Z M 256 192 Q 277.6 192.8 289.6 211.2 Q 299.2 230.4 289.6 249.6 Q 277.6 268 256 268.8 Q 234.4 268 222.4 249.6 Q 212.8 230.4 222.4 211.2 Q 234.4 192.8 256 192 L 256 192 Z M 256 307.2 Q 276.8 307.2 294.4 296.8 L 294.4 296.8 L 294.4 296.8 Q 312 286.4 322.4 268.8 Q 332.8 250.4 332.8 230.4 Q 332.8 210.4 322.4 192 Q 312 174.4 294.4 164 Q 276.8 153.6 256 153.6 Q 235.2 153.6 217.6 164 Q 200 174.4 189.6 192 Q 179.2 210.4 179.2 230.4 Q 179.2 250.4 189.6 268.8 Q 200 286.4 217.6 296.8 Q 235.2 307.2 256 307.2 L 256 307.2 Z M 208.8 371.2 L 303.2 371.2 L 208.8 371.2 L 303.2 371.2 Q 327.2 372 344.8 385.6 Q 363.2 400 368.8 422.4 L 143.2 422.4 L 143.2 422.4 Q 148.8 400 167.2 385.6 Q 184.8 372 208.8 371.2 L 208.8 371.2 Z M 208.8 332.8 Q 164 333.6 133.6 364 L 133.6 364 L 133.6 364 Q 103.2 394.4 102.4 439.2 Q 104 459.2 124 460.8 L 388 460.8 L 388 460.8 Q 408 459.2 409.6 439.2 Q 408.8 394.4 378.4 364 Q 348 333.6 303.2 332.8 L 208.8 332.8 L 208.8 332.8 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

40
src/public/img/many-users-lasecagold.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- users 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="many-users-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 115.2 179.2 Q 151.2 178.4 170.4 147.2 Q 188 115.2 170.4 83.2 Q 151.2 52 115.2 51.2 Q 79.2 52 60 83.2 Q 42.4 115.2 60 147.2 Q 79.2 178.4 115.2 179.2 L 115.2 179.2 Z M 409.6 179.2 Q 445.6 178.4 464.8 147.2 Q 482.4 115.2 464.8 83.2 Q 445.6 52 409.6 51.2 Q 373.6 52 354.4 83.2 Q 336.8 115.2 354.4 147.2 Q 373.6 178.4 409.6 179.2 L 409.6 179.2 Z M 0 290.4 Q 1.6 305.6 16.8 307.2 L 188 307.2 L 188 307.2 Q 188 307.2 188 307.2 Q 188 307.2 188 307.2 Q 155.2 277.6 153.6 230.4 Q 153.6 221.6 155.2 212.8 Q 138.4 204.8 119.2 204.8 L 85.6 204.8 L 85.6 204.8 Q 48.8 205.6 24.8 229.6 Q 0.8 253.6 0 290.4 L 0 290.4 Z M 324 307.2 L 495.2 307.2 L 324 307.2 L 495.2 307.2 Q 510.4 305.6 512 290.4 Q 511.2 253.6 487.2 229.6 Q 463.2 205.6 426.4 204.8 L 392.8 204.8 L 392.8 204.8 Q 373.6 204.8 356.8 212.8 Q 358.4 221.6 358.4 230.4 Q 356.8 277.6 324 307.2 Q 324 307.2 324 307.2 Q 324 307.2 324 307.2 L 324 307.2 Z M 256 192 Q 277.6 192.8 289.6 211.2 Q 299.2 230.4 289.6 249.6 Q 277.6 268 256 268.8 Q 234.4 268 222.4 249.6 Q 212.8 230.4 222.4 211.2 Q 234.4 192.8 256 192 L 256 192 Z M 256 307.2 Q 276.8 307.2 294.4 296.8 L 294.4 296.8 L 294.4 296.8 Q 312 286.4 322.4 268.8 Q 332.8 250.4 332.8 230.4 Q 332.8 210.4 322.4 192 Q 312 174.4 294.4 164 Q 276.8 153.6 256 153.6 Q 235.2 153.6 217.6 164 Q 200 174.4 189.6 192 Q 179.2 210.4 179.2 230.4 Q 179.2 250.4 189.6 268.8 Q 200 286.4 217.6 296.8 Q 235.2 307.2 256 307.2 L 256 307.2 Z M 208.8 371.2 L 303.2 371.2 L 208.8 371.2 L 303.2 371.2 Q 327.2 372 344.8 385.6 Q 363.2 400 368.8 422.4 L 143.2 422.4 L 143.2 422.4 Q 148.8 400 167.2 385.6 Q 184.8 372 208.8 371.2 L 208.8 371.2 Z M 208.8 332.8 Q 164 333.6 133.6 364 L 133.6 364 L 133.6 364 Q 103.2 394.4 102.4 439.2 Q 104 459.2 124 460.8 L 388 460.8 L 388 460.8 Q 408 459.2 409.6 439.2 Q 408.8 394.4 378.4 364 Q 348 333.6 303.2 332.8 L 208.8 332.8 L 208.8 332.8 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 3 KiB

6
src/public/img/many-users.svg Normal file
View file

@ -0,0 +1,6 @@
<!-- users 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 115.2 179.2 Q 151.2 178.4 170.4 147.2 Q 188 115.2 170.4 83.2 Q 151.2 52 115.2 51.2 Q 79.2 52 60 83.2 Q 42.4 115.2 60 147.2 Q 79.2 178.4 115.2 179.2 L 115.2 179.2 Z M 409.6 179.2 Q 445.6 178.4 464.8 147.2 Q 482.4 115.2 464.8 83.2 Q 445.6 52 409.6 51.2 Q 373.6 52 354.4 83.2 Q 336.8 115.2 354.4 147.2 Q 373.6 178.4 409.6 179.2 L 409.6 179.2 Z M 0 290.4 Q 1.6 305.6 16.8 307.2 L 188 307.2 L 188 307.2 Q 188 307.2 188 307.2 Q 188 307.2 188 307.2 Q 155.2 277.6 153.6 230.4 Q 153.6 221.6 155.2 212.8 Q 138.4 204.8 119.2 204.8 L 85.6 204.8 L 85.6 204.8 Q 48.8 205.6 24.8 229.6 Q 0.8 253.6 0 290.4 L 0 290.4 Z M 324 307.2 L 495.2 307.2 L 324 307.2 L 495.2 307.2 Q 510.4 305.6 512 290.4 Q 511.2 253.6 487.2 229.6 Q 463.2 205.6 426.4 204.8 L 392.8 204.8 L 392.8 204.8 Q 373.6 204.8 356.8 212.8 Q 358.4 221.6 358.4 230.4 Q 356.8 277.6 324 307.2 Q 324 307.2 324 307.2 Q 324 307.2 324 307.2 L 324 307.2 Z M 256 192 Q 277.6 192.8 289.6 211.2 Q 299.2 230.4 289.6 249.6 Q 277.6 268 256 268.8 Q 234.4 268 222.4 249.6 Q 212.8 230.4 222.4 211.2 Q 234.4 192.8 256 192 L 256 192 Z M 256 307.2 Q 276.8 307.2 294.4 296.8 L 294.4 296.8 L 294.4 296.8 Q 312 286.4 322.4 268.8 Q 332.8 250.4 332.8 230.4 Q 332.8 210.4 322.4 192 Q 312 174.4 294.4 164 Q 276.8 153.6 256 153.6 Q 235.2 153.6 217.6 164 Q 200 174.4 189.6 192 Q 179.2 210.4 179.2 230.4 Q 179.2 250.4 189.6 268.8 Q 200 286.4 217.6 296.8 Q 235.2 307.2 256 307.2 L 256 307.2 Z M 208.8 371.2 L 303.2 371.2 L 208.8 371.2 L 303.2 371.2 Q 327.2 372 344.8 385.6 Q 363.2 400 368.8 422.4 L 143.2 422.4 L 143.2 422.4 Q 148.8 400 167.2 385.6 Q 184.8 372 208.8 371.2 L 208.8 371.2 Z M 208.8 332.8 Q 164 333.6 133.6 364 L 133.6 364 L 133.6 364 Q 103.2 394.4 102.4 439.2 Q 104 459.2 124 460.8 L 388 460.8 L 388 460.8 Q 408 459.2 409.6 439.2 Q 408.8 394.4 378.4 364 Q 348 333.6 303.2 332.8 L 208.8 332.8 L 208.8 332.8 Z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

40
src/public/img/user-gray.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- user 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="user-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 256 256 Q 291 256 320 239 L 320 239 L 320 239 Q 349 222 367 192 Q 384 162 384 128 Q 384 94 367 64 Q 349 34 320 17 Q 291 0 256 0 Q 221 0 192 17 Q 163 34 145 64 Q 128 94 128 128 Q 128 162 145 192 Q 163 222 192 239 Q 221 256 256 256 L 256 256 Z M 210 304 Q 135 306 84 356 L 84 356 L 84 356 Q 34 407 32 482 Q 32 495 41 503 Q 49 512 62 512 L 450 512 L 450 512 Q 463 512 471 503 Q 480 495 480 482 Q 478 407 428 356 Q 377 306 302 304 L 210 304 L 210 304 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

40
src/public/img/user-group-gray.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- user-group 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="user-group-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 179.2 89.6 Q 215.2 90.4 234.4 121.6 Q 252 153.6 234.4 185.6 Q 215.2 216.8 179.2 217.6 Q 143.2 216.8 124 185.6 Q 106.4 153.6 124 121.6 Q 143.2 90.4 179.2 89.6 L 179.2 89.6 Z M 179.2 256 Q 207.2 256 230.4 242.4 L 230.4 242.4 L 230.4 242.4 Q 253.6 228.8 268 204.8 Q 281.6 180.8 281.6 153.6 Q 281.6 126.4 268 102.4 Q 253.6 78.4 230.4 64.8 Q 207.2 51.2 179.2 51.2 Q 151.2 51.2 128 64.8 Q 104.8 78.4 90.4 102.4 Q 76.8 126.4 76.8 153.6 Q 76.8 180.8 90.4 204.8 Q 104.8 228.8 128 242.4 Q 151.2 256 179.2 256 L 179.2 256 Z M 142.4 332.8 L 216 332.8 L 142.4 332.8 L 216 332.8 Q 256 333.6 284.8 358.4 Q 312.8 383.2 319.2 422.4 L 39.2 422.4 L 39.2 422.4 Q 45.6 383.2 73.6 358.4 Q 102.4 333.6 142.4 332.8 L 142.4 332.8 Z M 142.4 294.4 Q 82.4 296 41.6 336 L 41.6 336 L 41.6 336 Q 1.6 376.8 0 436.8 Q 0 447.2 7.2 453.6 Q 13.6 460.8 24 460.8 L 334.4 460.8 L 334.4 460.8 Q 344.8 460.8 351.2 453.6 Q 358.4 447.2 358.4 436.8 Q 356.8 376.8 316.8 336 Q 276 296 216 294.4 L 142.4 294.4 L 142.4 294.4 Z M 487.2 460.8 Q 497.6 460.8 504.8 453.6 L 504.8 453.6 L 504.8 453.6 Q 512 446.4 512 436 Q 510.4 381.6 474.4 344.8 Q 437.6 308.8 383.2 307.2 L 333.6 307.2 L 333.6 307.2 Q 328.8 307.2 323.2 308 Q 351.2 331.2 367.2 364 Q 384 397.6 384 436.8 Q 384 450.4 377.6 460.8 L 487.2 460.8 L 487.2 460.8 Z M 345.6 256 Q 384 255.2 408.8 229.6 L 408.8 229.6 L 408.8 229.6 Q 434.4 204.8 435.2 166.4 Q 434.4 128 408.8 103.2 Q 384 77.6 345.6 76.8 Q 315.2 77.6 292.8 94.4 Q 307.2 120.8 307.2 153.6 Q 306.4 196.8 282.4 229.6 Q 307.2 255.2 345.6 256 L 345.6 256 Z"
id="path1"
style="fill:#808080;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

40
src/public/img/user-group-lasecagold.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- user-group 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="user-group-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 179.2 89.6 Q 215.2 90.4 234.4 121.6 Q 252 153.6 234.4 185.6 Q 215.2 216.8 179.2 217.6 Q 143.2 216.8 124 185.6 Q 106.4 153.6 124 121.6 Q 143.2 90.4 179.2 89.6 L 179.2 89.6 Z M 179.2 256 Q 207.2 256 230.4 242.4 L 230.4 242.4 L 230.4 242.4 Q 253.6 228.8 268 204.8 Q 281.6 180.8 281.6 153.6 Q 281.6 126.4 268 102.4 Q 253.6 78.4 230.4 64.8 Q 207.2 51.2 179.2 51.2 Q 151.2 51.2 128 64.8 Q 104.8 78.4 90.4 102.4 Q 76.8 126.4 76.8 153.6 Q 76.8 180.8 90.4 204.8 Q 104.8 228.8 128 242.4 Q 151.2 256 179.2 256 L 179.2 256 Z M 142.4 332.8 L 216 332.8 L 142.4 332.8 L 216 332.8 Q 256 333.6 284.8 358.4 Q 312.8 383.2 319.2 422.4 L 39.2 422.4 L 39.2 422.4 Q 45.6 383.2 73.6 358.4 Q 102.4 333.6 142.4 332.8 L 142.4 332.8 Z M 142.4 294.4 Q 82.4 296 41.6 336 L 41.6 336 L 41.6 336 Q 1.6 376.8 0 436.8 Q 0 447.2 7.2 453.6 Q 13.6 460.8 24 460.8 L 334.4 460.8 L 334.4 460.8 Q 344.8 460.8 351.2 453.6 Q 358.4 447.2 358.4 436.8 Q 356.8 376.8 316.8 336 Q 276 296 216 294.4 L 142.4 294.4 L 142.4 294.4 Z M 487.2 460.8 Q 497.6 460.8 504.8 453.6 L 504.8 453.6 L 504.8 453.6 Q 512 446.4 512 436 Q 510.4 381.6 474.4 344.8 Q 437.6 308.8 383.2 307.2 L 333.6 307.2 L 333.6 307.2 Q 328.8 307.2 323.2 308 Q 351.2 331.2 367.2 364 Q 384 397.6 384 436.8 Q 384 450.4 377.6 460.8 L 487.2 460.8 L 487.2 460.8 Z M 345.6 256 Q 384 255.2 408.8 229.6 L 408.8 229.6 L 408.8 229.6 Q 434.4 204.8 435.2 166.4 Q 434.4 128 408.8 103.2 Q 384 77.6 345.6 76.8 Q 315.2 77.6 292.8 94.4 Q 307.2 120.8 307.2 153.6 Q 306.4 196.8 282.4 229.6 Q 307.2 255.2 345.6 256 L 345.6 256 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 2.7 KiB

6
src/public/img/user-group.svg Normal file
View file

@ -0,0 +1,6 @@
<!-- user-group 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 179.2 89.6 Q 215.2 90.4 234.4 121.6 Q 252 153.6 234.4 185.6 Q 215.2 216.8 179.2 217.6 Q 143.2 216.8 124 185.6 Q 106.4 153.6 124 121.6 Q 143.2 90.4 179.2 89.6 L 179.2 89.6 Z M 179.2 256 Q 207.2 256 230.4 242.4 L 230.4 242.4 L 230.4 242.4 Q 253.6 228.8 268 204.8 Q 281.6 180.8 281.6 153.6 Q 281.6 126.4 268 102.4 Q 253.6 78.4 230.4 64.8 Q 207.2 51.2 179.2 51.2 Q 151.2 51.2 128 64.8 Q 104.8 78.4 90.4 102.4 Q 76.8 126.4 76.8 153.6 Q 76.8 180.8 90.4 204.8 Q 104.8 228.8 128 242.4 Q 151.2 256 179.2 256 L 179.2 256 Z M 142.4 332.8 L 216 332.8 L 142.4 332.8 L 216 332.8 Q 256 333.6 284.8 358.4 Q 312.8 383.2 319.2 422.4 L 39.2 422.4 L 39.2 422.4 Q 45.6 383.2 73.6 358.4 Q 102.4 333.6 142.4 332.8 L 142.4 332.8 Z M 142.4 294.4 Q 82.4 296 41.6 336 L 41.6 336 L 41.6 336 Q 1.6 376.8 0 436.8 Q 0 447.2 7.2 453.6 Q 13.6 460.8 24 460.8 L 334.4 460.8 L 334.4 460.8 Q 344.8 460.8 351.2 453.6 Q 358.4 447.2 358.4 436.8 Q 356.8 376.8 316.8 336 Q 276 296 216 294.4 L 142.4 294.4 L 142.4 294.4 Z M 487.2 460.8 Q 497.6 460.8 504.8 453.6 L 504.8 453.6 L 504.8 453.6 Q 512 446.4 512 436 Q 510.4 381.6 474.4 344.8 Q 437.6 308.8 383.2 307.2 L 333.6 307.2 L 333.6 307.2 Q 328.8 307.2 323.2 308 Q 351.2 331.2 367.2 364 Q 384 397.6 384 436.8 Q 384 450.4 377.6 460.8 L 487.2 460.8 L 487.2 460.8 Z M 345.6 256 Q 384 255.2 408.8 229.6 L 408.8 229.6 L 408.8 229.6 Q 434.4 204.8 435.2 166.4 Q 434.4 128 408.8 103.2 Q 384 77.6 345.6 76.8 Q 315.2 77.6 292.8 94.4 Q 307.2 120.8 307.2 153.6 Q 306.4 196.8 282.4 229.6 Q 307.2 255.2 345.6 256 L 345.6 256 Z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.7 KiB

40
src/public/img/user-lasecagold.svg Normal file
View file

@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- user 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="user-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 256 256 Q 291 256 320 239 L 320 239 L 320 239 Q 349 222 367 192 Q 384 162 384 128 Q 384 94 367 64 Q 349 34 320 17 Q 291 0 256 0 Q 221 0 192 17 Q 163 34 145 64 Q 128 94 128 128 Q 128 162 145 192 Q 163 222 192 239 Q 221 256 256 256 L 256 256 Z M 210 304 Q 135 306 84 356 L 84 356 L 84 356 Q 34 407 32 482 Q 32 495 41 503 Q 49 512 62 512 L 450 512 L 450 512 Q 463 512 471 503 Q 480 495 480 482 Q 478 407 428 356 Q 377 306 302 304 L 210 304 L 210 304 Z"
id="path1"
style="fill:#e1c300;fill-opacity:1" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.6 KiB

6
src/public/img/user.svg Normal file
View file

@ -0,0 +1,6 @@
<!-- user 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 256 256 Q 291 256 320 239 L 320 239 L 320 239 Q 349 222 367 192 Q 384 162 384 128 Q 384 94 367 64 Q 349 34 320 17 Q 291 0 256 0 Q 221 0 192 17 Q 163 34 145 64 Q 128 94 128 128 Q 128 162 145 192 Q 163 222 192 239 Q 221 256 256 256 L 256 256 Z M 210 304 Q 135 306 84 356 L 84 356 L 84 356 Q 34 407 32 482 Q 32 495 41 503 Q 49 512 62 512 L 450 512 L 450 512 Q 463 512 471 503 Q 480 495 480 482 Q 478 407 428 356 Q 377 306 302 304 L 210 304 L 210 304 Z"
/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 650 B

116
src/public/javascript/offers.js
View file

@ -305,7 +305,7 @@ class Offer {
bitcoinMethodsDiv.append(bitcoinMethodsTitle);
const onchainAcceptedContainer = document.createElement('div');
onchainAcceptedContainer.classList.add('icon-checkboxed-field');
onchainAcceptedContainer.classList.add('left-icon-checkboxed-field');
if (this.is_onchain_accepted) {
const onchainIcon = document.createElement('img');
onchainIcon.src = '/img/chains-lasecagold.svg';
@ -327,7 +327,7 @@ class Offer {
}
const lightningAcceptedContainer = document.createElement('div');
lightningAcceptedContainer.classList.add('icon-checkboxed-field');
lightningAcceptedContainer.classList.add('left-icon-checkboxed-field');
if (this.is_lightning_accepted) {
const lightningIcon = document.createElement('img');
lightningIcon.src = '/img/bolt-lightning-lasecagold.svg';
@ -361,12 +361,122 @@ class Offer {
lightningAcceptedContainer
);
const visibilityDiv = document.createElement('div');
visibilityDiv.classList.add('visibility-desc');
visibilityDiv.classList.add('subtle-box');
const visibilityTitle = document.createElement('p');
visibilityTitle.classList.add('offer-card-content-title');
visibilityTitle.innerText = 'Visibilidad';
visibilityDiv.append(visibilityTitle);
const showOfferToTrustedContainer = document.createElement('div');
showOfferToTrustedContainer.classList.add('right-icon-checkboxed-field');
if (this.show_offer_to_trusted) {
const showOfferToTrustedIcon = document.createElement('img');
showOfferToTrustedIcon.src = '/img/user-lasecagold.svg';
const showOfferToTrustedText = document.createElement('p');
showOfferToTrustedText.innerText = 'Confiados';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-check-green.svg';
showOfferToTrustedContainer.append(
showOfferToTrustedIcon,
showOfferToTrustedText,
checkIcon
);
} else {
const showOfferToTrustedIcon = document.createElement('img');
showOfferToTrustedIcon.src = '/img/user-gray.svg';
const showOfferToTrustedText = document.createElement('p');
showOfferToTrustedText.innerText = 'Confiados';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-xmark-gray.svg';
showOfferToTrustedContainer.append(
showOfferToTrustedIcon,
showOfferToTrustedText,
checkIcon
);
}
const showOfferToTrustedTrustedContainer = document.createElement('div');
showOfferToTrustedTrustedContainer.classList.add(
'right-icon-checkboxed-field'
);
if (this.show_offer_to_trusted_trusted) {
const showOfferToTrustedTrustedIcon = document.createElement('img');
showOfferToTrustedTrustedIcon.src = '/img/user-group-lasecagold.svg';
const showOfferToTrustedTrustedText = document.createElement('p');
showOfferToTrustedTrustedText.innerText = 'Sus confiados';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-check-green.svg';
showOfferToTrustedTrustedContainer.append(
showOfferToTrustedTrustedIcon,
showOfferToTrustedTrustedText,
checkIcon
);
} else {
const showOfferToTrustedTrustedIcon = document.createElement('img');
showOfferToTrustedTrustedIcon.src = '/img/user-group-gray.svg';
const showOfferToTrustedTrustedText = document.createElement('p');
showOfferToTrustedTrustedText.innerText = 'Sus confiados';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-xmark-gray.svg';
showOfferToTrustedTrustedContainer.append(
showOfferToTrustedTrustedIcon,
showOfferToTrustedTrustedText,
checkIcon
);
}
const showOfferToAllMembersContainer = document.createElement('div');
showOfferToAllMembersContainer.classList.add('right-icon-checkboxed-field');
if (this.show_offer_to_all_members) {
const showOfferToAllMembersIcon = document.createElement('img');
showOfferToAllMembersIcon.src = '/img/many-users-lasecagold.svg';
const showOfferToAllMembersText = document.createElement('p');
showOfferToAllMembersText.innerText = 'Todos';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-check-green.svg';
showOfferToAllMembersContainer.append(
showOfferToAllMembersIcon,
showOfferToAllMembersText,
checkIcon
);
} else {
const showOfferToAllMembersIcon = document.createElement('img');
showOfferToAllMembersIcon.src = '/img/many-users-gray.svg';
const showOfferToAllMembersText = document.createElement('p');
showOfferToAllMembersText.innerText = 'Todos';
const checkIcon = document.createElement('img');
checkIcon.src = '/img/circle-xmark-gray.svg';
showOfferToAllMembersContainer.append(
showOfferToAllMembersIcon,
showOfferToAllMembersText,
checkIcon
);
}
visibilityDiv.append(
showOfferToTrustedContainer,
showOfferToTrustedTrustedContainer,
showOfferToAllMembersContainer
);
offerCard.append(
tradeDescDiv,
premiumDescDiv,
whereDescDiv,
whenDescDiv,
bitcoinMethodsDiv
bitcoinMethodsDiv,
visibilityDiv
);
return offerCard;