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

Comença a funcionar el panell del codi seleccionat amb canvis en temps real sobre la bd

Browse Source
This commit is contained in:
Pasq G 2025-01-24 03:13:35 +01:00
parent 2cefdc58aa
commit 6fd0e86205
1 changed files with 29 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
imports/ui/Codis.jsx
View File

@ -26,6 +26,8 @@ export const Codis = () => {
// const [permes, setPermes] = useState(false); // const [permes, setPermes] = useState(false);
const [esEditor, setEsEditor] = useState(false); const [esEditor, setEsEditor] = useState(false);
const userId = Meteor.userId(); const userId = Meteor.userId();
const [codiSeleccionat, setCodiSeleccionat] = useState(null);
useEffect(() => { useEffect(() => {
(async () => { (async () => {
@ -65,6 +67,7 @@ export const Codis = () => {
// ); // );
// }; // };
// const [ambitGeneral, setAmbitGeneral] = useState(ambitSeleccionat === "GENERAL"); // const [ambitGeneral, setAmbitGeneral] = useState(ambitSeleccionat === "GENERAL");
const codiDoc = useTracker("codiDoc", () => CodisCollection.findOneAsync(codiSeleccionat?._id));
const SelectorDeRol = () => { const SelectorDeRol = () => {
@ -112,6 +115,7 @@ export const Codis = () => {
const [actCond, setActCond] = useState(true); const [actCond, setActCond] = useState(true);
const [codiGenerat, setCodiGenerat] = useState(generaCodi()?.toUpperCase()); const [codiGenerat, setCodiGenerat] = useState(generaCodi()?.toUpperCase());
return <div style={{ return <div style={{
@ -119,7 +123,8 @@ export const Codis = () => {
border: `1px solid #6666`, border: `1px solid #6666`,
padding: `.5rem`, padding: `.5rem`,
borderRadius: `.3em`, borderRadius: `.3em`,
backgroundColor: `lightcyan` backgroundColor: `lightcyan`,
outline: `${codiSeleccionat?._id ? '5px solid black' : 'none'}`
}}> }}>
{ambitSeleccionat && <h1>{ambitSeleccionat?.value}</h1>} {ambitSeleccionat && <h1>{ambitSeleccionat?.value}</h1>}
@ -148,7 +153,7 @@ export const Codis = () => {
padding: `0 .2em`, padding: `0 .2em`,
margin: `1rem auto`, margin: `1rem auto`,
}} }}
>{codiGenerat}</span> >{codiSeleccionat ? codiSeleccionat?.codi : codiGenerat}</span>
</div> </div>
<br /> <br />
@ -244,7 +249,18 @@ export const Codis = () => {
color: `red` color: `red`
}} }}
>Activació absoluta: </label> >Activació absoluta: </label>
<input type="checkbox" name='activ_abs' /> <input
type="checkbox"
name='activ_abs'
defaultChecked={codiDoc?.act_abs === "on"}
onChange={ev => {
ev.preventDefault();
ev.stopPropagation();
Meteor.callAsync('modActivacioAbsolutaCodi', codiDoc);
}}
/>
<br /> <br />
@ -294,7 +310,7 @@ export const Codis = () => {
lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7) lastWeek = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7)
; ;
console.log("codis: ", codis); // console.log("codis: ", codis);
return <Suspense fallback={<>Carregant...</>} > return <Suspense fallback={<>Carregant...</>} >
@ -331,7 +347,14 @@ export const Codis = () => {
padding: `4px`, padding: `4px`,
listStyle: `none`, listStyle: `none`,
backgroundColor: `${'lightgreen' || 'lightcoral'}`, backgroundColor: `${'lightgreen' || 'lightcoral'}`,
position: `relative` position: `relative`,
outline: `${codiSeleccionat?._id === cod._id ? '3px solid black' : 'none'}`
}}
onClick={ev => {
ev.preventDefault();
ev.stopPropagation();
setCodiSeleccionat(codiSeleccionat?._id === cod._id ? null : cod);
}} }}
> >
<span <span
@ -352,7 +375,7 @@ export const Codis = () => {
Meteor.callAsync('modActivacioAbsolutaCodi', cod); Meteor.callAsync('modActivacioAbsolutaCodi', cod);
}} }}
></span> />
{cod.codi} {cod.codi}
{/* {esEditor && <button onClick={() => {setAmbitSeleccionat({value: cod, label: cod})}}>Edita</button>} */} {/* {esEditor && <button onClick={() => {setAmbitSeleccionat({value: cod, label: cod})}}>Edita</button>} */}
</li>) </li>)