ultimatepos/Modules/ManagementTools/Resources/views/daily_reports/user_tasks.blade.php

170 lines
8.4 KiB
PHP

@extends('layouts.app')
@section('title', __('managementtools::lang.user_tasks_page'))
@section('content')
@include('managementtools::layouts.nav')
<section class="content no-print mt-page mt-user-tasks-page">
<div class="mt-page-header">
<h1><i class="fas fa-tasks" style="color:#2563eb;margin-left:8px;"></i> @lang('managementtools::lang.user_tasks_page')</h1>
<button type="button" class="mt-btn-primary btn-modal"
data-href="{{ action([\Modules\ManagementTools\Http\Controllers\EmployeeTaskController::class, 'create']) }}"
data-container=".mt_task_modal">
<i class="fa fa-plus"></i> @lang('managementtools::lang.add')
</button>
</div>
<div class="mt-card">
<div class="mt-card-body" style="padding-top:0;">
<ul class="nav nav-tabs mt-ut-tabs" role="tablist">
<li role="presentation" class="active">
<a href="#mt-ut-defined" role="tab" data-toggle="tab">
@lang('managementtools::lang.user_defined_tasks')
<span class="badge">{{ $defined_tasks->total() }}</span>
</a>
</li>
<li role="presentation">
<a href="#mt-ut-unreported" role="tab" data-toggle="tab">
@lang('managementtools::lang.tasks_without_report')
<span class="badge">{{ $unreported_tasks->count() }}</span>
</a>
</li>
<li role="presentation">
<a href="#mt-ut-inability" role="tab" data-toggle="tab">
@lang('managementtools::lang.inability_tasks')
<span class="badge">{{ $inability_tasks->total() }}</span>
</a>
</li>
<li role="presentation">
<a href="#mt-ut-incomplete" role="tab" data-toggle="tab">
@lang('managementtools::lang.incomplete_user_tasks')
<span class="badge">{{ $incomplete_tasks->total() }}</span>
</a>
</li>
<li role="presentation">
<a href="#mt-ut-approved" role="tab" data-toggle="tab">
@lang('managementtools::lang.approved_tasks')
<span class="badge">{{ $approved_tasks->total() }}</span>
</a>
</li>
<li role="presentation">
<a href="#mt-ut-all" role="tab" data-toggle="tab">
@lang('managementtools::lang.all_tasks')
<span class="badge">{{ $all_tasks->total() }}</span>
</a>
</li>
</ul>
<div class="tab-content mt-ut-tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="mt-ut-defined">
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $defined_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
<div role="tabpanel" class="tab-pane fade" id="mt-ut-unreported">
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $unreported_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
<div role="tabpanel" class="tab-pane fade" id="mt-ut-inability">
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $inability_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
<div role="tabpanel" class="tab-pane fade" id="mt-ut-incomplete">
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $incomplete_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
<div role="tabpanel" class="tab-pane fade" id="mt-ut-approved">
{!! Form::open(['url' => action([\Modules\ManagementTools\Http\Controllers\DailyReportController::class, 'userTasks']), 'method' => 'get', 'class' => 'form-inline', 'style' => 'margin-bottom:16px;direction:rtl;']) !!}
<div class="form-group" style="margin-left:8px;">
{!! Form::label('filter_start', __('managementtools::lang.start_date')) !!}
{!! Form::text('filter_start', $filter_start, ['class' => 'form-control mt-datepicker', 'readonly', 'autocomplete' => 'off']) !!}
</div>
<div class="form-group" style="margin-left:8px;">
{!! Form::label('filter_end', __('managementtools::lang.end_date')) !!}
{!! Form::text('filter_end', $filter_end, ['class' => 'form-control mt-datepicker', 'readonly', 'autocomplete' => 'off']) !!}
</div>
<div class="form-group" style="margin-left:8px;">
{!! Form::label('filter_user_id', __('managementtools::lang.user')) !!}
{!! Form::select('filter_user_id', $users, $filter_user_id, ['class' => 'form-control select2', 'placeholder' => __('managementtools::lang.all_employees'), 'style' => 'width:220px;']) !!}
</div>
<button type="submit" class="btn btn-primary">@lang('managementtools::lang.filter')</button>
{!! Form::close() !!}
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $approved_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
<div role="tabpanel" class="tab-pane fade" id="mt-ut-all">
@include('managementtools::daily_reports.partials.user_tasks_table', [
'tasks' => $all_tasks,
'can_urgent_message' => $can_urgent_message,
'can_task_report' => $can_task_report,
])
</div>
</div>
</div>
</div>
</section>
<div class="modal fade mt_task_modal" tabindex="-1" role="dialog"></div>
<div class="modal fade mt_user_tasks_modal" tabindex="-1" role="dialog"></div>
@endsection
@section('javascript')
<script type="text/javascript">
$(document).ready(function() {
$('.select2').select2({ allowClear: true, placeholder: '@lang("managementtools::lang.all_employees")' });
if (typeof MtDate !== 'undefined') {
MtDate.initDatepicker('.mt-datepicker');
}
$(document).on('click', '.delete_mt_user_task', function() {
var url = $(this).data('href');
swal({ title: LANG.sure, icon: 'warning', buttons: true, dangerMode: true }).then(function(ok) {
if (!ok) return;
$.ajax({
method: 'DELETE',
url: url,
dataType: 'json',
success: function(r) {
if (r.success) {
toastr.success(r.msg);
setTimeout(function() { location.reload(); }, 800);
} else {
toastr.error(r.msg);
}
}
});
});
});
});
</script>
<style>
.mt-user-tasks-page .mt-ut-tabs { margin-bottom:0; border-bottom:1px solid #e5e7eb; }
.mt-user-tasks-page .mt-ut-tabs > li > a { font-weight:600; }
.mt-user-tasks-page .mt-ut-tabs .badge { background:#dc2626; margin-right:4px; }
.mt-user-tasks-page .mt-ut-tab-content { padding-top:16px; }
.mt-user-tasks-page .mt-ut-tasks-table td,
.mt-user-tasks-page .mt-ut-tasks-table th { font-size:13px; vertical-align:middle !important; }
.mt-user-tasks-page .thead-dark th { background:#1f2937; color:#fff; }
</style>
@endsection