diff --git a/resources/views/manajer/penjadwalan.blade.php b/resources/views/manajer/penjadwalan.blade.php index 0ce964849c3d79d728c61a7572b2510783b90139..b89a66b46dc340b4170f5a8369a4281064545126 100644 --- a/resources/views/manajer/penjadwalan.blade.php +++ b/resources/views/manajer/penjadwalan.blade.php @@ -2,6 +2,23 @@ @section('title', 'Daftar Nilai Akhir Mahasiswa') @section('content') +<style> + .table-condensed > thead > tr > th, + .table-condensed > tbody > tr > th, + .table-condensed > tfoot > tr > th, + .table-condensed > thead > tr > td, + .table-condensed > tbody > tr > td, + .table-condensed > tfoot > tr > td { + padding: 5px; + } + + .bootstrap-datetimepicker-widget.dropdown-menu { + margin: 2px 0; + padding: 4px; + width: 39em; + } +</style> + <div class="container"> <h3>Penjadwalan Seminar dan Sidang</h3> <ul class="nav nav-tabs" role="tablist"> @@ -68,6 +85,11 @@ <td> <input type="hidden" id="id{{$item->topic->mahasiswa_id}}" name="id{{$item->topic->mahasiswa_id}}" class="form-control col-md-8 " value="{{$item->topic->mahasiswa_id}}"> <input type="hidden" id="tp{{$item->topic->mahasiswa_id}}" name="tp{{$item->topic->mahasiswa_id}}" class="form-control col-md-8 " value="{{$item->topic_id}}"> + <div class="row"> + <div class="col-md-12"> + <input type="text" id="{{$item->topic->mahasiswa_id}}" class="datetimepicker form-control" autocomplete="off"/> + </div> + </div> <input type="datetime-local" id="sch{{$item->topic->mahasiswa_id}}" name="sch{{$item->topic->mahasiswa_id}}" class="form-control col-lg-12 " value="" onkeyup="updateSaveButton()"> </td> </tr> @@ -347,6 +369,29 @@ @endsection @section('bottomjs') + <script> + $(function(){ + if ($('.datetimepicker').length){ + console.log($('.datetimepicker')); + $('.datetimepicker').datetimepicker({ + sideBySide: true, + 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'}, + }); + $('.datetimepicker').bind('dp.change', (e)=>{ + $('#'+'sch'+e.target.id).val($('#'+e.target.id).data("DateTimePicker").viewDate().format('YYYY-MM-DD\THH:mm')); + console.log(e.target.id); + updateSaveButton(); + }); + } + }); + </script> + <script> function updateSaveButton2() { var inputs = document.getElementsByTagName('input');