Advertisement
lukmanulhakim

1. index new machine

Feb 17th, 2020
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 36.78 KB | None | 0 0
  1. @extends('layouts.master')
  2.  
  3.  
  4. @section('content')
  5. @section('assets_top')
  6. <link rel="stylesheet" href="{{asset('css/bootstrap-toggle.min.css')}}">
  7. <style type="text/css">
  8. .toggle-on {
  9. padding-left: 6px !important;
  10. }
  11.  
  12. * {box-sizing: border-box}
  13.  
  14. .mySlides {display: none}
  15. img {vertical-align: middle;}
  16.  
  17. /* Slideshow container */
  18. .slideshow-container {
  19. max-width: 1000px;
  20. position: relative;
  21. margin: auto;
  22. }
  23.  
  24. /* Next & previous buttons */
  25. .prev, .nextt {
  26. cursor: pointer;
  27. position: absolute;
  28. top: 50%;
  29. width: auto;
  30. padding: 16px;
  31. margin-top: -22px;
  32. color: white;
  33. font-weight: bold;
  34. font-size: 18px;
  35. transition: 0.6s ease;
  36. border-radius: 0 3px 3px 0;
  37. user-select: none;
  38. }
  39.  
  40. /* Position the "next button" to the right */
  41. .nextt {
  42. right: 0;
  43. border-radius: 3px 0 0 3px;
  44. }
  45.  
  46. /* On hover, add a black background color with a little bit see-through */
  47. .prev:hover, .nextt:hover {
  48. background-color: rgba(0,0,0,0.8);
  49. }
  50.  
  51. /* Caption text */
  52. .text {
  53. color: #f2f2f2;
  54. font-size: 15px;
  55. padding: 8px 12px;
  56. position: absolute;
  57. bottom: 8px;
  58. width: 100%;
  59. text-align: center;
  60. }
  61.  
  62. /* Number text (1/3 etc) */
  63. .numbertext {
  64. color: #f2f2f2;
  65. font-size: 12px;
  66. padding: 8px 12px;
  67. position: absolute;
  68. top: 0;
  69. }
  70.  
  71. /* The dots/bullets/indicators */
  72. .dot {
  73. cursor: pointer;
  74. height: 15px;
  75. width: 15px;
  76. margin: 0 2px;
  77. background-color: #bbb;
  78. border-radius: 50%;
  79. display: inline-block;
  80. transition: background-color 0.6s ease;
  81. }
  82.  
  83. .active, .dot:hover {
  84. background-color: #717171;
  85. }
  86.  
  87. /* Fading animation */
  88. .fade {
  89. -webkit-animation-name: fade;
  90. -webkit-animation-duration: 1.5s;
  91. animation-name: fade;
  92. animation-duration: 1.5s;
  93. }
  94.  
  95. @-webkit-keyframes fade {
  96. from {opacity: .4}
  97. to {opacity: 1}
  98. }
  99.  
  100. @keyframes fade {
  101. from {opacity: .4}
  102. to {opacity: 1}
  103. }
  104.  
  105. /* On smaller screens, decrease text size */
  106. @media only screen and (max-width: 300px) {
  107. .prev, .nextt,.text {font-size: 11px}
  108. }
  109.  
  110. </style>
  111. @endsection
  112. <div class="main">
  113.  
  114. <div class="main-content">
  115.  
  116.  
  117. <link rel="stylesheet" href="{{asset('admin/assets/css/datatable/dataTables.bootstrap.min.css')}}">
  118.  
  119.  
  120. <div class="container-fluid">
  121.  
  122. <h1 align="center"> MCL Daily </h1>
  123. <br>
  124. <div class="row">
  125.  
  126. <div class="col-md-12">
  127.  
  128. <div class="panel">
  129.  
  130. <div class="panel-body">
  131.  
  132.  
  133.  
  134. <div class="form-group col-md-12" style="padding-top: 20px">
  135. @if(Auth::user()->level == 1 || Auth::user()->level == 2 )
  136. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"><i class="fa fa-plus-square"></i> Add New Machine </button>
  137. @endif
  138. </div>
  139.  
  140. </div>
  141. </div>
  142. </div>
  143.  
  144.  
  145.  
  146. <div class="col-md-12">
  147. <div class="panel">
  148. <div class="panel-body">
  149.  
  150.  
  151.  
  152.  
  153.  
  154.  
  155. <table id="bootstrap-data-table" class="table table-striped table-bordered">
  156. <thead>
  157.  
  158. <tr>
  159. <th>Line</th>
  160. <th>Machine Name</th>
  161. <th>Model</th>
  162. <th>Part Name</th>
  163. <th>Part Code</th>
  164. <th>Mold No</th>
  165. <th>Cavity No</th>
  166. <th>Action</th>
  167. </tr>
  168. </thead>
  169. <form method='post' action='#'>
  170. <tbody id="line_data">
  171. @foreach($data_machine as $machineA)
  172.  
  173. <tr>
  174. <td><a href="/newmachine/{{$machineA->id}}/profile"> {{$machineA->line_number}} </a></td>
  175. <td><a href="/newmachine/{{$machineA->id}}/profile"> {{$machineA->machine_name}} </a></td>
  176. <td>{{$machineA->model}}</td>
  177. <td>{{$machineA->part_name}}</td>
  178. <td>{{$machineA->part_code}}</td>
  179. <td>{{$machineA->mold_no}}</td>
  180. <td>{{$machineA->cavity_no}}</td>
  181. <td>
  182. @if(Auth::user()->level == 1 || Auth::user()->level == 2 )<a href="#" class="btn btn-warning btn-sm edit_machine" data-id="{{ $machineA->id }}" data-name="{{ $machineA->machine_name }}" data-model="{{ $machineA->model }}" data-partname="{{ $machineA->part_name }}" data-partcode="{{ $machineA->part_code }}" data-mold="{{ $machineA->mold_no }}" data-cavity="{{ $machineA->cavity_no }}" data-line="{{ $machineA->line_number }}"> Edit </a>
  183. @endif
  184. @if(Auth::user()->level == 1)
  185. <a href="#" class="btn btn-danger btn-sm delete" data-id="{{ $machineA->id }}"> Delete </a>
  186. @endif
  187. <a href="#" class="btn btn-primary btn-sm print" data-id="{{ $machineA->id }}"> Print </a>
  188. @if(Auth::user()->level == 1 || Auth::user()->level == 2 )
  189. <a href="/downloadBarcode/{{ $machineA->id }}" download class="btn btn-success btn-sm">Download QR Code</a>
  190. @endif
  191.  
  192. <a href="#" class="btn btn-info btn-sm viewmcl" data-img="{{ $machineA->gambar1 }}"> View MCL </a>
  193.  
  194.  
  195. </td>
  196. </tr>
  197. @endforeach
  198. </tbody>
  199. </form>
  200. </table>
  201.  
  202.  
  203. </div>
  204. </div>
  205. <div class="col-md-12">
  206. <div id="chartContainer" style="height: 370px; width: 100%;"></div>
  207. </div>
  208.  
  209.  
  210. <script src="{{asset('admin/assets/js/data-table/datatables.min.js')}}"></script>
  211. <script src="{{asset('admin/assets/js/data-table/dataTables.bootstrap.min.js')}}"></script>
  212. <script src="{{asset('admin/assets/js/data-table/datatables-init.js')}}"></script>
  213.  
  214. <!-- <script type="text/javascript">
  215. $(document).ready(function() {
  216. $("#bootstrap-data-table-export").DataTable();
  217. } );
  218. </script> -->
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224.  
  225.  
  226.  
  227. <div class="modal fade" id="printmcl" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  228. <div class="modal-dialog modal-lg" role="document">
  229. <div class="modal-content">
  230. <div class="modal-header">
  231. <h5 class="modal-title" id="exampleModalLabel">Print MCL</h5>
  232. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  233. <span aria-hidden="true">&times;</span>
  234. </button>
  235. </div>
  236. <div class="modal-body">
  237. <div class="row">
  238. <form method="POST" target="_blank" action="/printmcl">
  239. <input type="hidden" name="mclid" id="mclid" value="">
  240. @csrf
  241. <div class="panel">
  242. <div class="panel-heading"> Print MCL montly
  243. </div>
  244. <div class="panel-body">
  245.  
  246. <div class="form-group col-md-4">
  247.  
  248. <select name="month" id="select" class="form-control" required="">
  249. <option value="">Please select Month </option>
  250. <option value="1">January</option>
  251. <option value="2">February</option>
  252. <option value="3">March</option>
  253. <option value="4">April</option>
  254. <option value="5">May</option>
  255. <option value="6">June</option>
  256. <option value="7">July</option>
  257. <option value="8">August</option>
  258. <option value="9">September</option>
  259. <option value="10">October</option>
  260. <option value="11">November</option>
  261. <option value="12">December</option>
  262. </select>
  263. </div>
  264.  
  265. <div class="form-group col-md-4">
  266. <select name="year" id="select" class="form-control" required="">
  267. <option value="">Please select Year</option>
  268. <option value="2019">2019</option>
  269. <option value="2020">2020</option>
  270. <option value="2021">2021</option>
  271. <option value="2022">2022</option>
  272. <option value="2023">2023</option>
  273. <option value="2024">2024</option>
  274. <option value="2025">2025</option>
  275. <option value="2026">2026</option>
  276. <option value="2027">2027</option>
  277. <option value="2028">2028</option>
  278. <option value="2029">2029</option>
  279. <option value="2030">2030</option>
  280. </select>
  281. </div>
  282.  
  283. <div class="form-group col-md-4">
  284.  
  285. <button type="submit" class="btn btn-primary"><i class="lnr lnr-printer"></i> &nbsp; Print</button>
  286. </div>
  287.  
  288. </div>
  289. </div>
  290.  
  291. </form>
  292. </div>
  293. </div>
  294. <div class="modal-footer">
  295. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  296. </div>
  297.  
  298. </div>
  299. </div>
  300. </div>
  301.  
  302.  
  303.  
  304. <div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  305. <div class="modal-dialog modal-lg" role="document">
  306. <div class="modal-content">
  307. <div class="modal-header">
  308. <h5 class="modal-title" id="exampleModalLabel">Edit Machine</h5>
  309. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  310. <span aria-hidden="true">&times;</span>
  311. </button>
  312. </div>
  313. <div class="modal-body">
  314. <div class="row">
  315. <form action="/newmachine/editmachine" method="POST">
  316. {{csrf_field()}}
  317. <div class="col-md-12">
  318. <div class="form-group col-md-4">
  319. <label for="line">Line</label>
  320. <input type="hidden" id="edit_machine_id" name="id">
  321. <input name="line" type="text" class="form-control" id="edit_line" placeholder="Line" required>
  322. </div>
  323. <div class="form-group col-md-4">
  324. <label for="machine_name">Machine Name</label>
  325. <input name="machine_name" type="text" class="form-control" id="edit_machine_name" placeholder="Machine Name" required>
  326. </div>
  327.  
  328. <div class="form-group col-md-4">
  329. <label for="model">Model</label>
  330. <input name="model" type="text" class="form-control" id="edit_model" placeholder="Model" required>
  331. </div>
  332.  
  333. <div class="form-group col-md-4">
  334. <label for="part_name">Part Name</label>
  335. <input name="part_name" type="text" class="form-control" id="edit_part_name" placeholder="Part Name" required>
  336. </div>
  337.  
  338. <div class="form-group col-md-4">
  339. <label for="part_code">Part Code</label>
  340. <input name="part_code" type="text" class="form-control" id="edit_part_code" placeholder="Part Code" required>
  341. </div>
  342.  
  343. <div class="form-group col-md-4">
  344. <label for="mold_no">Mold No</label>
  345. <input name="mold_no" type="text" class="form-control" id="edit_mold_no" placeholder="Mold No" required=>
  346. </div>
  347. <div class="form-group col-md-4">
  348. <label for="cavity_no">Cavity No</label>
  349. <input name="cavity_no" type="text" class="form-control" id="edit_cavity_no" placeholder="Cavity No" required>
  350. </div>
  351. <!-- <div class="form-group col-md-4">
  352. <label for="mold_temp">Mold Temp Controller [⁰C]</label><br>
  353. <input type="checkbox" name="mold_temp" id="mold_temp" value="1" data-toggle="toggle" data-onstyle="primary">
  354. </div> -->
  355. </div>
  356. </div>
  357. </div>
  358. <div class="modal-footer">
  359. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  360. <button type="submit" class="btn btn-primary">Submit</button>
  361. </div>
  362. </form>
  363.  
  364. </div>
  365. </div>
  366. </div>
  367.  
  368.  
  369.  
  370.  
  371. <!-- Modal -->
  372. <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  373. <div class="modal-dialog modal-lg" role="document">
  374. <div class="modal-content">
  375. <div class="modal-header">
  376. <h5 class="modal-title" id="exampleModalLabel">New Machine</h5>
  377. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  378. <span aria-hidden="true">&times;</span>
  379. </button>
  380. </div>
  381. <div class="modal-body">
  382. <div class="row">
  383. <form action="/newmachine/new" method="POST">
  384. {{csrf_field()}}
  385. <div class="col-md-12">
  386. <div class="form-group col-md-4">
  387. <label for="line">Line</label>
  388. <input name="line" type="text" class="form-control" id="line" placeholder="Example : A-01" required>
  389. </div>
  390. <div class="form-group col-md-4">
  391. <label for="machine_name">Machine Name</label>
  392. <input name="machine_name" type="text" class="form-control" id="machine_name" placeholder="Example : NEX 110" required>
  393. </div>
  394.  
  395. <div class="form-group col-md-4">
  396. <label for="model">Model</label>
  397. <input name="model" type="text" class="form-control" id="model" placeholder="Example : 41AF475C" required>
  398. </div>
  399.  
  400. <div class="form-group col-md-4">
  401. <label for="part_name">Part Name</label>
  402. <input name="part_name" type="text" class="form-control" id="part_name" placeholder="Example : CASE, S, 475C" required>
  403. </div>
  404.  
  405. <div class="form-group col-md-4">
  406. <label for="part_code">Part Code</label>
  407. <input name="part_code" type="text" class="form-control" id="part_code" placeholder="Example : Refers to Attacment" required>
  408. </div>
  409.  
  410. <div class="form-group col-md-4">
  411. <label for="mold_no">Mold No</label>
  412. <input name="mold_no" type="text" class="form-control" id="mold_no" placeholder="Example : #01" required=>
  413. </div>
  414. <div class="form-group col-md-4">
  415. <label for="cavity_no">Cavity No</label>
  416. <input name="cavity_no" type="text" class="form-control" id="cavity_no" placeholder="Example : 1, 2, 3, 4" required>
  417. </div>
  418.  
  419.  
  420. <div class="form-group col-md-4">
  421. <label for="mold_temp">Mold Temp Controller [⁰C]</label><br>
  422. <input type="checkbox" name="mold_temp" id="mold_temp" value="1" data-toggle="toggle" data-onstyle="primary">
  423. </div>
  424.  
  425.  
  426. <div class="form-group col-md-4">
  427. <label for="mold_temp">Cycle Time [sec]</label><br>
  428. <input type="checkbox" name="cycle_time" id="cycle_time" value="1" data-toggle="toggle" data-onstyle="primary">
  429. </div>
  430.  
  431. <div class="form-group col-md-4">
  432. <label for="mold_temp">Fill Time [sec]</label><br>
  433. <input type="checkbox" name="fill_time" id="fill_time" value="1" data-toggle="toggle" data-onstyle="primary">
  434. </div>
  435.  
  436. <div class="form-group col-md-4">
  437. <label for="mold_temp">Fill Peak [Mpa]</label><br>
  438. <input type="checkbox" name="fill_peak" id="fill_peak" value="1" data-toggle="toggle" data-onstyle="primary">
  439. </div>
  440.  
  441. <div class="form-group col-md-4">
  442. <label for="mold_temp">Fill Peak [%]</label><br>
  443. <input type="checkbox" name="scr_most_mm" id="scr_most_mm" value="1" data-toggle="toggle" data-onstyle="primary">
  444. </div>
  445.  
  446. <div class="form-group col-md-4">
  447. <label for="mold_temp">Screw Most MPa</label><br>
  448. <input type="checkbox" name="scr_most_mpa" id="scr_most_mpa" value="1" data-toggle="toggle" data-onstyle="primary">
  449. </div>
  450.  
  451. <div class="form-group col-md-4">
  452. <label for="mold_temp">Smart Feeder Controller [rpm]</label><br>
  453. <input type="checkbox" name="mtg_ready" id="mtg_ready" value="1" data-toggle="toggle" data-onstyle="primary">
  454. </div>
  455.  
  456. <div class="form-group col-md-4">
  457. <label for="mold_temp">Plast TM</label><br>
  458. <input type="checkbox" name="plast_tm" id="plast_tm" value="1" data-toggle="toggle" data-onstyle="primary">
  459. </div>
  460.  
  461. <div class="form-group col-md-4">
  462. <label for="mold_temp">Inj. End Position [mm]</label><br>
  463. <input type="checkbox" name="inj_end_position" id="inj_end_position" value="1" data-toggle="toggle" data-onstyle="primary">
  464. </div>
  465.  
  466. <div class="form-group col-md-4">
  467. <label for="mold_temp">SM [mm]</label><br>
  468. <input type="checkbox" name="sm" id="sm" value="1" data-toggle="toggle" data-onstyle="primary">
  469. </div>
  470.  
  471. <div class="form-group col-md-4">
  472. <label for="mold_temp">PP1 [%]</label><br>
  473. <input type="checkbox" name="pp1" id="pp1" value="1" data-toggle="toggle" data-onstyle="primary">
  474. </div>
  475.  
  476. <div class="form-group col-md-4">
  477. <label for="mold_temp">PP2 [%]</label><br>
  478. <input type="checkbox" name="pp2" id="pp2" value="1" data-toggle="toggle" data-onstyle="primary">
  479. </div>
  480.  
  481. <div class="form-group col-md-4">
  482. <label for="mold_temp">PP3 [%]</label><br>
  483. <input type="checkbox" name="pp3" id="pp3" value="1" data-toggle="toggle" data-onstyle="primary">
  484. </div>
  485.  
  486. <div class="form-group col-md-4">
  487. <label for="mold_temp">V-P Change [mm]</label><br>
  488. <input type="checkbox" name="vp_change" id="vp_change" value="1" data-toggle="toggle" data-onstyle="primary">
  489. </div>
  490.  
  491. <div class="form-group col-md-4">
  492. <label for="mold_temp">PV1 [Mpa]</label><br>
  493. <input type="checkbox" name="pv1" id="pv1" value="1" data-toggle="toggle" data-onstyle="primary">
  494. </div>
  495.  
  496. <div class="form-group col-md-4">
  497. <label for="p1">P1 [%]</label><br>
  498. <input type="checkbox" name="p1" id="p1" value="1" data-toggle="toggle" data-onstyle="primary">
  499. </div>
  500.  
  501. <div class="form-group col-md-4">
  502. <label for="mold_temp">S5 [mm]</label><br>
  503. <input type="checkbox" name="s5" id="s5" value="1" data-toggle="toggle" data-onstyle="primary">
  504. </div>
  505.  
  506. <div class="form-group col-md-4">
  507. <label for="mold_temp">P2 [%]</label><br>
  508. <input type="checkbox" name="p2" id="p2" value="1" data-toggle="toggle" data-onstyle="primary">
  509. </div>
  510.  
  511. <div class="form-group col-md-4">
  512. <label for="mold_temp">P3 [%]</label><br>
  513. <input type="checkbox" name="p3" id="p3" value="1" data-toggle="toggle" data-onstyle="primary">
  514. </div>
  515.  
  516. <div class="form-group col-md-4">
  517. <label for="mold_temp">Distinction</label><br>
  518. <input type="checkbox" name="distinction" id="distinction" value="1" data-toggle="toggle" data-onstyle="primary"> </div>
  519.  
  520. <div class="form-group col-md-4">
  521. <label for="mold_temp">Distinction F1</label><br>
  522. <input type="checkbox" name="f1" id="f1" data-toggle="toggle" value="1" data-onstyle="primary">
  523. </div>
  524.  
  525. <div class="form-group col-md-4">
  526. <label for="mold_temp">Distinction F2</label><br>
  527. <input type="checkbox" name="f2" id="f2" data-toggle="toggle" value="1" data-onstyle="primary">
  528. </div>
  529. </div>
  530.  
  531.  
  532.  
  533. <div class="col-md-12">
  534. <div class="col-md-12">
  535. <label><h4>Hot Runner Heater Controller</h4></label>
  536. </div>
  537. <br />
  538. <div class="form-group col-md-4">
  539. <label for="mold_temp">Valve Pin Heater 1 [⁰C]</label><br>
  540. <input type="checkbox" name="h1" id="h1" data-toggle="toggle" value="1" data-onstyle="primary">
  541. </div>
  542.  
  543. <div class="form-group col-md-4">
  544. <label for="mold_temp">Valve Pin Heater 2 [⁰C]</label><br>
  545. <input type="checkbox" name="h2" id="h2" data-toggle="toggle" value="1" data-onstyle="primary">
  546. </div>
  547.  
  548. <div class="form-group col-md-4">
  549. <label for="mold_temp">Valve Pin Heater 3 [⁰C]</label><br>
  550. <input type="checkbox" name="h3" id="h3" data-toggle="toggle" value="1" data-onstyle="primary">
  551. </div>
  552.  
  553. <div class="form-group col-md-4">
  554. <label for="mold_temp">Valve Pin Heater 4 [⁰C]</label><br>
  555. <input type="checkbox" name="h4" id="h4" data-toggle="toggle" value="1" data-onstyle="primary">
  556. </div>
  557.  
  558. <div class="form-group col-md-4">
  559. <label for="mold_temp">Valve Pin Heater 5 [⁰C]</label><br>
  560. <input type="checkbox" name="h5" id="h5" data-toggle="toggle" value="1" data-onstyle="primary">
  561. </div>
  562.  
  563. <div class="form-group col-md-4">
  564. <label for="mold_temp">Valve Pin Heater 6 [⁰C]</label><br>
  565. <input type="checkbox" name="h6" id="h6" data-toggle="toggle" value="1" data-onstyle="primary">
  566. </div>
  567.  
  568. <div class="form-group col-md-4">
  569. <label for="mold_temp">Valve Pin Heater 7 [⁰C]</label><br>
  570. <input type="checkbox" name="h7" id="h7" data-toggle="toggle" value="1" data-onstyle="primary">
  571. </div>
  572.  
  573. <div class="form-group col-md-4">
  574. <label for="mold_temp">Valve Pin Heater 8 [⁰C]</label><br>
  575. <input type="checkbox" name="h8" id="h8" data-toggle="toggle" value="1" data-onstyle="primary">
  576. </div>
  577.  
  578. <div class="form-group col-md-4">
  579. <label for="mold_temp">Valve Pin Heater 9 [⁰C]</label><br>
  580. <input type="checkbox" name="h9" id="h9" data-toggle="toggle" value="1" data-onstyle="primary">
  581. </div>
  582.  
  583. <div class="form-group col-md-4">
  584. <label for="mold_temp">Valve Pin Heater 10 [⁰C]</label><br>
  585. <input type="checkbox" name="h10" id="h10" data-toggle="toggle" value="1" data-onstyle="primary">
  586. </div>
  587.  
  588. <div class="form-group col-md-4">
  589. <label for="mold_temp">Valve Pin Heater 11 [⁰C]</label><br>
  590. <input type="checkbox" name="h11" id="h11" data-toggle="toggle" value="1" data-onstyle="primary">
  591. </div>
  592.  
  593. <div class="form-group col-md-4">
  594. <label for="mold_temp">Valve Pin Heater 12 [⁰C]</label><br>
  595. <input type="checkbox" name="h12" id="h12" data-toggle="toggle" value="1" data-onstyle="primary">
  596. </div>
  597.  
  598. <div class="form-group col-md-4">
  599. <label for="mold_temp">Valve Pin Heater 13 [⁰C]</label><br>
  600. <input type="checkbox" name="h13" id="h13" data-toggle="toggle" value="1" data-onstyle="primary">
  601. </div>
  602.  
  603. <div class="form-group col-md-4">
  604. <label for="mold_temp">Valve Pin Heater 14 [⁰C]</label><br>
  605. <input type="checkbox" name="h14" id="h14" data-toggle="toggle" value="1" data-onstyle="primary">
  606. </div>
  607.  
  608. <div class="form-group col-md-4">
  609. <label for="mold_temp">Valve Pin Heater 15 [⁰C]</label><br>
  610. <input type="checkbox" name="h15" id="h15" data-toggle="toggle" value="1" data-onstyle="primary">
  611. </div>
  612.  
  613. <div class="form-group col-md-4">
  614. <label for="mold_temp">Valve Pin Heater 16 [⁰C]</label><br>
  615. <input type="checkbox" name="h16" id="h16" data-toggle="toggle" value="1" data-onstyle="primary">
  616. </div>
  617.  
  618. <div class="form-group col-md-4">
  619. <label for="mold_temp">DIFF [⁰C]</label><br>
  620. <input type="checkbox" name="diff" id="diff" data-toggle="toggle" value="1" data-onstyle="primary">
  621. </div>
  622.  
  623. <div class="form-group col-md-4">
  624. <label for="mold_temp">Gate Open Delay Time [sec] </label><br>
  625. <input type="checkbox" name="gate_open_delay" id="gate_open_delay" value="1" data-toggle="toggle" data-onstyle="primary">
  626. </div>
  627.  
  628. <div class="form-group col-md-4">
  629. <label for="mold_temp">Gate Open Time [sec]</label><br>
  630. <input type="checkbox" name="gate_open_time" id="gate_open_time" value="1" data-toggle="toggle" data-onstyle="primary">
  631. </div>
  632. </div>
  633.  
  634.  
  635. <div class="col-md-12">
  636. <div class="col-md-12">
  637. <label><h4>Get Cut</h4></label>
  638. </div>
  639. <br />
  640.  
  641. <div class="form-group col-md-4">
  642. <label for="mold_temp">Cool TM</label><br>
  643. <input type="checkbox" name="cool_tm" id="cool_tm" value="1" data-toggle="toggle" data-onstyle="primary">
  644. </div>
  645.  
  646. <div class="form-group col-md-4">
  647. <label for="mold_temp">Cav 1 Top</label><br>
  648. <input type="checkbox" name="a1t" id="a1t" value="1" data-toggle="toggle" data-onstyle="primary">
  649. </div>
  650.  
  651. <div class="form-group col-md-4">
  652. <label for="mold_temp">Cav 1 Bottom</label><br>
  653. <input type="checkbox" name="a1b" id="a1b" value="1" data-toggle="toggle" data-onstyle="primary">
  654. </div>
  655.  
  656. <div class="form-group col-md-4">
  657. <label for="mold_temp">Cav 2 Top</label><br>
  658. <input type="checkbox" name="b1t" id="b1t" value="1" data-toggle="toggle" data-onstyle="primary">
  659. </div>
  660.  
  661. <div class="form-group col-md-4">
  662. <label for="mold_temp">Cav 2 Bottom</label><br>
  663. <input type="checkbox" name="b1b" id="b1b" value="1" data-toggle="toggle" data-onstyle="primary">
  664. </div>
  665.  
  666. <div class="form-group col-md-4">
  667. <label for="mold_temp">Cav 3 Top</label><br>
  668. <input type="checkbox" name="a2t" id="a2t" value="1" data-toggle="toggle" data-onstyle="primary">
  669. </div>
  670.  
  671. <div class="form-group col-md-4">
  672. <label for="mold_temp">Cav 3 Bottom</label><br>
  673. <input type="checkbox" name="a2b" id="a2b" value="1" data-toggle="toggle" data-onstyle="primary">
  674. </div>
  675.  
  676. <div class="form-group col-md-4">
  677. <label for="mold_temp">Cav 4 Top</label><br>
  678. <input type="checkbox" name="b2t" id="b2t" value="1" data-toggle="toggle" data-onstyle="primary">
  679. </div>
  680.  
  681. <div class="form-group col-md-4">
  682. <label for="mold_temp">Cav 4 Bottom</label><br>
  683. <input type="checkbox" name="b2b" id="b2b" value="1" data-toggle="toggle" data-onstyle="primary">
  684. </div>
  685.  
  686. <div class="col-md-12">
  687.  
  688. <label><h4>Mesin Ink Bottle</h4></label>
  689. </div>
  690. <br />
  691.  
  692. <div class="form-group col-md-4">
  693. <label for="mold_temp">Chiller Temp [⁰C]</label><br>
  694. <input type="checkbox" name="chiller_temp" id="chiller_temp" value="1" data-toggle="toggle" data-onstyle="primary">
  695. </div>
  696.  
  697. <div class="form-group col-md-4">
  698. <label for="mold_temp">Screw Speed [rpm]</label><br>
  699. <input type="checkbox" name="screw_speed" id="screw_speed" value="1" data-toggle="toggle" data-onstyle="primary">
  700. </div>
  701.  
  702. <div class="form-group col-md-4">
  703. <label for="mold_temp">Melt Temp [⁰C]</label><br>
  704. <input type="checkbox" name="melt_temp" id="melt_temp" value="1" data-toggle="toggle" data-onstyle="primary">
  705. </div>
  706.  
  707. <div class="form-group col-md-4">
  708. <label for="mold_temp">Motor Current [A]</label><br>
  709. <input type="checkbox" name="motor_current" id="motor_current" value="1" data-toggle="toggle" data-onstyle="primary">
  710. </div>
  711.  
  712. <div class="form-group col-md-4">
  713. <label for="mold_temp">Weight [mm]</label><br>
  714. <input type="checkbox" name="weight" id="weight" value="1" data-toggle="toggle" data-onstyle="primary">
  715. </div>
  716.  
  717. <div class="form-group col-md-4">
  718. <label for="mold_temp">Span [mm]</label><br>
  719. <input type="checkbox" name="span" id="span" value="1" data-toggle="toggle" data-onstyle="primary">
  720. </div>
  721.  
  722. <div class="form-group col-md-4">
  723. <label for="mold_temp">Temp Setting L1 [⁰C]</label><br>
  724. <input type="checkbox" name="temp_setting_l1" id="temp_setting_l1" value="1" data-toggle="toggle" data-onstyle="primary">
  725. </div>
  726.  
  727. <div class="form-group col-md-4">
  728. <label for="mold_temp">Temp Setting L2 [⁰C]</label><br>
  729. <input type="checkbox" name="temp_setting_l2" id="temp_setting_l2" value="1" data-toggle="toggle" data-onstyle="primary">
  730. </div>
  731.  
  732. <div class="form-group col-md-4">
  733. <label for="mold_temp">Temp Setting L3 [⁰C]</label><br>
  734. <input type="checkbox" name="temp_setting_l3" id="temp_setting_l3" value="1" data-toggle="toggle" data-onstyle="primary">
  735. </div>
  736.  
  737. <div class="form-group col-md-4">
  738. <label for="mold_temp">Temp Setting L4 [⁰C]</label><br>
  739. <input type="checkbox" name="temp_setting_l4" id="temp_setting_l4" value="1" data-toggle="toggle" data-onstyle="primary">
  740. </div>
  741.  
  742. <div class="form-group col-md-4">
  743. <label for="mold_temp">Pre Below Time Left [sec]</label><br>
  744. <input type="checkbox" name="pre_below_time_l" id="pre_below_time_l" value="1" data-toggle="toggle" data-onstyle="primary">
  745. </div>
  746.  
  747. <div class="form-group col-md-4">
  748. <label for="mold_temp">Pre Below Time Right [sec]</label><br>
  749. <input type="checkbox" name="pre_below_time_r" id="pre_below_time_r" value="1" data-toggle="toggle" data-onstyle="primary">
  750. </div>
  751.  
  752. <div class="form-group col-md-4">
  753. <label for="mold_temp">Calibrator Down Left [sec]</label><br>
  754. <input type="checkbox" name="calibrator_down_l" id="calibrator_down_l" value="1" data-toggle="toggle" data-onstyle="primary">
  755. </div>
  756.  
  757. <div class="form-group col-md-4">
  758. <label for="mold_temp">Calibrator Down Right [sec]</label><br>
  759. <input type="checkbox" name="calibrator_down_r" id="calibrator_down_r" value="1" data-toggle="toggle" data-onstyle="primary">
  760. </div>
  761.  
  762.  
  763.  
  764. <div class="col-md-12">
  765. <label><h4>Effective Load Factor Calibrator</h4></label>
  766. </div>
  767. <br />
  768.  
  769. <div class="form-group col-md-4">
  770. <label for="mold_temp">Left 1</label><br>
  771. <input type="checkbox" name="left_1" id="left_1" value="1" data-toggle="toggle" data-onstyle="primary">
  772. </div>
  773.  
  774. <div class="form-group col-md-4">
  775. <label for="mold_temp">Left 2</label><br>
  776. <input type="checkbox" name="left_2" id="left_2" value="1" data-toggle="toggle" data-onstyle="primary">
  777. </div>
  778.  
  779. <div class="form-group col-md-4">
  780. <label for="mold_temp">Left 3</label><br>
  781. <input type="checkbox" name="left_3" id="left_3" value="1" data-toggle="toggle" data-onstyle="primary">
  782. </div>
  783.  
  784. <div class="form-group col-md-4">
  785. <label for="mold_temp">Left 4</label><br>
  786. <input type="checkbox" name="left_4" id="left_4" value="1" data-toggle="toggle" data-onstyle="primary">
  787. </div>
  788.  
  789. <div class="form-group col-md-4">
  790. <label for="mold_temp">Right 1</label><br>
  791. <input type="checkbox" name="right_1" id="right_1" value="1" data-toggle="toggle" data-onstyle="primary">
  792. </div>
  793.  
  794. <div class="form-group col-md-4">
  795. <label for="mold_temp">Right 2</label><br>
  796. <input type="checkbox" name="right_2" id="right_2" value="1" data-toggle="toggle" data-onstyle="primary">
  797. </div>
  798.  
  799. <div class="form-group col-md-4">
  800. <label for="mold_temp">Right 3</label><br>
  801. <input type="checkbox" name="right_3" id="right_3" value="1" data-toggle="toggle" data-onstyle="primary">
  802. </div>
  803.  
  804. <div class="form-group col-md-4">
  805. <label for="mold_temp">Right 4</label><br>
  806. <input type="checkbox" name="right_4" id="right_4" value="1" data-toggle="toggle" data-onstyle="primary">
  807. </div>
  808.  
  809. </div>
  810. <!-- </form> -->
  811. </div>
  812. </div>
  813. <div class="modal-footer">
  814. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  815. <button type="submit" class="btn btn-primary">Submit</button>
  816. </div>
  817. </form>
  818. </div>
  819. </div>
  820. </div>
  821.  
  822.  
  823.  
  824. <!-- MODAl HOT RUNNER SYSTEM -->
  825. <div class="modal fade" id="MCL" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  826. <div class="modal-dialog modal-sm" role="document">
  827. <div class="modal-content">
  828. <div class="modal-header">
  829. <h5 class="modal-title" id="exampleModalLabel">MCL</h5>
  830. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  831. <span aria-hidden="true">&times;</span>
  832. </button>
  833. </div>
  834. <div class="modal-body">
  835. <div class="row">
  836. <form action="" method="POST">
  837. {{csrf_field()}}
  838. <div class="col-md-12">
  839. <div class="form-group col-md-2">
  840. <label for="date">Latest Update</label>
  841. <input type="date" class="form-control" name="date" value="" >
  842. </div>
  843. <div class="form-group col-md-10" align="right">
  844. <br>
  845. <button type="button" class="btn btn-warning uploadhotrunner">Upload New MCL</button>
  846. </div>
  847. <div class="col-md-12">
  848. <div class="slideshow-container">
  849. <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
  850. <a class="nextt" onclick="plusSlides(1)">&#10095;</a>
  851. </div>
  852.  
  853.  
  854. </div>
  855. <br>
  856. </br>
  857. <br>
  858.  
  859.  
  860.  
  861.  
  862.  
  863.  
  864. </div>
  865. </div>
  866. <div class="modal-footer">
  867. <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
  868.  
  869. </div>
  870. </form>
  871. </div>
  872. </div>
  873. </div>
  874. </div>
  875.  
  876.  
  877.  
  878. @stop
  879.  
  880. @section('content1')
  881.  
  882. @if(session('sukses'))
  883. <div class="alert alert-primary" role="alert">
  884. {{session('sukses')}}
  885. </div>
  886. @endif
  887.  
  888. <div class="row">
  889. <div class="col-6">
  890. <h1>Data Machine</h1>
  891. </div>
  892. <div class="col-6">
  893. <!-- Button trigger modal -->
  894.  
  895. </div>
  896. <table class="table table-hover">
  897.  
  898.  
  899.  
  900. </table>
  901. </div>
  902. </div>
  903.  
  904.  
  905.  
  906. @endsection
  907. @section('assets_bottom')
  908. <script type="text/javascript" src="{{ asset('assets/js/qrcodelib.js') }}"></script>
  909. <script type="text/javascript" src="{{ asset('assets/js/webcodecamjquery.js') }}"></script>
  910. <script type="text/javascript" src="{{asset('js/bootstrap-toggle.min.js')}}"></script>
  911. <script type="text/javascript" src="{{ asset('assets/js/canvasjs.min.js')}}"></script>
  912.  
  913.  
  914. <script type="text/javascript">
  915. $(document).on('click','.print', function(e){
  916. e.preventDefault();
  917. var id = $(this).data('id');
  918. $("#mclid").val(id)
  919. $('#printmcl').modal('show')
  920.  
  921. })
  922. $(document).on('change','#mold_temp', function(e){
  923. if($("#mold_temp:checked").val()){
  924. // alert('on')
  925. }else{
  926. // alert('off')
  927. }
  928. })
  929. $.ajaxSetup({
  930. headers: {
  931. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  932. }
  933. });
  934. $(document).on('change', '#select_line', function(){
  935. $.ajax({
  936. type: "POST",
  937. url: '/lineChange',
  938. data: {
  939. line: $(this).val()
  940. },
  941. success: function(data){
  942. $("#line_data").html(data)
  943. }
  944. })
  945. })
  946. $(document).on('click','.edit_machine', function(e){
  947. var line_number = $(this).data('line');
  948. var name = $(this).data('name');
  949. var model = $(this).data('model');
  950. var part_code = $(this).data('partcode');
  951. var part_name = $(this).data('partname');
  952. var mold = $(this).data('mold');
  953. var cavity = $(this).data('cavity');
  954. var id = $(this).data('id');
  955.  
  956.  
  957. $('#edit_machine_id').val(id);
  958. $('#edit_model').val(model);
  959. $('#edit_line').val(line_number);
  960. $('#edit_mold_no').val(mold);
  961. $('#edit_cavity_no').val(cavity);
  962. $('#edit_part_code').val(part_code);
  963. $('#edit_part_name').val(part_name);
  964. $('#edit_machine_name').val(name);
  965.  
  966. $("#editModal").modal('show');
  967. })
  968.  
  969. $(document).on('click','.delete', function(e){
  970. e.preventDefault()
  971. if(confirm('Are you sure ?')){
  972. var id = $(this).data('id');
  973. $.ajax({
  974. type: "POST",
  975. url: '/newmachine/deleteMachine',
  976. data: {
  977. id: id
  978. },
  979. success: function(data){
  980. if(data.status == 1){
  981. location.reload();
  982. }
  983. }
  984. })
  985. }
  986.  
  987. })
  988.  
  989.  
  990. $(document).on('click', '.viewmcl', function(e) {
  991. e.preventDefault();
  992. $(".mySlides").remove();
  993. var image = $(this).data('img');
  994. image = image.split(',');
  995. var img_filter = image.filter((e) => {
  996. return e !=''
  997. })
  998. img_filter.forEach((item,index) => {
  999. $(".slideshow-container").append(`<div class='mySlides'>
  1000. <div class='numbertext'>1</div>
  1001. <img src='/images/mcl/${item}' style="width:100%">
  1002. </div>`);
  1003. })
  1004. $(".slideshow-container").change();
  1005.  
  1006. if(img_filter.length > 0){
  1007.  
  1008. showSlides(slideIndex);
  1009. }
  1010.  
  1011.  
  1012.  
  1013. // console.log(img_filter)
  1014. // $(".modal-body #myImage").attr("src", myImageId);
  1015. $('#MCL').modal('show');
  1016. });
  1017.  
  1018. </script>
  1019.  
  1020.  
  1021.  
  1022. <script>
  1023. var slideIndex = 1;
  1024. function plusSlides(n) {
  1025. showSlides(slideIndex += n);
  1026. }
  1027.  
  1028. function currentSlide(n) {
  1029. showSlides(slideIndex = n);
  1030. }
  1031.  
  1032. function showSlides(n) {
  1033. var i;
  1034. var slides = document.getElementsByClassName("mySlides");
  1035. // var dots = document.getElementsByClassName("dot");
  1036. // console.log(slides);
  1037. // console.log(dots);
  1038. if (n > slides.length) {slideIndex = 1}
  1039. if (n < 1) {slideIndex = slides.length}
  1040. for (i = 0; i < slides.length; i++) {
  1041. slides[i].style.display = "none";
  1042. }
  1043. // for (i = 0; i < dots.length; i++) {
  1044. // dots[i].className = dots[i].className.replace(" active", "");
  1045. // }
  1046. slides[slideIndex-1].style.display = "block";
  1047. // dots[slideIndex-1].className += " active";
  1048. }
  1049. </script>
  1050.  
  1051. @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement