From d41d9e8c550ad4719312b38ed9ca4f97583d9b28 Mon Sep 17 00:00:00 2001
From: Traym17 <51390112+Traym17@users.noreply.github.com>
Date: Mon, 11 Jul 2022 20:57:57 -0600
Subject: [PATCH 1/3] Componente formulario
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Creación del componente del formulario de registro del administrador del sistema
---
web-ui/web-react/src/App.js | 9 ++-
.../src/components/FormAdminSistema.js | 56 +++++++++++++++++++
2 files changed, 62 insertions(+), 3 deletions(-)
create mode 100644 web-ui/web-react/src/components/FormAdminSistema.js
diff --git a/web-ui/web-react/src/App.js b/web-ui/web-react/src/App.js
index c605f85d..22936c88 100644
--- a/web-ui/web-react/src/App.js
+++ b/web-ui/web-react/src/App.js
@@ -28,6 +28,7 @@ import TreeDemo from './components/TreeDemo';
import InvalidStateDemo from './components/InvalidStateDemo';
import BlocksDemo from './components/BlocksDemo';
import IconsDemo from './components/IconsDemo';
+import FormAdminSistema from './components/FormAdminSistema';
import Crud from './pages/Crud';
import EmptyPage from './pages/EmptyPage';
@@ -159,9 +160,10 @@ const App = () => {
const menu = [
{
label: 'Home',
- items: [{
- label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/'
- }]
+ items: [
+ {label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/'},
+ {label: 'Registro admin sistema', icon: 'pi pi-fw pi-id-card', to: '/formAdminSistema'}
+ ]
},
{
label: 'UI Components', icon: 'pi pi-fw pi-sitemap',
@@ -320,6 +322,7 @@ const App = () => {
+
diff --git a/web-ui/web-react/src/components/FormAdminSistema.js b/web-ui/web-react/src/components/FormAdminSistema.js
new file mode 100644
index 00000000..45b9ec55
--- /dev/null
+++ b/web-ui/web-react/src/components/FormAdminSistema.js
@@ -0,0 +1,56 @@
+import React, { useState } from 'react';
+import { InputText } from 'primereact/inputtext';
+import { Button } from 'primereact/button';
+import { InputTextarea } from 'primereact/inputtextarea';
+import { Dropdown } from 'primereact/dropdown';
+
+const FormAdminSistema = () => {
+ const [dropdownItem, setDropdownItem] = useState(null);
+ const dropdownItems = [
+ { name: 'Option 1', code: 'Option 1' },
+ { name: 'Option 2', code: 'Option 2' },
+ { name: 'Option 3', code: 'Option 3' }
+ ];
+
+ return (
+
+
+
+
Advanced
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ setDropdownItem(e.value)} options={dropdownItems} optionLabel="name" placeholder="Select One">
+
+
+
+
+
+
+
+
+
+ )
+}
+
+const comparisonFn = function (prevProps, nextProps) {
+ return prevProps.location.pathname === nextProps.location.pathname;
+};
+
+export default React.memo(FormAdminSistema, comparisonFn);
From 3fc5e59575b919ecf86ad0540e9c89032b9e1142 Mon Sep 17 00:00:00 2001
From: Traym17 <51390112+Traym17@users.noreply.github.com>
Date: Mon, 11 Jul 2022 21:16:19 -0600
Subject: [PATCH 2/3] =?UTF-8?q?Modificaci=C3=B3n=20del=20formulario?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Cambios en los campos del formulario
---
.../src/components/FormAdminSistema.js | 45 +++++++++----------
1 file changed, 20 insertions(+), 25 deletions(-)
diff --git a/web-ui/web-react/src/components/FormAdminSistema.js b/web-ui/web-react/src/components/FormAdminSistema.js
index 45b9ec55..da011028 100644
--- a/web-ui/web-react/src/components/FormAdminSistema.js
+++ b/web-ui/web-react/src/components/FormAdminSistema.js
@@ -5,43 +5,38 @@ import { InputTextarea } from 'primereact/inputtextarea';
import { Dropdown } from 'primereact/dropdown';
const FormAdminSistema = () => {
- const [dropdownItem, setDropdownItem] = useState(null);
- const dropdownItems = [
- { name: 'Option 1', code: 'Option 1' },
- { name: 'Option 2', code: 'Option 2' },
- { name: 'Option 3', code: 'Option 3' }
- ];
+
+ const registrarAdmin = () => {
+ console.log('holis');
+ }
return (
-
Advanced
+
Registro de un administrador del sistema
-
-
+
+
-
-
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
- setDropdownItem(e.value)} options={dropdownItems} optionLabel="name" placeholder="Select One">
-
-
-
-
+
+
+
From ce6d6f15531b1849c85325640bdcf5fd4adb0da3 Mon Sep 17 00:00:00 2001
From: Traym17 <51390112+Traym17@users.noreply.github.com>
Date: Mon, 11 Jul 2022 22:03:25 -0600
Subject: [PATCH 3/3] =?UTF-8?q?Modificaci=C3=B3n=20fetch?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../src/components/FormAdminSistema.js | 46 +++++++++++++++----
1 file changed, 37 insertions(+), 9 deletions(-)
diff --git a/web-ui/web-react/src/components/FormAdminSistema.js b/web-ui/web-react/src/components/FormAdminSistema.js
index da011028..c112cbe9 100644
--- a/web-ui/web-react/src/components/FormAdminSistema.js
+++ b/web-ui/web-react/src/components/FormAdminSistema.js
@@ -1,13 +1,45 @@
import React, { useState } from 'react';
import { InputText } from 'primereact/inputtext';
import { Button } from 'primereact/button';
-import { InputTextarea } from 'primereact/inputtextarea';
-import { Dropdown } from 'primereact/dropdown';
const FormAdminSistema = () => {
- const registrarAdmin = () => {
- console.log('holis');
+ function registrarAdmin() {
+ var data = {
+ dni: "12687",
+ name: "hola",
+ last_name: "buuu",
+ email: "tmora4c@ucenfotec.ac.cr",
+ phone: 84664515,
+ password: "1203",
+ user_type: "1",
+ status: "2"
+ };
+ console.log(data);
+ fetch('http://localhost:4000/user/createAdminSystem/', {
+ cache: 'no-cache',
+ method: 'POST',
+ body: JSON.stringify(data),
+ headers: {
+ 'Content-Type': 'application/json'
+ }
+ })
+ .then(
+ function (response) {
+ if (response.status != 200)
+ console.log('Ocurrió un error con el servicio: ' + response.status);
+ else
+ return response.json();
+ }
+ )
+ .then(
+ function (response) {
+ console.log(response);
+ }
+ )
+ .catch(
+ err => console.log('Ocurrió un error con el fetch', err)
+ );
}
return (
@@ -44,8 +76,4 @@ const FormAdminSistema = () => {
)
}
-const comparisonFn = function (prevProps, nextProps) {
- return prevProps.location.pathname === nextProps.location.pathname;
-};
-
-export default React.memo(FormAdminSistema, comparisonFn);
+export default React.memo(FormAdminSistema);