Ajustes para Simplifique
This commit is contained in:
8
package-lock.json
generated
8
package-lock.json
generated
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "sales",
|
"name": "simplifique-sales",
|
||||||
"version": "0.0.0",
|
"version": "2026.1.01",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "sales",
|
"name": "simplifique-sales",
|
||||||
"version": "0.0.0",
|
"version": "2026.1.01",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@agm/core": "^1.1.0",
|
"@agm/core": "^1.1.0",
|
||||||
"@angular/animations": "^9.1.13",
|
"@angular/animations": "^9.1.13",
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../assets/img/logo.svg");
|
background-image: url("../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -312,7 +312,7 @@
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-muted{
|
.text-muted {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -326,7 +326,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-page{
|
.title-page {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -346,7 +346,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-page{
|
.title-page {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -357,7 +357,7 @@
|
|||||||
max-width: 200px;
|
max-width: 200px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-page{
|
.title-page {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -53,15 +53,15 @@ export class LoginComponent implements OnInit, AfterViewInit {
|
|||||||
this.form.markAllAsTouched();
|
this.form.markAllAsTouched();
|
||||||
if (this.form.valid) {
|
if (this.form.valid) {
|
||||||
this.loadingIcon = 'loading';
|
this.loadingIcon = 'loading';
|
||||||
const domain = '@jurunense.com.br';
|
// const domain = '@jurunense.com.br';
|
||||||
let email = this.form.value.email;
|
let email = this.form.value.email;
|
||||||
|
|
||||||
// Remover domínio existente se já foi digitado
|
// Remover domínio existente se já foi digitado
|
||||||
if (email.toLowerCase().endsWith(domain)) {
|
// if (email.toLowerCase().endsWith(domain)) {
|
||||||
email = email.substring(0, email.length - domain.length);
|
// email = email.substring(0, email.length - domain.length);
|
||||||
}
|
// }
|
||||||
|
|
||||||
const emailUpperCase = (email + domain).toUpperCase();
|
const emailUpperCase = (email).toUpperCase();
|
||||||
const passwordUpperCase = this.form.value.password.toUpperCase();
|
const passwordUpperCase = this.form.value.password.toUpperCase();
|
||||||
|
|
||||||
this.authService.login({
|
this.authService.login({
|
||||||
|
|||||||
@@ -1,39 +1,32 @@
|
|||||||
<header class="header-productlist fixed-top">
|
<header class="header-productlist fixed-top">
|
||||||
<div class="container d-flex justify-content-between align-items-center py-3">
|
<div class="container d-flex justify-content-between align-items-center py-3">
|
||||||
<!-- Logo à esquerda -->
|
<!-- Logo à esquerda -->
|
||||||
<div class="logo-jurunense">
|
<div class="logo-jurunense">
|
||||||
<a href="/#/menu" title="Jurunenese">
|
<a href="/#/menu" title="Simplifique">
|
||||||
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
|
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
|
||||||
</a>
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Informações do usuário à direita -->
|
||||||
|
<div class="d-flex align-items-center">
|
||||||
|
<!-- Dados do usuário -->
|
||||||
|
<div class="me-3 text-end">
|
||||||
|
<span class="name-user d-block">{{ userName }}</span>
|
||||||
|
<span class="last-access d-block">Loja: {{ storeName }}</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Informações do usuário à direita -->
|
<!-- Dropdown de configurações -->
|
||||||
<div class="d-flex align-items-center">
|
<div class="dropdown">
|
||||||
<!-- Dados do usuário -->
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown"
|
||||||
<div class="me-3 text-end">
|
aria-expanded="false">
|
||||||
<span class="name-user d-block">{{ userName }}</span>
|
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
|
||||||
<span class="last-access d-block">Loja: {{ storeName }}</span>
|
</a>
|
||||||
</div>
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
|
||||||
|
<li>
|
||||||
<!-- Dropdown de configurações -->
|
<a class="dropdown-item" (click)="logout()">Sair</a>
|
||||||
<div class="dropdown">
|
</li>
|
||||||
<a
|
</ul>
|
||||||
class="nav-link dropdown-toggle"
|
|
||||||
href="#"
|
|
||||||
id="navbarDropdownMenuLink"
|
|
||||||
role="button"
|
|
||||||
data-bs-toggle="dropdown"
|
|
||||||
aria-expanded="false"
|
|
||||||
>
|
|
||||||
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
|
|
||||||
</a>
|
|
||||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
|
|
||||||
<li>
|
|
||||||
<a class="dropdown-item" (click)="logout()">Sair</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</div>
|
||||||
|
</header>
|
||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- Logo -->
|
<!-- Logo -->
|
||||||
<div class="logo-jurunense">
|
<div class="logo-jurunense">
|
||||||
<a href="/#/menu" title="Jurunense">
|
<a href="/#/menu" title="Jurunense">
|
||||||
<img [src]="imageLogoBase64" alt="Logo Jurunense" class="img-fluid" />
|
<img src="assets/img/logo_simplifique.png" alt="Logo Jurunense" class="img-fluid" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="logo-jurunense">
|
<div class="logo-jurunense">
|
||||||
<a href="/#/sales/home" title="Jurunenese">
|
<a href="/#/sales/home" title="Jurunenese">
|
||||||
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
|
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<!-- Logo à esquerda -->
|
<!-- Logo à esquerda -->
|
||||||
<div class="logo-jurunense">
|
<div class="logo-jurunense">
|
||||||
<a href="/" title="Jurunenese">
|
<a href="/" title="Jurunenese">
|
||||||
<img [src]="imageLogoBase64" alt="Imagem" class="img-fluid" />
|
<img src="assets/img/logo_simplifique.png" alt="Imagem" class="img-fluid" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -12,13 +12,13 @@
|
|||||||
<!-- Carrinho -->
|
<!-- Carrinho -->
|
||||||
<div class="d-flex align-items-center">
|
<div class="d-flex align-items-center">
|
||||||
<kendo-badge-container>
|
<kendo-badge-container>
|
||||||
<img src="assets/img/cart.svg" alt="Carrinho" data-bs-toggle="offcanvas"
|
<img src="assets/img/cart.svg" alt="Carrinho" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
|
||||||
data-bs-target="#offcanvasRight" aria-controls="offcanvasRight" />
|
aria-controls="offcanvasRight" />
|
||||||
<kendo-badge [align]="align" [position]="position" [themeColor]="themeBadge">
|
<kendo-badge [align]="align" [position]="position" [themeColor]="themeBadge">
|
||||||
{{ (shopping$ | async).length }}
|
{{ (shopping$ | async).length }}
|
||||||
</kendo-badge>
|
</kendo-badge>
|
||||||
</kendo-badge-container>
|
</kendo-badge-container>
|
||||||
</div>
|
</div>
|
||||||
<!-- Dados do usuário -->
|
<!-- Dados do usuário -->
|
||||||
<div class="me-3 text-end">
|
<div class="me-3 text-end">
|
||||||
<span class="name-user d-block">{{ userName }}</span>
|
<span class="name-user d-block">{{ userName }}</span>
|
||||||
@@ -27,14 +27,8 @@
|
|||||||
|
|
||||||
<!-- Dropdown de configurações -->
|
<!-- Dropdown de configurações -->
|
||||||
<div class="dropdown">
|
<div class="dropdown">
|
||||||
<a
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown"
|
||||||
class="nav-link dropdown-toggle"
|
aria-expanded="false">
|
||||||
href="#"
|
|
||||||
id="navbarDropdownMenuLink"
|
|
||||||
role="button"
|
|
||||||
data-bs-toggle="dropdown"
|
|
||||||
aria-expanded="false"
|
|
||||||
>
|
|
||||||
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
|
<img src="assets/img/config.svg" alt="Configurações" class="img-config" />
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdownMenuLink">
|
||||||
|
|||||||
@@ -1,66 +1,38 @@
|
|||||||
|
|
||||||
<!--Navbar -->
|
<!--Navbar -->
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!-- offcanvas trigger-->
|
<!-- offcanvas trigger-->
|
||||||
<button
|
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
|
||||||
class="navbar-toggler"
|
aria-controls="offcanvasExample">
|
||||||
type="button"
|
<span class="navbar-toggler-icon" data-bs-target="#offcanvasExample"></span>
|
||||||
data-bs-toggle="offcanvas"
|
|
||||||
data-bs-target="#offcanvasExample"
|
|
||||||
aria-controls="offcanvasExample"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="navbar-toggler-icon"
|
|
||||||
data-bs-target="#offcanvasExample"
|
|
||||||
></span>
|
|
||||||
</button>
|
</button>
|
||||||
<!-- offcanvas trigger-->
|
<!-- offcanvas trigger-->
|
||||||
<a class="navbar-brand" style="height: 40px; width: 120px" href="#">
|
<a class="navbar-brand" style="height: 40px; width: 120px" href="#">
|
||||||
<img src="assets/img/logo.svg" alt="" />
|
<img src="assets/img/logo_simplifique.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<button
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
|
||||||
class="navbar-toggler"
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
type="button"
|
|
||||||
data-bs-toggle="collapse"
|
|
||||||
data-bs-target="#navbarSupportedContent"
|
|
||||||
aria-controls="navbarSupportedContent"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-label="Toggle navigation"
|
|
||||||
>
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<form class="d-flex ms-auto">
|
<form class="d-flex ms-auto">
|
||||||
<div class="input-group my-3 my-lg-0">
|
<div class="input-group my-3 my-lg-0">
|
||||||
<input
|
<input class="form-control me-2" type="search" placeholder="Search" aria-label="Search" />
|
||||||
class="form-control me-2"
|
|
||||||
type="search"
|
|
||||||
placeholder="Search"
|
|
||||||
aria-label="Search"
|
|
||||||
/>
|
|
||||||
<button class="btn btn-outline-success" type="submit">Search</button>
|
<button class="btn btn-outline-success" type="submit">Search</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<ul class="navbar-nav mb-2 mb-lg-0">
|
<ul class="navbar-nav mb-2 mb-lg-0">
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
|
||||||
class="nav-link dropdown-toggle"
|
aria-expanded="false">
|
||||||
href="#"
|
|
||||||
id="navbarDropdown"
|
|
||||||
role="button"
|
|
||||||
data-bs-toggle="dropdown"
|
|
||||||
aria-expanded="false"
|
|
||||||
>
|
|
||||||
<i class="bi bi-person-fill"></i>
|
<i class="bi bi-person-fill"></i>
|
||||||
</a>
|
</a>
|
||||||
<ul
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
|
||||||
class="dropdown-menu dropdown-menu-end"
|
|
||||||
aria-labelledby="navbarDropdown"
|
|
||||||
>
|
|
||||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||||
<li><a class="dropdown-item" href="#">Another action</a></li>
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
||||||
<li><hr class="dropdown-divider" /></li>
|
<li>
|
||||||
|
<hr class="dropdown-divider" />
|
||||||
|
</li>
|
||||||
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -71,41 +43,25 @@
|
|||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
|
|
||||||
<!-- OffCanvas -->
|
<!-- OffCanvas -->
|
||||||
<div
|
<div class="offcanvas offcanvas-start sidebar-nav bg-dark text-light" data-bs-backdrop="false" data-bs-scroll="true"
|
||||||
class="offcanvas offcanvas-start sidebar-nav bg-dark text-light"
|
tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
|
||||||
data-bs-backdrop="false"
|
<div class="offcanvas-header">
|
||||||
data-bs-scroll="true"
|
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Módulo de vendas</h5>
|
||||||
tabindex="-1"
|
</div>
|
||||||
id="offcanvasExample"
|
|
||||||
aria-labelledby="offcanvasExampleLabel"
|
|
||||||
>
|
|
||||||
<div class="offcanvas-header">
|
|
||||||
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Módulo de vendas</h5>
|
|
||||||
</div>
|
|
||||||
<div class="offcanvas-body">
|
<div class="offcanvas-body">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link">
|
||||||
class="nav-link px-3 sidebar-link"
|
<span><i class="bi bi-graph-up-arrow me-2"></i></span>
|
||||||
>
|
<span>Dashboard</span>
|
||||||
<span><i class="bi bi-graph-up-arrow me-2"></i></span>
|
</a>
|
||||||
<span>Dashboard</span>
|
|
||||||
</a>
|
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseExample" role="button"
|
||||||
class="nav-link px-3 sidebar-link"
|
aria-expanded="false" aria-controls="collapseExample">
|
||||||
data-bs-toggle="collapse"
|
|
||||||
href="#collapseExample"
|
|
||||||
role="button"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-controls="collapseExample"
|
|
||||||
>
|
|
||||||
<span><i class="bi bi-shop me-2"></i></span>
|
<span><i class="bi bi-shop me-2"></i></span>
|
||||||
<span>Vendas</span>
|
<span>Vendas</span>
|
||||||
<span class="right-icon ms-auto"
|
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
|
||||||
><i class="bi bi-chevron-down"></i
|
|
||||||
></span>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="collapse" id="collapseExample">
|
<div class="collapse" id="collapseExample">
|
||||||
@@ -123,32 +79,24 @@
|
|||||||
<li>
|
<li>
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseregister" role="button"
|
||||||
class="nav-link px-3 sidebar-link"
|
aria-expanded="false" aria-controls="collapseregister">
|
||||||
data-bs-toggle="collapse"
|
<span><i class="bi bi-person-plus me-2"></i></span>
|
||||||
href="#collapseregister"
|
<span>Cadastros</span>
|
||||||
role="button"
|
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
|
||||||
aria-expanded="false"
|
</a>
|
||||||
aria-controls="collapseregister"
|
|
||||||
>
|
|
||||||
<span><i class="bi bi-person-plus me-2"></i></span>
|
|
||||||
<span>Cadastros</span>
|
|
||||||
<span class="right-icon ms-auto"
|
|
||||||
><i class="bi bi-chevron-down"></i
|
|
||||||
></span>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<div class="collapse" id="collapseregister">
|
<div class="collapse" id="collapseregister">
|
||||||
<div>
|
<div>
|
||||||
<ul class="navbar-nav ps-3">
|
<ul class="navbar-nav ps-3">
|
||||||
<li>
|
<li>
|
||||||
<a href="#" class="nav-link px-3">
|
<a href="#" class="nav-link px-3">
|
||||||
<span>Clientes</span>
|
<span>Clientes</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
@@ -164,4 +112,3 @@
|
|||||||
<router-outlet></router-outlet>
|
<router-outlet></router-outlet>
|
||||||
</div>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
@@ -2,33 +2,18 @@
|
|||||||
<nav class="navbar navbar-expand-lg fixed-top">
|
<nav class="navbar navbar-expand-lg fixed-top">
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<!-- offcanvas trigger-->
|
<!-- offcanvas trigger-->
|
||||||
<button
|
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample"
|
||||||
class="navbar-toggler"
|
aria-controls="offcanvasExample">
|
||||||
type="button"
|
<span class="navbar-toggler-icon" data-bs-target="#offcanvasExample"></span>
|
||||||
data-bs-toggle="offcanvas"
|
|
||||||
data-bs-target="#offcanvasExample"
|
|
||||||
aria-controls="offcanvasExample"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="navbar-toggler-icon"
|
|
||||||
data-bs-target="#offcanvasExample"
|
|
||||||
></span>
|
|
||||||
</button>
|
</button>
|
||||||
<!-- offcanvas trigger-->
|
<!-- offcanvas trigger-->
|
||||||
<div style="height: 200px;">
|
<div style="height: 200px;">
|
||||||
<a class="navbar-brand" href="/#/menu">
|
<a class="navbar-brand" href="/#/menu">
|
||||||
<img class="w-100 h-100" src="assets/img/logo.svg" alt="" />
|
<img class="w-100 h-100" src="assets/img/logo_simplifique.png" alt="" />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
|
||||||
class="navbar-toggler"
|
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
type="button"
|
|
||||||
data-bs-toggle="collapse"
|
|
||||||
data-bs-target="#navbarSupportedContent"
|
|
||||||
aria-controls="navbarSupportedContent"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-label="Toggle navigation"
|
|
||||||
>
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
@@ -45,23 +30,16 @@
|
|||||||
</form-->
|
</form-->
|
||||||
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
|
||||||
<li class="nav-item dropdown">
|
<li class="nav-item dropdown">
|
||||||
<a
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown"
|
||||||
class="nav-link dropdown-toggle"
|
aria-expanded="false">
|
||||||
href="#"
|
|
||||||
id="navbarDropdown"
|
|
||||||
role="button"
|
|
||||||
data-bs-toggle="dropdown"
|
|
||||||
aria-expanded="false"
|
|
||||||
>
|
|
||||||
<i class="bi bi-person-fill"></i>
|
<i class="bi bi-person-fill"></i>
|
||||||
</a>
|
</a>
|
||||||
<ul
|
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="navbarDropdown">
|
||||||
class="dropdown-menu dropdown-menu-end"
|
|
||||||
aria-labelledby="navbarDropdown"
|
|
||||||
>
|
|
||||||
<li><a class="dropdown-item" href="#">Action</a></li>
|
<li><a class="dropdown-item" href="#">Action</a></li>
|
||||||
<li><a class="dropdown-item" href="#">Another action</a></li>
|
<li><a class="dropdown-item" href="#">Another action</a></li>
|
||||||
<li><hr class="dropdown-divider" /></li>
|
<li>
|
||||||
|
<hr class="dropdown-divider" />
|
||||||
|
</li>
|
||||||
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
<li><a class="dropdown-item" href="#">Something else here</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</li>
|
</li>
|
||||||
@@ -72,19 +50,13 @@
|
|||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
|
|
||||||
<!-- OffCanvas -->
|
<!-- OffCanvas -->
|
||||||
<div
|
<div class="offcanvas offcanvas-start sidebar-nav text-light" data-bs-backdrop="false" data-bs-scroll="true"
|
||||||
class="offcanvas offcanvas-start sidebar-nav text-light"
|
tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
|
||||||
data-bs-backdrop="false"
|
|
||||||
data-bs-scroll="true"
|
|
||||||
tabindex="-1"
|
|
||||||
id="offcanvasExample"
|
|
||||||
aria-labelledby="offcanvasExampleLabel"
|
|
||||||
>
|
|
||||||
<div class="offcanvas-header mt-2">
|
<div class="offcanvas-header mt-2">
|
||||||
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Mestre Jurunense</h5>
|
<h5 class="offcanvas-title" id="offcanvasExampleLabel">Mestre Jurunense</h5>
|
||||||
</div>
|
</div>
|
||||||
<div class="offcanvas-body">
|
<div class="offcanvas-body">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<!--li class="nav-item">
|
<!--li class="nav-item">
|
||||||
<a
|
<a
|
||||||
class="nav-link px-3 sidebar-link"
|
class="nav-link px-3 sidebar-link"
|
||||||
@@ -94,24 +66,16 @@
|
|||||||
</a>
|
</a>
|
||||||
</li-->
|
</li-->
|
||||||
<li *ngIf="pagePartners || pageCategory || pageRange" class="nav-item">
|
<li *ngIf="pagePartners || pageCategory || pageRange" class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseExample" role="button"
|
||||||
class="nav-link px-3 sidebar-link"
|
aria-expanded="false" aria-controls="collapseExample">
|
||||||
data-bs-toggle="collapse"
|
|
||||||
href="#collapseExample"
|
|
||||||
role="button"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-controls="collapseExample"
|
|
||||||
>
|
|
||||||
<span><i class="bi bi-shop me-2"></i></span>
|
<span><i class="bi bi-shop me-2"></i></span>
|
||||||
<span>Cadastros</span>
|
<span>Cadastros</span>
|
||||||
<span class="right-icon ms-auto"
|
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
|
||||||
><i class="bi bi-chevron-down"></i
|
|
||||||
></span>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="collapse" id="collapseExample">
|
<div class="collapse" id="collapseExample">
|
||||||
<div>
|
<div>
|
||||||
<ul class="navbar-nav ps-3">
|
<ul class="navbar-nav ps-3">
|
||||||
<li *ngIf="pagePartners">
|
<li *ngIf="pagePartners">
|
||||||
<a href="/#/partner/list" class="nav-link px-3">
|
<a href="/#/partner/list" class="nav-link px-3">
|
||||||
<span>Parceiros</span>
|
<span>Parceiros</span>
|
||||||
@@ -134,37 +98,23 @@
|
|||||||
<li>
|
<li>
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li *ngIf="pageReportComission" class="nav-item">
|
<li *ngIf="pageReportComission" class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapseregister" role="button"
|
||||||
class="nav-link px-3 sidebar-link"
|
aria-expanded="false" aria-controls="collapseregister">
|
||||||
data-bs-toggle="collapse"
|
|
||||||
href="#collapseregister"
|
|
||||||
role="button"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-controls="collapseregister"
|
|
||||||
>
|
|
||||||
<span><i class="bi bi-person-plus me-2"></i></span>
|
<span><i class="bi bi-person-plus me-2"></i></span>
|
||||||
<span>Relatórios</span>
|
<span>Relatórios</span>
|
||||||
<span class="right-icon ms-auto"
|
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
|
||||||
><i class="bi bi-chevron-down"></i
|
|
||||||
></span>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="collapse" id="collapseregister">
|
<div class="collapse" id="collapseregister">
|
||||||
<div>
|
<div>
|
||||||
<ul class="navbar-nav ps-3">
|
<ul class="navbar-nav ps-3">
|
||||||
<li *ngIf="pageReportComission">
|
<li *ngIf="pageReportComission">
|
||||||
<a
|
<a href="/#/partner/report/commission" class="nav-link px-3">
|
||||||
href="/#/partner/report/commission"
|
|
||||||
class="nav-link px-3"
|
|
||||||
>
|
|
||||||
<span>Vendas realizadas</span>
|
<span>Vendas realizadas</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li *ngIf="pageExtractPartner">
|
<li *ngIf="pageExtractPartner">
|
||||||
<a
|
<a href="/#/partner/report/extract" class="nav-link px-3">
|
||||||
href="/#/partner/report/extract"
|
|
||||||
class="nav-link px-3"
|
|
||||||
>
|
|
||||||
<span>Extrato</span>
|
<span>Extrato</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@@ -173,31 +123,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li *ngIf="pagePaymentPartner" class="nav-item">
|
<li *ngIf="pagePaymentPartner" class="nav-item">
|
||||||
<a
|
<a class="nav-link px-3 sidebar-link" data-bs-toggle="collapse" href="#collapsemov" role="button"
|
||||||
class="nav-link px-3 sidebar-link"
|
aria-expanded="false" aria-controls="collapsemov">
|
||||||
data-bs-toggle="collapse"
|
|
||||||
href="#collapsemov"
|
|
||||||
role="button"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-controls="collapsemov"
|
|
||||||
>
|
|
||||||
<span><i class="bi bi-person-plus me-2"></i></span>
|
<span><i class="bi bi-person-plus me-2"></i></span>
|
||||||
<span>Movimentação</span>
|
<span>Movimentação</span>
|
||||||
<span class="right-icon ms-auto"
|
<span class="right-icon ms-auto"><i class="bi bi-chevron-down"></i></span>
|
||||||
><i class="bi bi-chevron-down"></i
|
|
||||||
></span>
|
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div class="collapse" id="collapsemov">
|
<div class="collapse" id="collapsemov">
|
||||||
<div>
|
<div>
|
||||||
<ul class="navbar-nav ps-3">
|
<ul class="navbar-nav ps-3">
|
||||||
<li *ngIf="pagePaymentPartner">
|
<li *ngIf="pagePaymentPartner">
|
||||||
<a
|
<a href="/#/partner/payment" class="nav-link px-3">
|
||||||
href="/#/partner/payment"
|
|
||||||
class="nav-link px-3"
|
|
||||||
>
|
|
||||||
<span>Gerar Pagamentos</span>
|
<span>Gerar Pagamentos</span>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
|
|||||||
@@ -18,7 +18,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../assets/img/logo.svg");
|
background-image: url("../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -268,7 +268,7 @@ input::-webkit-inner-spin-button {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cart-container{
|
.cart-container {
|
||||||
padding-top: 80px;
|
padding-top: 80px;
|
||||||
padding-bottom: 50px;
|
padding-bottom: 50px;
|
||||||
width: 105%;
|
width: 105%;
|
||||||
|
|||||||
@@ -3,20 +3,9 @@
|
|||||||
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-light">
|
<nav class="navbar navbar-expand-lg navbar-light">
|
||||||
<a class="navbar-brand light" href="#">
|
<a class="navbar-brand light" href="#">
|
||||||
<img
|
<img src="../../../assets/img/logo_simplifique.png" alt="" style="height: 40px" /></a>
|
||||||
src="../../../assets/img/logo_jurunense.svg"
|
<button class="navbar-toggler light" type="button" data-toggle="collapse" data-target="#navbarNav"
|
||||||
alt=""
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
style="height: 40px"
|
|
||||||
/></a>
|
|
||||||
<button
|
|
||||||
class="navbar-toggler light"
|
|
||||||
type="button"
|
|
||||||
data-toggle="collapse"
|
|
||||||
data-target="#navbarNav"
|
|
||||||
aria-controls="navbarNav"
|
|
||||||
aria-expanded="false"
|
|
||||||
aria-label="Toggle navigation"
|
|
||||||
>
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
</nav>
|
</nav>
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../../assets/img/logo.svg");
|
background-image: url("../../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -220,7 +220,7 @@
|
|||||||
@media(max-width:576px) {
|
@media(max-width:576px) {
|
||||||
.side-menu {
|
.side-menu {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(min-width: 576px) {
|
@media(min-width: 576px) {
|
||||||
@@ -343,16 +343,18 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
// margin-left: 165px;
|
// margin-left: 165px;
|
||||||
margin-top: 90px;
|
margin-top: 90px;
|
||||||
width: 100%; //calc(100% - 165px);
|
width: 100%; //calc(100% - 165px);
|
||||||
// transition: margin-left 300ms;
|
// transition: margin-left 300ms;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-table {
|
.header-table {
|
||||||
width: 130px;
|
width: 130px;
|
||||||
}
|
}
|
||||||
.header-content, .header-menu {
|
|
||||||
|
.header-content,
|
||||||
|
.header-menu {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@@ -407,7 +409,8 @@ width: 130px;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user div, .client-img {
|
.user div,
|
||||||
|
.client-img {
|
||||||
height: 40px;
|
height: 40px;
|
||||||
width: 40px;
|
width: 40px;
|
||||||
margin-right: 1rem;
|
margin-right: 1rem;
|
||||||
@@ -429,7 +432,8 @@ width: 130px;
|
|||||||
border-bottom: 1px solid #dee2e8;
|
border-bottom: 1px solid #dee2e8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header h1, .page-header small {
|
.page-header h1,
|
||||||
|
.page-header small {
|
||||||
color: #74767d;
|
color: #74767d;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -482,7 +486,7 @@ width: 130px;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.number {
|
.number {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.indicator {
|
.indicator {
|
||||||
@@ -519,7 +523,8 @@ text-align: right;
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add, .browse {
|
.add,
|
||||||
|
.browse {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
@@ -531,11 +536,15 @@ text-align: right;
|
|||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, button, select {
|
input,
|
||||||
|
button,
|
||||||
|
select {
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.add select, .browse input, .browse select {
|
.add select,
|
||||||
|
.browse input,
|
||||||
|
.browse select {
|
||||||
height: 35px;
|
height: 35px;
|
||||||
border: 1px solid #b0b0b0;
|
border: 1px solid #b0b0b0;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
@@ -617,7 +626,7 @@ table tbody tr {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.client-info {
|
.client-info {
|
||||||
width: 250px;
|
width: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.client-info h4 {
|
.client-info h4 {
|
||||||
@@ -662,70 +671,57 @@ width: 250px;
|
|||||||
|
|
||||||
@media only screen and (max-width: 1200px) {
|
@media only screen and (max-width: 1200px) {
|
||||||
.analytics {
|
.analytics {
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(2, 1fr);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: 768px) {
|
@media only screen and (max-width: 768px) {
|
||||||
.analytics {
|
.analytics {
|
||||||
grid-template-columns: 100%;
|
grid-template-columns: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar {
|
.sidebar {
|
||||||
left: -165px;
|
left: -165px;
|
||||||
z-index: 90;
|
z-index: 90;
|
||||||
}
|
}
|
||||||
|
|
||||||
header {
|
header {
|
||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .sidebar {
|
#menu-toggle:checked~.sidebar {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .sidebar {
|
#menu-toggle:checked~.sidebar {
|
||||||
width: 165px;
|
width: 165px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .sidebar .side-header span {
|
#menu-toggle:checked~.sidebar .side-header span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .sidebar .profile,
|
#menu-toggle:checked~.sidebar .profile,
|
||||||
#menu-toggle:checked ~ .sidebar .side-menu a small {
|
#menu-toggle:checked~.sidebar .side-menu a small {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .sidebar .side-menu a span {
|
#menu-toggle:checked~.sidebar .side-menu a span {
|
||||||
font-size: 1.7rem;
|
font-size: 1.7rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-toggle:checked ~ .main-content header {
|
#menu-toggle:checked~.main-content header {
|
||||||
left: 0px;
|
left: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
width: 900px;
|
width: 900px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../../assets/img/logo.svg");
|
background-image: url("../../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -11,11 +11,11 @@
|
|||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
#menu-vertical{
|
#menu-vertical {
|
||||||
position:fixed;
|
position: fixed;
|
||||||
z-index:999;
|
z-index: 999;
|
||||||
overflow:hidden;
|
overflow: hidden;
|
||||||
padding:6px;
|
padding: 6px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -57,11 +57,11 @@ li a {
|
|||||||
margin-left: 250px;
|
margin-left: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.offcanvas-backdrop::before{
|
.offcanvas-backdrop::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.sidebar-nav{
|
.sidebar-nav {
|
||||||
transform: none;
|
transform: none;
|
||||||
visibility: visible !important;
|
visibility: visible !important;
|
||||||
top: 56px;
|
top: 56px;
|
||||||
|
|||||||
@@ -23,19 +23,19 @@
|
|||||||
|
|
||||||
.botao-compre-similar {
|
.botao-compre-similar {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-right: 10px;
|
margin-right: 10px;
|
||||||
background-color: #ec7e31;
|
background-color: #ec7e31;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
padding-left: 10px;
|
padding-left: 10px;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
border: 1px solid #ec7e31;
|
border: 1px solid #ec7e31;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
background-color: #ec7e31;
|
background-color: #ec7e31;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
.botao-compre-similar:hover {
|
.botao-compre-similar:hover {
|
||||||
@@ -44,7 +44,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../../assets/img/logo.svg");
|
background-image: url("../../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -191,105 +191,106 @@ li a {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
overflow: auto !important;
|
overflow: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.offcanvas-backdrop::before {
|
.offcanvas-backdrop::before {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wrapper {
|
.wrapper {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: rgb(187, 179, 179);
|
background-color: rgb(187, 179, 179);
|
||||||
}
|
}
|
||||||
|
|
||||||
:host {
|
:host {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-name {
|
.user-name {
|
||||||
margin-right: 5px;
|
margin-right: 5px;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-family: Metropolis;
|
font-family: Metropolis;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.id-seller {
|
.id-seller {
|
||||||
font-family: Metropolis;
|
font-family: Metropolis;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
line-height: 10px;
|
line-height: 10px;
|
||||||
/* identical to box height */
|
/* identical to box height */
|
||||||
|
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
color: #000000;
|
color: #000000;
|
||||||
}
|
}
|
||||||
|
|
||||||
.truncar-2l {
|
.truncar-2l {
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
-webkit-line-clamp: 2;
|
-webkit-line-clamp: 2;
|
||||||
-webkit-box-orient: vertical;
|
-webkit-box-orient: vertical;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
color: #ec7e31;
|
color: #ec7e31;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-card {
|
.k-card {
|
||||||
height: 460px;
|
height: 460px;
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-product {
|
.page-product {
|
||||||
top: 250px;
|
top: 250px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.div-product-img {
|
.div-product-img {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-img {
|
.product-img {
|
||||||
width: 100%; /*184px */
|
width: 100%;
|
||||||
height: 184px;
|
/*184px */
|
||||||
}
|
height: 184px;
|
||||||
|
}
|
||||||
|
|
||||||
.price {
|
.price {
|
||||||
color: #ec7e31;
|
color: #ec7e31;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-rounded {
|
.btn-rounded {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
width: 25px;
|
width: 25px;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dropbtn {
|
.dropbtn {
|
||||||
background-color: inherit;
|
background-color: inherit;
|
||||||
color: white;
|
color: white;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Works on Firefox */
|
/* Works on Firefox */
|
||||||
* {
|
* {
|
||||||
@@ -297,7 +298,7 @@ li a {
|
|||||||
// scrollbar-color: blue orange;
|
// scrollbar-color: blue orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-listview-content{
|
.k-listview-content {
|
||||||
overflow-y: hidden
|
overflow-y: hidden
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -479,6 +480,7 @@ li a {
|
|||||||
left: 0;
|
left: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-loading-panel-mask {
|
.k-loading-panel-mask {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -488,6 +490,7 @@ li a {
|
|||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-loading-panel-wrapper {
|
.k-loading-panel-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
@@ -1252,7 +1255,7 @@ footer {
|
|||||||
flex-grow: 0;
|
flex-grow: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.backMenu{
|
.backMenu {
|
||||||
margin-top: 90px;
|
margin-top: 90px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1262,7 +1265,7 @@ img {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-modal-prod{
|
.img-modal-prod {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
@@ -1306,26 +1309,26 @@ body.modal-open {
|
|||||||
height: auto !important;
|
height: auto !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#productTogetherModalLabel{
|
#productTogetherModalLabel {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.img-modal-prod{
|
.img-modal-prod {
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Responsividade Tablet */
|
/* Responsividade Tablet */
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
.modal-img-edit{
|
.modal-img-edit {
|
||||||
margin-left: 40px;
|
margin-left: 40px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Ajustes para tablets */
|
/* Ajustes para tablets */
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.name-ecommerce{
|
.name-ecommerce {
|
||||||
margin-top: 10px;
|
margin-top: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1338,15 +1341,15 @@ body.modal-open {
|
|||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title-product{
|
.title-product {
|
||||||
margin-top: 70px;
|
margin-top: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#productTogetherModalLabel{
|
#productTogetherModalLabel {
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.img-modal-prod{
|
.img-modal-prod {
|
||||||
max-height: 250px;
|
max-height: 250px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1361,8 +1364,10 @@ body.modal-open {
|
|||||||
|
|
||||||
/* Garantir o alinhamento e responsividade dos cards */
|
/* Garantir o alinhamento e responsividade dos cards */
|
||||||
.card {
|
.card {
|
||||||
margin: 0 auto; /* Centraliza o card em telas pequenas */
|
margin: 0 auto;
|
||||||
border-radius: 5px; /* Adiciona bordas arredondadas */
|
/* Centraliza o card em telas pequenas */
|
||||||
|
border-radius: 5px;
|
||||||
|
/* Adiciona bordas arredondadas */
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-title {
|
.card-title {
|
||||||
@@ -1387,7 +1392,8 @@ body.modal-open {
|
|||||||
|
|
||||||
@media (max-width: 768px) {
|
@media (max-width: 768px) {
|
||||||
.card {
|
.card {
|
||||||
margin-bottom: 20px; /* Adiciona espaçamento entre os cards */
|
margin-bottom: 20px;
|
||||||
|
/* Adiciona espaçamento entre os cards */
|
||||||
}
|
}
|
||||||
|
|
||||||
.sale-price {
|
.sale-price {
|
||||||
|
|||||||
@@ -14,7 +14,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
background-image: url("../../../assets/img/logo.svg");
|
background-image: url("../../../assets/img/logo_simplifique.png");
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -132,7 +132,7 @@
|
|||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 19px;
|
line-height: 19px;
|
||||||
/* color: #848484; */
|
/* color: #848484; */
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -204,7 +204,7 @@ li a {
|
|||||||
margin-top: 60px;
|
margin-top: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container-menu-categorias{
|
.container-menu-categorias {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -245,9 +245,11 @@ li a {
|
|||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-badge-container {
|
kendo-badge-container {
|
||||||
margin-right: 8px;
|
margin-right: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-appbar ul {
|
kendo-appbar ul {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
@@ -255,16 +257,20 @@ li a {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-appbar li {
|
kendo-appbar li {
|
||||||
margin: 0 9px;
|
margin: 0 9px;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-appbar li:hover {
|
kendo-appbar li:hover {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #ec7e31;
|
color: #ec7e31;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-appbar .actions .k-button {
|
kendo-appbar .actions .k-button {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-breadcrumb {
|
kendo-breadcrumb {
|
||||||
margin-left: 30px;
|
margin-left: 30px;
|
||||||
}
|
}
|
||||||
@@ -372,8 +378,10 @@ li a {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.product-img {
|
.product-img {
|
||||||
width: 100%; /*184px */
|
width: 100%;
|
||||||
|
/*184px */
|
||||||
height: 184px;
|
height: 184px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -459,7 +467,7 @@ li a {
|
|||||||
// scrollbar-color: blue orange;
|
// scrollbar-color: blue orange;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-listview-content{
|
.k-listview-content {
|
||||||
overflow-y: hidden
|
overflow-y: hidden
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -588,6 +596,7 @@ li a {
|
|||||||
left: 0;
|
left: 0;
|
||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-loading-panel-mask {
|
.k-loading-panel-mask {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -597,6 +606,7 @@ li a {
|
|||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.k-loading-panel-wrapper {
|
.k-loading-panel-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
@@ -665,36 +675,34 @@ li a {
|
|||||||
|
|
||||||
/* Tablets */
|
/* Tablets */
|
||||||
@media (max-width: 991.98px) {
|
@media (max-width: 991.98px) {
|
||||||
.container-menu-categorias{
|
.container-menu-categorias {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container{
|
.container {
|
||||||
padding-top: 70px;
|
padding-top: 70px;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-listview{
|
kendo-listview {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Smartphones */
|
/* Smartphones */
|
||||||
@media (max-width: 575.98px) {
|
@media (max-width: 575.98px) {
|
||||||
.container-menu-categorias{
|
.container-menu-categorias {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container{
|
.container {
|
||||||
padding-top: 60px;
|
padding-top: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.label-search{
|
.label-search {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
kendo-listview{
|
kendo-listview {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
BIN
src/assets/img/logo_simplifique.png
Normal file
BIN
src/assets/img/logo_simplifique.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.5 KiB |
@@ -9,10 +9,10 @@ export const environment = {
|
|||||||
|
|
||||||
//url: 'http://10.1.1.23:8065/api/v1/',
|
//url: 'http://10.1.1.23:8065/api/v1/',
|
||||||
// url: 'http://10.1.1.210:8065/api/v1/',
|
// url: 'http://10.1.1.210:8065/api/v1/',
|
||||||
url: 'http://172.35.0.216:8065/api/v1/',
|
// url: 'http://172.35.0.216:8065/api/v1/',
|
||||||
//url: 'http://10.1.1.23:8065/api/v1/',
|
//url: 'http://10.1.1.23:8065/api/v1/',
|
||||||
// url: 'http://localhost:8065/api/v1/',
|
url: 'http://localhost:8065/api/v1/',
|
||||||
// url: 'http://10.1.1.124:8065/api/v1/',
|
// url: 'http://10.1.1.124:8065/api/v1/',
|
||||||
|
|
||||||
// URL_PIX: 'http://10.1.1.205:8078/api/v1/',
|
// URL_PIX: 'http://10.1.1.205:8078/api/v1/',
|
||||||
URL_PIX: 'http://10.1.1.205:8078/api/v1/',
|
URL_PIX: 'http://10.1.1.205:8078/api/v1/',
|
||||||
|
|||||||
Reference in New Issue
Block a user