=List File
Specific Folder FTP Upload / ftp-deploy (push) Successful in 32s
Details
Specific Folder FTP Upload / ftp-deploy (push) Successful in 32s
Details
This commit is contained in:
Ravi Gulhane
parent
f87ee23ca1
commit
ef624b7eb7
|
|
@ -3,24 +3,27 @@
|
|||
<head>
|
||||
@include('layouts.shared/title-meta', ['title' => "History"])
|
||||
@include('layouts.shared/head-css', ["mode" => $mode ?? '', "demo" => $demo ?? ''])
|
||||
<link href="{{ URL::asset('assets/libs/datatables/datatables.min.css')}}" rel="stylesheet" type="text/css" />
|
||||
<link href="{{asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css" />
|
||||
</head>
|
||||
<div id="pageloader">
|
||||
<img src="http://cdnjs.cloudflare.com/ajax/libs/semantic-ui/0.16.1/images/loader-large.gif" alt="processing..." />
|
||||
</div>
|
||||
|
||||
<body class="loading">
|
||||
<div class="account-pages">
|
||||
<div class="container">
|
||||
|
||||
<!-- start page title -->
|
||||
<div class="row">
|
||||
<div class="col-8 p-2">
|
||||
<h4 class="page-title">{{$formname}}</h4>
|
||||
</div>
|
||||
<div class="col-4 p-2">
|
||||
<a href="/form/downloaddata?form_id={{$form_id}}" class="btn btn-info btn-xs float-end">Download Data</a>
|
||||
<a href="/form/downloaddata?form_id={{$form_id}}" id="download-btn" class="btn btn-info btn-xs float-end">Download</a>
|
||||
<button type="button" id="emailme" class="btn btn-warning btn-xs float-end me-2">Email</button>
|
||||
</div>
|
||||
<div class="col-12 p-2">
|
||||
<p>Showing data for last 30 days, please download data if you want to see all submissions</p>
|
||||
<div class="col-12">
|
||||
<p>Showing data for last 30 days, please use above button "Download" to download all submissions</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end page title -->
|
||||
|
|
@ -35,70 +38,73 @@
|
|||
</div>
|
||||
@endif
|
||||
|
||||
<div id="notifications"></div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-12 p-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<form class="row row-cols-lg-auto g-2 align-items-center mb-3" id="date-range-form" onsubmit="return false;">
|
||||
<div class="col-4">
|
||||
<label for="startdate" class="form-label mb-0 me-2">Start Date:</label>
|
||||
<input type="date" class="form-control form-control-sm d-inline-block w-auto" id="startdate" name="startdate" value="{{ request()->input('startdate') }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<label for="enddate" class="form-label mb-0 me-2">End Date:</label>
|
||||
<input type="date" class="form-control form-control-sm d-inline-block w-auto" id="enddate" name="enddate" value="{{ request()->input('enddate') }}">
|
||||
</div>
|
||||
<div class="col-4">
|
||||
<button type="button" class="btn btn-primary btn-sm" id="apply-date-range">Apply</button>
|
||||
</div>
|
||||
<input type="hidden" name="form_id" id="form_id" value="{{ $form_id }}">
|
||||
</form>
|
||||
|
||||
<div class="responsive-table-plugin">
|
||||
<div class="table-rep-plugin">
|
||||
<div class="table-responsive" data-pattern="priority-columns">
|
||||
<table id="tech-companies-1" class="table table-striped">
|
||||
<table id="basic-datatable" class="table dt-responsive nowrap">
|
||||
<thead>
|
||||
<tr>
|
||||
<th data-priority="1">Submission Date</th>
|
||||
<th data-priority="1" colspan="2">Submitted By</th>
|
||||
@foreach($questions as $code => $question)
|
||||
<th data-priority="1">{{$question->label}}</th>
|
||||
@endforeach
|
||||
<th data-priority="1">Action</th>
|
||||
<th data-priority="1">Submission Date</th>
|
||||
<th data-priority="1">Submitted By</th>
|
||||
<th data-priority="1">Employee Code</th>
|
||||
@if(isset($formdata) && isset($formdata->workflow) && $formdata->workflow == 'yes' )
|
||||
<th data-priority="1">Workflow Status</th>
|
||||
@endif
|
||||
@foreach($questions as $code => $question)
|
||||
@if($question->type == 'hidden')
|
||||
@continue
|
||||
@endif
|
||||
@if($question->type == 'multitextbox')
|
||||
@foreach( $question->options as $k => $v )
|
||||
<th data-priority="1">{{$v}} ({{$question->label}})</th>
|
||||
@endforeach
|
||||
@else
|
||||
<th data-priority="1">{{$question->label}}</th>
|
||||
@endif
|
||||
@endforeach
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($submissions as $submission)
|
||||
@if(isset($submission->user_info->name))
|
||||
<tr>
|
||||
<th>{{date("d M Y", strtotime(isset($submission->record_date) ? $submission->record_date : $submission->updatedAt))}}</th>
|
||||
<th>
|
||||
<img src="{{isset($submission->user_info->avatar) ? $submission->user_info->avatar : 'https://ui-avatars.com/api/?background=random&name='.$submission->user_info->name}}" class="rounded-circle avatar-sm" />
|
||||
</th>
|
||||
<td>
|
||||
<h5 class="m-0 fw-normal">{{$submission->user_info->name}}</h5>
|
||||
<p class="mb-0 text-muted"><small>{{$submission->user_info->designation}}</small></p>
|
||||
</td>
|
||||
@foreach($questions as $code => $question)
|
||||
@if($question->type == 'file')
|
||||
<td><a target="_blank" href="{{ isset($submission->formdata->{$code}) ? (is_array($submission->formdata->{$code}) ? implode(', ', $submission->formdata->{$code}) : $submission->formdata->{$code}) : '' }}" download="{{ isset($submission->formdata->{$code}) ? (is_array($submission->formdata->{$code}) ? implode(', ', $submission->formdata->{$code}) : $submission->formdata->{$code}) : '' }}" class="btn btn-dark btn-xs"><i class="mdi mdi-cloud-download me-1"></i> Download</a></td>
|
||||
@else
|
||||
<td>{{ isset($submission->formdata->{$code}) ? (is_array($submission->formdata->{$code}) ? implode(', ', $submission->formdata->{$code}) : $submission->formdata->{$code}) : '' }}</td>
|
||||
@endif
|
||||
@endforeach
|
||||
<th>
|
||||
@if( in_array('edit', $submission->actions) )
|
||||
<a href="/form/edit?id={{$submission->id}}" class="btn btn-primary btn-xs">Edit</button>
|
||||
@endif
|
||||
</th>
|
||||
</tr>
|
||||
@endif
|
||||
@endforeach
|
||||
</tbody>
|
||||
</table>
|
||||
</div> <!-- end .table-responsive -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div> <!-- end .table-rep-plugin-->
|
||||
</div> <!-- end .responsive-table-plugin-->
|
||||
@if($lastkey)
|
||||
<div class="text-center d-grid mt-3">
|
||||
<button class="btn btn-info" type="button" id="load-btn"> Load More ... </button>
|
||||
</div>
|
||||
@endif
|
||||
</div> <!-- end card body-->
|
||||
</div> <!-- end card -->
|
||||
</div><!-- end col-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end row-->
|
||||
</div> <!-- container -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style type="text/css">
|
||||
#pageloader {
|
||||
background: rgba( 255, 255, 255, 0.8 );
|
||||
|
|
@ -118,26 +124,325 @@
|
|||
}
|
||||
</style>
|
||||
|
||||
<!-- end page -->
|
||||
@include('layouts.shared/footer-script')
|
||||
<script src="{{ URL::asset('assets/libs/datatables/datatables.min.js')}}"></script>
|
||||
<script src="{{asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($){
|
||||
$('.btn-primary').click(function(){
|
||||
$("#pageloader").fadeIn();
|
||||
})
|
||||
var lastkey = '{{$lastkey}}';
|
||||
$('#load-btn').click(function(){
|
||||
$("#pageloader").fadeIn();
|
||||
$.get( "/form/loadmore?lastkey=" + lastkey, function( data ) {
|
||||
$("#pageloader").fadeOut();
|
||||
lastkey = data.lastkey;
|
||||
$( "#tech-companies-1 tbody" ).append( data.html );
|
||||
if(!data.lastkey) {
|
||||
$('#load-btn').hide()
|
||||
$.fn.dataTable.ext.errMode = 'none';
|
||||
|
||||
const loggedInUser = @json($formdata->user_id ?? "");
|
||||
const allAccess = @json(isset($formdata->all_data_access) ? $formdata->all_data_access : 0);
|
||||
const formId = @json($form_id);
|
||||
|
||||
let table = $('#basic-datatable').DataTable({
|
||||
"responsive": false,
|
||||
"language": {
|
||||
"paginate": {
|
||||
"previous": "<i class='mdi mdi-chevron-left'>",
|
||||
"next": "<i class='mdi mdi-chevron-right'>"
|
||||
}
|
||||
},
|
||||
fixedHeader: true,
|
||||
"paging": false,
|
||||
"pageLength": -1,
|
||||
"lengthMenu": [[-1], ["All"]],
|
||||
'processing': false,
|
||||
'serverSide': false,
|
||||
"order": [[1, "desc"]],
|
||||
'searching': true,
|
||||
'info': true,
|
||||
data: [],
|
||||
columns: [
|
||||
{ data: null,
|
||||
render: function ( data, type, row ) {
|
||||
let buttons = '';
|
||||
if (row.actions && Array.isArray(row.actions)) {
|
||||
if (row.actions.includes('edit')) {
|
||||
buttons += ` <button title="Edit" class="btn btn-warning btn-xs waves-effect waves-light btn-edit" submission="${row.submission_id}"><i class="mdi mdi-pencil-outline"></i></button>`;
|
||||
}
|
||||
if (row.actions.includes('delete') {{ isset($formdata->all_data_access) && $formdata->all_data_access ? ' || true' : '' }} ) {
|
||||
buttons += ` <button title="Delete" class="btn btn-danger btn-xs waves-effect waves-light btn-delete" submission="${row.submission_id}"><i class="mdi mdi-delete-outline"></i></button>`;
|
||||
}
|
||||
|
||||
if (row.actions.includes('approve') || row.actions.includes('reject')) {
|
||||
const nextApprover = row.workflow_next_approver ?? "";
|
||||
|
||||
if (allAccess == 1) {
|
||||
if (row.actions.includes('approve')) {
|
||||
buttons += `<button title="Approve" class="btn btn-success btn-xs waves-effect waves-light btn-approve" submission="${row.submission_id}"><i class="mdi mdi-check-outline"></i></button>`;
|
||||
}
|
||||
if (row.actions.includes('reject')) {
|
||||
buttons += `<button title="Reject" class="btn btn-danger btn-xs waves-effect waves-light btn-reject" submission="${row.submission_id}"><i class="mdi mdi-close-outline"></i></button>`;
|
||||
}
|
||||
} else if (loggedInUser === nextApprover) {
|
||||
if (row.actions.includes('approve')) {
|
||||
buttons += `<button title="Approve" class="btn btn-success btn-xs waves-effect waves-light btn-approve" submission="${row.submission_id}"><i class="mdi mdi-check-outline"></i></button>`;
|
||||
}
|
||||
if (row.actions.includes('reject')) {
|
||||
buttons += `<button title="Reject" class="btn btn-danger btn-xs waves-effect waves-light btn-reject" submission="${row.submission_id}"><i class="mdi mdi-close-outline"></i></button>`;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return buttons;
|
||||
}
|
||||
},
|
||||
{ "data": "date" },
|
||||
{ "data": "name" },
|
||||
{ "data": "employee_code" },
|
||||
@if(isset($formdata) && isset($formdata->workflow) && $formdata->workflow == 'yes' )
|
||||
{ "data": "workflow_status" },
|
||||
@endif
|
||||
@foreach($questions as $code => $question)
|
||||
@if($question->type == 'hidden')
|
||||
@continue
|
||||
@endif
|
||||
@if($question->type == 'multitextbox')
|
||||
@foreach($question->options as $k => $v)
|
||||
{ "data": "{{$k}}" },
|
||||
@endforeach
|
||||
@elseif($question->type == 'image')
|
||||
{
|
||||
"data": "{{$code}}",
|
||||
render: function(data, type, row) {
|
||||
data = row.{{$code.'_file'}};
|
||||
if (data && !/^https?:\/\//.test(data)) {
|
||||
data = '{{ env('AWS_URL') }}' + (data.startsWith('/') ? '' : '/') + data;
|
||||
}
|
||||
if (data && data !== '') {
|
||||
return '<button class="btn btn-info btn-xs" onclick="window.open(\'' + data + '\', \'_blank\')">View Image</button>';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
@elseif($question->type == 'file')
|
||||
{
|
||||
"data": "{{$code}}",
|
||||
render: function(data, type, row) {
|
||||
data = row.{{$code.'_file'}};
|
||||
if (data && !/^https?:\/\//.test(data)) {
|
||||
data = '{{ env('AWS_URL') }}' + (data.startsWith('/') ? '' : '/') + data;
|
||||
}
|
||||
if (data && data !== '') {
|
||||
return '<a class="btn btn-primary btn-xs" target="_blank" href="' + data + '" download>Download File</a>';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
@else
|
||||
{ "data": "{{$code}}" },
|
||||
@endif
|
||||
@endforeach
|
||||
],
|
||||
"initComplete": function(settings, json) {
|
||||
var api = this.api();
|
||||
var textBox = $('.dataTables_filter label input');
|
||||
textBox.unbind();
|
||||
textBox.bind('keyup input', function(e) {
|
||||
if(e.keyCode == 8 && !textBox.val() || e.keyCode == 46 && !textBox.val()) {
|
||||
// do nothing
|
||||
} else if(e.keyCode == 13 || !textBox.val()) {
|
||||
api.search(this.value).draw();
|
||||
}
|
||||
});
|
||||
})
|
||||
})
|
||||
}
|
||||
});
|
||||
|
||||
let lastkey = '{{$lastkey}}';
|
||||
|
||||
function bindRowActions() {
|
||||
$('.btn-edit').off('click').on('click', function(){
|
||||
window.location.href = '/form/edit?id=' + $(this).attr('submission');
|
||||
});
|
||||
|
||||
$('.btn-delete').off('click').on('click', function(){
|
||||
const btn = $(this);
|
||||
const submissionId = btn.attr('submission');
|
||||
Swal.fire({
|
||||
title: 'Are you sure?',
|
||||
text: "Do you really want to delete this submission?",
|
||||
icon: 'warning',
|
||||
showCancelButton: true,
|
||||
confirmButtonColor: '#d33',
|
||||
cancelButtonColor: '#3085d6',
|
||||
confirmButtonText: 'Yes, delete it!'
|
||||
}).then((result) => {
|
||||
if (result.isConfirmed) {
|
||||
$("#pageloader").fadeIn();
|
||||
$.ajax({
|
||||
url: '/form/delete',
|
||||
type: 'GET',
|
||||
data: {
|
||||
id: submissionId,
|
||||
form_id: formId,
|
||||
_token: '{{ csrf_token() }}'
|
||||
},
|
||||
success: function(response) {
|
||||
$("#pageloader").fadeOut();
|
||||
if (response.success) {
|
||||
Swal.fire('Deleted!', 'Submission has been deleted.', 'success');
|
||||
table.rows(function(idx, data) {
|
||||
return data.submission_id === submissionId;
|
||||
}).remove().draw();
|
||||
} else {
|
||||
Swal.fire('Error!', response.message || 'Could not delete submission.', 'error');
|
||||
}
|
||||
},
|
||||
error: function(xhr) {
|
||||
$("#pageloader").fadeOut();
|
||||
Swal.fire('Error!', xhr.responseJSON?.message || 'Could not delete submission.', 'error');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.btn-approve').off('click').on('click', function(){
|
||||
$("#pageloader").fadeIn();
|
||||
let that = $(this);
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: '/form/approvereject?action=approve&id=' + that.attr('submission') + '&form_id=' + formId,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function() {
|
||||
$("#pageloader").fadeOut();
|
||||
that.parent().html('');
|
||||
},
|
||||
error: function() {
|
||||
$("#pageloader").fadeOut();
|
||||
Swal.fire('Error!', 'Could not approve submission.', 'error');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.btn-reject').off('click').on('click', function(){
|
||||
$("#pageloader").fadeIn();
|
||||
let that = $(this);
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: '/form/approvereject?action=reject&id=' + that.attr('submission') + '&form_id=' + formId,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function() {
|
||||
$("#pageloader").fadeOut();
|
||||
that.parent().html('');
|
||||
},
|
||||
error: function() {
|
||||
$("#pageloader").fadeOut();
|
||||
Swal.fire('Error!', 'Could not reject submission.', 'error');
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function loadRows(lastkeyVal, append = true, extraParams = {}) {
|
||||
$("#pageloader").fadeIn();
|
||||
|
||||
let params = {
|
||||
lastkey: lastkeyVal,
|
||||
partition: '{{ $formdata->partition ?? '' }}',
|
||||
limit: 50
|
||||
};
|
||||
@if(isset($formdata->all_data_access) && $formdata->all_data_access == 1)
|
||||
params['alldata'] = 1;
|
||||
@else
|
||||
params['user_id'] = '{{ $formdata->user_id ?? '' }}';
|
||||
params['team_report'] = 1;
|
||||
@endif
|
||||
|
||||
params = Object.assign(params, extraParams);
|
||||
|
||||
$.get('/form/loadmore?' + $.param(params), function(data) {
|
||||
$("#pageloader").fadeOut();
|
||||
if (data && data.rows && data.rows.length > 0) {
|
||||
if (append) {
|
||||
table.rows.add(data.rows).draw(false);
|
||||
} else {
|
||||
table.clear().rows.add(data.rows).draw();
|
||||
}
|
||||
lastkey = data.lastkey;
|
||||
if (!data.lastkey) {
|
||||
$('#load-btn').hide();
|
||||
} else {
|
||||
$('#load-btn').show();
|
||||
}
|
||||
} else if (!append) {
|
||||
table.clear().draw();
|
||||
$('#load-btn').hide();
|
||||
} else {
|
||||
$('#load-btn').hide();
|
||||
}
|
||||
|
||||
bindRowActions();
|
||||
}).fail(function() {
|
||||
$("#pageloader").fadeOut();
|
||||
Swal.fire('Error!', 'Could not load submissions.', 'error');
|
||||
});
|
||||
}
|
||||
|
||||
let currentFilterParams = {};
|
||||
|
||||
$('#apply-date-range').on('click', function() {
|
||||
currentFilterParams = {
|
||||
form_id: $('#form_id').val(),
|
||||
startdate: $('#startdate').val(),
|
||||
enddate: $('#enddate').val()
|
||||
};
|
||||
lastkey = 1;
|
||||
loadRows(lastkey, false, currentFilterParams);
|
||||
});
|
||||
|
||||
currentFilterParams = {
|
||||
form_id: $('#form_id').val(),
|
||||
startdate: $('#startdate').val(),
|
||||
enddate: $('#enddate').val()
|
||||
};
|
||||
loadRows(1, false, currentFilterParams);
|
||||
|
||||
$('#load-btn').off('click').on('click', function() {
|
||||
if (lastkey) {
|
||||
loadRows(lastkey, true, currentFilterParams);
|
||||
}
|
||||
});
|
||||
|
||||
$('.btn-primary').click(function(){
|
||||
$("#pageloader").fadeIn();
|
||||
});
|
||||
|
||||
$('#emailme').click(function(){
|
||||
$("#pageloader").fadeIn();
|
||||
var startdate = $('#startdate').val() || '';
|
||||
var enddate = $('#enddate').val() || '';
|
||||
var url = '/form/downloaddata?email=1&form_id=' + encodeURIComponent(formId);
|
||||
if (startdate) url += '&startdate=' + encodeURIComponent(startdate);
|
||||
if (enddate) url += '&enddate=' + encodeURIComponent(enddate);
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: url,
|
||||
success: function() {
|
||||
$('#notifications').append('<div class="alert alert-success">Email Sent Successfully</div>');
|
||||
$("#pageloader").fadeOut();
|
||||
},
|
||||
error: function() {
|
||||
$("#pageloader").fadeOut();
|
||||
Swal.fire('Error!', 'Could not send email.', 'error');
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#startdate, #enddate').on('change', function(){
|
||||
var startdate = $('#startdate').val() || '';
|
||||
var enddate = $('#enddate').val() || '';
|
||||
var url = '/form/downloaddata?form_id=' + encodeURIComponent(formId);
|
||||
if (startdate) url += '&startdate=' + encodeURIComponent(startdate);
|
||||
if (enddate) url += '&enddate=' + encodeURIComponent(enddate);
|
||||
$('#download-btn').attr('href', url);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
|
|
|||
Loading…
Reference in New Issue