diff --git a/resources/views/manajer/detail_mahasiswa_control.blade.php b/resources/views/manajer/detail_mahasiswa_control.blade.php index 02201b29dd1e6893a8b49f53783e4ef069fcf127..df53c9772af3faa716085d9b1bf3380477bd6e82 100644 --- a/resources/views/manajer/detail_mahasiswa_control.blade.php +++ b/resources/views/manajer/detail_mahasiswa_control.blade.php @@ -809,7 +809,7 @@ @endif @if($mahasiswa->status != \App\Mahasiswa::STATUS_GAGAL_SEMINAR_TESIS) <div> - <form action="/seminartesis/edit/{{$user->username}}" method="post"> + <form action="/seminartesis/edit/{{$user->username}}" method="post" id="seminartesis-form"> {{csrf_field()}} <div class="form-group row col-md-12"> @@ -824,13 +824,15 @@ Tanggal </label> <input type="date" id="haritgl" name="haritgl" class="col-md-8 form-control new-input-seminar" value="{{$seminarTesis->hari}}" > + <input type="text" id="datepickercomponent" class="col-md-8 form-control" autocomplete="off"/> </div> <div class="form-group row col-md-12"> <label for="waktu" class="col-md-4 col-form-label text-md-right text-center"> Waktu </label> - <input type="time" id="haritgl" name="waktu" class="col-md-8 form-control new-input-seminar" value="{{$seminarTesis->waktu}}"> + <input type="time" step="1" id="time" name="waktu" class="col-md-8 form-control new-input-seminar" value="{{$seminarTesis->waktu}}"> + <input type="text" id="timepickercomponent" class="col-md-8 form-control" autocomplete="off"/> </div> <div class="form-group row col-md-12"> @@ -890,12 +892,20 @@ $(".new-input-seminar").removeAttr("disabled"); $("#edit-new-data-smnr").css("display", "none"); $("#save-new-data-smnr").css("display", "block"); + $("#haritgl").prop('hidden', true); + $("#time").prop('hidden', true); + $("#datepickercomponent").prop('hidden', false); + $("#timepickercomponent").prop('hidden', false); } window.onload = function() { $(".new-input-seminar").attr("disabled",true); $("#edit-new-data-smnr").click(enableAllNewInputSmnr); $(".new-input").attr("disabled",true); - $("#edit-new-data").click(enableAllNewInput); + //$("#edit-new-data").click(enableAllNewInput); + $("#haritgl").prop('hidden', false); + $("#time").prop('hidden', false); + $("#datepickercomponent").prop('hidden', true); + $("#timepickercomponent").prop('hidden', true); }; </script> <button type="button" id="edit-new-data-smnr" class="btn btn-primary align-items-center "> @@ -911,13 +921,6 @@ Save </button> </div> - - <!-- <div class="justify-content-center row"> - <button class="btn btn-blue align-items-center display-flex"> - <i class="material-icons pencil md-12 font-size-18-px">save</i> - Simpan - </button> - </div> --> </form> </div> @endif @@ -1812,6 +1815,46 @@ previous: 'fa fa-chevron-left'}, }); } + let defaultdate = false; + let defaulttime = false; + if ($('#haritgl').val() != ''){ + defaultdate = $('#haritgl').val(); + } + if ($('#time').val() != ''){ + defaulttime = '2000-10-12 ' + $('#time').val(); + } + if ($('#datepickercomponent').length){ + $('#datepickercomponent').datetimepicker({ + format: 'DD/MM/YYYY', + defaultDate: defaultdate, + icons: { + time: 'fa fa-clock-o', + date: 'fa fa-calendar', + up: 'fa fa-chevron-up', + down: 'fa fa-chevron-down', + next: 'fa fa-chevron-right', + previous: 'fa fa-chevron-left'}, + }); + $('#datepickercomponent').on('dp.change', () =>{ + $('#haritgl').val($('#datepickercomponent').data("DateTimePicker").viewDate().format('YYYY-MM-DD')); + }); + } + if ($('#timepickercomponent').length){ + $('#timepickercomponent').datetimepicker({ + format: 'hh.mm.ss A', + defaultDate: defaulttime, + icons: { + time: 'fa fa-clock-o', + date: 'fa fa-calendar', + up: 'fa fa-chevron-up', + down: 'fa fa-chevron-down', + next: 'fa fa-chevron-right', + previous: 'fa fa-chevron-left'}, + }); + $('#timepickercomponent').on('dp.change', () =>{ + $('#time').val($('#timepickercomponent').data("DateTimePicker").viewDate().format('HH:mm:ss')); + }) + } }); </script>