diff --git a/web-ui/web-react/src/App.js b/web-ui/web-react/src/App.js index c1db2858..3381887e 100644 --- a/web-ui/web-react/src/App.js +++ b/web-ui/web-react/src/App.js @@ -50,11 +50,10 @@ import './assets/demo/flags/flags.css'; import './assets/demo/Demos.scss'; import './assets/layout/layout.scss'; import './App.scss'; -import LogIn from './components/LogIn'; import { PrimeIcons } from 'primereact/api'; import AreasComunes from './components/AreasComunes'; import { useCookies } from "react-cookie"; -import LoginLocalStorage from './components/LoginLocalStorage'; +import Login from './components/Login'; @@ -425,7 +424,7 @@ const App = () => {
- + } /> diff --git a/web-ui/web-react/src/components/DashboardAdmin.js b/web-ui/web-react/src/components/DashboardAdmin.js deleted file mode 100644 index 0911d706..00000000 --- a/web-ui/web-react/src/components/DashboardAdmin.js +++ /dev/null @@ -1,360 +0,0 @@ -import React, { useState, useEffect, useRef } from 'react'; -import classNames from 'classnames'; -import { Route, useLocation } from 'react-router-dom'; -import { CSSTransition } from 'react-transition-group'; - -import { AppTopbar } from '../AppTopbar'; -import { AppFooter } from '../AppFooter'; -import { AppMenu } from '../AppMenu'; -import { AppConfig } from '../AppConfig'; - -import Dashboard from '../templates/Dashboard'; -import ButtonDemo from '../templates/ButtonDemo'; -import ChartDemo from '../templates/ChartDemo'; -import Documentation from '../templates/Documentation'; -import FileDemo from '../templates/FileDemo'; -import FloatLabelDemo from '../templates/FloatLabelDemo'; -import FormLayoutDemo from '../templates/FormLayoutDemo'; -import InputDemo from '../templates/InputDemo'; -import ListDemo from '../templates/ListDemo'; -import MenuDemo from '../templates/MenuDemo'; -import MessagesDemo from '../templates/MessagesDemo'; -import MiscDemo from '../templates/MiscDemo'; -import OverlayDemo from '../templates/OverlayDemo'; -import MediaDemo from '../templates/MediaDemo'; -import PanelDemo from '../templates/PanelDemo'; -import TableDemo from '../templates/TableDemo'; -import TreeDemo from '../templates/TreeDemo'; -import InvalidStateDemo from '../templates/InvalidStateDemo'; -import BlocksDemo from '../templates/BlocksDemo'; -import IconsDemo from '../templates/IconsDemo'; -import AdministradoresSistema from '../components/AdministradoresSistema'; -import AdministradoresComunidad from '../components/AdministradoresComunidad'; -import GuardasSeguridad from '../components/GuardasSeguridad'; -import Communities from '../components/ComunidadViviendas'; -import Inquilinos from '../components/Inquilinos'; - -import Crud from '../pages/Crud'; -import EmptyPage from '../pages/EmptyPage'; -import TimelineDemo from '../pages/TimelineDemo'; - -import PrimeReact from 'primereact/api'; -import { Tooltip } from 'primereact/tooltip'; - -import 'primereact/resources/primereact.css'; -import 'primeicons/primeicons.css'; -import 'primeflex/primeflex.css'; -import 'prismjs/themes/prism-coy.css'; -import '../assets/demo/flags/flags.css'; -import '../assets/demo/Demos.scss'; -import '../assets/layout/layout.scss'; -import '../App.scss'; -import LogIn from '../components/LogIn'; -import LoginLocalStorage from '../components/LoginLocalStorage'; - -const DashboardAdmin = () => { - const [layoutMode, setLayoutMode] = useState('static'); - const [layoutColorMode, setLayoutColorMode] = useState('light') - const [inputStyle, setInputStyle] = useState('outlined'); - const [ripple, setRipple] = useState(true); - const [staticMenuInactive, setStaticMenuInactive] = useState(false); - const [overlayMenuActive, setOverlayMenuActive] = useState(false); - const [mobileMenuActive, setMobileMenuActive] = useState(false); - const [mobileTopbarMenuActive, setMobileTopbarMenuActive] = useState(false); - const copyTooltipRef = useRef(); - const location = useLocation(); - - const handleLogout=()=>{ - localStorage.clear(); - window.location.reload(); - } - - PrimeReact.ripple = true; - - let menuClick = false; - let mobileTopbarMenuClick = false; - - useEffect(() => { - if (mobileMenuActive) { - addClass(document.body, "body-overflow-hidden"); - } else { - removeClass(document.body, "body-overflow-hidden"); - } - }, [mobileMenuActive]); - - useEffect(() => { - copyTooltipRef && copyTooltipRef.current && copyTooltipRef.current.updateTargetEvents(); - }, [location]); - - const onInputStyleChange = (inputStyle) => { - setInputStyle(inputStyle); - } - - const onRipple = (e) => { - PrimeReact.ripple = e.value; - setRipple(e.value) - } - - const onLayoutModeChange = (mode) => { - setLayoutMode(mode) - } - - const onColorModeChange = (mode) => { - setLayoutColorMode(mode) - } - - const onWrapperClick = (event) => { - if (!menuClick) { - setOverlayMenuActive(false); - setMobileMenuActive(false); - } - - if (!mobileTopbarMenuClick) { - setMobileTopbarMenuActive(false); - } - - mobileTopbarMenuClick = false; - menuClick = false; - } - - const onToggleMenuClick = (event) => { - menuClick = true; - - if (isDesktop()) { - if (layoutMode === 'overlay') { - if (mobileMenuActive === true) { - setOverlayMenuActive(true); - } - - setOverlayMenuActive((prevState) => !prevState); - setMobileMenuActive(false); - } - else if (layoutMode === 'static') { - setStaticMenuInactive((prevState) => !prevState); - } - } - else { - setMobileMenuActive((prevState) => !prevState); - } - - event.preventDefault(); - } - - const onSidebarClick = () => { - menuClick = true; - } - - const onMobileTopbarMenuClick = (event) => { - mobileTopbarMenuClick = true; - - setMobileTopbarMenuActive((prevState) => !prevState); - event.preventDefault(); - } - - const onMobileSubTopbarMenuClick = (event) => { - mobileTopbarMenuClick = true; - - event.preventDefault(); - } - - const onMenuItemClick = (event) => { - if (!event.item.items) { - setOverlayMenuActive(false); - setMobileMenuActive(false); - } - } - const isDesktop = () => { - return window.innerWidth >= 992; - } - - const menu = [ - { - label: 'Home', - items: [ - {label: 'Dashboard', icon: 'pi pi-fw pi-home', to: '/'}, - {label: 'Administradores del sistema', icon: 'pi pi-fw pi-id-card', to: '/administradoresSistema'}, - {label: 'Administradores de comunidad', icon: 'pi pi-fw pi-id-card', to: '/administradoresComunidad'}, - {label: 'Guardas de seguridad', icon: 'pi pi-fw pi-id-card', to: '/guardasSeguridad'}, - {label: 'Comunidadades', icon: 'pi pi-fw pi-id-card', to: '/comunidadesViviendas'}, - {label: 'Inquilinos', icon: 'pi pi-fw pi-id-card', to: '/inquilinos'}, - {label: 'Log in', icon: 'pi pi-fw pi-id-card', to: '/logIn'}, - {label: 'Log out', icon: 'pi pi-fw pi-id-card', to: '/logOut'} - ] - }, - { - label: 'UI Components', icon: 'pi pi-fw pi-sitemap', - items: [ - { label: 'Form Layout', icon: 'pi pi-fw pi-id-card', to: '/formlayout' }, - { label: 'Input', icon: 'pi pi-fw pi-check-square', to: '/input' }, - { label: "Float Label", icon: "pi pi-fw pi-bookmark", to: "/floatlabel" }, - { label: "Invalid State", icon: "pi pi-fw pi-exclamation-circle", to: "invalidstate" }, - { label: 'Button', icon: 'pi pi-fw pi-mobile', to: '/button' }, - { label: 'Table', icon: 'pi pi-fw pi-table', to: '/table' }, - { label: 'List', icon: 'pi pi-fw pi-list', to: '/list' }, - { label: 'Tree', icon: 'pi pi-fw pi-share-alt', to: '/tree' }, - { label: 'Panel', icon: 'pi pi-fw pi-tablet', to: '/panel' }, - { label: 'Overlay', icon: 'pi pi-fw pi-clone', to: '/overlay' }, - { label: "Media", icon: "pi pi-fw pi-image", to: "/media" }, - { label: 'Menu', icon: 'pi pi-fw pi-bars', to: '/menu' }, - { label: 'Message', icon: 'pi pi-fw pi-comment', to: '/messages' }, - { label: 'File', icon: 'pi pi-fw pi-file', to: '/file' }, - { label: 'Chart', icon: 'pi pi-fw pi-chart-bar', to: '/chart' }, - { label: 'Misc', icon: 'pi pi-fw pi-circle-off', to: '/misc' }, - ] - }, - { - label: 'UI Blocks', - items: [ - { label: 'Free Blocks', icon: 'pi pi-fw pi-eye', to: '/blocks', badge: "NEW" }, - { label: 'All Blocks', icon: 'pi pi-fw pi-globe', url: 'https://www.primefaces.org/primeblocks-react' } - ] - }, - { - label: 'Icons', - items: [ - { label: 'PrimeIcons', icon: 'pi pi-fw pi-prime', to: '/icons' } - ] - }, - { - label: 'Pages', icon: 'pi pi-fw pi-clone', - items: [ - { label: 'Crud', icon: 'pi pi-fw pi-user-edit', to: '/crud' }, - { label: 'Timeline', icon: 'pi pi-fw pi-calendar', to: '/timeline' }, - { label: 'Empty', icon: 'pi pi-fw pi-circle-off', to: '/empty' } - ] - }, - { - label: 'Menu Hierarchy', icon: 'pi pi-fw pi-search', - items: [ - { - label: 'Submenu 1', icon: 'pi pi-fw pi-bookmark', - items: [ - { - label: 'Submenu 1.1', icon: 'pi pi-fw pi-bookmark', - items: [ - { label: 'Submenu 1.1.1', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 1.1.2', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 1.1.3', icon: 'pi pi-fw pi-bookmark' }, - ] - }, - { - label: 'Submenu 1.2', icon: 'pi pi-fw pi-bookmark', - items: [ - { label: 'Submenu 1.2.1', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 1.2.2', icon: 'pi pi-fw pi-bookmark' } - ] - }, - ] - }, - { - label: 'Submenu 2', icon: 'pi pi-fw pi-bookmark', - items: [ - { - label: 'Submenu 2.1', icon: 'pi pi-fw pi-bookmark', - items: [ - { label: 'Submenu 2.1.1', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 2.1.2', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 2.1.3', icon: 'pi pi-fw pi-bookmark' }, - ] - }, - { - label: 'Submenu 2.2', icon: 'pi pi-fw pi-bookmark', - items: [ - { label: 'Submenu 2.2.1', icon: 'pi pi-fw pi-bookmark' }, - { label: 'Submenu 2.2.2', icon: 'pi pi-fw pi-bookmark' } - ] - } - ] - } - ] - } - ]; - - const addClass = (element, className) => { - if (element.classList) - element.classList.add(className); - else - element.className += ' ' + className; - } - - const removeClass = (element, className) => { - if (element.classList) - element.classList.remove(className); - else - element.className = element.className.replace(new RegExp('(^|\\b)' + className.split(' ').join('|') + '(\\b|$)', 'gi'), ' '); - } - - const wrapperClass = classNames('layout-wrapper', { - 'layout-overlay': layoutMode === 'overlay', - 'layout-static': layoutMode === 'static', - 'layout-static-sidebar-inactive': staticMenuInactive && layoutMode === 'static', - 'layout-overlay-sidebar-active': overlayMenuActive && layoutMode === 'overlay', - 'layout-mobile-sidebar-active': mobileMenuActive, - 'p-input-filled': inputStyle === 'filled', - 'p-ripple-disabled': ripple === false, - 'layout-theme-light': layoutColorMode === 'light' - }); - - return ( -
- - - - -
- -
- -
-
- } /> - - - - - - - - - - - - - - - - - } /> - - - - - - - - - - - - -
- - -
- - - - -
-
- - -
- - ); - -} - -export default DashboardAdmin; diff --git a/web-ui/web-react/src/components/LocalStorage.js b/web-ui/web-react/src/components/LocalStorage.js deleted file mode 100644 index 37edbadb..00000000 --- a/web-ui/web-react/src/components/LocalStorage.js +++ /dev/null @@ -1,17 +0,0 @@ -import React, { useRef } from "react"; - -function LocalStorage(){ - const data=useRef(); - const handleClick=()=>{ - console.log(data.current.value,"initial value") - localStorage.setItem("inputValue",data.current.value) - } - console.log(localStorage.getItem("inputValue"),"****") - return( - <> - - - - ); -} -export default LocalStorage; \ No newline at end of file diff --git a/web-ui/web-react/src/pages/Menu.js b/web-ui/web-react/src/pages/Menu.js deleted file mode 100644 index 88758bdf..00000000 --- a/web-ui/web-react/src/pages/Menu.js +++ /dev/null @@ -1,35 +0,0 @@ -import React, { Component } from 'react'; -import Cookies from 'universal-cookie'; - -const cookies = new Cookies(); - -class Menu extends Component { - cerrarSesion=()=>{ - cookies.remove('id', {path: "/"}); - cookies.remove('email', {path: "/"}); - cookies.remove('name', {path: "/"}); - window.location.href='/login'; - } - - componentDidMount() { - if(!cookies.get('email')){ - window.location.href="./login"; - } - } - - render() { - console.log('id: '+ cookies.get('id')); - console.log('name: '+cookies.get('name')); - console.log('email: '+cookies.get('email')); - return ( -
- Menu Principal - -
- -
- ); - } -} - -export default Menu; \ No newline at end of file diff --git a/web-ui/web-react/src/routes/Routes.js b/web-ui/web-react/src/routes/Routes.js deleted file mode 100644 index cb0800ec..00000000 --- a/web-ui/web-react/src/routes/Routes.js +++ /dev/null @@ -1,39 +0,0 @@ -import React, { useEffect, useRef } from 'react'; -import { BrowserRouter, Switch, Route } from 'react-router-dom'; -import App from '../App'; -import LoginLocalStorage from '../components/LoginLocalStorage'; -import MenuAdmin from '../components/MenuAdmin'; -import Menu from '../pages/Menu'; -import MenuAdminCommunity from '../components/MenuAdminCommunity'; -import { useCookies } from "react-cookie"; - - -function Routes() { - - const [cookies, setCookies] = useCookies(); - - - function getMenu() { - console.log(cookies.type) - switch(cookies.type) { - case '1': - return - case '2': - return - - } - } - - - return ( - - - - - - - - ); -} - -export default Routes; \ No newline at end of file