/
home
/
sjslayjy
/
public_html
/
scm
/
resources
/
views
/
dashboard
/
pr
/
Upload File
HOME
@extends('dashboard.layouts.app') @section('title','All PR') @section('content') <div class="main-content"> <div class="main-content-inner"> <div class="breadcrumbs ace-save-state" id="breadcrumbs"> <ul class="breadcrumb"> <li> <i class="ace-icon fa fa-home home-icon"></i> <a href="#">Home</a> </li> <li class="active">Purchase Requests</li> </ul> </div> <div class="page-content"> <div class="row"> <div class="col-xs-12"> <h3 class="header smaller lighter blue">Purchase Request</h3> <div class="clearfix"> <div class="pull-right tableTools-container"> </div> </div> <div class="table-header"> Results for "Latest Added Purchase Requests" </div> <!-- div.table-responsive --> <!-- div.dataTables_borderWrap --> <div> <table id="dynamic-table" class="table table-striped table-bordered table-hover"> <thead> <tr> <th>S.No</th> <th>Pr Date</th> <th>Pr Number</th> <th>Creator</th> <th>Business Unit</th> <th>Circle</th> <th>Current Status</th> <th>PR Status</th> <th>Status Action</th> <th>Doc1</th> <th>Doc2</th> <th>Doc3</th> <th>Action</th> </tr> </thead> </table> </div> </div> </div> </div><!-- /.page-content --> </div> </div><!-- /.main-content --> <div class="modal fade" id="editItemModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Update Item</h4> </div> <div class="modal-body" id="EditBodyItem"> </div> </div> </div> </div> <div class="modal fade" id="historyModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">History</h4> </div> <div class="modal-body" id="genrateHistory"> </div> </div> </div> </div> @section('script') {{ Html::script("assets/js/jquery.dataTables.min.js")}} {{ Html::script("assets/js/jquery.dataTables.bootstrap.min.js")}} {{ Html::script("assets/js/dataTables.buttons.min.js")}} {{ Html::script("assets/js/buttons.flash.min.js")}} {{ Html::script("assets/js/buttons.html5.min.js")}} {{ Html::script("assets/js/buttons.print.min.js")}} {{ Html::script("assets/js/buttons.colVis.min.js")}} {{ Html::script("assets/js/dataTables.select.min.js")}} {{ Html::script("assets/js/ace-elements.min.js")}} {{ Html::script("assets/js/ace.min.js")}} <!--{{ Html::script("js/sweetalert2.all.js")}}--> <script type="text/javascript"> jQuery(function($) { //initiate dataTables plugin // var myTable = // $('#dynamic-table').DataTable( { // bAutoWidth: false, // "aaSorting": [], // } ); // $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap'; // new $.fn.dataTable.Buttons( myTable, { // buttons: [ // { // "extend": "colvis", // "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>", // "className": "btn btn-white btn-primary btn-bold", // columns: ':not(:first):not(:last)' // }, // { // "extend": "copy", // "text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>", // "className": "btn btn-white btn-primary btn-bold" // }, // { // "extend": "csv", // "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>", // "className": "btn btn-white btn-primary btn-bold" // }, // { // "extend": "excel", // "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>", // "className": "btn btn-white btn-primary btn-bold" // }, // { // "extend": "pdf", // "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>", // "className": "btn btn-white btn-primary btn-bold" // }, // { // "extend": "print", // "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>", // "className": "btn btn-white btn-primary btn-bold", // autoPrint: false, // message: 'This print was produced using the Print button for DataTables' // } // ] // } ); // myTable.buttons().container().appendTo( $('.tableTools-container') ); // //style the message box // var defaultCopyAction = myTable.button(1).action(); // myTable.button(1).action(function (e, dt, button, config) { // defaultCopyAction(e, dt, button, config); // $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white'); // }); // var defaultColvisAction = myTable.button(0).action(); // myTable.button(0).action(function (e, dt, button, config) { // defaultColvisAction(e, dt, button, config); // if($('.dt-button-collection > .dropdown-menu').length == 0) { // $('.dt-button-collection') // .wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />') // .find('a').attr('href', '#').wrap("<li />") // } // $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons') // }); display(); }) function display(){ var myTable=$('#dynamic-table').DataTable({ "processing": true, "oLanguage": { "sProcessing": "<b style='color:green;margin-top:5px;'>Pr Fetching...<b><i class='fa fa-spinner fa-spin' style='font-size:24px;color:rgb(75, 183, 245);'></i>", }, "serverSide": true, "autoWidth": false, "aaSorting": [], "ajax":{ // "type": 'POST', "url": "{{ route('user.pr') }}", }, "columns":[ { "data":"id" }, { "data": "pr_date" }, { "data": "pr_number" }, { "data": "creater" }, { "data": "bu" }, { "data": "circle" }, { "data": "current_status" }, { "data": "pr_status" }, { "data": "status_action" }, { "data": "doc1" }, { "data": "doc2" }, { "data": "doc3" }, { "data": "action" }] }); $.fn.dataTable.Buttons.defaults.dom.container.className = 'dt-buttons btn-overlap btn-group btn-overlap'; new $.fn.dataTable.Buttons( myTable, { buttons: [ { "extend": "colvis", "text": "<i class='fa fa-search bigger-110 blue'></i> <span class='hidden'>Show/hide columns</span>", "className": "btn btn-white btn-primary btn-bold", columns: ':not(:first):not(:last)' }, { "extend": "copy", "text": "<i class='fa fa-copy bigger-110 pink'></i> <span class='hidden'>Copy to clipboard</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "csv", "text": "<i class='fa fa-database bigger-110 orange'></i> <span class='hidden'>Export to CSV</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "excel", "text": "<i class='fa fa-file-excel-o bigger-110 green'></i> <span class='hidden'>Export to Excel</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "pdf", "text": "<i class='fa fa-file-pdf-o bigger-110 red'></i> <span class='hidden'>Export to PDF</span>", "className": "btn btn-white btn-primary btn-bold" }, { "extend": "print", "text": "<i class='fa fa-print bigger-110 grey'></i> <span class='hidden'>Print</span>", "className": "btn btn-white btn-primary btn-bold", autoPrint: false, message: 'This print was produced using the Print button for DataTables' } ] }); myTable.buttons().container().appendTo( $('.tableTools-container') ); //style the message box var defaultCopyAction = myTable.button(1).action(); myTable.button(1).action(function (e, dt, button, config) { defaultCopyAction(e, dt, button, config); $('.dt-button-info').addClass('gritter-item-wrapper gritter-info gritter-center white'); }); var defaultColvisAction = myTable.button(0).action(); myTable.button(0).action(function (e, dt, button, config) { defaultColvisAction(e, dt, button, config); if($('.dt-button-collection > .dropdown-menu').length == 0) { $('.dt-button-collection') .wrapInner('<ul class="dropdown-menu dropdown-light dropdown-caret dropdown-caret" />') .find('a').attr('href', '#').wrap("<li />") } $('.dt-button-collection').appendTo('.tableTools-container .dt-buttons') }); } function setStatusModal(id){ if(id == ""){ swal('Error','PR id is missing','warning'); }else{ $.ajax({ url: "/user/set-statuss/"+id, type: 'GET', success:function(data){ // console.log(data); $('#EditBodyItem').html(data); $('#editItemModal').modal('toggle'); // OnLoad(); } }); } } // function viewPr(id){ // if(id == ""){ // swal('Error','PR id is missing','warning'); // }else{ // $('#pr_details_view').modal('toggle'); // // $.ajax({ // // url: "/user/set-status/"+id, // // type: 'GET', // // success:function(data){ // // // console.log(data); // // $('#EditBodyItem').html(data); // // $('#editItemModal').modal('toggle'); // // // OnLoad(); // // } // // }); // } // } function setStaus(id) { alert(id); $id = $('#id_'+id).val(); $status = $('#status_'+id).val(); if ($status != '') { $.ajax({ type: "POST", url: "/user/set-purchase-request-status", data: { "status" : $status, "id" : $id, "_token": "{{ csrf_token() }}", }, success: function (response) { swal('Success','Purchase Request Status Updated Successfully !','success'); window.location.reload(); }, error: function (error) { swal('Warning','Oops something went wrong !', 'warning'); } }); } else { swal('Error','Please Select Status First !', 'error'); } } function updateStatus(){ //console.log($('#editStatusForm').serialize()); $status = $('#status').val(); $remark = $('#remark').val(); $.ajaxSetup({ headers: { 'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content') } }); $.ajax({ url: $('#editStatusForm').attr('action'), method: 'POST', data: $('#editStatusForm').serialize(), success: function(data){ console.log(data); if(!data.flag){ showError('edit_status_error',data.errors.status); }else{ $('#editItemModal').modal('hide'); swal({ title: "Success!", text: data.message, type: "success" }, function() { window.location.reload(); }); } } }); } function viewHistoryModal(id){ if(id == ""){ swal('Error','PR id is missing','warning'); }else{ $.ajax({ url: "/user/view-history/"+id, type: 'GET', success:function(data){ console.log(data); $('#genrateHistory').html(data); $('#historyModal').modal('toggle'); OnLoad(); } }); } } function reOpenModal(id){ swal({ title: "Are you sure ?", text: "You won't be able to revert this!", icon: "warning", showCancelButton:true, showConfirmButton: true, cancelButtonColor: '#1111', dangerMode: true, },function() { $.ajax({ url: "/user/re-open-pr/"+id, type: 'GET', success:function(data){ if(data == true) { swal({ title: "Re-Opened!", text: 'Purchase Request has been ReOpened.', type: "success" }, function() { window.location.reload(); }); } else { swal({ title: "Re-Opened!", text: 'Something went wrong.', type: "danger" }, function() { window.location.reload(); }); } console.log('inside success !'); }, }); }); } function showError(id,error){ if(typeof(error) === "undefined"){ $('#'+id).hide(); }else{ $('#'+id).show(); $('#'+id).text(error); } } </script> @endsection @endsection