PHP Classes

File: resources/views/vendor/livewire-tables/bootstrap-5/includes/sorting-pills.blade.php

Recommend this page to a friend!
  Classes of Nyi Nyi Lwin   mtube   resources/views/vendor/livewire-tables/bootstrap-5/includes/sorting-pills.blade.php   Download  
File: resources/views/vendor/livewire-tables/bootstrap-5/includes/sorting-pills.blade.php
Role: Auxiliary script
Content type: text/plain
Description: Auxiliary script
Class: mtube
Application to share videos between users
Author: By
Last change:
Date: 3 years ago
Size: 1,509 bytes
 

Contents

Class file image Download
<div>
    @if ($showSorting && count($sorts))
        <div class="mb-3">
            <small>@lang('Applied Sorting'):</small>

            @foreach($sorts as $col => $dir)
                <span
                    wire:key="sorting-pill-{{ $col }}"
                    class="badge rounded-pill bg-info d-inline-flex align-items-center"
                >
                    <span>{{ $sortNames[$col] ?? collect($this->columns())->pluck('text', 'column')->get($col, ucwords(strtr($col, ['_' => ' ', '-' => ' ']))) }}: {{ $dir === 'asc' ? ($sortDirectionNames[$col]['asc'] ?? 'A-Z') : ($sortDirectionNames[$col]['desc'] ?? 'Z-A') }}</span>

                    <a
                        href="#"
                        wire:click.prevent="removeSort('{{ $col }}')"
                        class="text-white ms-2"
                    >
                        <span class="visually-hidden">@lang('Remove sort option')</span>
                        <svg style="width:.5em;height:.5em" stroke="currentColor" fill="none" viewBox="0 0 8 8">
                            <path stroke-linecap="round" stroke-width="1.5" d="M1 1l6 6m0-6L1 7" />
                        </svg>
                    </a>
                </span>
            @endforeach

            <a
                href="#"
                wire:click.prevent="resetSorts"
                class="badge rounded-pill bg-light text-dark text-decoration-none"
            >
                @lang('Clear')
            </a>
        </div>
    @endif
</div>