edms2023/resources/views/listings/index.blade.php

178 lines
8.7 KiB
PHP

@extends('layouts.list_master')
@section('pageTitle', 'Manage Remote Transfers')
@section('content')
@include('includes.form_style')
<div class="page-header">
<h1 class="page-title">{{ __('Listings') }}</h1>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="{{ route('dashboard') }}">{{ __('Dashboard') }}</a></li>
<li class="breadcrumb-item active">{{ __('Listings') }}</li>
</ol>
</div>
<div class="page-content container-fluid">
<div class="row">
<div class="col-md-12">
<div class="user-background card card-shadow">
{{-- <div class="card-header card-header-transparent p-20">
<h4 class="card-title mb-0"><a href="{{route('transfers.create')}}">Add Remote Transfer</a></h4>
</div> --}}
<div class="card-block">
<form action="{{route('listings.index')}}" method="get">
<div class="row">
<div class="form-group col-md-1">
@if (isset($workflowtypes))
<select name="workflowtype" class="form-control" id="workflowtype_id">
@foreach ($workflowtypes as $workflowtype)
<option value="{{$workflowtype->id}}" {{(($input['workflowtype'] ?? '') == $workflowtype->id) ? 'selected' : ''}}>{{dataTranslation($workflowtype->name)}}</option>
@endforeach
</select>
@endif
</div>
<div class="form-group com-md">
<select name="status" id="status_id" class="form-control" placeholder="{{__('Status')}}">
<option value="0" selected>{{__('All')}}</option>
<option value="1" {{($input['status']==1)?'selected':''}}>{{__('Complete')}}</option>
<option value="2" {{($input['status']==2)?'selected':''}}>{{__('In Progress')}}</option>
</select>
</div>
<div class="form-group col-md">
<input type="text" class="form-control" id="registration_number_id" name="registration_number" placeholder="{{ __('Registration Number') }}" value="{{$input['registration_number'] ?? ''}}">
</div>
<div class="form-group col-md">
<div class="select2-primary">
<select class="form-control validate[required]" multiple="multiple" style="width:100%" name="contact_id[]" id="contact_id">
</select>
</div>
</div>
<div class="form-group col-md">
<div class="input-search input-search-dark">
<i class="input-search-icon fa fa-calendar" aria-hidden="true"></i>
<input type="text" class="form-control" id="regdate" name="reg_date" placeholder="{{ __('Registration Date') }}" value="{{ $input['reg_date'] ?? ''}}" autocomplete="off" required>
</div>
</div>
<div class="col-md form-group form-inline">
<div class="btn-group">
<button type="submit" class="btn btn-primary"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
<div class="dropdown float-right border">
<a class="btn dropdown-toggle" href="#" data-toggle="dropdown">
<i class="fa fa-download" aria-hidden="true"></i>
</a>
<div class="dropdown-menu">
<form action="{{route('listings.export', ['type'=>'xlsx'])}}" method="GET" onsubmit="return getFormInfo();">
<input type="hidden" name="export-filterBy" class="export-filterBy" value="">
<button type="submit" class="dropdown-item export"><i class="fa fa-file-excel-o" aria-hidden="true"></i> Excel</button>
</form>
<form action="{{route('listings.export', ['type'=>'csv'])}}" method="GET" onsubmit="return getFormInfo();">
<input type="hidden" name="export-filterBy" class="export-filterBy" value="">
<button type="submit" class="dropdown-item export"><i class="fa fa-file-excel-o" aria-hidden="true"></i> CSV</button>
</form>
<a class="button dropdown-item" id="print" href="#"><i class="fa fa-print" aria-hidden="true"> {{ __('Print') }}</i></a>
</div>
</div>
</div>
</div>
</div>
@include('listings.index-table')
</div>
</div>
</div>
</div>
</div>
<style type="text/css">
</style>
<script src="{{ asset('global/file-upload/jquery.form.js') }}"></script>
<script src="{{ asset('global/file-upload/jquery.uploadfile.js') }}"></script>
<script src="{{ asset('global/vendor/select2/select2.full.min.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-tokenfield/bootstrap-tokenfield.min.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-select/bootstrap-select.js') }}"></script>
<script src="{{ asset('global/vendor/icheck/icheck.min.js') }}"></script>
<script src="{{ asset('global/vendor/asrange/jquery-asRange.min.js') }}"></script>
<script src="{{ asset('global/vendor/ionrangeslider/ion.rangeSlider.min.js') }}"></script>
<script src="{{ asset('global/vendor/clockpicker/bootstrap-clockpicker.min.js') }}"></script>
<script src="{{ asset('global/vendor/asgradient/jquery-asGradient.min.js') }}"></script>
<script src="{{ asset('global/vendor/ascolorpicker/jquery-asColorPicker.min.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-maxlength/bootstrap-maxlength.js') }}"></script>
<script src="{{ asset('global/vendor/jquery-knob/jquery.knob.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-touchspin/bootstrap-touchspin.min.js') }}"></script>
<script src="{{ asset('global/vendor/jquery-labelauty/jquery-labelauty.js') }}"></script>
<script src="{{ asset('global/vendor/bootstrap-datepicker/bootstrap-datepicker.js') }}"></script>
<script src="{{ asset('global/vendor/timepicker/jquery.timepicker.min.js') }}"></script>
<script src="{{ asset('global/vendor/datepair/datepair.min.js') }}"></script>
<script src="{{ asset('global/vendor/datepair/jquery.datepair.min.js') }}"></script>
<script src="{{ asset('global/vendor/jquery-strength/password_strength.js') }}"></script>
<script src="{{ asset('global/vendor/jquery-strength/jquery-strength.min.js') }}"></script>
<script src="{{ asset('global/vendor/multi-select/jquery.multi-select.js') }}"></script>
<script src="{{ asset('global/vendor/typeahead-js/bloodhound.min.js') }}"></script>
<script src="{{ asset('global/vendor/typeahead-js/typeahead.jquery.min.js') }}"></script>
<script src="{{ asset('global/vendor/jquery-placeholder/jquery.placeholder.js') }}"></script>
<script src="{{ asset('global/vendor/date-range-picker/moment.min.js') }}"></script>
<script src="{{ asset('global/vendor/date-range-picker/daterangepicker.js') }}"></script>
@include('includes.contacts_documents_ajax')
<script type="text/javascript">
$(document).ready(function(){
$("#regdate").daterangepicker({
autoUpdateInput: false,
locale: {
cancelLabel: 'Arassala',
applyLabel: 'Tassykla',
format: 'DD-MM-YYYY'
}
});
$('#regdate').on('apply.daterangepicker', function(ev, picker) {
$(this).val(picker.startDate.format('DD-MM-YYYY') + ' : ' + picker.endDate.format('DD-MM-YYYY'));
});
$('#regdate').on('cancel.daterangepicker', function(ev, picker) {
$(this).val('');
});
// print Report
$('#print').click(function(){
var table_clone = $('.printable').clone();
table_clone.children('table').removeClass('table');
table_clone.children('table').removeClass('table-hover');
table_clone.children('table').addClass('test');
var head = '<table style="width:100%"><tbody>';
head += '</tbody></table>';
var out = head + '<br><br>' + table_clone.html() + '<br><br>';
var printW = window.open('', '', 'left=0, top=0, width=800, height=900, toolbar=0, scrollbars=0, status=0');
printW.document.write('<html>');
printW.document.write('<link rel="stylesheet" type="text/css" href="assets/css/print.css">');
printW.document.write('<body>');
// out += foot;
printW.document.write(out);
printW.document.write('</body></html>');
printW.document.close();
setTimeout(function () {
printW.focus();
printW.print();
printW.close();
}, 500);
});
});
function getFormInfo()
{
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
var d = {_token: CSRF_TOKEN, workflowtype:$('#workflowtype_id').val(), status:$('#status_id').val(), registration_number:$('#registration_number_id').val(), contact_id:$('#contact_id').val(), reg_date:$('#regdate').val(), export: 'export'};
$('.export-filterBy').val(JSON.stringify(d));
};
</script>
@endsection