report page done

This commit is contained in:
franknstayn
2020-01-07 20:01:07 +08:00
parent a929b8192a
commit 82385d57da
10 changed files with 633 additions and 56 deletions

View File

@@ -213,6 +213,13 @@ desired effect
<!-- DataTables -->
<script src="{{ asset('/bower_components/datatables.net/js/jquery.dataTables.min.js') }}"></script>
<script src="{{ asset('/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') }}"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.flash.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/1.5.6/js/buttons.print.min.js"></script>
<!-- moment -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<!-- datetime-moment -->
@@ -246,13 +253,18 @@ desired effect
// $.fn.dataTable.moment( 'DD/M/YYYY' );
$('#orders_table').DataTable({
columnDefs: [{
target: 6,
type: 'datetime-moment'
}]
});
$.fn.dataTable.ext.search.push(
function (settings, data, dataIndex) {
var min = $('#min').datepicker("getDate");
var max = $('#max').datepicker("getDate");
var startDate = new Date(data[9]);
var startDate = new Date(data[10]);
if (min == null && max == null) { return true; }
if (min == null && startDate <= max) { return true;}
if(max == null && startDate >= min) {return true;}
@@ -263,7 +275,124 @@ desired effect
$("#min").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
$("#max").datepicker({ onSelect: function () { table.draw(); }, changeMonth: true, changeYear: true });
var table = $('#tbl_store_orders').DataTable({
initComplete: function () {
this.api().columns(0).every( function () {
var column = this;
var select = $('<select class="form-control"><option value=""></option></select>')
.appendTo( $('#store_filter').empty() )
.on( 'change', function () {
var val = $.fn.dataTable.util.escapeRegex(
$(this).val()
);
column
.search( val ? '^'+val+'$' : '', true, false )
.draw();
} );
column.data().unique().sort().each( function ( d, j ) {
select.append( '<option value="'+d+'">'+d+'</option>' )
} );
} );
},
scrollX: true,
dom: 'Bfrtip',
buttons: [
{
extend: 'csv',
exportOptions: {
columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20 ]
},
className : "btn btn-default",
text: "<i class=\"fa fa-table\"></i> CSV",
title : function() {
return "ORDER REPORTS";
}
},
{
extend: 'excel',
exportOptions: {
columns: [ 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20 ]
},
className : "btn btn-default",
text: "<i class=\"fa fa-file-excel-o\"></i> Excel",
title : function() {
return "ORDER REPORTS";
}
}
//,
// {
// extend: 'pdf',
// exportOptions: {
// columns: [ 0, 1, 2, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 ]
// },
// className : "btn btn-default",
// text: "<i class=\"fa fa-file-pdf-o\"></i> PDF",
// orientation: 'landscape',
// pageSize: 'LEGAL',
// title : function() {
// return "ORDER REPORTS";
// }
// },
// {
// extend: 'print',
// exportOptions: {
// columns: [ 0, 1, 2, 3, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14 ]
// },
// className : "btn btn-default",
// text : "<i class=\"fa fa-print\"></i> Print",
// orientation: 'landscape',
// pageSize: 'LEGAL',
// title : function() {
// return "ORDER REPORTS";
// }
// }
],
columnDefs: [
{ targets: 9, type: 'date', visible: false },
{ targets: 9, type: 'date' }
],
});
$(document).on('a click', '.btn-order-item-details', function(e){
e.preventDefault();
var getCK = $(this).data('ck');
var getPid = $(this).data('pid');
var getId = $(this).data('id');
$.ajax({
data: {
ck: getCK,
pid: getPid,
id: getId
},
type: 'POST',
url : "{{ url('admin/post/show-store-order-details') }}",
dataType: 'json',
beforeSend:function(xhr){
var token = $('meta[name="csrf_token"]').attr('content');
if (token) {
return xhr.setRequestHeader('X-CSRF-TOKEN', token);
}
xhr.setRequestHeader( 'X-Requested-With', 'XMLHttpRequest');
},
success:function(result) {
if(result.success){
$('#modal_store_order_details_body_content').html(result.payment_details_response);
}
}
});
$('#modal_store_order_details').modal('show');
});
try{
var canvas = new fabric.Canvas('canvas');
canvas.setWidth($('.canvas-container').width());
@@ -348,12 +477,7 @@ desired effect
});
$('#orders_table').DataTable({
columnDefs: [{
target: 5,
type: 'datetime-moment'
}]
});
$('#store_owners_table').DataTable();

