From e2d151e155a29c63d8ac97825f1c2e9a80a04dbd Mon Sep 17 00:00:00 2001 From: Mariela Date: Mon, 1 Aug 2022 01:01:01 -0600 Subject: [PATCH] fix estilo del estado --- .../public/assets/themes/khaki/theme.css | 34 +++++++++++- .../web-react/src/components/AreasComunes.js | 52 ++++++++++--------- 2 files changed, 60 insertions(+), 26 deletions(-) diff --git a/web-ui/web-react/public/assets/themes/khaki/theme.css b/web-ui/web-react/public/assets/themes/khaki/theme.css index 08d350a6..5aa7ff7b 100644 --- a/web-ui/web-react/public/assets/themes/khaki/theme.css +++ b/web-ui/web-react/public/assets/themes/khaki/theme.css @@ -89,8 +89,8 @@ } .p-icon-input-khaki { - border-top-right-radius: 0!important; - border-bottom-right-radius: 0!important; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; border-color: #C08135; } @@ -7117,4 +7117,34 @@ .p-button.p-button-danger:enabled:focus { box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px #f7a2a2, 0 1px 2px 0 black; +} + + +.status { + border-radius: var(--border-radius); + padding: 0.25em 0.5rem; + text-transform: uppercase; + font-weight: 700; + font-size: 12px; + letter-spacing: 0.3px; +} + +.status.status-1 { + background: #c8e6c9!important; + color: #256029!important; +} + +.status.status-0 { + background: #ffcdd2; + color: #c63737; +} + +.status.status-2 { + background: #feedaf; + color: #8a5340; +} + +.status.status--1 { + background: #565656; + color: #f7f9f7; } \ No newline at end of file diff --git a/web-ui/web-react/src/components/AreasComunes.js b/web-ui/web-react/src/components/AreasComunes.js index 51a3746c..252a54bb 100644 --- a/web-ui/web-react/src/components/AreasComunes.js +++ b/web-ui/web-react/src/components/AreasComunes.js @@ -24,16 +24,11 @@ const AreasComunes = () => { _id: null, dni: '', name: '', - last_name: '', - email: '', - phone: '', - password: '', - confirmPassword: '', + hourMin: '', + hourMax: '', community_id: '', - community_name: '', - user_type: '2', - date_entry: new Date(), - status: '1' + bookable: '1', + bookable_text: '', }; const [commonAreaList, setCommonAreaList] = useState([]); @@ -53,7 +48,16 @@ const AreasComunes = () => { .then((response) => response.json()) .then(data => data.message) .then(data => { - setCommonAreaList(data) + if(data) { + data.map(item => { + if(item.bookable == '1') { + item.bookable_text = 'Disponible'; + } else{ + item.bookable_text = 'Cerrado'; + } + }) + } + setCommonAreaList(data); }); } @@ -248,19 +252,20 @@ const AreasComunes = () => { ) - const headerCommuntiy = ( - <> -

- {' '} - {' '} - Comunidad

- - ) + const statusBodyTemplate = (rowData) => { + return ( + <> + + {rowData.bookable_text} + + + ); + }; return ( - -
@@ -274,10 +279,9 @@ const AreasComunes = () => { globalFilter={globalFilter} emptyMessage="No hay administradores de comunidades registrados."> - - - - + + +