%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/silvzytp/crm-dub-code/resources/views/backend/modules/campaign/
Upload File :
Create Path :
Current File : //home/silvzytp/crm-dub-code/resources/views/backend/modules/campaign/index.blade.php

@extends('layouts.backend')
@section('title', $siteTitle)
@section('action')
    @permission('app.campaign.create')
        <a href="{{ route(routeName().'.campaigns.create') }}" class="btn btn-sm btn-primary">
            <i class="ti-plus fs-ism fw-800"></i> Add Campaign</a>
    @endpermission
@endsection
@push('styles')

@endpush

@section('content')

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-body px-0">
                    <table class="table table-sm table-borderless table-style" id="campaign-datatables">
                        <thead>
                            <th class="text-left">ID</th>
                            <th>Name</th>
                            <th>status</th>
                            <th>created at</th>
                            <th class="text-right">Operation</th>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
<script>
    table = $('#campaign-datatables').DataTable({
            processing: true,
            serverSide: true,
            order: [], //Initial no order
            bInfo: true, //TO show the total number of data
            bFilter: false, //For datatable default search box show/hide
            responsive: false,
            ordering: false,
            lengthMenu: [
                [5, 10, 15, 25, 50, 100, -1],
                [5, 10, 15, 25, 50, 100, "All"]
            ],
            pageLength: 15, //number of data show per page
            ajax: {
                url: "{{ route(routeName().'.campaigns.index') }}",
                type: "GET",
                dataType: "JSON",
                data: function(d) {
                    d._token = _token;
                    d.search_text = $("input#search-here").val();
                },
            },
            columns: [
                {data: 'id', orderable: false, searchable: false},
                {data: 'name'},
                {data: 'status'},
                {data: 'created_at'},
                {data: 'operation', orderable: false, searchable: false},
            ],
            language: {
                processing: '<img src="{{ asset("uploads/images/table-loading.svg") }}">',
                emptyTable: '<strong class="text-danger">No Data Found</strong>',
                infoEmpty: '',
                zeroRecords: '<strong class="text-danger">No Data Found</strong>',
                oPaginate: {
                    sPrevious: "Previous", // This is the link to the previous page
                    sNext: "Next", // This is the link to the next page
                },
                lengthMenu: "<div class='d-flex align-items-center'>_MENU_ <input type='text' class='border form-control ml-1' id='search-here' placeholder='Enter name..'></div>"
            }
        });

    // deletable btn
    $(document).on('click', 'button.confirm-deletable-action', function(){
        // modal data
        let data_id = $('#deletable-modal input.datatable').val();
        const url = "{{ route(routeName().'.campaigns.destroy') }}";

        deletable_action(data_id,url); // define function
    });
    
    $(document).on("keyup keypress", "input#search-here", function(){
        table.ajax.reload(); 
    });
</script>
@endpush

Zerion Mini Shell 1.0