View File

@@ -57,7 +57,7 @@
<li {{ ($getrequest_url == '/admin/overlay-pattern') ? 'class=active' : '' }}><a href="{{ url('/admin/overlay-pattern') }}"><i class="fa fa-circle-o"></i> Overlay Pattern</a></li>
</ul>
</li>
@php $under_visualizer_management = array("/admin/visualizer/add") @endphp
@php $under_visualizer_management = array("/admin/visualizer/add", "/admin/visualizer") @endphp
<li class="treeview {{ (in_array($getrequest_url, $under_visualizer_management)) ? 'active' : '' }}">
<a href="#"><i class="fa fa-paint-brush"></i> <span> Visualizer Management</span>
<span class="pull-right-container">
@@ -65,7 +65,7 @@
</span>
</a>
<ul class="treeview-menu">
<li {{ ($getrequest_url == '/admin/cliparts') ? 'class=active' : '' }}><a href="{{ url('/admin/cliparts') }}"><i class="fa fa-circle-o"></i> Visualizer</a></li>
<li {{ ($getrequest_url == '/admin/visualizer') ? 'class=active' : '' }}><a href="{{ url('/admin/visualizer') }}"><i class="fa fa-circle-o"></i> Visualizer</a></li>
<li {{ ($getrequest_url == '/admin/visualizer/add') ? 'class=active' : '' }}><a href="{{ url('/admin/visualizer/add') }}"><i class="fa fa-circle-o"></i> Add Visualizer</a></li>
</ul>
</li>

View File

@@ -230,12 +230,6 @@
<br>
</div>
<div class="col-lg-8 col-sm-8">
{{-- <div class="form-group">
<label class="col-sm-4 control-label">Visualizer Code</label>
<div class="col-sm-8">
<input type="text" class="form-control" name="templateCode" id="templateCode" readonly="true" />
</div>
</div> --}}
<div class="form-group">
<label class="col-sm-4 control-label">Select Sports</label>
<div class="col-sm-8">
@@ -259,13 +253,6 @@
<input type="text" class="form-control" name="visualizer_name" placeholder="Visualizer Name" />
</div>
</div>
{{-- <div class="form-group">
<label class="col-sm-4 control-label">Visualizer Type</label>
<div class="col-sm-8">
<select class="form-control" id="templateType" name="templateType">
</select>
</div>
</div> --}}
<div class="form-group">
<label class="col-sm-4 control-label">Select Overlay Pattern</label>
<div class="col-sm-8">

View File

