Compare commits
No commits in common. "69ef122f9c0184c592ec021764d0148ddbea54ad" and "c8790f1005b481107e86bda1e922127a3f0ed290" have entirely different histories.
69ef122f9c
...
c8790f1005
@ -12,7 +12,6 @@ import { BarraNav } from './BarraNav/BarraNav';
|
||||
|
||||
import { UserStat } from './BarraNav/UserStat';
|
||||
import { Usuaris } from './Usuaris';
|
||||
import { Codis } from './Codis';
|
||||
|
||||
const Loguejat = lazy(async () => await import('/imports/ui/Loguejat.jsx'));
|
||||
|
||||
@ -55,7 +54,6 @@ export const App = () => {
|
||||
<Route path="necessitats" element={ <Necessitats /> } />
|
||||
<Route path="tipus" element={ <Tipus /> } />
|
||||
<Route path="login" element={ <Login /> } />
|
||||
{esAdministrador && <Route path="codis" element={ <Codis /> } />}
|
||||
</Routes>
|
||||
</BrowserRouter>
|
||||
};
|
||||
|
||||
@ -19,10 +19,6 @@ const SeccióUsuaris = lazy(async () => {
|
||||
const module = await import('/imports/ui/BarraNav/PanellSeccions/PanellSeccions.jsx');
|
||||
return ({ default: module.SeccióUsuaris });
|
||||
});
|
||||
const SeccióCodis = lazy(async () => {
|
||||
const module = await import('/imports/ui/BarraNav/PanellSeccions/PanellSeccions.jsx');
|
||||
return ({ default: module.SeccióCodis });
|
||||
});
|
||||
|
||||
const BarraNav = ({esAdministrador, setEsAdministrador}) => {
|
||||
const userId = Meteor.userId();
|
||||
@ -42,7 +38,6 @@ const BarraNav = ({esAdministrador, setEsAdministrador}) => {
|
||||
<SeccióPobles />
|
||||
<SeccióNecessitats />
|
||||
<SeccióTipus />
|
||||
{ esAdministrador && <SeccióCodis />}
|
||||
</PanellSeccions>;
|
||||
};
|
||||
|
||||
|
||||
@ -34,21 +34,15 @@ export const SeccióUsuaris = () => <BotóSecció
|
||||
linkto="usuaris"
|
||||
/>;
|
||||
|
||||
export const SeccióCodis = () => <BotóSecció
|
||||
titol="Codis"
|
||||
linkto="codis"
|
||||
/>;
|
||||
|
||||
export const PanellSeccions = ({children}) => {
|
||||
return <><div style={{
|
||||
display: `flex`,
|
||||
border: `1px solid #cccc`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.5rem`,
|
||||
backgroundColor: `lightslategray`,
|
||||
flexWrap: `wrap`,
|
||||
justifyContent: `space-around`
|
||||
backgroundColor: `lightslategray`
|
||||
}}>{children}</div>
|
||||
<br />
|
||||
</>;
|
||||
};
|
||||
|
||||
|
||||
@ -10,7 +10,6 @@ import { Roles } from 'meteor/roles';
|
||||
// import { groupBy } from 'lodash';
|
||||
|
||||
//import Radium from 'radium';
|
||||
import { useLongTap } from '../hooks';
|
||||
|
||||
|
||||
const IndicadorMissatges = ({notif}) => {
|
||||
@ -32,10 +31,6 @@ const UserStat = ({esAdministrador, setEsAdministrador}) => {
|
||||
|
||||
// const [esAdministrador, setEsAdministrador] = useState(false);
|
||||
|
||||
const { onPointerDown, onPointerUp, onPointerCancel, onPointerOut } = useLongTap(() => {
|
||||
alert('Long tap detected!');
|
||||
});
|
||||
|
||||
const u = useTracker("user", async () => await Meteor.userAsync());
|
||||
const userId = Meteor.userId();
|
||||
|
||||
@ -85,26 +80,21 @@ const UserStat = ({esAdministrador, setEsAdministrador}) => {
|
||||
fontWeight: `bold`,
|
||||
display: `inline-block`
|
||||
}}
|
||||
// onMouseEnter={ev => {
|
||||
// setMostraMenu(true);
|
||||
// }}
|
||||
onMouseEnter={ev => {
|
||||
setMostraMenu(true);
|
||||
}}
|
||||
|
||||
// // title="Logout"
|
||||
// title="Logout"
|
||||
|
||||
// onClick={ev => {
|
||||
// ev.stopPropagation();
|
||||
// ev.preventDefault();
|
||||
onClick={ev => {
|
||||
ev.stopPropagation();
|
||||
ev.preventDefault();
|
||||
|
||||
// // console.log("u: ", u);
|
||||
// console.log("u: ", u);
|
||||
|
||||
// navigate(`/${u.username}`);
|
||||
navigate(`/${u.username}`);
|
||||
|
||||
// }}
|
||||
|
||||
onPointerDown={onPointerDown}
|
||||
onPointerUp={onPointerUp}
|
||||
onPointerCancel={onPointerCancel}
|
||||
onPointerOut={onPointerOut}
|
||||
}}
|
||||
>
|
||||
{ (u && esAdministrador) && <div style={{
|
||||
color: `red`,
|
||||
|
||||
@ -1,252 +0,0 @@
|
||||
import React, { Suspense, useEffect, useState, useRef, lazy } from 'react';
|
||||
import { Meteor } from 'meteor/meteor';;
|
||||
import { NecessitatsCollection } from '/imports/api/necessitats.js';
|
||||
import { PoblesCollection } from '../api/pobles';
|
||||
// import { TipusCollection } from '../api/tipus';
|
||||
import { useSubscribe, useTracker, useFind } from 'meteor/react-meteor-data/suspense';
|
||||
import { Roles } from 'meteor/roles';
|
||||
// import { useUserId } from 'meteor/react-meteor-accounts';
|
||||
import Select from 'react-select';
|
||||
|
||||
import CreatableSelect from 'react-select/creatable';
|
||||
// import AsyncCreatableSelect from 'react-select/async-creatable';
|
||||
// import { BarraNav } from "./BarraNav/BarraNav";
|
||||
|
||||
|
||||
export const Codis = () => {
|
||||
|
||||
// const [permes, setPermes] = useState(false);
|
||||
const [esEditor, setEsEditor] = useState(false);
|
||||
const userId = Meteor.userId();
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const comprovaAdmin = await Roles.userIsInRoleAsync(userId, ["admin"]);
|
||||
setEsEditor(comprovaAdmin);
|
||||
})();
|
||||
}, []);
|
||||
|
||||
// console.log("isAdmin: ", isAdmin) ;
|
||||
|
||||
const [ambitSeleccionat, setAmbitSeleccionat] = useState(null);
|
||||
|
||||
useSubscribe('necessitats');
|
||||
const necessitats = useTracker("necessitats", () => NecessitatsCollection.find().fetchAsync());
|
||||
|
||||
useSubscribe('pobles');
|
||||
const pobles = useTracker("pobles", () => PoblesCollection.find().fetchAsync());
|
||||
const ambits = pobles?.map(p => p?.ambitAssociat);
|
||||
|
||||
// console.log("ambits: ", ambits);
|
||||
|
||||
// useSubscribe('tipus');
|
||||
// const ambits = useTracker("ambits", () => Collection.find().fetchAsync());
|
||||
|
||||
// console.log("tipus: ", tipus);
|
||||
// console.log("necessitats: ", necessitats);
|
||||
|
||||
// console.log("tipusSeleccionat: ", tipusSeleccionat);
|
||||
|
||||
|
||||
// const filterAmbit = (inputValue) => {
|
||||
// return ambits.filter((i) =>
|
||||
// i.toLowerCase().includes(inputValue.toLowerCase())
|
||||
// );
|
||||
// };
|
||||
// const [ambitGeneral, setAmbitGeneral] = useState(ambitSeleccionat === "GENERAL");
|
||||
|
||||
const SelectorDeRol = () => {
|
||||
|
||||
return <>
|
||||
<label htmlFor="selRol">Rol: </label>
|
||||
<Select
|
||||
key={Math.random()}
|
||||
name="selRol"
|
||||
// filterOption={(opts) => necessitats.find(nec => nec.tipus === tipusSeleccionat._id)}
|
||||
|
||||
options={
|
||||
(ambitSeleccionat?.value === "GENERAL")
|
||||
? [
|
||||
{
|
||||
value: "admin",
|
||||
label: "administrador"
|
||||
},
|
||||
{
|
||||
value: "usuari",
|
||||
label: "usuari"
|
||||
}
|
||||
]
|
||||
|
||||
: [
|
||||
{
|
||||
value: "monitor_de_poble",
|
||||
label: "monitor_de_poble"
|
||||
},
|
||||
{
|
||||
value: "encarregat_de_tasques",
|
||||
label: "encarregat_de_tasques"
|
||||
},
|
||||
{
|
||||
value: "voluntari_de_poble",
|
||||
label: "voluntari_de_poble"
|
||||
}
|
||||
]
|
||||
}
|
||||
/>
|
||||
</>;
|
||||
}
|
||||
|
||||
const QuadreInfo_Codis = () => {
|
||||
|
||||
return <div style={{
|
||||
display: `inline-block`,
|
||||
border: `1px solid #6666`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.3em`,
|
||||
backgroundColor: `lightcyan`
|
||||
}}>
|
||||
|
||||
{ambitSeleccionat && <h1>{ambitSeleccionat?.value}</h1>}
|
||||
<h1>Codis</h1>
|
||||
|
||||
<p>Tria el rol que adquirirà qui utilitze el codi.</p>
|
||||
|
||||
<form
|
||||
action={d => {
|
||||
// if (d.get('selTipus'))
|
||||
try {
|
||||
Meteor.callAsync('editaOAfigNecessitat', {
|
||||
...tipusSeleccionat || [],
|
||||
titol: d.get('titol'),
|
||||
tipus: d.get('selTipus') || "",
|
||||
poble: d.get('selPoble')
|
||||
})
|
||||
.then(() => setAmbitSeleccionat(null))
|
||||
.catch(err => console.error(err))
|
||||
;
|
||||
} catch (err) {
|
||||
alert(err);
|
||||
console.error(err);
|
||||
}
|
||||
}}
|
||||
>
|
||||
<label htmlFor="selAmbit">Àmbit: </label>
|
||||
{/* Si
|
||||
l'usuari és ADMINISTRADOR o té permisos de responsabilitat, podrà crear nous Tipus al CREAR o a l'EDITAR
|
||||
si no
|
||||
tansols podrà assignar a un tipus predefinit o al de ALTRES
|
||||
*/}
|
||||
|
||||
<Select
|
||||
name="selAmbit"
|
||||
// formatCreateLabel={(inputValue) => "Crear nou tipus..."}
|
||||
// filterOption={filterAmbit}
|
||||
defaultValue={ambitSeleccionat}
|
||||
options={
|
||||
[...
|
||||
ambits
|
||||
.map((v,i) => ({
|
||||
value: v,
|
||||
label: v
|
||||
}))
|
||||
.sort((a,b) => a.label.toLowerCase() > b.label.toLowerCase()),
|
||||
{
|
||||
value: "GENERAL",
|
||||
label: "GENERAL"
|
||||
}
|
||||
]
|
||||
}
|
||||
// onCreateOption={(inputValue) => Meteor.callAsync('afigT', {titol: inputValue})}
|
||||
isSearchable
|
||||
// loadOptions={tipus.map((v,i) => ({value: v, label: v.titol}))}
|
||||
onChange={amb => {
|
||||
setAmbitSeleccionat(amb);
|
||||
console.log("amb: ", amb);
|
||||
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* <select name="selTipus">
|
||||
<option value="moble">Moble</option>
|
||||
<option value="maquinari">Maquinari</option>
|
||||
<option value="menjar">Menjar i beguda</option>
|
||||
<option value="infantil">Infantils</option>
|
||||
<option value="higiene">Higiene</option>
|
||||
</select> */}
|
||||
|
||||
<br />
|
||||
|
||||
<SelectorDeRol {... {ambitSeleccionat}} />
|
||||
|
||||
<br />
|
||||
|
||||
<label htmlFor="actiu">Actiu? </label>
|
||||
<input type="checkbox" name='actiu' />
|
||||
|
||||
<br /><br />
|
||||
|
||||
<label htmlFor="periode_validesa">Periode de validesa: </label>
|
||||
<input type="date" name="periode_validesa" />
|
||||
|
||||
{/* <select name="selPoble">
|
||||
{
|
||||
pobles.map((v,i) => <option key={`optPob${i}`}>{v.nomPoble}</option>)
|
||||
}
|
||||
</select> */}
|
||||
|
||||
<br />
|
||||
|
||||
<input type='submit' value="Enviar" />
|
||||
|
||||
{ambitSeleccionat && esEditor && <button onClick={ev => {
|
||||
ev.preventDefault();
|
||||
if (confirm(`Vas a eliminar el poble "${pobleSeleccionat.nomPoble}". És una operació irreversible. Procedir?`)) {
|
||||
Meteor.callAsync('eliminaPoble', pobleSeleccionat._id).catch(err => console.error(err));
|
||||
setNecessitatSeleccionada(null);
|
||||
}
|
||||
}}>Elimina</button>}
|
||||
</form>
|
||||
</div>;
|
||||
};
|
||||
|
||||
|
||||
return <Suspense fallback={<>Carregant...</>} >
|
||||
|
||||
<QuadreInfo_Codis />
|
||||
|
||||
<br /><br />
|
||||
|
||||
{/* <AsyncCreatableSelect
|
||||
cacheOptions
|
||||
defaultOptions={tipus.map((v,i) => ({value: v, label: v.titol})) }
|
||||
loadOptions={tipus.map((v,i) => ({value: v, label: v.titol}))}
|
||||
/> */}
|
||||
|
||||
{/* <SelectSearch options={options} value="sv" name="language" placeholder="Choose your language" /> */}
|
||||
|
||||
|
||||
<ul style={{
|
||||
display: `flex`,
|
||||
flexWrap: `wrap`,
|
||||
justifyContent: `space-evenly`,
|
||||
rowGap: `.3em`,
|
||||
alignContent: `space-around`
|
||||
}}>{
|
||||
ambits
|
||||
.sort((a,b) => a.toLowerCase() > b.toLowerCase())
|
||||
.map(amb => <li
|
||||
key={amb}
|
||||
style={{
|
||||
display: `block`,
|
||||
border: `1px solid #6666`,
|
||||
borderRadius: `.4em`,
|
||||
padding: `4px`,
|
||||
listStyle: `none`,
|
||||
backgroundColor: `${'lightgreen' || 'lightcoral'}`
|
||||
}}
|
||||
>
|
||||
{amb}{esEditor && <button onClick={() => {setAmbitSeleccionat({value: amb, label: amb})}}>Edita</button>}
|
||||
</li>)
|
||||
}</ul>
|
||||
</Suspense>;
|
||||
};
|
||||
@ -36,7 +36,7 @@ import { useNavigate, Link } from 'react-router-dom';
|
||||
// </span>;
|
||||
// };
|
||||
|
||||
const U = ({u, esAdministrador, setUsrSeleccionat}) => {
|
||||
const U = ({u, esAdministrador}) => {
|
||||
|
||||
const [adm, setAdm] = useState(false);
|
||||
const [mon, setMon] = useState(false);
|
||||
@ -99,7 +99,6 @@ const U = ({u, esAdministrador, setUsrSeleccionat}) => {
|
||||
|
||||
return <Suspense fallback="Carregant...">
|
||||
<div
|
||||
key={`u_${u._id}`}
|
||||
style={{
|
||||
// color: `lightblue`,
|
||||
|
||||
@ -191,10 +190,9 @@ const U = ({u, esAdministrador, setUsrSeleccionat}) => {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
// alert("Click en missatges");
|
||||
alert("Click en missatges");
|
||||
}}
|
||||
>
|
||||
{<button onClick={() => {setUsrSeleccionat(u)}}>Edita</button>}
|
||||
{/* <IndicadorMissatges notif={false} /> */}
|
||||
</span>
|
||||
</div>
|
||||
@ -212,7 +210,7 @@ const U = ({u, esAdministrador, setUsrSeleccionat}) => {
|
||||
// zIndex: `200`
|
||||
// }}
|
||||
// // onMouseLeave={ev => {
|
||||
// // setMostraMenu(false);p
|
||||
// // setMostraMenu(false);
|
||||
// // }}
|
||||
// >
|
||||
// {/* <Link to="/c/config"> */}
|
||||
@ -247,201 +245,6 @@ const U = ({u, esAdministrador, setUsrSeleccionat}) => {
|
||||
};
|
||||
|
||||
|
||||
|
||||
const AssignadorDeRols = ({pobles, esEditor, rols, usrSeleccionat, ambitsUSel}) => {
|
||||
const [creantRol, setCreantRol] = useState(false);
|
||||
const [ambitGeneral, setAmbitGeneral] = useState(false);
|
||||
// const [ambitsUSel, setAmbitsUSel] = useState([]);
|
||||
// let ambitsUSel;
|
||||
// let ambitsUSel = [];
|
||||
// useEffect(() => {
|
||||
// (async () => {
|
||||
// const ambits = await Roles.getScopesForUserAsync(usrSeleccionat?._id);
|
||||
// // console.log("ambitsUSel: ", ambitsUSel);
|
||||
// // ambitsUSel = ambits;
|
||||
// // setAmbitsUSel(ambits);
|
||||
// ambitsUSel = ambits;
|
||||
// // console.log("ambitsUSel: ", ambitsUSel);
|
||||
// })();
|
||||
// }, []);
|
||||
|
||||
return <div
|
||||
style={{
|
||||
display: `block`,
|
||||
border: `1px solid #6666`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.3em`,
|
||||
margin: `1em`,
|
||||
backgroundColor: `#fffa`
|
||||
}}
|
||||
>
|
||||
<h3>Rols</h3>
|
||||
|
||||
<h4>Àmbits</h4>
|
||||
<h5>General:</h5>
|
||||
<ul>{
|
||||
rols?.map(uRol => <li
|
||||
key={`rol_${uRol}`}
|
||||
style={{
|
||||
display: `block`,
|
||||
border: `1px solid #6666`,
|
||||
borderRadius: `.4em`,
|
||||
padding: `4px`,
|
||||
listStyle: `none`,
|
||||
backgroundColor: `${'orange'}`,
|
||||
textAlign: `center`
|
||||
}}
|
||||
>
|
||||
{uRol}
|
||||
{esEditor && <button onClick={ev => {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
confirm(`Vas a retirar el Rol ${uRol} a l'usuari ${usrSeleccionat.username}. Procedir?`) && Meteor.callAsync('retiraRols', uRol, usrSeleccionat._id)
|
||||
}}>×</button>}
|
||||
</li>)
|
||||
}</ul>
|
||||
|
||||
{/* <ul> */}
|
||||
{
|
||||
ambitsUSel.map(async aus => {
|
||||
|
||||
console.log("usrSeleccionat: ", usrSeleccionat);
|
||||
console.log("ambitsUSel: ", ambitsUSel);
|
||||
const uRol = await Roles.getRolesForUserAsync(usrSeleccionat._id, {scope: aus, onlyScoped: true});
|
||||
return <>
|
||||
<h5>{aus}:</h5>
|
||||
{
|
||||
<span style={{
|
||||
display: `block`,
|
||||
border: `1px solid #6666`,
|
||||
borderRadius: `.4em`,
|
||||
padding: `4px`,
|
||||
listStyle: `none`,
|
||||
backgroundColor: `${'orange'}`,
|
||||
textAlign: `center`
|
||||
}}>{uRol}
|
||||
{esEditor && <button onClick={ev => {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
|
||||
confirm(`Vas a retirar el Rol ${uRol} a l'usuari ${usrSeleccionat.username}. Procedir?`) && Meteor.callAsync('retiraRols', uRol, usrSeleccionat._id, aus)
|
||||
}}>×</button>}
|
||||
</span>
|
||||
} <br />
|
||||
</>;
|
||||
})
|
||||
}
|
||||
{/* </ul> */}
|
||||
|
||||
{esEditor && creantRol && <div style={{
|
||||
display: `block`,
|
||||
border: `1px solid #6666`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.3em`,
|
||||
margin: `1em`,
|
||||
backgroundColor: `#fffa`
|
||||
}}>
|
||||
<form action={d => {
|
||||
if (ambitGeneral) {
|
||||
Meteor.callAsync('assignaRol', usrSeleccionat._id, d.get('selRol'));
|
||||
} else {
|
||||
Meteor.callAsync('assignaRol', usrSeleccionat._id, d.get('selRol'), d.get('selAmbit'));
|
||||
}
|
||||
}}>
|
||||
|
||||
Àmbit: <select name="selAmbit" id="selAmbit"
|
||||
onChange={ev => setAmbitGeneral(ev.target.value === "GENERAL")}
|
||||
>
|
||||
{
|
||||
pobles.sort((a,b) => a.ambitAssociat > b.ambitAssociat).map((pob,i) => <option key={`optAmb_${i}`} value={pob.ambitAssociat}>{pob.ambitAssociat}</option>)
|
||||
}
|
||||
<option value={"GENERAL"}>General</option>
|
||||
</select> <br />
|
||||
|
||||
Rol: <select name="selRol" id="selRol">
|
||||
{
|
||||
ambitGeneral
|
||||
? <option value={"admin"}>Administrador general</option>
|
||||
: <>
|
||||
<option value="monitor_de_poble">Monitor de poble</option>
|
||||
<option value="encarregat_de_tasques">Encarregat de tasques</option>
|
||||
<option value="voluntari_de_poble">Voluntairi de poble</option>
|
||||
</>
|
||||
}
|
||||
</select> <br /> <br />
|
||||
|
||||
<input type="submit" value="Estableix nou rol" />
|
||||
|
||||
</form>
|
||||
</div>}
|
||||
|
||||
{esEditor && usrSeleccionat && <button
|
||||
onClick={ev => {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
return false;
|
||||
}}
|
||||
onPointerUp={ev => {
|
||||
ev.preventDefault();
|
||||
ev.stopPropagation();
|
||||
setCreantRol(!creantRol);
|
||||
return false;
|
||||
}}
|
||||
>+</button>}
|
||||
</div>;
|
||||
};
|
||||
|
||||
const QuadreInfo_Usuari = ({usrSeleccionat, esEditor, pobles, rols, ambitsUSel}) => {
|
||||
|
||||
return <div style={{
|
||||
display: `inline-block`,
|
||||
border: `1px solid #6666`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.3em`,
|
||||
backgroundColor: `lightcyan`
|
||||
}}>
|
||||
|
||||
{usrSeleccionat && <h2>{usrSeleccionat._id}</h2>}
|
||||
|
||||
<form
|
||||
action={d => {
|
||||
try {
|
||||
Meteor.callAsync('editaOAfigPoble',
|
||||
{
|
||||
...usrSeleccionat || [],
|
||||
nomPoble: d.get('nomPoble'),
|
||||
cp: d.get('cp') || "",
|
||||
comarca: d.get('comarca') || "",
|
||||
}).then(() => setUsrSeleccionat(null))
|
||||
.catch(err => console.error(err));
|
||||
} catch (err) {
|
||||
alert(err);
|
||||
console.error(err);
|
||||
}
|
||||
}}
|
||||
>
|
||||
<label htmlFor="inUsername">Nom d'usuari: </label><input name="inUsername" type="text" defaultValue={ usrSeleccionat ? usrSeleccionat.username : ""}/><br />
|
||||
<label htmlFor="inTel">Telèfon: </label><input name="inTel" type="tel" /><br />
|
||||
<label htmlFor="inEmail">Correu Electrònic: </label><input name="inEmail" type="email" /><br />
|
||||
<input type='submit' value="Actualitzar la Població" />
|
||||
<button onClick={ev => {
|
||||
ev.preventDefault();
|
||||
if (confirm(`Vas a eliminar el poble "${usrSeleccionat.nomPoble}". És una operació irreversible. Procedir?`)) {
|
||||
Meteor.callAsync('eliminaPoble', usrSeleccionat._id).catch(err => console.error(err));
|
||||
setUsrSeleccionat(null);
|
||||
}
|
||||
}}>Elimina</button>
|
||||
</form>
|
||||
|
||||
{ esEditor && <Suspense>
|
||||
<AssignadorDeRols {... {esEditor, usrSeleccionat, rols, pobles, ambitsUSel}} />
|
||||
</Suspense>
|
||||
}
|
||||
</div>;
|
||||
};
|
||||
|
||||
|
||||
export const Usuaris = () => {
|
||||
|
||||
const [usrSeleccionat, setUsrSeleccionat] = useState(null);
|
||||
@ -457,31 +260,14 @@ export const Usuaris = () => {
|
||||
});
|
||||
// console.log("isAdmin: ", isAdmin) ;
|
||||
console.log("usuaris: ", usuaris);
|
||||
|
||||
// const [ambitsUSel, setAmbitsUSel] = useState([]);
|
||||
// (async () => {
|
||||
|
||||
// let ambitsUSel = [];
|
||||
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const comprovaAdmin = await Roles.userIsInRoleAsync(userId, ["admin"]);
|
||||
setEsEditor(comprovaAdmin);
|
||||
|
||||
// console.log("ambitsUSel: ", ambitsUSel);
|
||||
})();
|
||||
|
||||
}, []);
|
||||
|
||||
const ambitsUSel = useTracker("ambits", async () => {
|
||||
return await Roles.getScopesForUserAsync(usrSeleccionat?._id);
|
||||
});
|
||||
// setAmbitsUSel(ambits);
|
||||
|
||||
|
||||
const rols = useTracker("rols", async () => {
|
||||
return await Roles.getRolesForUserAsync(usrSeleccionat?._id);
|
||||
});
|
||||
useEffect(() => {
|
||||
(async () => {
|
||||
const comprovaAdmin = await Roles.userIsInRoleAsync(userId, ["admin"]);
|
||||
setEsEditor(comprovaAdmin);
|
||||
})();
|
||||
|
||||
}, []);
|
||||
// })();
|
||||
|
||||
// const [monitors, setMonitors] = useState(false);
|
||||
@ -521,12 +307,54 @@ export const Usuaris = () => {
|
||||
// })();
|
||||
|
||||
|
||||
|
||||
const QuadreInfo_Usuari = () => {
|
||||
|
||||
return <div style={{
|
||||
display: `inline-block`,
|
||||
border: `1px solid #6666`,
|
||||
padding: `.5rem`,
|
||||
borderRadius: `.3em`,
|
||||
backgroundColor: `lightcyan`
|
||||
}}>
|
||||
|
||||
{usrSeleccionat && <h2>{usrSeleccionat._id}</h2>}
|
||||
|
||||
<form
|
||||
action={d => {
|
||||
try {
|
||||
Meteor.callAsync('editaOAfigPoble',
|
||||
{
|
||||
...usrSeleccionat || [],
|
||||
nomPoble: d.get('nomPoble'),
|
||||
cp: d.get('cp') || "",
|
||||
comarca: d.get('comarca') || "",
|
||||
}).then(() => setUsrSeleccionat(null))
|
||||
.catch(err => console.error(err));
|
||||
} catch (err) {
|
||||
alert(err);
|
||||
console.error(err);
|
||||
}
|
||||
}}
|
||||
>
|
||||
<label htmlFor="inUsername">Nom d'usuari: </label><input name="inUsername" type="text" defaultValue={ usrSeleccionat ? usrSeleccionat.username : ""}/><br />
|
||||
<label htmlFor="inTel">Telèfon: </label><input name="inTel" type="tel" /><br />
|
||||
<label htmlFor="inEmail">Correu Electrònic: </label><input name="inEmail" type="email" /><br />
|
||||
<input type='submit' value="Actualitzar la Població" />
|
||||
<button onClick={ev => {
|
||||
ev.preventDefault();
|
||||
if (confirm(`Vas a eliminar el poble "${usrSeleccionat.nomPoble}". És una operació irreversible. Procedir?`)) {
|
||||
Meteor.callAsync('eliminaPoble', usrSeleccionat._id).catch(err => console.error(err));
|
||||
setUsrSeleccionat(null);
|
||||
}
|
||||
}}>Elimina</button>
|
||||
</form>
|
||||
</div>;
|
||||
};
|
||||
|
||||
return <Suspense fallback={<>Carregant...</>} >
|
||||
<h1>Usuaris</h1>
|
||||
|
||||
{ esEditor && <QuadreInfo_Usuari {... {usrSeleccionat, esEditor, pobles, rols, ambitsUSel}} /> }
|
||||
{ esEditor && <QuadreInfo_Usuari /> }
|
||||
|
||||
<ul style={{
|
||||
display: `flex`,
|
||||
@ -550,7 +378,7 @@ export const Usuaris = () => {
|
||||
}}
|
||||
>
|
||||
{/* {usr.username}{esEditor && <button onClick={() => {setUsrSeleccionat(usr)}}>Edita</button>} */}
|
||||
<U u={usr} esAdministrador={usr._id === Meteor.userId() && esEditor} setUsrSeleccionat={setUsrSeleccionat} />
|
||||
<U u={usr} esAdministrador={usr._id === Meteor.userId() && esEditor} />
|
||||
</li>)
|
||||
}</ul>
|
||||
</Suspense>;
|
||||
|
||||
@ -1,46 +0,0 @@
|
||||
import { useState, useEffect } from 'react';
|
||||
|
||||
const useLongTap = (onLongTap, duration = 500) => {
|
||||
const [isPressing, setIsPressing] = useState(false);
|
||||
const [startTime, setStartTime] = useState(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (isPressing && startTime) {
|
||||
const elapsedTime = performance.now() - startTime;
|
||||
if (elapsedTime >= duration) {
|
||||
onLongTap();
|
||||
setIsPressing(false);
|
||||
setStartTime(null);
|
||||
}
|
||||
}
|
||||
}, [isPressing, startTime, onLongTap, duration]);
|
||||
|
||||
const handlePointerDown = (event) => {
|
||||
setIsPressing(true);
|
||||
setStartTime(performance.now());
|
||||
};
|
||||
|
||||
const handlePointerUp = () => {
|
||||
setIsPressing(false);
|
||||
setStartTime(null);
|
||||
};
|
||||
|
||||
const handlePointerCancel = () => {
|
||||
setIsPressing(false);
|
||||
setStartTime(null);
|
||||
};
|
||||
|
||||
const handlePointerOut = () => {
|
||||
setIsPressing(false);
|
||||
setStartTime(null);
|
||||
};
|
||||
|
||||
return {
|
||||
onPointerDown: handlePointerDown,
|
||||
onPointerUp: handlePointerUp,
|
||||
onPointerCancel: handlePointerCancel,
|
||||
onPointerOut: handlePointerOut,
|
||||
};
|
||||
};
|
||||
|
||||
export { useLongTap };
|
||||
3795
package-lock.json
generated
Normal file
3795
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue
Block a user