Pusdiklat BMKG

<!DOCTYPE html>    <html lang="en">  <head> <title>Pusdiklat BMKG</title>  <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content="">  <link rel="shortcut icon" href="https://ppsdm.bmkg.go.id/assets/img/bmkg.ico">  <link rel='stylesheet' type='text/css' href='//fonts.googleapis.com/css?family=Open+Sans:400,300,600&subset=cyrillic,latin'>  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/bootstrap/css/bootstrap.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/style.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/headers/header-default.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/footers/footer-v1.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/animate.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/line-icons/line-icons.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/font-awesome/css/font-awesome.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/css/parallax-slider.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/owl-carousel/owl-carousel/owl.carousel.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/css/cubeportfolio.min.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/custom/custom-cubeportfolio.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/css/settings.css" type="text/css" media="screen"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/plugins/sky-forms-pro/skyforms/css/sky-forms.css"> <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets/plugins/sky-forms-pro/skyforms/custom/custom-sky-forms.css">  <link href="https://ppsdm.bmkg.go.id/assets/datatables/css/jquery.dataTables.min.css" rel="stylesheet"> <link href="https://ppsdm.bmkg.go.id/assets/datatables/css/dataTables.bootstrap.css" rel="stylesheet">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/theme-colors/blue.css" />  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/pages/profile.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/pages/shortcode_timeline2.css">  <link rel="stylesheet" href="https://ppsdm.bmkg.go.id/assets-unify/css/custom.css"> </head> <body class="header-fixed"> <div class="wrapper"> <div class="header header-sticky"> <div class="container">  <a class="logo" href="https://ppsdm.bmkg.go.id/"> <img src="https://ppsdm.bmkg.go.id/assets/img/logo_.png" alt="Logo"> </a>   <div class="topbar"> <ul class="loginbar pull-right">   <li><b> <h3><a href="https://ppsdm.bmkg.go.id/auth/login_sso">LOGIN</a></h3> </b></li> </ul> </div>   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse"> <span class="sr-only">Toggle navigation</span> <span class="fa fa-bars"></span> </button>  </div>  <div class="collapse navbar-collapse mega-menu navbar-responsive-collapse"> <div class="container"> <ul class="nav navbar-nav">  <li class=""> <a href="https://ppsdm.bmkg.go.id/"> Home </a> </li> <li class="dropdown active "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Profil </a> <ul class="dropdown-menu"> <li class=""> <a href="https://ppsdm.bmkg.go.id/profile">Sejarah</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/riwayatdiklatuser">Riwayat Diklat</a> </li> <li class=" "> <a href="https://ppsdm.bmkg.go.id/petamonitoringjp">Peta Monitoring JP</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/statistikdiklat">Statistik</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/manajemenrisiko">Manajemen Risiko</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/renstradanlakin">Renstra dan Lakin</a> </li> </ul> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/gallery"> Galeri </a> </li> <li class="dropdown "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Team </a> <ul class="dropdown-menu"> <li class=""><a href="https://ppsdm.bmkg.go.id/teamwidyaiswara">Widyaiswara</a></li> </ul> </li> <li class="dropdown active "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Layanan </a> <ul class="dropdown-menu"> <li class="active"> <a href="https://ppsdm.bmkg.go.id/jadwaldiklat">Registrasi Diklat</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/regpeserta">Daftar Ulang</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/sertifikatdiklat">Lap peningkatan Kompetensi</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/shortcourse">Short Course</a> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/beasiswa">Beasiswa</a> </li> </ul> </li> <li class="dropdown "> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown"> Publikasi </a> <ul class="dropdown-menu"> <li class=""><a href="https://ppsdm.bmkg.go.id/homeproyekperubahan">Proyek Perubahan</a></li> <li class=""><a href="https://ppsdm.bmkg.go.id/homeartikel">Artikel</a></li>  </ul> </li> <li class=""> <a href="https://ppsdm.bmkg.go.id/contact"> Kontak </a> </li> <li class=""> <a href="https://lms.bmkg.go.id"> LMS BMKG </a> </li>    </ul> </div> </div> </div>  <div class="breadcrumbs"> <div class="container"> <h1 class="pull-left">Jadwal Diklat</h1> <ul class="pull-right breadcrumb"> <li><a href="https://ppsdm.bmkg.go.id/">Home</a></li> <li><a href="#">Layanan</a></li> <li class="active">Jadwal Diklat</li> </ul> </div> </div>   <div class="container content height-500">   <link href="https://ppsdm.bmkg.go.id/assets/datatables/css/dataTables.bootstrap.css" rel="stylesheet">    <style> #myDIV { border: 1px solid black; background-color: lightblue; width: 100%; height: 210px; overflow: auto; } </style> <style type='text/css'> input.untukInput1 { border-bottom:none; border-left:none; border-right:none; border-top:none; width: 100%; } textarea { border-bottom:none; border-left:none; border-right:none; border-top:none; width: 100%; overflow-y: hidden; } </style> <div class="container"> <h3>Jadwal Pelaksanaan Diklat BMKG</h3> <br /> <button class="btn btn-default" onclick="reload_table()"><i class="glyphicon glyphicon-refresh"></i> Reload</button> <br /> <br /> <table id="table" class="table table-striped table-bordered" cellspacing="0" width="100%"> <thead> <tr> <th>No</th> <th>Nama Diklat</th> <th>Penyelenggaara</th> <th>Mulai</th> <th>Selesai</th> <th>Keterangan</th> <th style="width:125px;">Action</th> </tr> </thead> <tbody> </tbody> </table> </div> <script type="text/javascript" src="assets-unify/plugins/jquery/jquery.min.js"></script> <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>   <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/jquery.dataTables.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/dataTables.bootstrap.js"></script>    <script type="text/javascript"> var save_method; //for save method string var table; $(document).ready(function() { }); function add_person() { save_method = 'add'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string $('#modal_form').modal('show'); // show bootstrap modal $('.modal-title').text('Add Person'); // Set Title to Bootstrap modal title } function reg_diklat(id) { save_method = 'add'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string //Ajax Load data from ajax $.ajax({ url : "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_edit//" + id, type: "GET", dataType: "JSON", success: function(data) { $('[name="Id"]').val(data.Id); $('[name="Nama_diklat"]').val(data.Nama_diklat); $('[name="asal"]').val(data.asal); $('[name="jp"]').val(data.JP); $('[name="tahun"]').val(data.tahun); $('[name="waktu_awal"]').val(data.waktu_awal); $('[name="waktu_akhir"]').val(data.waktu_akhir); $('[name="keterangan"]').val(data.keterangan); // $('[name="dob"]').datepicker('update',data.dob); $('#modal_dialog').modal({backdrop: 'static', keyboard: false}); // show bootstrap modal when complete loaded $('.modal-title').text('Form Pendaftaran Diklat'); // Set title to Bootstrap modal title }, error: function (jqXHR, textStatus, errorThrown) { alert('Error get data from ajax'); } }); } function info_diklat(id) { save_method = 'add'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string //Ajax Load data from ajax $.ajax({ url : "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_edit//" + id, type: "GET", dataType: "JSON", success: function(data) { $('[name="Id"]').val(data.Id); $('[name="Nama_diklat"]').val(data.Nama_diklat); $('[name="asal"]').val(data.asal); $('[name="deskripsi"]').val(data.deskripsi); $('[name="JP"]').val(data.JP); $('[name="waktu_awal"]').val(data.waktu_awal); $('[name="waktu_akhir"]').val(data.waktu_akhir); $('[name="tujuan"]').val(data.tujuan); $('[name="syarat"]').val(data.syarat); // $('[name="dob"]').datepicker('update',data.dob); $('#modal_infodiklat').modal('show'); // show bootstrap modal when complete loaded $('.modal-title').text('Informasi diklat'); // Set title to Bootstrap modal title }, error: function (jqXHR, textStatus, errorThrown) { alert('Error get data from ajax'); } }); } function edit_person(id) { save_method = 'update'; $('#form')[0].reset(); // reset form on modals $('.form-group').removeClass('has-error'); // clear error class $('.help-block').empty(); // clear error string //Ajax Load data from ajax $.ajax({ url : "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_edit//" + id, type: "GET", dataType: "JSON", success: function(data) { $('[name="id"]').val(data.id); $('[name="firstName"]').val(data.firstName); $('[name="lastName"]').val(data.lastName); $('[name="gender"]').val(data.gender); $('[name="address"]').val(data.address); $('[name="dob"]').datepicker('update',data.dob); $('#modal_form').modal('show'); // show bootstrap modal when complete loaded $('.modal-title').text('Edit Person'); // Set title to Bootstrap modal title }, error: function (jqXHR, textStatus, errorThrown) { alert('Error get data from ajax'); } }); } function reload_table() { table.ajax.reload(null,false); //reload datatable ajax } function save() { $('#btnSave').text('saving...'); //change button text $('#btnSave').attr('disabled',true); //set button disable var url; if(save_method == 'add') { url = "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_add"; } else { url = "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_update"; } // ajax adding data to database } function delete_person(id) { if(confirm('Are you sure delete this data?')) { // ajax delete data to database $.ajax({ url : "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_delete/"+id, type: "POST", dataType: "JSON", success: function(data) { //if success reload ajax table $('#modal_form').modal('hide'); reload_table(); }, error: function (jqXHR, textStatus, errorThrown) { alert('Error deleting data'); } }); } } </script> <div class="modal fade" id="modal_dialog" role="dialog"> <script type='text/javascript' src='https://ppsdm.bmkg.go.id/assets/js/jquery.autocomplete.js'></script> <link href='https://ppsdm.bmkg.go.id/assets/js/jquery.autocomplete.css' rel='stylesheet' /> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title">Form Pendaftaran Diklat</h3> </div> <div class="modal-body form"> <td> <div class="radio"> <label> <input type="radio" name="kat" id="optionsRadios1" value="internal" class="detail" title=" Form Registrasi Pegawai BMKG Silahkan Login Terlebih Dahulu!" disabled > PEGAWAI INTERNAL BMKG (Login Terlebih Dahulu) </label> </div>  </td>    <td>  </td> <br> <br> <div id="form-input"> <form name="regdik" enctype="multipart/form-data" onsubmit="return validateForm()" action="jadwaldiklat/upload_internal" method="post" id="form" class="form-horizontal"> <h4 class="modal-header">Profil Kegiatan</h4> <br> <div class="form-body"> <input type="hidden" value="internal" name="kat"/> <input name="Id" placeholder="ID Diklat" class="form-control" type="hidden" readonly > <div class="form-group"> <label class="control-label col-md-3">Nama Diklat</label> <div class="col-md-9"> <input name="Nama_diklat" placeholder="Nama Diklat" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3" >Penyelenggara</label> <div class="col-md-9"> <input name="asal" placeholder="Asal" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3" >JP</label> <div class="col-md-9"> <input name="jp" placeholder="JP" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3" >Tahun</label> <div class="col-md-9"> <input name="tahun" placeholder="Tahun" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Mulai</label> <div class="col-md-9"> <input name="waktu_awal" placeholder="Mulai" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Selesai</label> <div class="col-md-9"> <input name="waktu_akhir" placeholder="Selesai" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <h4 class="modal-header">Data Peserta</h4> <div class="form-group"> <label class="control-label col-md-3">Nama<span style="color:red;">*</span> <br>(huruf Kapital)</label> <div class="col-md-9"> <input name="nama" required class="form-control" id="v_username" type="text" value="" > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">NIP<span style="color:red;">*</span><span style="color:red;">*</span></label> <div class="col-md-9"> <input name="nip" class="form-control" id="v_nip" type="text" value="" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tempat Lahir<span style="color:red;">*</span></label> <div class="col-md-9"> <input name="tempat_lahir" required class="form-control" id="v_tempat_lahir" type="text" value="" > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tanggal Lahir<span style="color:red;">*</span></label> <div class="col-md-9"> <input name="tanggal_lahir" required class="form-control" id="v_tanggal_lahir" type="text" value="" > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Unit Kerja<span style="color:red;">*</span><span style="color:red;">*</span></label> <div class="col-md-9"> <input name="unit_kerja" readonly class="form-control" id="v_unitkerja" type="text" value="" > <span class="help-block"></span> <small>perubahan unit kerja, mohon hubungi admin</small> </div> </div> <input name="stasiun" class="form-control" id="v_idunitkerja" type="hidden" value="" > <div class="form-group"> <label class="control-label col-md-3">Jabatan<span style="color:red;">*</span></label> <div class="col-md-9"> <input name="jabatan" class="form-control" id="v_jabatan" type="text" value="" > <span class="help-block"></span> </div> </div>  <div class="form-group"> <label class="control-label col-md-3">Pangkat<span style="color:red;">*</span></label> <div class="col-md-9"> <select required class="form-control" id="v_pangkat" name="pangkat" value="" required> <option value="" ></option> <option value="Pengatur Muda">Pengatur Muda</option> <option value="Pengatur Muda Tk.1">Pengatur Muda Tk. 1</option> <option value="Pengatur">Pengatur</option> <option value="Pengatur Tk.1">Pengatur Tk. 1</option> <option value="Penata Muda">Penata Muda</option> <option value="Penata Muda Tk.1">Penata Muda Tingkat 1</option> <option value="Penata">Penata</option> <option value="Penata Tk.1">Penata Tk.1</option> <option value="Pembina">Pembina</option> <option value="Pembina Tk.1">Pembina Tk.1</option> <option value="Pembina Utama Muda">Pembina Utama Muda</option> <option value="Pembina Utama Madya">Pembina Utama Madya</option> <option value="Pembina Utama">Pembina Utama</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Golongan<span style="color:red;">*</span></label> <div class="col-md-9"> <select required class="form-control" id="v_golongan" name="golongan" value="" required> <option value="" ></option> <option value="II/a">II/a</option> <option value="II/b">II/b</option> <option value="II/c">II/c</option> <option value="II/d">II/d</option> <option value="III/a">III/a</option> <option value="III/b">III/b</option> <option value="III/c">III/c</option> <option value="III/d">III/d</option> <option value="IV/a">IV/a</option> <option value="IV/b">IV/b</option> <option value="IV/c">IV/c</option> <option value="IV/d">IV/d</option> <option value="IV/e">IV/e</option> </select> <span class="help-block"></span> </div> </div>  <div class="form-group"> <label class="control-label col-md-3">Email<span style="color:red;">*</span></label> <div class="col-md-9"> <input name="email" type="email" class="form-control" id="v_email" type="text" value="" > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">No Telepon<span style="color:red;">*</span></label> <div class="col-md-9"> <input required name="no_telp" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Pendidikan <span style="color:red;">*</span></label> <div class="col-md-9"> <select required class="form-control" name="pendidikan" required> <option value="" >---Pendidikan---</option> <option value="SLTP">SLTP</option> <option value="SLTA">SLTA</option> <option value="Profesi">Profesi</option> <option value="D I">D I</option> <option value="D II">D II</option> <option value="D III / Akademi">D III / Akademi</option> <option value="D IV"> D IV</option> <option value="S1"> S1</option> <option value="S2">S2</option> <option value="S3">S3</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Universitas</label> <div class="col-md-9"> <input name="kampus" class="form-control" type="text" /> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Jurusan</label> <div class="col-md-9"> <input name="jurusan" class="form-control" type="text" /> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tahun Lulus</label> <div class="col-md-9"> <input name="tahun_lulus" class="form-control" type="text" /> </div> </div> <input name="jenis_kelamin" class="form-control" id="v_password" type="hidden" value="" > <input name="id_unit_kerja" class="form-control" id="v_idunitkerja" type="hidden" value="" > <div class="form-group"> <label class="control-label col-md-3">Alamat Rumah</label> <div class="col-md-9"> <textarea name="alamat_rumah" class="form-control" rows="5" id="alamat_rumah" > </textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Alamat Kantor</label> <div class="col-md-9"> <textarea name="alamat_kantor" class="form-control" rows="5" id="alamat_kantor" > </textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Agama<span style="color:red;">*</span></label> <div class="col-md-9"> <select required class="form-control" name="agama" required> <option value="" >---Agama---</option> <option value="islam">Islam</option> <option value="kristen">Kristen</option> <option value="katolik">Katolik</option> <option value="hindu">Hindu</option> <option value="budha">Budha</option> <option value="konghucu">Konghucu</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Lamp. Berkas<span style="color:red;">*</span> (max 2 Mb)</label> <div class="col-md-9"> <input type="file" name="file_attach" required /> </div> </div>  </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button> <button type="submit" name="submit" value="Simpan" id="btnSave" class="btn btn-primary">Simpan</button> </div> </form> </div>  <div id="form-input1"> <form name="regdikeksternal" enctype="multipart/form-data" onsubmit="return validateForm()" action="jadwaldiklat/upload" method="post" id="form" class="form-horizontal"> <div class="form-body"> <input type="hidden" value="eksternal" name="kat"/> <input name="Id" placeholder="ID Diklat" class="form-control" type="hidden" readonly > <div class="form-group"> <label class="control-label col-md-3">Nama Diklat</label> <div class="col-md-9"> <input name="Nama_diklat" placeholder="Nama Diklat" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Penyelenggara</label> <div class="col-md-9"> <input name="asal" placeholder="Asal" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3" >JP</label> <div class="col-md-9"> <input name="jp" placeholder="JP" class="form-control" type="text" readonly > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3" >Tahun</label> <div class="col-md-9"> <input name="tahun" placeholder="Tahun" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Mulai</label> <div class="col-md-9"> <input name="waktu_awal" placeholder="Mulai" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Selesai</label> <div class="col-md-9"> <input name="waktu_akhir" placeholder="Selesai" class="form-control" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Nama</label> <div class="col-md-9"> <input name="nama" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">NIK</label> <div class="col-md-9"> <input name="nip" class="form-control " type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tempat Lahir</label> <div class="col-md-9"> <input name="tempat_lahir" class="form-control" id="v_tempat_lahir" type="text" value="" > <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tanggal Lahir</label> <div class="col-md-9"> <input name="tanggal_lahir" class="form-control datepicker" type="text" autocomplete="off"> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Email</label> <div class="col-md-9"> <input name="email" type="email" class="form-control" id="v_email" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">No Telepon</label> <div class="col-md-9"> <input name="no_telp" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Pendidikan</label> <div class="col-md-9"> <select class="form-control" name="pendidikan" required> <option value="" >---Pendidikan---</option> <option value="SLTP">SLTP</option> <option value="SLTA">SLTA</option> <option value="Profesi">Profesi</option> <option value="D I">D I</option> <option value="D II">D II</option> <option value="D III / Akademi">D III / Akademi</option> <option value="D IV"> D IV</option> <option value="S1"> S1</option> <option value="S2">S2</option> <option value="S3">S3</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Kampus</label> <div class="col-md-9"> <input name="kampus" class="form-control" type="text" /> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Jurusan</label> <div class="col-md-9"> <input name="jurusan" class="form-control" type="text" /> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tahun Lulus</label> <div class="col-md-9"> <input name="tahun_lulus" class="form-control" type="text" /> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Alamat Rumah</label> <div class="col-md-9"> <textarea name="alamat_rumah" class="form-control" rows="5" id="alamat_rumah" > </textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Alamat Kantor</label> <div class="col-md-9"> <textarea name="alamat_kantor" class="form-control" rows="5" id="alamat_kantor" > </textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Agama</label> <div class="col-md-9"> <select class="form-control" name="agama" required> <option value="" >---Agama---</option> <option value="islam">Islam</option> <option value="kristen">Kristen</option> <option value="hindu">Hindu</option> <option value="budha">Budha</option> <option value="konghucu">Konghucu</option> </select> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Jenis Kelamin</label> <div class="col-md-9"> <select class="form-control" name="jenis_kelamin"> <option value="">---Jenis Kelamin---</option> <option value="1" required>Laki-laki</option> <option value="2" required>Perempuan</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Pangkat </label> <div class="col-md-9"> <input name="pangkat" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Golongan </label> <div class="col-md-9"> <input name="golongan" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Jabatan </label> <div class="col-md-9"> <input required name="jabatan" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Instansi </label> <div class="col-md-9"> <input name="unit_kerja" class="form-control" type="text" required> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Surat Usulan (max 2 Mb)</label> <div class="col-md-9"> <input type="file" name="file_attach" id="file_attach" required /> <input type="hidden" name="file_attach_hidden" id="file_attach_hidden" value="" required > <span class="help-block"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Batal</button> <button type="submit" name="submit" value="Simpan" id="btnSave" class="btn btn-primary">Simpan</button> </div> </form> </div>   <br>   </div>   </div> </div> </div>  <div class="modal fade" id="modal_infodiklat" role="dialog"> <script type='text/javascript' src='https://ppsdm.bmkg.go.id/assets/js/jquery.autocomplete.js'></script> <link href='https://ppsdm.bmkg.go.id/assets/js/jquery.autocomplete.css' rel='stylesheet' /> <div class="modal-dialog "> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h3 class="modal-title">Informasi Diklat</h3> </div> <div class="modal-body form">  <div id="form-input1"> <form name="regdikeksternal" enctype="multipart/form-data" onsubmit="return validateForm()" action="jadwaldiklat/upload" method="post" id="form" class="form-horizontal"> <div class="form-body"> <input type="hidden" value="eksternal" name="kat"/> <input name="Id" placeholder="ID Diklat" class="form-control" type="hidden" readonly > <div class="form-group"> <label class="control-label col-md-3">Nama Diklat</label> <div class="col-md-9"> <input name="Nama_diklat" class ="untukInput1" placeholder="Nama Diklat" type="textarea" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Penyelenggara</label> <div class="col-md-9"> <input name="asal" placeholder="Penyelenggara" class="untukInput1" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tanggal Mulai Kegiatan</label> <div class="col-md-9"> <input name="waktu_awal" placeholder="Penyelenggara" class="untukInput1" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tanggal Selesai Kegiatan</label> <div class="col-md-9"> <input name="waktu_akhir" placeholder="Penyelenggara" class="untukInput1" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">JP</label> <div class="col-md-9"> <input name="jp" class="untukInput1" type="text" readonly> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Deskripsi</label> <div class="col-md-9" > <input id="myDIV" name="deskripsi" readonly><? echo htmlspecialchars($deskripsi) ?></text> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Tujuan</label> <div class="col-md-9"> <textarea id="myDIV" rows="7" name="tujuan" readonly ></textarea> <span class="help-block"></span> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Syarat</label> <div class="col-md-9"> <textarea id="myDIV" rows="7" name="syarat" readonly></textarea> <span class="help-block"></span> </div> </div> </div> </form> </div>  <script> $(document).ready(function(){ //datatables table = $('#table').DataTable({ "processing": true, //Feature control the processing indicator. "serverSide": true, //Feature control DataTables' server-side processing mode. "order": [], //Initial no order. // Load data for the table's content from an Ajax source "ajax": { "url": "https://ppsdm.bmkg.go.id/jadwaldiklat/ajax_list", "type": "POST" }, //Set column definition initialisation properties. "columnDefs": [ { "targets": [ -1 ], //last column "orderable": false, //set not orderable }, ], }); //set input/textarea/select event when change value, remove class error and remove text help block $("input").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); $("textarea").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); $("select").change(function(){ $(this).parent().parent().removeClass('has-error'); $(this).next().empty(); }); $("#form-input").css("display","none"); $("#form-input1").css("display","none"); //Menghilangkan form-input ketika pertama kali dijalankan $(".detail").click(function(){ //Memberikan even ketika class detail di klik (class detail ialah class radio button) if ($("input[name='kat']:checked").val() == "internal" ) { //Jika radio button "berbeda" dipilih maka tampilkan form-inputan $("#form-input").slideDown("fast"); //Efek Slide Down (Menampilkan Form Input) $("#form-input1").slideUp("fast"); } else if($("input[name='kat']:checked").val() == "eksternal" ) { //Jika radio button "berbeda" dipilih maka tampilkan form-inputan $("#form-input1").slideDown("fast"); //Efek Slide Down (Menampilkan Form Input) $("#form-input").slideUp("fast"); } else { $("#form-input").slideUp("fast"); //Efek Slide Up (Menghilangkan Form Input) $("#form-input1").slideUp("fast"); //Efek Slide Up (Menghilangkan Form Input) } }); //datepicker $('.datepicker').datepicker({ autoclose: true, dateFormat: "yy-mm-dd", todayHighlight: true, orientation: "top auto", todayBtn: true, todayHighlight: true, }); }); </script>  <script> function myFunction() { document.getElementById("myDIV").style.overflow = "scroll"; } </script> <br>   </div>   </div> </div> </div> </div>  <div class="footer-v1"> <div class="footer"> <div class="container"> <div class="row">  <div class="col-md-4 md-margin-bottom-40"> <a href="index.html"><img id="logo-footer" class="footer-logo" src="https://ppsdm.bmkg.go.id/assets/img/logo3.png" width=200 alt=""></a> <p>Pusat Pendidikan dan Pelatihan<br/>Badan Meteorologi, Klimatologi, dan Geofisika</p> </div>      <div class="col-md-4 md-margin-bottom-40"> <div class="headline"> <h2>Link</h2> </div> <ul class="list-unstyled link-list"> <li><a href="https://lms.bmkg.go.id/" target="_blank">Learning Management System</a><i class="fa fa-angle-right"></i></li> <li><a href="https://ejournal-pusdiklat.bmkg.go.id/index.php/climago" target="_blank">Electronic Journal</a><i class="fa fa-angle-right"></i></li>  </ul> </div>   <div class="col-md-4 map-img md-margin-bottom-40"> <div class="headline"> <h2>Kontak</h2> </div> <address class="md-margin-bottom-40"> Kantor Pusat Badan Meteorologi, Klimatologi, dan Geofisika</br> Gedung A Lantai 9 <br /> Jl. Angkasa I No. 2 Kemayoran, Jakarta Pusat, DKI Jakarta 10720, Indonesia <br /> Telepon: +6221 4246321 ext. 1071 <br />  E-mail: <a href="mailto:pusdiklat@bmkg.go.id" class="">pusdiklat@bmkg.go.id</a> </address> </div>  </div> </div> </div> <div class="copyright"> <div class="container"> <div class="row"> <div class="col-md-6"> <p> 2013 - 2025 © Pusat Pendidikan dan Pelatihan Badan Meteorologi, Klimatologi, dan Geofisika  </p> </div>  <div class="col-md-6"> <ul class="footer-socials list-inline"> <li> <a href="https://www.facebook.com/pusdiklat.bmkg" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Facebook"> <i class="fa fa-facebook"></i> </a> </li> <li> <a href="https://twitter.com/pusdiklat_bmkg/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Twitter"> <i class="fa fa-twitter"></i> </a> </li> <li> <a href="https://www.instagram.com/pusdiklat_bmkg/" class="tooltips" data-toggle="tooltip" data-placement="top" title="" data-original-title="Instagram"> <i class="fa fa-instagram"></i> </a> </li> </ul> </div>  </div> </div> </div> </div>  </div>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/jquery/jquery.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/jquery/jquery-migrate.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/bootstrap/js/bootstrap.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/back-to-top.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/smoothScroll.js"></script>  <script src="https://ppsdm.bmkg.go.id/assets-unify/plugins/sky-forms-pro/skyforms/js/jquery-ui.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/circles-master/circles.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/js/modernizr.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/parallax-slider/js/jquery.cslider.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/owl-carousel/owl-carousel/owl.carousel.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/cube-portfolio/cubeportfolio/js/jquery.cubeportfolio.min.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/plugins/revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/jquery.dataTables.min.js"></script> <script src="https://ppsdm.bmkg.go.id/assets/datatables/js/dataTables.bootstrap.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/custom.js"></script>  <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/app.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/owl-carousel.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/parallax-slider.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/cube-portfolio/cube-portfolio-3.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/circles-master.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/fancy-box.js"></script> <script type="text/javascript" src="https://ppsdm.bmkg.go.id/assets-unify/js/plugins/revolution-slider.js"></script>  <script type="text/javascript"> jQuery(document).ready(function () { App.init(); OwlCarousel.initOwlCarousel(); ParallaxSlider.initParallaxSlider(); // Datepicker.initDatepicker(); CirclesMaster.initCirclesMaster1(); RevolutionSlider.initRSfullWidth(); }); </script>  </body> </html>

CINXE.COM

Pusdiklat BMKG