@@ -0,0 +1,143 @@
<table class="table table-condensed table-bordered">
<tr >
<th class="bg-info" colspan="2">Payer Information</th>
<th class="text-center bg-info">Shipping Address</th>
</tr>
<tr>
<th class="col-md-3">Payer Name</th>
<td>{{ $array_payment_details[0]->Payer_Firstname . ' ' . $array_payment_details[0]->Payer_Lastname }}</td>
<td rowspan="3">
{{ $array_shipping_add[0]->recipient_name }}<br>
{{ $array_shipping_add[0]->line1 . ' ' . $array_shipping_add[0]->line2 . ', ' }}<br>
{{ $array_shipping_add[0]->city . ', ' . $array_shipping_add[0]->state . ' ' . $array_shipping_add[0]->postal_code }}<br>
{{ $array_shipping_add[0]->country_code }}
</td>
</tr>
<tr>
<th class="col-md-3">Payer Email Address</th>
<td>{{ $array_payment_details[0]->Payer_Email }}</td>
</tr>
<tr>
<th class="col-md-3">Payment Method</th>
<td>{{ $array_payment_details[0]->PaymentMethod }}</td>
</tr>
<tr >
<th class="bg-info" colspan="3">Transaction Information</th>
</tr>
<tr>
<th class="col-md-3">Invoice #</th>
<td colspan="2">{{ $array_payment_details[0]->InvoiceNumber }}</td>
</tr>
</table>
<div style="border: 1px solid #e2e2e2; padding: 10px; margin-bottom: 10px;">
<div class="row">
<div class="col-md-2">
<div class="text-center">
<img class="previewImage" id="active_thumbnail" src="{{ config('site_config.prod_private_server_ip') . '/images/' . $array_thumbnail_display[0]->Image }}">
</div>
</div>
<div class="col-md-10">
<table class="table table-striped table-condensed">
@if($array_item[0]->FormUsed=="jersey-and-shorts-form")
<tr>
<th>Name</th>
<th>Number</th>
<th>Jersey Size</th>
<th>Shorts Size</th>
<th>Price</th>
<th>Quantity</th>
</tr>
@elseif($array_item[0]->FormUsed=="tshirt-form")
<tr>
<th>Size</th>
<th>Price</th>
<th>Quantity</th>
<!-- <th></th> -->
</tr>
@elseif($array_item[0]->FormUsed=="quantity-form")
<tr>
<th>Price</th>
<th>Quantity</th>
</tr>
@elseif($array_item[0]->FormUsed=="name-number-form")
<tr>
<th>Name</th>
<th>Number</th>
<th>Price</th>
<th>Quantity</th>
</tr>
@elseif($array_item[0]->FormUsed=="name-number-size-form")
<tr>
<th>Name</th>
<th>Number</th>
<th>Size</th>
<th>Price</th>
<th>Quantity</th>
</tr>
@elseif($array_item[0]->FormUsed=="number-form")
<tr>
<th>Number</th>
<th>Price</th>
<th>Quantity</th>
</tr>
@else
@endif
@if($array_item[0]->FormUsed=="jersey-and-shorts-form")
<tr>
<td> @if($array_item[0]->Name != '') {{ $array_item[0]->Name }} @else -- @endif </td>
<td>{{ $array_item[0]->Number }}</td>
<td>{{ $array_item[0]->JerseySize }}</td>
<td>{{ $array_item[0]->ShortsSize }}</td>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
</tr>
@elseif($array_item[0]->FormUsed=="tshirt-form")
<tr>
<td>{{ $array_item[0]->Size }}</td>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
<!-- <td><a href="{{ url('admin/orders/download/tshirt' . '/' . $array_item[0]->DesignCode . '/' . $array_item[0]->Id )}}" class="btn btn-xs btn-primary"><i class="fa fa-download"></i> Download Print File</a></td> -->
</tr>
@elseif($array_item[0]->FormUsed=="quantity-form")
<tr>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
</tr>
@elseif($array_item[0]->FormUsed=="name-number-form")
<tr>
<td>{{ $array_item[0]->Name }}</td>
<td>{{ $array_item[0]->Number }}</td>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
</tr>
@elseif($array_item[0]->FormUsed=="name-number-size-form")
<tr>
<td>{{ $array_item[0]->Name }}</td>
<td>{{ $array_item[0]->Number }}</td>
<td>{{ $array_item[0]->Size }}</td>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
</tr>
@elseif($array_item[0]->FormUsed=="number-form")
<tr>
<td>{{ $array_item[0]->Number }}</td>
<td>{{ $array_item[0]->Price }}</td>
<td>{{ $array_item[0]->Quantity }}</td>
</tr>
@else
@endif
</table>
</div>
</div>
</div>

View File

