frontend hecho
This commit is contained in:
Mariela
parent
f810aa560d
commit
999175a246
|
|
@ -70,46 +70,73 @@ const AdministradoresSistema = () => {
|
||||||
fetchP();
|
fetchP();
|
||||||
}, [])
|
}, [])
|
||||||
|
|
||||||
function registrarAdmin() {
|
const findIndexById = (id) => {
|
||||||
var data = {
|
let index = -1;
|
||||||
dni: document.getElementById('identificacion').value,
|
for (let i = 0; i < administrators.length; i++) {
|
||||||
name: document.getElementById('nombre').value,
|
if (administrators[i]._id === id) {
|
||||||
last_name: document.getElementById('apellidos').value,
|
index = i;
|
||||||
email: document.getElementById('correo_electronico').value,
|
break;
|
||||||
phone: document.getElementById('telefono').value,
|
|
||||||
password: document.getElementById('correo_electronico').value,
|
|
||||||
user_type: "1", //1 es admin
|
|
||||||
status: "1"
|
|
||||||
};
|
|
||||||
setSysAdmin(data)
|
|
||||||
|
|
||||||
fetch('http://localhost:4000/user/createAdminSystem/', {
|
|
||||||
cache: 'no-cache',
|
|
||||||
method: 'POST',
|
|
||||||
body: JSON.stringify(data),
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json'
|
|
||||||
}
|
}
|
||||||
})
|
}
|
||||||
.then(
|
return index;
|
||||||
function (response) {
|
|
||||||
if (response.status != 201)
|
}
|
||||||
console.log('Ocurrió un error con el servicio: ' + response.status);
|
|
||||||
else
|
function guardarAdmin() {
|
||||||
return response.json();
|
let _administrators = [...administrators];
|
||||||
|
let _admin = { ...sysadmin };
|
||||||
|
if (sysadmin._id) {
|
||||||
|
const index = findIndexById(sysadmin._id);
|
||||||
|
|
||||||
|
_administrators[index] = _admin;
|
||||||
|
toast.current.show({
|
||||||
|
severity: 'success',
|
||||||
|
summary: 'Exito',
|
||||||
|
detail: 'Administrador Actualizado',
|
||||||
|
life: 3000,
|
||||||
|
});
|
||||||
|
setAdministrators(_administrators)
|
||||||
|
setEditAdminDialog(false);
|
||||||
|
setSysAdmin(emptySysAdmin);
|
||||||
|
} else {
|
||||||
|
var data = {
|
||||||
|
dni: document.getElementById('identificacion').value,
|
||||||
|
name: document.getElementById('nombre').value,
|
||||||
|
last_name: document.getElementById('apellidos').value,
|
||||||
|
email: document.getElementById('correo_electronico').value,
|
||||||
|
phone: document.getElementById('telefono').value,
|
||||||
|
password: document.getElementById('correo_electronico').value,
|
||||||
|
user_type: "1", //1 es admin
|
||||||
|
status: "1"
|
||||||
|
};
|
||||||
|
setSysAdmin(data)
|
||||||
|
|
||||||
|
fetch('http://localhost:4000/user/createAdminSystem/', {
|
||||||
|
cache: 'no-cache',
|
||||||
|
method: 'POST',
|
||||||
|
body: JSON.stringify(data),
|
||||||
|
headers: {
|
||||||
|
'Content-Type': 'application/json'
|
||||||
}
|
}
|
||||||
)
|
})
|
||||||
.then(
|
.then(
|
||||||
function (response) {
|
function (response) {
|
||||||
let _administrators = [...administrators];
|
if (response.status != 201)
|
||||||
let _admin = { ...sysadmin };
|
console.log('Ocurrió un error con el servicio: ' + response.status);
|
||||||
_administrators.push(_admin);
|
else
|
||||||
setAdministrators(_administrators)
|
return response.json();
|
||||||
}
|
}
|
||||||
)
|
)
|
||||||
.catch(
|
.then(
|
||||||
err => console.log('Ocurrió un error con el fetch', err)
|
function (response) {
|
||||||
);
|
_administrators.push(_admin);
|
||||||
|
setAdministrators(_administrators)
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.catch(
|
||||||
|
err => console.log('Ocurrió un error con el fetch', err)
|
||||||
|
);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
const cambiarStatusUser = () => {
|
const cambiarStatusUser = () => {
|
||||||
|
|
@ -772,46 +799,121 @@ const AdministradoresSistema = () => {
|
||||||
</Dialog>
|
</Dialog>
|
||||||
<Dialog
|
<Dialog
|
||||||
visible={editAdminDialog}
|
visible={editAdminDialog}
|
||||||
style={{ width: '450px' }}
|
style={{ width: '850px' }}
|
||||||
header="Product Details"
|
header="Editar administrador del sistema"
|
||||||
modal
|
modal
|
||||||
className="p-fluid"
|
className="p-fluid"
|
||||||
footer={editAdminDialogFooter}
|
footer={editAdminDialogFooter}
|
||||||
onHide={hideEditAdminDialog}
|
onHide={hideEditAdminDialog}
|
||||||
>
|
>
|
||||||
<h5>Editar administrador del sistema</h5>
|
|
||||||
{sysadmin && (<div className="p-fluid formgrid grid">
|
{sysadmin && (<div className="p-fluid formgrid grid">
|
||||||
<div className="field col-12 md:col-6">
|
<div className="field col-12 md:col-6">
|
||||||
<label htmlFor="nombre">Nombre</label>
|
<label htmlFor="nombre">Nombre</label>
|
||||||
<InputText id="nombre" value={sysadmin.name}
|
|
||||||
onChange={(e) => onInputChange(e, 'name')}
|
<div className="p-0 col-12 md:col-12">
|
||||||
required
|
<div className="p-inputgroup">
|
||||||
autoFocus
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
className={classNames({
|
<i className="pi pi-user"></i>
|
||||||
'p-invalid': submitted && !sysadmin.name,
|
</span>
|
||||||
})}
|
<InputText id="nombre" value={sysadmin.name}
|
||||||
/>
|
onChange={(e) => onInputChange(e, 'name')}
|
||||||
{submitted && !sysadmin.name && (
|
required
|
||||||
<small className="p-invalid">Nombre es requerido.</small>
|
autoFocus
|
||||||
)}
|
className={classNames({
|
||||||
|
'p-invalid': submitted && sysadmin.name === '',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{submitted && sysadmin.name === '' &&
|
||||||
|
<small className="p-invalid">Nombre es requirido.</small>}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="field col-12 md:col-6">
|
<div className="field col-12 md:col-6">
|
||||||
<label htmlFor="apellidos">Apellido(s)</label>
|
<label htmlFor="apellidos">Apellido(s)</label>
|
||||||
<InputText id="apellidos" type="text" />
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-user"></i>
|
||||||
|
</span>
|
||||||
|
<InputText id="last_name" value={sysadmin.last_name}
|
||||||
|
onChange={(e) => onInputChange(e, 'last_name')}
|
||||||
|
required
|
||||||
|
autoFocus
|
||||||
|
className={classNames({
|
||||||
|
'p-invalid': submitted && sysadmin.last_name === '',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{submitted && sysadmin.last_name === '' && (
|
||||||
|
<small className="p-invalid">Apellido(s) es requerido.</small>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="field col-12 md:col-6">
|
<div className="field col-12 md:col-6">
|
||||||
<label htmlFor="correo_electronico">Correo electrónico</label>
|
<label htmlFor="correo_electronico">Correo electrónico</label>
|
||||||
<InputText id="correo_electronico" type="email" />
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-at"></i>
|
||||||
|
</span>
|
||||||
|
<InputText type="email" id="correo_electronico" value={sysadmin.email}
|
||||||
|
onChange={(e) => onInputChange(e, 'email')}
|
||||||
|
required
|
||||||
|
autoFocus
|
||||||
|
className={classNames({
|
||||||
|
'p-invalid': submitted && sysadmin.email === '',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{submitted && sysadmin.email === '' && (
|
||||||
|
<small className="p-invalid">Correo electrónico es requerido.</small>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="field col-12 md:col-6">
|
<div className="field col-12 md:col-6">
|
||||||
<label htmlFor="identificacion">Identificación</label>
|
<label htmlFor="identificacion">Identificación</label>
|
||||||
<InputText id="identificacion" type="text" />
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-id-card"></i>
|
||||||
|
</span>
|
||||||
|
<InputText type="text" id="identificacion" value={sysadmin.dni}
|
||||||
|
onChange={(e) => onInputChange(e, 'dni')}
|
||||||
|
required
|
||||||
|
autoFocus
|
||||||
|
className={classNames({
|
||||||
|
'p-invalid': submitted && sysadmin.dni === '',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{submitted && sysadmin.dni === '' && (
|
||||||
|
<small className="p-invalid">Identificación es requerida.</small>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="field col-12">
|
<div className="field col-12">
|
||||||
<label htmlFor="telefono">Teléfono</label>
|
<label htmlFor="telefono">Teléfono</label>
|
||||||
<InputText type="tel" id="telefono" pattern="[0-9]{8}" />
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-phone"></i>
|
||||||
|
</span>
|
||||||
|
<InputText type="tel" id="telefono" pattern="[0-9]{8}"
|
||||||
|
value={sysadmin.phone}
|
||||||
|
onChange={(e) => onInputChange(e, 'phone')}
|
||||||
|
required
|
||||||
|
autoFocus
|
||||||
|
className={classNames({
|
||||||
|
'p-invalid': submitted && sysadmin.phone === '',
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
{submitted && sysadmin.phone === '' && (
|
||||||
|
<small className="p-invalid">Teléfono es requerido.</small>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Button label="Registrar" onClick={registrarAdmin}></Button>
|
<Button label="Guardar cambios" onClick={guardarAdmin}></Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</Dialog>
|
</Dialog>
|
||||||
|
|
@ -841,7 +943,7 @@ const AdministradoresSistema = () => {
|
||||||
<label htmlFor="telefono">Teléfono</label>
|
<label htmlFor="telefono">Teléfono</label>
|
||||||
<InputText type="tel" id="telefono" pattern="[0-9]{8}" />
|
<InputText type="tel" id="telefono" pattern="[0-9]{8}" />
|
||||||
</div>
|
</div>
|
||||||
<Button label="Registrar" onClick={registrarAdmin}></Button>
|
<Button label="Registrar" onClick={guardarAdmin}></Button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue