MAINHACK

Viewing / Editing File: index.blade.php

@extends('layouts.admin')

@section('page-title')
    {{ __('Project Report') }}
@endsection

@section('links')
    @if (\Auth::guard('client')->check())
        <li class="breadcrumb-item"><a href="{{ route('client.home') }}">{{ __('Home') }}</a></li>
    @else
        <li class="breadcrumb-item"><a href="{{ route('home') }}">{{ __('Home') }}</a></li>
    @endif
    <li class="breadcrumb-item"> {{ __('Project Report') }}</li>
@endsection

@section('action-button')
    @auth('web')
        <a href="#" class="btn btn-sm btn-primary filter" data-toggle="tooltip" title="{{ __('Filter') }}">
            <i class="ti ti-filter"></i>
        </a>
    @endauth
@endsection

@php
    $client_keyword = Auth::user()->getGuard() == 'client' ? 'client.' : '';
@endphp

@section('content')
    {{-- <div class="col-lg-12 projectreportdata p-0">
    </div> --}}
    <div class="row row-gap-2 mb-4">
        <div class="row  display-none align-items-center" id="show_filter">
            @if ($currentWorkspace->permission == 'Owner' || Auth::user()->getGuard() == 'client')
                <div class="col-md-2 col-sm-6">
                    <select class="form-select" name="all_users" id="all_users">
                        <option value="" class="px-4">{{ __('All Users') }}</option>
                        @foreach ($users as $user)
                            <option value="{{ $user->id }}">{{ $user->name }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

<div class="col-md-2 col-sm-6">
                <select class="form-select" name="status" id="status">
                    <option value="" class="px-4">{{ __('All Status') }}</option>
                    <option value="Ongoing">{{ __('Ongoing') }}</option>
                    <option value="Finished">{{ __('Finished') }}</option>
                    <option value="OnHold">{{ __('OnHold') }}</option>
                </select>
            </div>

<div class="form-group col-md-3 col-sm-6 mb-0">
                <div class="input-group date ">
                    <input class="form-control datepicker4" type="text" id="end_date" name="end_date" value=""
                        autocomplete="off" required="required" placeholder="{{ __('End Date') }}">
                    <span class="input-group-text">
                        <i class="feather icon-calendar"></i>
                    </span>
                </div>
            </div>
            <div class="col-md-2 col-sm-6">
                <a href="#" class="btn btn-primary btn-sm btn-filter mb-0 me-1" data-toggle="tooltip"
                    title="{{ __('Apply') }}">
                    <i class="ti ti-search"></i>
                </a>
                <a href="{{ route('project_report.index', $currentWorkspace->slug) }}" class="btn btn-sm btn-danger"
                    data-bs-toggle="tooltip" title="" data-bs-original-title="Reset">
                    <span class="btn-inner--icon"><i class="ti ti-refresh"></i></span>
                </a>
            </div>
        </div>

<div class="col-xl-12">
            <div class="card">
                <div class="card-body">
                    <div class="table-responsive p-4">
                        <table class="table selection-datatable px-4 mt-2" id="selection-datatable1">
                            <thead>
                                <tr>
                                    <th> {{ __('#') }}</th>
                                    <th> {{ __('Project Name') }}</th>
                                    <th> {{ __('Start Date') }}</th>
                                    <th> {{ __('Due Date') }}</th>
                                    <th> {{ __('Project Member') }}</th>
                                    <th> {{ __('Progress') }}</th>
                                    <th>{{ __('Project Status') }}</th>
                                    <th>{{ __('Action') }}</th>
                                </tr>
                            </thead>
                            <tbody>

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

@push('css-page')
    <link rel="stylesheet" href="{{ asset('assets/custom/css/datatables.min.css') }}">
    <style>
        table.dataTable.no-footer {
            border-bottom: none !important;
        }

.display-none {
            display: none !important;
        }
    </style>
@endpush

@push('scripts')
    <script>
        (function() {
            const d_week = new Datepicker(document.querySelector('.datepicker4'), {
                buttonClass: 'btn',
                todayBtn: true,
                clearBtn: true,
                format: 'yyyy-mm-dd',
            });
        })();
    </script>

var table = $("#selection-datatable1").DataTable({
                order: [],
                select: {
                    style: "multi"
                },
                "language": dataTableLang,
                drawCallback: function() {
                    $(".dataTables_paginate > .pagination").addClass("pagination-rounded")
                }
            });

$(document).on("click", ".btn-filter", function() {
                getData();
            });

Cancel / Back

[ MAINHACK ]

Viewing / Editing File: index.blade.php

Server Info

System Features

User Info