Merge pull request #45 from ProjetosCMS/dev

Versão 1.0
WebI-2020-1 · Mar 18, 2021 · ca84be5 · ca84be5
2 parents b254e22 + 86b5902
commit ca84be5
Show file tree

Hide file tree

Showing 81 changed files with 3,228 additions and 805 deletions.
diff --git a/README.md b/README.md
@@ -43,7 +43,7 @@ Este projeto está sob licença do MIT que permite a qualquer pessoa que obtém
 
 - Dashboard
 
-![Dashboard](./layouts/Dashboard%20Menu%20open-%20Bew%20-%20Desktop.png)
+![Dashboard](./layouts/Dashboard%20Menu%20open-%20Bew%20-%20Desktop.jpeg)
 
 Acesse o layout completo no [Figma](https://www.figma.com/file/VLJiXLRJlLLLioYwbZtI95/BEW?node-id=0%3A1) (ainda em construção).
 
@@ -53,12 +53,13 @@ Acesse o layout completo no [Figma](https://www.figma.com/file/VLJiXLRJlLLLioYwb
 - [X] Dashboard
 - [X] Adição e consulta de vendas
 - [ ] Edição de vendas
-- [ ] Adição, consulta e edição de compras
+- [x] Adição e consulta de compras
+- [ ] Edição de compras
 - [X] Adição, consulta, edição e remoção de produtos
 - [X] Adição, consulta, edição e remoção de fornecedores
 - [X] Adição, consulta, edição e remoção de funcionários
 - [X] Adição, consulta, edição e remoção de clientes
-- [ ] Adição, consulta, edição e remoção de promoções
+- [x] Adição, consulta, edição e remoção de promoções
 - [X] Adição, consulta, edição e remoção de categorias
 - [ ] Gerenciamento de relatórios
 

diff --git a/layouts/Dashboard - Bew - Desktop.png b/layouts/Dashboard - Bew - Desktop.png
diff --git a/layouts/Dashboard Menu open- Bew - Desktop.jpeg b/layouts/Dashboard Menu open- Bew - Desktop.jpeg
diff --git a/public/css/404.css b/public/css/404.css
@@ -1,4 +1,4 @@
-@import "./global.css";
+@import './global.css';
 
 body{
   color: var(--laranja);
@@ -8,10 +8,16 @@ body{
 h1{
   font-size: 7rem;
 }
-a{
+
+.btnRetornar{
   text-decoration: none;
-  color: var(--laranja);
+  background-color: var(--laranja);
+  color: var(--preto);
   display: flex;
   align-items: center;
+  justify-content: center;
+  border-radius: 5px;
+  font-weight: 500;
   margin:1.2rem;
+  padding: 0.5rem;
 }
diff --git a/public/css/addEmployee.css b/public/css/addEmployee.css
@@ -1,4 +1,4 @@
-@import "./global.css";
+@import './modal.css';
 
 #funcionarios{
   background-color: rgba( 8, 102, 59, 0.47);
@@ -18,86 +18,94 @@ main header h1 {
   padding-right: 10vw;
 }
 
-.content{
-  background-color: var(--cinza-claro);
-  border-radius: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 1.3rem;
-  color: var(--branco);
-  overflow-y: scroll;
+main .content {
+  height: 90%;
+  margin-top: 1%;
 }
 
-main .content form {
+main .content .conteudo-cadastro {
   display: grid;
-  grid-column-gap: 3%;
-  grid-template-columns: auto auto;
-  margin: 20px;
-  width: 80%;
-  height: 90%;
+  width: 90%;
+  height: 100%;
+  margin-left: 5%;
+  margin-right: 5%;
+  padding: 2.5% 5%;
+  grid-template-columns: 50% 50%;
+  grid-template-rows: repeat(12, 12%, 20%);
+  column-gap: 15px;
+  grid-template-areas:
+  'label1 label1'
+  'nome nome'
+  'label2 label3'
+  'nivelAcesso cpf'
+  'label4 label4'
+  'endereco endereco'
+  'label5 label6'
+  'telefone dataNascimento'
+  'label7 label7'
+  'email email'
+  'label8 label9'
+  'usuario senha';
 }
 
-.itemTodo{
-  grid-column: 1 / span 2;
+#nome{
+  grid-area: nome;
 }
 
-label{
-  display: flex;
+#nivelAcesso{
+  grid-area: nivelAcesso;
 }
 
-.icone{
-  margin-right: 5px;
+#cpf{
+  grid-area: cpf;
 }
 
-.input{
-  background-color: var(--cinza-escuro);
-  border-radius: 7px;
-  border: 0;
-  color: var(--branco);
-  font-size: 1.3rem;
-  padding: 0.7rem;
-  margin-bottom: 2%;
-  margin-top: 1%;
-  width: 100%;
+#endereco{
+  grid-area: endereco;
 }
 
-.botao{
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 5px;
-  margin-top: 10%;
-  padding: 10px;
-  font-family: 'Roboto', sans-serif;
-  font-size: 1rem;
-  font-weight: 500;
+#telefone{
+  grid-area: telefone;
 }
 
-.btnCancelar{
-  background-color: var(--cinza-escuro);
-  color: var(--branco);
+#dataNascimento{
+  grid-area: dataNascimento;
 }
 
-.btnCadastrar{
-  background-color: var(--verde);
+#email{
+  grid-area: email;
 }
 
-.btnIcone{
-  margin-left: 5px;
+#usuario{
+  grid-area: usuario;
 }
 
-@media screen and (max-width: 900px){
-  .item{
-    grid-column: 1 / span 2;
-  }
+#senha{
+  grid-area: senha;
+}
+
+.label7{
+  grid-area: label7;
+}
+
+main .content .conteudo-cadastro select {
+  width: 80%;
+  height: 70%;
+  border: none;
+  outline: none;
+  border-radius: 6px;
+  color: var(--branco);
+  background-color: var(--cinza-escuro);
+  font-size: 18px;
+  padding: 5px;
+  padding-left: 10px;
+  margin-left: 10%;
+}
 
-  .btnCadastrar{
-    margin-top: 4%;
-  }
+.conteudo-cadastro{
+  overflow-y: scroll;
+}
 
-  .content{
-    margin-top: 60px;
-  }
+.conteudo-cadastro input{
+  margin-bottom: 30px;
 }
diff --git a/public/css/addProduct.css b/public/css/addProduct.css
@@ -31,7 +31,7 @@ main .content .conteudo-cadastro {
   margin-right: 5%;
   padding: 2.5% 5%;
   grid-template-columns: 50% 50%;
-  grid-template-rows: repeat(3, 12%, 20%);
+  grid-template-rows: 12% 20% 12% 20% 12% 20%;
   column-gap: 15px;
   grid-template-areas:
   'label1 label1'
@@ -75,7 +75,3 @@ main .content .conteudo-cadastro select {
   padding-left: 10px;
   margin-left: 10%;
 }
-
-main .content .conteudo-cadastro select {
-  grid-area: select;
-}
diff --git a/public/css/addProductPromotion.css b/public/css/addProductPromotion.css
@@ -0,0 +1,69 @@
+@import './modal.css';
+
+#promocoes {
+  background-color: rgba(8, 102, 59, 0.47);
+  border-left-color: black;
+}
+
+#promocoes a {
+  color: #fff;
+}
+
+main header {
+  grid-template-columns: 10% 1fr;
+}
+
+main header h1 {
+  justify-self: center;
+  padding-right: 10vw;
+}
+
+main .content {
+  height: 90%;
+  margin-top: 1%;
+}
+
+main .content .conteudo-cadastro {
+  display: grid;
+  width: 70%;
+  height: 60%;
+  margin-left: 15%;
+  margin-right: 5%;
+  padding: 2.5% 5%;
+  grid-template-columns: 1fr 80% 1fr;
+  grid-template-rows: 12% 20% 12% 20% 12% 20%;
+  column-gap: 15px;
+  grid-template-areas:
+  '. label1 .'
+  '. promocao .'
+  '. label2 .'
+  '. produto .'
+  '. label3 .'
+  '. desconto .';
+}
+
+#idPromocao {
+  grid-area: promocao;
+}
+
+#idProduto {
+  grid-area: produto;
+}
+
+#valorDesconto {
+  grid-area: desconto;
+}
+
+select {
+  width: 80%;
+  height: 70%;
+  border: none;
+  outline: none;
+  border-radius: 6px;
+  color: var(--branco);
+  background-color: var(--cinza-escuro);
+  font-size: 18px;
+  padding: 5px;
+  padding-left: 10px;
+  margin-left: 10%;
+}
diff --git a/public/css/addPromotion.css b/public/css/addPromotion.css
@@ -0,0 +1,53 @@
+@import './modal.css';
+
+#promocoes {
+  background-color: rgba(8, 102, 59, 0.47);
+  border-left-color: black;
+}
+
+#promocoes a {
+  color: #fff;
+}
+
+main header {
+  grid-template-columns: 10% 1fr;
+}
+
+main header h1 {
+  justify-self: center;
+  padding-right: 10vw;
+}
+
+main .content {
+  height: 90%;
+  margin-top: 1%;
+}
+
+main .content .conteudo-cadastro {
+  display: grid;
+  width: 90%;
+  height: 60%;
+  margin-left: 5%;
+  margin-right: 5%;
+  padding: 2.5% 5%;
+  grid-template-columns: 50% 50%;
+  grid-template-rows: 15% 25% 15% 25%;
+  column-gap: 15px;
+  grid-template-areas:
+  'label1 label1'
+  'nome nome'
+  'label2 label3'
+  'data1 data2';
+}
+
+#nome {
+  grid-area: nome;
+}
+
+#dataInicio {
+  grid-area: data1;
+}
+
+#dataFim {
+  grid-area: data2;
+}