Laravel 6 multiple pagination in one page - laravel

I want to create multiple pagination in one page, info pagination is working perfectly. but
berita pagination is linked to info and always showing info page instead of berita page.
Controller
$infos = Info::paginate(4, ['*'], 'info');
$beritas = Berita::paginate(4, ['*'], 'berita');
View
{{$infos->appends(['info' => $infos->currentPage()])->links()}}
{{$beritas->appends(['berita' => $beritas->currentPage()])->links()}}
EDITED
Info
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« Sebelumnya">
<span class="page-link" aria-hidden="true">‹</span>
</li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="http://127.0.0.1:8000?info=2">2</a></li>
<li class="page-item">
<a class="page-link" href="http://127.0.0.1:8000?info=2" rel="next" aria-label="Berikutnya »">›</a>
</li>
</ul>
Berita
<ul class="pagination">
<li class="page-item">
<a class="page-link" href="http://127.0.0.1:8000?berita=1" rel="prev" aria-label="« Sebelumnya">‹</a>
</li>
<li class="page-item"><a class="page-link" href="http://127.0.0.1:8000?berita=1">1</a></li>
<li class="page-item active" aria-current="page"><span class="page-link">2</span></li>
<li class="page-item disabled" aria-disabled="true" aria-label="Berikutnya »">
<span class="page-link" aria-hidden="true">›</span>
</li>
</ul>
EDITED
Now it works, but it always show one info data inside berita pagination.

This should be possible as long as you keep track of the page value for the opposite set:
{{$infos->appends(['info' => $infos->currentPage(), 'berita' => $beritas->currentPage()])->links()}}
{{$beritas->appends(['berita' => $beritas->currentPage(), 'info' => $infos->currentPage()])->links()}}
I'll try and test this theory out later if I find time.

Related

adding links within pagination in Laravel using bootstrap and onEachSide

This is my issue I'm migrating an existing inhouse app to Laravel, the page I'm working on lists clients, I'm using bootstrap to render the pagination section and using {{ $clients->onEachSide(5)->links }} what i now wish to do and I'm at a loss on how to even begin is to add some buttons to the left of the pagination to filter the table. The rendered code for the code above is as follows:
<nav>
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« Previous"><span class="page-link" aria-hidden="true">‹</span></li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=4">4</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=5">5</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=6">6</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2" rel="next" aria-label="Next »">›</a></li>
</ul>
</nav>
So I guess what I'm trying to do is add some content after the ul but within the nav. Is this possible? if not how should this be done?
thanks
Craig
Open your pagination file then add class to nav tag
<nav class="row">
like this:
<nav class="row">
<ul class="pagination">
<li class="page-item disabled" aria-disabled="true" aria-label="« Previous"><span class="page-link" aria-hidden="true">‹</span></li>
<li class="page-item active" aria-current="page"><span class="page-link">1</span></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2">2</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=3">3</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=4">4</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=5">5</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=6">6</a></li>
<li class="page-item"><a class="page-link" href="http://site.ecl/index.php/accounts?page=2" rel="next" aria-label="Next »">›</a></li>
</ul>
<ul class="pagination">
<li class="page-item"><a class="btn btn-primary" href="#">EXAMPLE</a></li>
</ul>
</nav>

TinyButStrong Block Not Working for li tag

If I define my block on the li tag, TBS only shows the first item in the array.
<ul class="nav navbar-nav">
<li class="dropdown nav-item">
Logs<span class="caret"></span>
<ul class="dropdown-menu" role="menu">
<li><a class="file" href="/logs/#[logs.key; block=li]">[logs.key]</a></li>
</ul>
</li>
<li class="nav-item">Settings</li>
<li class="nav-item"><span class="navbar-text" id="grepspan"></span></li>
<li class="nav-item"><span class="navbar-text" id="invertspan"></span></li>
</ul>
If I define the block on the a tag, it shows all the items in the array.
<ul class="nav navbar-nav">
<li class="dropdown nav-item">
Logs<span class="caret"></span>
<ul class="dropdown-menu" role="menu">
<a class="file" href="/logs/#[logs.key; block=a]">[logs.key]</a>
</ul>
</li>
<li class="nav-item">Settings</li>
<li class="nav-item"><span class="navbar-text" id="grepspan"></span></li>
<li class="nav-item"><span class="navbar-text" id="invertspan"></span></li>
</ul>
What am I doing wrong here?

