SHARE
TWEET

inputdefect

lukmanulhakim Jan 14th, 2020 (edited) 75 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. @extends('layouts.master')
  2. @section('content')
  3. @section('assets_top')
  4. <link rel="stylesheet" href="{{asset('css/bootstrap-toggle.min.css')}}">
  5. <script src="{{asset('admin/assetsnew/crop/jquery.js')}}"></script>
  6. <script src="{{asset('admin/assetsnew/crop/croppie.js')}}"></script>
  7. <!-- <link rel="stylesheet" href="{{asset('admin/assetsnew/crop/bootstrap-3.min.css')}}"> -->
  8. <link rel="stylesheet" href="{{asset('admin/assetsnew/crop/croppie.css')}}">
  9. <style type="text/css">
  10.     .toggle-on {
  11.         padding-left: 6px !important;
  12.     }
  13. </style>
  14. @endsection
  15.  
  16. <div class="main">
  17.         <div class="main-content">
  18.             <div class="container-fluid">
  19.                 <div class="panel-title">Identity Machine</div>
  20.  
  21.             <table class="table table-striped ">
  22.                                         <thead>
  23.                                             <tr>
  24.                                                 <th>Line</th>
  25.                                                 <th>Machine Name </th>
  26.                                                 <th>Model</th>
  27.                                                 <th>Part Name</th>
  28.                                                 <th>Part Code</th>
  29.                                                 <th>Mold No</th>
  30.                                                 <th>Cavity No</th>
  31.                                                
  32.                                             </tr>
  33.                                         </thead>
  34.                                         <tbody>
  35.                                                
  36.                                    
  37.                                     <tr>
  38.                                         <td>{{$machine->line_number}}</td>
  39.                                         <td>{{$machine->machine_name}}</td>
  40.                                         <td>{{$machine->model}}</td>
  41.                                         <td>{{$machine->part_name}}</td>
  42.                                         <td>{{$machine->part_code}}</td>
  43.                                         <td>{{$machine->mold_no}}</td>
  44.                                         <td>{{$machine->cavity_no}}</td>
  45.                                        
  46.                                     </tr>
  47.                                    
  48.                                         </tbody>
  49.                                     </table>
  50.                                 </div>
  51.                 <div class="row">
  52.                 <div class="col-md-12">
  53.  
  54. <div class="panel">
  55.                                 <div class="panel-heading">
  56.                                     <h3 class="panel-title">Inputs</h3>
  57.                                 </div>
  58.                                 <div class="panel-body">
  59.                 <form enctype="multipart/form-data" action="/defectfinding/profile/inputdefect/add" method="POST">
  60.                     {{csrf_field()}}
  61.                   <div class="form-row">
  62.                     <div class="form-group col-md-12">
  63.                     <div class="form-group col-md-4">
  64.                       <label for="line">Date</label>
  65.                       <input name="date" type="date" class="form-control" id="inputEmail4" placeholder="" value="{{ date('Y-m-d') }}">
  66.                       <input type="hidden" name="downtime" value="{{ date('h:i:s') }}">
  67.                       <input type="hidden" name="id" value="{{ $id }}">
  68.                        @if ($errors->has('date'))
  69.                             <span class="invalid-feedback" role="alert" style="color: red">
  70.                                     <strong>Tanggal ini sudah terisi</strong>
  71.                             </span>
  72.                        @endif
  73.                     </div>
  74.                 </div>
  75.                    
  76.  
  77.                
  78.                      
  79.                    
  80.                     <div class="form-group col-md-4">
  81.                       <label for="model_mold">Model / Mold</label>
  82.                       <input name="model_mold" type="text" class="form-control" id="" required>
  83.                     </div>
  84.                    
  85.                    <div class="form-group col-md-4">
  86.                       <label for="defect_desc">Defect Description</label>
  87.                       <input name="defect_desc" type="text" class="form-control" id="" required>
  88.                     </div>
  89.  
  90.                    <div class="form-group col-md-4">
  91.                       <label for="cause">Cause</label>
  92.                       <input name="cause" type="text" class="form-control" id="" required>
  93.                     </div>
  94.  
  95.                    <div class="form-group col-md-4">
  96.                       <label for="countermeasure">Countermeasure</label>
  97.                      <textarea name="countermeasure" rows=5 cols=20 class="form-control" maxlength=750 required ></textarea>
  98.                     </div>
  99.  
  100.                      <div class="form-group col-md-4">
  101.                       <label for="guaranted">Guaranted</label>
  102.                      <textarea name="guaranted" rows=5 cols=20 class="form-control" maxlength=750 required ></textarea>
  103.                     </div>
  104.  
  105.                      <div class="form-group col-md-4">
  106.                       <label for="trace_back">Trace Back History</label>
  107.                      <textarea name="trace_back" rows=5 cols=20 class="form-control" maxlength=750 required ></textarea>
  108.                     </div>
  109.  
  110.                      <div class="form-group col-md-4">
  111.                       <label for="down_time">Down Time</label>
  112.                       <input name="down_time" type="text" class="form-control" id="" required>
  113.                     </div>
  114.  
  115.                      <div class="form-group col-md-4">
  116.                       <label for="defect_rate">Defect Rate (ppm)</label>
  117.                       <input name="defect_rate" type="text" class="form-control" id="" required>
  118.                     </div>
  119.  
  120.                      <div class="form-group col-md-4">
  121.                       <label for="lot_affected">Lot Affected</label>
  122.                       <input name="lot_affected" type="text" class="form-control" id="" required>
  123.                     </div>
  124.  
  125.                      <div class="form-group col-md-4">
  126.                       <label for="pic">Person In Charge (PIC)</label>
  127.                       <input name="pic" type="text" class="form-control" id="" required>
  128.                     </div>
  129.  
  130.                      <div class="form-group col-md-4">
  131.                       <label for="finding_by">Finding By</label>
  132.                       <input name="finding_by" type="text" class="form-control" id="" required>
  133.                     </div>
  134.  
  135.                      <div class="form-group col-md-4">
  136.                       <label for="monitoring_status">Monitoring Status</label>
  137.                       <input name="monitoring_status" type="text" class="form-control" id="" required>
  138.                     </div>
  139.  
  140.                  <!--    <div class="form-group col-md-4">
  141.                       <label for="part_output">Part Output</label>
  142.                       <input name="part_output" type="text" class="form-control" id="" required value="-">
  143.                     </div>
  144.  -->
  145.                     <div class="form-group col-md-6" hidden="">
  146.                      
  147.                       <label for="stock1">Checked By</label>
  148.                       <input name="stock1" type="text" class="form-control" id="" placeholder="" value="{{ Auth::user()->name }}" disabled="">
  149.                      
  150.                     </div>
  151.  
  152.                  
  153.  
  154.             <div class="form-group col-md-4">
  155.             <label for="picture1"> Picture Before </label>
  156.             <div id="upload1-demo1" style="width:350px"></div>
  157.                 <label id="crop">Apply</label>
  158.                 <input name="picture1" class="form-control" type="file" id="upload1" >
  159.             </div>
  160.  
  161.  
  162.             <input type="hidden" name="image_crop" id="image_crop">
  163.             <div class="form-group col-md-4">
  164.             <label for="picture1"> Picture Before Cropping</label>
  165.             <!-- <div id="upload1-demo1" style="width:350px"></div> -->
  166.             <div id="preview-crop-image" style="background: #9d9d9d;
  167.                     width: 300px;height: 300px;margin-top: 30px;"></div>
  168.                 </div>
  169.  
  170.                     <!-- BATAS BEFORE DAN AFTER -->
  171.             <div class="form-group col-md-4">
  172.             <label for="picture2"> Picture Before </label>
  173.             <div id="upload2-demo2" style="width:350px"></div>
  174.                 <label id="crop2">Apply</label>
  175.                 <input name="picture2" class="form-control" type="file" id="upload2" >
  176.             </div>
  177.  
  178.  
  179.             <input type="hidden" name="image_crop2" id="image_crop2">
  180.             <div class="form-group col-md-4">
  181.             <label for="picture2"> Picture Before Cropping</label>
  182.             <!-- <div id="upload2-demo2" style="width:350px"></div> -->
  183.             <div id="preview-crop-image2" style="background: #9d9d9d;
  184.                     width: 300px;height: 300px;margin-top: 30px;"></div>
  185.                 </div>
  186.            
  187.                  
  188.  
  189.  
  190.                     <!-- Footer -->
  191.                                  </div>
  192.                                 </div>
  193.                                 <div class="panel-footer">
  194.                 <a href="/defectfinding/{{$machine->id}}/profiledefect" class="btn btn-secondary">Close</a>
  195.                 <button type="submit" id="cropimg" class="btn btn-primary">Submit</button>       
  196.               </div>
  197.                             </div>
  198.  
  199.                     </div>
  200.                 </form>
  201.                 </div>
  202.             </div>
  203.         </div>
  204.     </div>
  205.  
  206.  
  207. <script type="text/javascript">
  208.  
  209.  
  210. $.ajaxSetup({
  211. headers: {
  212.     'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  213. }
  214. });
  215.  
  216.  
  217. $uploadCrop = $('#upload1-demo1').croppie({
  218.     enableExif: true,
  219.     viewport: {
  220.         width: 250,
  221.         height: 250,
  222.         type: 'square'
  223.     },
  224.     boundary: {
  225.         width: 300,
  226.         height: 300
  227.     }
  228. });
  229.  
  230.  
  231. $uploadCrop1 = $('#upload2-demo2').croppie({
  232.     enableExif: true,
  233.     viewport: {
  234.         width: 250,
  235.         height: 250,
  236.         type: 'square'
  237.     },
  238.     boundary: {
  239.         width: 300,
  240.         height: 300
  241.     }
  242. });
  243.  
  244.  
  245. $('#upload1').on('change', function () {
  246.     var reader = new FileReader();
  247.     reader.onload = function (e) {
  248.         $uploadCrop.croppie('bind', {
  249.             url: e.target.result
  250.         }).then(function(){
  251.             console.log('Jquery bind success')
  252.         });
  253.     }
  254.     reader.readAsDataURL(this.files[0]);
  255. });
  256.  
  257. $("#crop").on('click', function(){
  258.     change();
  259. })
  260.  
  261. function change(){
  262.     $uploadCrop.croppie('result', {
  263.     type: 'canvas',
  264.     size: 'viewport'
  265.   }).then(function (img) {
  266.     $("#image_crop").val(img)
  267.     html = '<img src="' + img + '" />';
  268.     $("#preview-crop-image").html(html);
  269.   });
  270. }
  271.  
  272. /*BATAS MEREKA*/
  273.  
  274. $('#upload2').on('change', function () {
  275.     var reader = new FileReader();
  276.     reader.onload = function (e) {
  277.         $uploadCrop1.croppie('bind', {
  278.             url: e.target.result
  279.         }).then(function(){
  280.             console.log('Jquery bind success')
  281.         });
  282.     }
  283.     reader.readAsDataURL(this.files[0]);
  284. });
  285.  
  286. $("#crop2").on('click', function(){
  287.     change2();
  288. })
  289.  
  290. function change2(){
  291.     $uploadCrop1.croppie('result', {
  292.     type: 'canvas',
  293.     size: 'viewport'
  294.   }).then(function (img) {
  295.     $("#image_crop2").val(img)
  296.     html = '<img src="' + img + '" />';
  297.     $("#preview-crop-image2").html(html);
  298.   });
  299. }
  300.  
  301.  
  302.  
  303.  
  304.  
  305.  
  306.  
  307.  
  308.  
  309. </script>
  310. @stop
  311.  
  312. @section('assets_bottom')
  313. <script type="text/javascript" src="{{asset('js/bootstrap-toggle.min.js')}}"></script>
  314.  
  315.  
  316. @endsection
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top