Skip to content

Commit 2c13942

Browse files
redgp0gredgp0g
committed
Alterar a exibição das cartas na página de cartas novas para um carrossel, aumentando a quantidade de cartas exibidas e removendo a dependência do Slick Carousel.
1 parent 7e39fd5 commit 2c13942

File tree

3 files changed

+41
-32
lines changed

3 files changed

+41
-32
lines changed

‎app/Http/Livewire/CartasNovasCards.php‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@ public function mount($cadastro, $vendedor)
2323
for ($i = 1; $i <= 7; $i++) {
2424
$cartasPorTipo = Carta::where('IDTipoCarta', $i)
2525
->orderBy('Prazo', 'DESC')
26-
->take(5)
26+
->take(6)
2727
->get();
2828
$this->cartas = $this->cartas->merge($cartasPorTipo);
2929
}

‎resources/views/livewire/cartas-novas-cards.blade.php‎

Lines changed: 40 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -17,26 +17,47 @@
1717
alt="imagem do produto" width="500" height="400">
1818
</div>
1919
<div class="row">
20-
<div class="items">
21-
@foreach ($cartasPorTipo as $carta)
22-
<div class="card">
23-
<div class="card-body">
24-
<span class="text-danger">Crédito</span>
25-
<p>R$ {{ number_format($carta->ValorCredito, 2, ',', '.') }}</p>
26-
<span class="text-danger">Parcela Flex</span>
27-
<p>R$ {{ number_format($carta->ParcelaFlex, 2, ',', '.') }}</p>
28-
<span class="text-danger">Prazo</span>
29-
<p>{{ $carta->Prazo }} Meses</p>
30-
<button class="btn btn-success comprar"
31-
data-carta-categoria="{{ $carta->TipoCarta->Descricao }}"
32-
data-carta-valor="R$ {{ number_format($carta->ValorCredito, 2, ',', '.') }}"
33-
data-carta-flex="R$ {{ number_format($carta->ParcelaFlex, 2, ',', '.') }}"
34-
data-carta-prazo="{{ $carta->Prazo }}"><i class="fa fa-shopping-cart"></i> Comprar</button>
35-
<a class="btn btn-info fs-6 my-3"
36-
href="{{ url('/detalhesCartaNova/' . $carta->IDCarta . '/' . $cadastro->IDCadastro) }}">Detalhes</a>
20+
<div class="carousel carousel-dark slide" id="carousel-{{ $tipoCarta->IDTipoCarta }}" data-bs-ride="carousel" data-bs-interval="2000" data-bs-pause="hover">
21+
<div class="carousel-inner">
22+
@foreach ($cartasPorTipo->chunk(2) as $chunk)
23+
<div class="carousel-item {{ $loop->first ? 'active' : '' }}">
24+
<div class="row">
25+
@foreach ($chunk as $carta)
26+
<div class="col-md-6">
27+
<div class="card">
28+
<div class="card-body">
29+
<span class="text-danger">Crédito</span>
30+
<p>R$ {{ number_format($carta->ValorCredito, 2, ',', '.') }}</p>
31+
<span class="text-danger">Parcela Flex</span>
32+
<p>R$ {{ number_format($carta->ParcelaFlex, 2, ',', '.') }}</p>
33+
<span class="text-danger">Prazo</span>
34+
<p>{{ $carta->Prazo }} Meses</p>
35+
<button class="btn btn-success comprar"
36+
data-carta-categoria="{{ $carta->TipoCarta->Descricao }}"
37+
data-carta-valor="R$ {{ number_format($carta->ValorCredito, 2, ',', '.') }}"
38+
data-carta-flex="R$ {{ number_format($carta->ParcelaFlex, 2, ',', '.') }}"
39+
data-carta-prazo="{{ $carta->Prazo }}"><i class="fa fa-shopping-cart"></i>
40+
Comprar</button>
41+
<a class="btn btn-info fs-6 my-3"
42+
href="{{ url('/detalhesCartaNova/' . $carta->IDCarta . '/' . $cadastro->IDCadastro) }}">Detalhes</a>
43+
</div>
44+
</div>
45+
</div>
46+
@endforeach
47+
</div>
3748
</div>
38-
</div>
39-
@endforeach
49+
@endforeach
50+
</div>
51+
<button class="carousel-control-prev text-black" data-bs-target="#carousel-{{ $tipoCarta->IDTipoCarta }}"
52+
data-bs-slide="prev" type="button">
53+
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
54+
<span class="visually-hidden">Previous</span>
55+
</button>
56+
<button class="carousel-control-next" data-bs-target="#carousel-{{ $tipoCarta->IDTipoCarta }}"
57+
data-bs-slide="next" type="button">
58+
<span class="carousel-control-next-icon" aria-hidden="true"></span>
59+
<span class="visually-hidden">Next</span>
60+
</button>
4061
</div>
4162
</div>
4263
</div>
@@ -48,15 +69,6 @@
4869
@script
4970
<script>
5071
$(document).ready(function() {
51-
$('.items').slick({
52-
infinite: true,
53-
slidesToShow: 2,
54-
slidesToScroll: 1,
55-
autoplay: true,
56-
arrows: false,
57-
autoplaySpeed: 10000,
58-
});
59-
6072
$('.comprar').click(function() {
6173
let button = $(this)[0];
6274
console.log(button);

‎resources/views/master.blade.php‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,6 @@
2121

2222
<link type="text/css" href="{{ asset('public/build/' . $manifest['css/app.css']['file']) }}" rel="stylesheet"/>
2323
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
24-
<link type="text/css" href="https://cdn.jsdelivr.net/gh/kenwheeler/slick@1.8.1/slick/slick-theme.css" rel="stylesheet"/>
25-
<link type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" rel="stylesheet"/>
2624
<link href="{{ asset('node_modules/intl-tel-input/build/css/intlTelInput.css') }}" rel="stylesheet">
2725
<link href="{{ asset('node_modules/bootstrap/dist/css/bootstrap.min.css')}}" rel="stylesheet">
2826

@@ -56,7 +54,6 @@
5654
</noscript>
5755

5856
@include('partials.footer')
59-
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
6057
</body>
6158

6259
</html>

0 commit comments

Comments
 (0)