How to display just one menu in a dynamic menu

I hava a dynamic menu using VueJs and Laravel. It works fine.
But when I display one of them, all options are displayed.
The menu starts in foreach loop to check menu and assigned options.
Is there any way to restrict this?
My code is the next:
File sidebar.blade.php
<div class="sidebar">
<nav class="sidebar-nav">
<ul class="nav">
<li #click="menu=0" class="nav-item">
<a class="nav-link active" href="#"><i class="icon-speedometer"></i> Escritorio</a>
</li>
<li class="nav-title">
Menú de opciones
</li>
<li class="nav-item nav-dropdown">
#foreach($menus as $menu)
<a class="nav-link nav-dropdown-toggle" href="#"><i class="{{ $menu->icono_menu }}"></i>{{ $menu->nombre }}</a>
#foreach($permisos as $permiso)
#if($menu->id==$permiso->idmenu)
<ul class="nav-dropdown-items">
<li #click="menu={{ $permiso->codigo }}" class="nav-item">
<a class="nav-link" href="#"><i class="{{ $permiso->icono_opcion }}"></i> {{ $permiso->nombre }}</a>
</li>
</ul>
#endif
#endforeach
#endforeach
</li>
<li #click="menu=27" class="nav-item">
<a class="nav-link" href="#"><i class="icon-book-open"></i> Ayuda <span class="badge badge-danger">PDF</span></a>
</li>
<li #click="menu=28" class="nav-item">
<a class="nav-link" href="#"><i class="icon-info"></i> Acerca de...<span class="badge badge-info">IT</span></a>
</li>
</ul>
</nav>
<button class="sidebar-minimizer brand-minimizer" type="button"></button>
</div>

How to pass a variable without Controller in Laravel 5.4?

I have a application with extends a view with name "notification". How you can see in the picture.
That fragment is just a list, don't extends anything, How I pass a variable to that list? Something fixed. Any suggestion?
<li class="dropdown notifications-menu">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="livicon" data-name="bell" data-loop="true" data-color="#e9573f"
data-hovercolor="#e9573f" data-size="28"></i>
<span class="label label-warning">7</span>
</a>
<ul class=" notifications dropdown-menu drop_notify">
<li class="dropdown-title">Você tem novas notificações</li>
<li>
<!-- inner menu: contains the actual data -->
<ul class="menu">
#foreach($notificacao as $value)
<li>
<i class="livicon default" data-n="asterisk" data-s="20" data-c="white"
data-hc="white"></i>
Você tem novas perguntas
<small class="pull-right">
<span class="livicon paddingright_10" data-n="timer" data-s="10"></span>
{{$value->created_at->diffForHumans()}}
</small>
</li>
#endforeach
</ul>
</li>
<li class="footer">
View all
</li>
</ul>
</li>

Top-bar Drowndown Links Not Working

I have the top-bar nav all setup and the dropdowns are displaying as expected. However, when I click on a dropdown link, the dropdown just disappears. The page does not advance to the URI as expected.
I'm stumped...
<section class="top-bar-section second-row">
<ul>
<li class="active"><i class="fa fa-exclamation-triangle"></i><span> Alert Central</span></li>
<li class="has-dropdown">
<i class="fa fa-bar-chart"></i><span> Analytics</span>
<ul class="dropdown">
<li>System Status</li>
<li>My Use</li>
<li>My User's Use</li>
<li>Account Information</li>
</ul>
</li>
<li class="has-dropdown">
<i class="fa fa-magic"></i><span> Filter Management</span>
<ul class="dropdown">
<li>Keywords</li>
<li>Categories</li>
<li>Locations</li>
</ul>
</li>
<li class="has-dropdown">
<i class="fa fa-users"></i><span> User Management</span>
<ul class="dropdown">
<li>Users</li>
<li>Roles</li>
</ul>
</li>
</ul>
</section>
Did you try to add data-topbar in <section> tag ?
<section data-topbar class="top-bar-section second-row">

Resources