From 117c11b2b509c951d0397989766765eb4fea67dc Mon Sep 17 00:00:00 2001 From: andrebarros7201 Date: Mon, 19 Apr 2021 08:08:44 +0000 Subject: [PATCH] =?UTF-8?q?Router=20e=20P=C3=A1gina=20Criar=20Produto?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- dbs/dbmercearia.mv.db | Bin 57344 -> 57344 bytes website/src/App.css | 7 +- website/src/App.js | 71 ++++++++++---- website/src/Components/NavBar/index.css | 34 ------- website/src/Components/NavBar/index.jsx | 35 ------- .../Cards/index.jsx => pages/Cards/index.js} | 29 ++++-- website/src/pages/CriarProduto/index.js | 89 ++++++++++++++++++ website/src/pages/CriarProduto/index.less | 5 + .../TabelaCategorias/index.js} | 8 +- .../index.jsx => pages/TabelaLojas/index.js} | 8 +- .../TabelaProdutos/index.js} | 8 +- 11 files changed, 180 insertions(+), 114 deletions(-) delete mode 100644 website/src/Components/NavBar/index.css delete mode 100644 website/src/Components/NavBar/index.jsx rename website/src/{Components/Cards/index.jsx => pages/Cards/index.js} (65%) create mode 100644 website/src/pages/CriarProduto/index.js create mode 100644 website/src/pages/CriarProduto/index.less rename website/src/{Components/TabelaCategorias/index.jsx => pages/TabelaCategorias/index.js} (86%) rename website/src/{Components/TabelaLojas/index.jsx => pages/TabelaLojas/index.js} (87%) rename website/src/{Components/TabelaProdutos/index.jsx => pages/TabelaProdutos/index.js} (90%) diff --git a/dbs/dbmercearia.mv.db b/dbs/dbmercearia.mv.db index a890ed9a527e0cfef0d223911f015ff42afd486b..4fb1b56410f834af47c0661d6d30bb5eaec6ee7c 100644 GIT binary patch delta 2540 zcmbVOeQXp(6yKY@D@~!LRUqv_KM`x-yv*$G?am#FUkQdk!4Fvo=qXqy=MV zdB(ou44C75-JIy(1MT|dQOrGw|rJ7 z7t_DnXS1@(Wrg6V!dg*tJ~&y&exJ8>61cRFy}0n(d~o35#k zgmt&>&jBM3(M2f?M$XcgQw|upoBo!%IPJraZwJ}U-o~Pb_iST-wa+h-hYQQuik;yA zcxOGU-#I-1hL*C{H@Mt=nC;rd<=|xc{+k{0z_dl~O9V>>+7^#59m677X{E`N3Vt;U0ySr;9<)AdRO7LC-~cK3xiWzNG)8OXYg~VrS0`xxVDj z&YtOs&Go-XIhlf}FwS^@S60_%Nvg+t|PtJ@MX5=nU((|K>@u6ikQmK?jR<3Vc z9km>VWS1%otufa|QI7WwGXmv$8d7MucfZWt>G9s#GD419%n6d@wR}x6>kcx6Vphlt z-f3=K!$`8BiL6f8wEIXE=LDor^_6o@xM6r8OaxBo4z`6bDx|rm?>Un(+F9(-zC8g@bB;Z^ zKN+azd@N9n3>y))6sQTR4KbD^`Pd`H?2mVs2HGyWIVL8)TU^Bu`l^EoHU%{q*F_9}*q+_Bf zSsm$dLkz7GD0m~C7(!@dz_@s@feg{vwiPk8juICSa#W2d1@+lNaWr^^Sxa)WZ^Z}- zs!l8-l#79QiTln5$|isfv$2V@dDkCjha#3e5=IZP)fhG)9}bU&-Jz5r6Nxm~jR_Rt zOidtn&Qy-NoXU{uN>1@yToGL5q2|tW=gj7@l1y6}m86AJGVSE1+e(e`b-&nEROELR z~%LH_nU4bLVt0wZh9C+y~g5?R;O)RJ&9;%vR9 z$rzB2VPWtpH)=BM$7AU{j+LK$VYl!%L4{b2nWmdy7b|TXE9)ApPI0U(?`Bu^KaQ2y zMpaF~s?5XcB**Pmu{y=E`s%;1QvVNDiJQdAp90z3jZcAFtJv#KfjN^nHh!`NY&4%o ODvBGiq#5H0UHmV+O#k2j delta 2536 zcmbVOdu$X%7~h+{Yn#&69<~GyO0NZN0+(iAy`5bIqcH?R0<|U>NVV+F&dQ^-$Q2Z< z_7Vul!|<43t=7BtN*{v3kWJ7Sr4@<)XiO2*m^6Tqi1BU2KL8V)-7B|)AP+a0`{sAw z%r~>&?|W==gins}d#ib58~YxpDW@W4H{&+660g^7Tb2!Mn@5e0?z`;*$0!|eS3pu2 zt>pzpCUc^Z8W{`pkp!_0nz6Q3Yq4G@N+uLAjBUj06RTQVbj#gybojxBLXP7Wj!oo4 z0ZyGq=X0ieGWb-tC-dJQ^JL-KX`U>3a=9nN4c(L7XG&;FNDM6u8KF%aSGx1F6hE2# zy>*r|y{fSkj9hiv#Y8dqJmvf`Z&wkxf}NKZeOC;AUErW)KTQCg8K)kXlz=@yk`;;h zU{4DfN=RVG24^g>EDvnENYu?Su#G2pb0)a`+nr%jl`aoOwqM)j&G_H8N6Fk5ehDT| z?)Lt8s4_WN9OS|vD$*g*A=42mpl{_pk>rQ3gn6p3qWWs8pCONHDw8SF(OvC4_a%Z;29GTnpX{rrld@o7+Q3?8&l}W4 zPl6ooj)i(cXC~$oqqBls?k)=Te*GnjE`OCn6ZpYiK+v20AoB$&OvONE6M?Ctd?x>U z5=~DEMlux_-3cG*yGkn4lR;lI(bD~(Z!S5Xt^j@0$+dI^-+1lP{+?-k~?cvBZw!4;yF8(P-X(nyp2 zsTx{qtg99CykDUpD-=14Nu>7(4Q82q+B*vf3elrebs3>s#Imemjg4jbMei^-tksy= z+=|xdn50fr)0B|Nvzf{o*>cU$q=1M?2}L$6){IIDPR}Iz>B=y*Q`}sW?U<2 zPUGqQfjo`_k1U_*^c{Q{fTt%p7Y1sBU}>XMc6cZN9{<@n{`R2&c%s}{eZ&mZ&}=M` z)od<`(2@j&fmnc$raaOCz zmWchm7PJKhc34(iVK5dg$ildSeCT;m^=&Cu9L9Z!4J0tP#I({d*TPmEdrJjFNd3}r z-A~x%$+ujcp2dkpWF2-15U297kdyp+FNGfT{1&XcEkoE6jD<)O@S||z(j3Wy% z;i8H(!u`dnm~((LgqLBk9WVGBrUQr^+0s%DRcFQJ1P)RX-X_H+&G73{|JHRE^v_ zRil)u^8cdB_&-$XcS)7s19H9_?*aD~u(#_0vx_J-zONZ-Oh1cUXPbr~Q-3b`2miS4 AfB*mh diff --git a/website/src/App.css b/website/src/App.css index d8fd400..efcc06e 100644 --- a/website/src/App.css +++ b/website/src/App.css @@ -60,4 +60,9 @@ .ant-menu-dark.ant-menu-horizontal > .ant-menu-item:hover { background-color: rgb(116, 0, 0); -} \ No newline at end of file +} + +main { + padding: 50px; + min-height: calc(100vh - 150px) !important; +} \ No newline at end of file diff --git a/website/src/App.js b/website/src/App.js index 3f6cf09..f023a0d 100644 --- a/website/src/App.js +++ b/website/src/App.js @@ -1,30 +1,63 @@ -import React, { useState, useEffect } from "react"; -import './App.css'; +import React from "react"; import _service from '@netuno/service-client'; -import TabelaProdutos from './Components/TabelaProdutos/index.jsx'; +import { Layout, Menu } from 'antd'; -import Cards from "./Components/Cards/index.jsx"; -import { Layout, Menu, Breadcrumb } from 'antd'; -import NavBar from "./Components/NavBar"; -const { Header, Content, Footer } = Layout; +import { + BrowserRouter as Router, + Switch, + Route, + Link +} from "react-router-dom"; +import './App.css'; +import Cards from './pages/Cards' +import TabelaLojas from "./pages/TabelaLojas"; +import TabelaCategorias from "./pages/TabelaCategorias"; +import TabelaProdutos from "./pages/TabelaProdutos"; +import CriarProduto from "./pages/CriarProduto"; -function App() { +const { Header, Content, Footer } = Layout; +export default () => { return ( -
- - - -
- -
+ + +
+ + Home + Lojas + Categorias + Produtos + Criar Produto + +
+ + + + + + + + + + + + + + + + + + -
Gestor de Mercearia ©2021
+
+

Gestão de Mercearias

+ Desenvolvimento de demonstração. +
-
+ ); -} +}; + -export default App; diff --git a/website/src/Components/NavBar/index.css b/website/src/Components/NavBar/index.css deleted file mode 100644 index afaf81a..0000000 --- a/website/src/Components/NavBar/index.css +++ /dev/null @@ -1,34 +0,0 @@ -.site-layout-content { - min-height: 280px; - padding: 24px; - background: #fff; - } - #components-layout-demo-top .logo { - float: left; - width: 120px; - height: 31px; - margin: 16px 24px 16px 0; - background: rgba(255, 255, 255, 0.3); - } - .ant-row-rtl #components-layout-demo-top .logo { - float: right; - margin: 16px 0 16px 24px; - } - - .ant-layout-header { - height: 64px; - padding: 0 50px; - color: rgba(255, 255, 255, 0.85); - line-height: 64px; - background: #f0f0f0; -} - -.ant-menu-dark.ant-menu-horizontal > .ant-menu-item, .ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu { - top: 0; - margin-top: 0; - padding: 0 20px; - border-color: #383838; - border-bottom-color: rgb(56, 56, 56); - border-bottom: 0; - } - diff --git a/website/src/Components/NavBar/index.jsx b/website/src/Components/NavBar/index.jsx deleted file mode 100644 index ff4b9f7..0000000 --- a/website/src/Components/NavBar/index.jsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from 'react'; -import './index.css'; - -import { Tabs } from 'antd'; -import TabelaProdutos from '../TabelaProdutos/index.jsx'; -import TabelaLojas from '../TabelaLojas/index.jsx'; -import TabelaCategorias from '../TabelaCategorias/index.jsx'; -import Cards from '../Cards/index.jsx'; - -const { TabPane } = Tabs; - -function callback(key) { - console.log(key); -} -const NavBar = () => { - return ( - - - - - - - - - - - - - - - - ); -} - -export default NavBar; \ No newline at end of file diff --git a/website/src/Components/Cards/index.jsx b/website/src/pages/Cards/index.js similarity index 65% rename from website/src/Components/Cards/index.jsx rename to website/src/pages/Cards/index.js index 8538d54..90f295f 100644 --- a/website/src/Components/Cards/index.jsx +++ b/website/src/pages/Cards/index.js @@ -1,41 +1,50 @@ import React from 'react'; import { Card, Col, Row } from 'antd'; +import { Link } from 'react-router-dom'; const { Meta } = Card; -const Cards = () => { +export default () => { return ( -
+
+ } + style={{ width: 400 }} + cover={mercearia} > - + + + - + } > + - + } > + -
); -} +
+ ); +}; -export default Cards; \ No newline at end of file diff --git a/website/src/pages/CriarProduto/index.js b/website/src/pages/CriarProduto/index.js new file mode 100644 index 0000000..cbce94f --- /dev/null +++ b/website/src/pages/CriarProduto/index.js @@ -0,0 +1,89 @@ +import React, { useState, useEffect } from "react"; + +import _service from '@netuno/service-client'; +import { Form, Input, Button, Select } from 'antd'; +import './index.less'; + +const layout = { + labelCol: { + span: 8, + }, + wrapperCol: { + span: 16, + }, +}; +const tailLayout = { + wrapperCol: { + offset: 8, + span: 16, + }, +}; + +export default () => { + + + const onFinish = (values) => { + console.log('Success:', values); + }; + + const onFinishFailed = (errorInfo) => { + console.log('Failed:', errorInfo); + }; + + return ( +
+ +
+

Criar Produto

+
+ + + + + + + + + + + + + + + + + + + +
+
+
+ ); +}; diff --git a/website/src/pages/CriarProduto/index.less b/website/src/pages/CriarProduto/index.less new file mode 100644 index 0000000..a4f00fc --- /dev/null +++ b/website/src/pages/CriarProduto/index.less @@ -0,0 +1,5 @@ +.criarProd { + max-width: 600px; + margin-left: 100px; + width: 30%; +} \ No newline at end of file diff --git a/website/src/Components/TabelaCategorias/index.jsx b/website/src/pages/TabelaCategorias/index.js similarity index 86% rename from website/src/Components/TabelaCategorias/index.jsx rename to website/src/pages/TabelaCategorias/index.js index 6a51042..b953a41 100644 --- a/website/src/Components/TabelaCategorias/index.jsx +++ b/website/src/pages/TabelaCategorias/index.js @@ -1,9 +1,9 @@ import React, { useState, useEffect } from "react"; -import { Table, Tag, Space } from 'antd'; +import { Table } from 'antd'; import _service from '@netuno/service-client'; -const TabelaCategorias = () => { +export default () => { const [data, setData] = useState([]); @@ -33,6 +33,4 @@ const TabelaCategorias = () => { ); -} - -export default TabelaCategorias; \ No newline at end of file +}; diff --git a/website/src/Components/TabelaLojas/index.jsx b/website/src/pages/TabelaLojas/index.js similarity index 87% rename from website/src/Components/TabelaLojas/index.jsx rename to website/src/pages/TabelaLojas/index.js index cff4379..015e1fc 100644 --- a/website/src/Components/TabelaLojas/index.jsx +++ b/website/src/pages/TabelaLojas/index.js @@ -1,9 +1,9 @@ import React, { useState, useEffect } from "react"; -import { Table, Tag, Space } from 'antd'; +import { Table } from 'antd'; import _service from '@netuno/service-client'; -const TabelaLojas = () => { +export default () => { const [data, setData] = useState([]); @@ -33,6 +33,4 @@ const TabelaLojas = () => {
); -} - -export default TabelaLojas; \ No newline at end of file +}; diff --git a/website/src/Components/TabelaProdutos/index.jsx b/website/src/pages/TabelaProdutos/index.js similarity index 90% rename from website/src/Components/TabelaProdutos/index.jsx rename to website/src/pages/TabelaProdutos/index.js index fbf4f9f..535695f 100644 --- a/website/src/Components/TabelaProdutos/index.jsx +++ b/website/src/pages/TabelaProdutos/index.js @@ -1,9 +1,9 @@ import React, { useState, useEffect } from "react"; -import { Table, Tag, Space } from 'antd'; +import { Table } from 'antd'; import _service from '@netuno/service-client'; -const TabelaProdutos = () => { +export default () => { const [data, setData] = useState([]); @@ -48,6 +48,4 @@ const TabelaProdutos = () => {
); -} - -export default TabelaProdutos; \ No newline at end of file +};