pasq/XaSuMu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Avanços en Pobles

Browse Source
This commit is contained in:
Pasq G 2024-12-25 16:15:28 +01:00
parent e129eb4107
commit 9a64c013ea
1 changed files with 97 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
imports/ui/Pobles.jsx
View File

@ -113,7 +113,8 @@ export const Pobles = () => {
}}>{
pobles
.sort((a,b) => a.nomPoble?.toLowerCase() > b.nomPoble?.toLowerCase())
.map(pob => <li
.map(pob =>
<li
key={`pob_${pob._id}`}
style={{
display: `block`,
@ -121,11 +122,83 @@ export const Pobles = () => {
borderRadius: `.4em`,
padding: `4px`,
listStyle: `none`,
backgroundColor: `${'lightgreen' || 'lightcoral'}`
backgroundColor: `${'lightgreen' || 'lightcoral'}`,
position: 'relative',
margin: '.2em'
}}
>
{
<div style={{
position: `absolute`,
// display: `inline-block`,
display: `flex`,
justifyContent: `space-around`,
left: `0`,
top: `-.8em`,
width: `100%`,
fontSize: `60%`,
textAlign: `center`,
pointerEvents: `none`
}}>
<span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>1</span>
<span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>2</span>
<span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>3</span>
</div>
}
{
<div style={{
position: `absolute`,
// display: `inline-block`,
display: `flex`,
// justifyContent: `space-around`,
left: `-1.5em`,
// top: `-.8em`,
width: `100%`,
fontSize: `60%`,
textAlign: `center`,
// lineHeight: `100%`
top: `.8em`,
pointerEvents: `none`
}}>
<span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>0</span>
{/* <span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>2</span>
<span style={{
border: `1px solid #6666`,
borderRadius: `50%`,
minWidth: `1rem`,
backgroundColor: `#fffa`
}}>3</span> */}
</div>
}
<Link to={`/poble/${pob.ambitAssociat}`}>
{pob.nomPoble}{esEditor && <button
{pob.nomPoble} {esEditor && <button
onClick={(ev) => {
ev.preventDefault();
ev.stopPropagation();
@ -134,9 +207,10 @@ export const Pobles = () => {
}
}>Edita</button>}
</Link>
</li>)
</li>
)
}</ul>
{esEditor && <button
onPointerUp={ev => {
setCreantPoble(!creantPoble);