@@ -23,7 +23,8 @@
</div>
<div class="box-body">
<div class="row">
<div class="col-md-3">
{{-- <div class="col-md-3">
<div class="form-group">
<label class="control-label">Select Date From: <span class="required">*</span></label>
<input type="text" name="min" class="form-control datepicker-reports" id="min" placeholder="Select Date" required autocomplete="off"/>
@@ -35,36 +36,38 @@
<input type="text" name="max" class="form-control datepicker-reports" id="max" placeholder="Select Date" required autocomplete="off"/>
</div>
</div>
</div>
<div class="table-responsive">
<table id="orders_table" class="table table-bordered table-hover">
<thead>
<tr>
<th>Store</th>
<th>Invoice #</th>
<th>Currency</th>
<th>Tax</th>
<th>Subtotal</th>
<th>Total</th>
<th>Date</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
@foreach($array_payment_details as $pd_row)
</div> --}}
<div class="col-md-12">
<div class="table-responsive">
<table id="orders_table" class="table table-bordered table-hover">
<thead>
<tr>
<td>{{ $pd_row->StoreName }}</td>
<td>{{ $pd_row->InvoiceNumber }}</td>
<td>{{ $pd_row->Currency }}</td>
<td>{{ $pd_row->Tax }}</td>
<td>{{ $pd_row->SubTotal }}</td>
<td>{{ $pd_row->Total }}</td>
<td>{{ date("F j, Y g:i a", strtotime($pd_row->DateCreated)) }}</td>
<td class="text-center"><a href="{{ url('admin/orders/view') . '/' . $pd_row->CartKey }}" class="btn btn-link btn-xs">View Details</a></td>
<th>Store</th>
<th>Invoice #</th>
<th>Currency</th>
<th>Tax</th>
<th>Subtotal</th>
<th>Total</th>
<th>Date</th>
<th class="text-center">Action</th>
</tr>
@endforeach
</tbody>
</table>
</thead>
<tbody>
@foreach($array_payment_details as $pd_row)
<tr>
<td>{{ $pd_row->StoreName }}</td>
<td>{{ $pd_row->InvoiceNumber }}</td>
<td>{{ $pd_row->Currency }}</td>
<td>{{ $pd_row->Tax }}</td>
<td>{{ $pd_row->SubTotal }}</td>
<td>{{ $pd_row->Total }}</td>
<td>{{ date("F j, Y g:i a", strtotime($pd_row->DateCreated)) }}</td>
<td class="text-center"><a href="{{ url('admin/orders/view') . '/' . $pd_row->CartKey }}" class="btn btn-link btn-xs">View Details</a></td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>

View File

@@ -1,5 +1,13 @@
@extends('admin.main')
@section('content')
<style>
.previewImage {
height: 150px;
width: 95%;
overflow: hidden;
object-fit: contain;
}
</style>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
@@ -23,8 +31,84 @@
</div>
<div class="box-body">
<div class="row">
<div class="col-md-3">
<div class="form-group">
<label class="control-label">Select Date From: <span class="required">*</span></label>
<input type="text" name="min" class="form-control datepicker-reports" id="min" placeholder="Select Date" required autocomplete="off"/>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="control-label">Select Date To: <span class="required">*</span></label>
<input type="text" name="max" class="form-control datepicker-reports" id="max" placeholder="Select Date" required autocomplete="off"/>
</div>
</div>
<div class="col-md-3">
<div class="form-group">
<label class="control-label">Filter By Store</label>
<div id="store_filter"></div>
</div>
</div>
<div class="col-md-12">
<table class="table table-bordered table-condensed nowrap" id="tbl_store_orders">
<thead>
<tr>
<th>Teamstore</th>
<th>Invoice No.</th>
<th>Product Name</th>
<th>Name</th>
<th>Number</th>
<th>Size</th>
<th>Jersey Size</th>
<th>Short Size</th>
<th>Price</th>
<th>Quantity</th>
<th>#</th>
<th>Payer Email</th>
<th>Payer Fullname</th>
<th>Recipient Name</th>
<th>Address Line 1</th>
<th>Address Line 2</th>
<th>City</th>
<th>State</th>
<th>Postal Code</th>
<th>Country Code</th>
<th>Date Ordered</th>
<th class="text-center">Action</th>
</tr>
</thead>
<tbody>
@foreach($array_store_orders as $item_order)
<tr>
<td>{{ $item_order->StoreName }}</td>
<td>{{ $item_order->InvoiceNumber }}</td>
<td>{{ $item_order->ProductName }}</td>
<td>{{ $item_order->Name }}</td>
<td>{{ $item_order->Number }}</td>
<td>{{ $item_order->Size }}</td>
<td>{{ $item_order->JerseySize }}</td>
<td>{{ $item_order->ShortsSize }}</td>
<td>{{ $item_order->Price . ' ' . $item_order->Currency }}</td>
<td>{{ $item_order->Quantity }} </td>
<td>{{ date('Y/m/d', strtotime($item_order->DateCreated)) }}</td>
<td>{{ $item_order->Payer_Email }} </td>
<td>{{ $item_order->Payer_Firstname . ' ' . $item_order->Payer_Lastname }} </td>
<td>{{ $item_order->recipient_name }} </td>
<td>{{ $item_order->line1 }} </td>
<td>{{ $item_order->line2 }} </td>
<td>{{ $item_order->city }} </td>
<td>{{ $item_order->state }} </td>
<td>{{ $item_order->postal_code }} </td>
<td>{{ $item_order->country_code }} </td>
<td>{{ date('F j, Y g:i a', strtotime($item_order->DateCreated)) }}</td>
<td class="text-center">
<a href="#" data-pid="{{ $item_order->ProductId }}" data-id="{{ $item_order->Order_Id }}" data-ck="{{ $item_order->CartKey }}" class="btn btn-default btn-xs btn-order-item-details">View Details</a>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
@@ -34,4 +118,24 @@
</section>
<!-- /.content -->
</div>
<div class="modal fade" id="modal_store_order_details" role="dialog">
<div class="modal-dialog modal-lg">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">Order Details</h4>
</div>
<div class="modal-body">
<div id="modal_store_order_details_body_content">
<p> Loading content <i class="fa fa-spinner fa-spin"></i> </p>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@endsection

