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);