Fórum Academy - Toast Adminlte

Criador Rodrigo Pais 14/05/2020

Professor, como eu implanto o Toast no AdminLTE3 com Laravel?

Manager Carlos Ferreira 14/05/2020

Olá, Rodrigo!
Tudo bem?

Quer usar o toast nativo do Bootstrap?
https://getbootstrap.com/docs/4.3/components/toasts/

Precisa compilar os assets, especialmente os JS (instalar o bootstrap) e incluir no admin. Ou, incluir a lib JS direto no AdminLTE (resources/views/vendor/adminlte/master.blade.php)

Criador Rodrigo Pais 14/05/2020

Professor, inclui no master os seguintes link´s. Esta correto?

<link rel="stylesheet" href="{{ asset('vendor/toastr/toastr.min.css') }}">

<script src="{{ asset('vendor/toastr/toastr.min.js') }}"></script>

Manager Carlos Ferreira 14/05/2020

Você também pode baixar a lib, e usar o Laravel Mix para compilar, porque fica mais fácil de controlar:
https://www.npmjs.com/package/toast

Criador Rodrigo Pais 14/05/2020

Bom dia, Professor.

Passei o fim de semana todo tentando implantar o Toast e não consegui, não sei onde errei. Segue toda a orientação desse video https://www.youtube.com/watch?v=_6Uu76LqGds&t=829s e mesmo assim não consegui. Segue abaixo como esta a minha view e controller.

View - Eu coloquei o link direto, pois achei que era algum problema local e mesmo assim nada

@section('content_header')

{!! toastr()->render() !!}

@stop

Controller

if($this->dados->create($dataForm)){
        
            toastr()->success('Atualizado com sucesso!');
            return redirect()
                            ->route('planos.index');
        }else{
            toastr()->error('Falhou a atualização!');
            return redirect()
                        ->back()
                        ->withInput();
        }

Criador Rodrigo Pais 14/05/2020

Quando eu abro o codigo no navegador ele aparece assim.

<div class="content-header">
	<div class="container-fluid">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
	<script type="text/javascript">toastr.options = {"closeButton":true,"debug":false,"newestOnTop":false,"progressBar":true,"positionClass":"toast-top-right","preventDuplicates":false,"onclick":null,"showDuration":"300","hideDuration":"1000","timeOut":"10000","extendedTimeOut":"1000","showEasing":"swing","hideEasing":"linear","showMethod":"fadeIn","hideMethod":"fadeOut"};toastr.success("Atualizado com sucesso!");</script>
	</div>
	</div>

Criador Rodrigo Pais 14/05/2020

desde já agradeço a sua ajuda de sempre.

Manager Carlos Ferreira 14/05/2020

Você está usando esse package aqui?
https://github.com/yoeunes/toastr

Tem esse código no GitHub?

Criador Rodrigo Pais 14/05/2020

Vou tentar esse professor.

Manager Carlos Ferreira 14/05/2020

ok