View File

@@ -0,0 +1,146 @@
@extends('admin.main')
@section('content')
<style>
.badge-danger{
background-color: #d22727;
}
</style>
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Visualizer
<!-- <small>Optional description</small> -->
</h1>
<ol class="breadcrumb">
<li><a href="{{ url ('admin') }}"><i class="fa fa-dashboard"></i> Dashboard</a></li>
<li><a href="{{ url ('admin') }}"><i class="fa fa-paint-brush"></i> Visualizer Management</a></li>
<li class="active">Visualizer</li>
</ol>
</section>
<!-- Main content -->
<section class="content container-fluid">
<div class="row">
<div class="col-md-12">
<div class="box">
<div class="box-header with-border">
<h4 class="box-title">Visualizer</h4>
</div>
<div class="box-body">
<div class="row">
<div class="col-sm-12">
<div class="well">
<form class="form-horizontal" role="search" id="frm_search_store">
<div class="col-lg-3">
<div class="form-group">
<div class="col-sm-12">
<label class="control-label">Select Sports</label>
<select class="form-control" id="sportName" name="sport_name">
<option value="0">Select Sports</option>
@foreach ($sports_array as $sports)
<option value="{{ $sports->Id }}">{{ $sports->SportsName }}</option>
@endforeach
</select>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="form-group">
<div class="col-sm-12">
<label class="control-label">Select Sports Category </label>
<select class="form-control" id="sport_category" name="sport_category">
</select>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="form-group">
<div class="col-sm-12">
<label class="control-label">&nbsp;</label>
</div>
<div class="col-sm-12">
<button class="btn btn-primary">Filter</button>
</div>
</div>
</div>
{{-- <div class="col-lg-12">
<div class="form-group">
<div class="col-sm-12">
<label class="control-label">Search Visualizer: </label>
<div class="input-group">
<input type="text" class="form-control" placeholder="Search Store" value="" name="q">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="fa fa-search"></i></button>
</div>
</div>
</div>
</div>
</div> --}}
</form>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-12">
@if(count($visualizer_array) > 0)
@foreach ($visualizer_array as $visualizer)
<div class="item col-xs-4 col-lg-3">
<div class="thumbnail" style="padding: 5px;">
<div class="store-logo">
<a href="{{ config('site_config.images_directory') . $visualizer->Thumbnail }}" data-toggle="lightbox">
<img class="img_store_logo_img" id="img_store_banner" src="{{ config('site_config.images_directory') . $visualizer->Thumbnail }}" style="max-width: 100%; max-height: 100%; ">
</a>
</div>
<div class="caption">
<h4 class="group inner list-group-item-heading" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
{{ $visualizer->TemplateName }}
</h4>
<p class="group inner list-group-item-text">
<!-- Product description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. -->
</p>
<div class="row">
<div class="col-xs-12 col-md-6">
@if($visualizer->IsActive == "TRUE")
<p><span class="badge badge-success">Public</span></p>
@else
<p><span class="badge badge-danger" style="">Private</span></p>
@endif
</div>
</div>
<div class="row">
<div class="col-xs-12 col-md-12">
<a href="{{ url('admin') . '/view-visualizer/' . $visualizer->Id }}" class="btn btn-success btn-block">View / Edit</a>
</div>
</div>
</div>
</div>
</div>
@endforeach
@else
<div class="col-sm-12">
<h3 style="color: #b5b5b5;">No Record Found</h3>
</div>
@endif
</div>
</div>
<div>
</div>
</div>
</div>
</div>
</section>
<!-- /.content -->
</div>
@endsection