ÿØÿà JFIF 

  
 
  ÿÛ „ 	 ( %!1"%)+...383-7(-.+




-%%--------+------------/----------------------------ÿÀ  ¶

" 

ÿÄ   



           
 ÿÄ @ 
     
 !1AQaq‘¡"±ÁÑð2’BRráS‚ñ3b¢CT²Ò #cÿÄ 
 



          
 ÿÄ ' 
 
      
1!AQ2a"‘±#ÿÚ 
  ? ò(/p‘—–¢·,M|¯G»R£üešT. ôŸEoCFñ‡ 4ÔkåóxR|µÁ¨ÓDà!Ç´µ˜‡p ÍQ‹§!þž^õWsŒy  åÁ§$á«%ºq˜™JyyË0y«^Ϗ
-3ÃÏËÈ£Æ\P’ä„s&•‹Üs üô'àWt¹pñCp$bÚF`·7.^)¾!)ÒÙ˜–ÅÏš^h¾ø³·ìe±ŒaeÖ—Í,e=B}Jéߦ$$½—šÙÜCC¯¶è8β–Åkèwx
LÉngT±æ¹£Ócœ¿Í/©Éÿ ‰ÚCÒ­mq;Tt¶–}0"zÖPcd1š­¤tˆ„ÐÓâqú[™öUCŠ2޿د­É(¸ßúçšmW,
Ò ºf‹Ån™
ÄLêÁ8üÁkÁ€L¥ÍuJ1œôrÂSŒÓöt!7EUíïb)AËi¬â-ÙHk8òÁiXYwÅ)O^"ÇØriÛô{»wRUKÙÏÚlÓ¬€‚’שT]
ªb—ÊîKC^×M“xùäñz¬zJ×{4[¹M'IÆeH1LCWÕ]œûº WDæà°OÅ‚¹c²ÞuA–rL`HšpCez‡V’— Ž‚Ë„–ñ­'µR0ÕÖ=À:±G»C\nÆÉ5*¢ †3šhQ4ýÒi$Õ1"Ü]¢p-q3zcQ$ªö¨¥æf›‘»´ÝÚHá„e²JÇ–iÊ:·à¬Øc5Åk»Laª*wi
[0Ówk ¦a¦0Õ²ÅÅ‚T¸’³q:Æ<¹ú	Ò˜Æ}2VE•Ð€p¡Ô3Úº …h³^LJºçì¥Ánó|˜ÖˆÎˆ+«¦dø‘Mº–d\ªDðÛ„Ì×LÝ——Ð9Ç|•FèçVm™¨€™3õS–9Äå¢<̉Ìm¢±`·º˜&Z²ž Ë®D«¶»6™‰©­HÈÀá«h­i³04æ’hxœi3ï¨(ÓL·†‹¶ËpŒ
ƒÜÒ?	:õdsÀ–3æÓ·Üjâ¬9—]8n¼&]I F£¼…ì–—Œ0v°LǐÅfÛ2TÖ’aµ˜N@ÖBSÏ^à´4-±°b×nÈÈœÆD=KdŒø…ÄÈK,›ÖR§fjü$^ÔÎ!„6^ s:Üun\ôkCÞò÷<—Lúl
Í›G¹ÀPá¼Nc¡šÒ…ÙWͳœ±vÊáЄ×9‹P‰cEØ‘™›µŸP<×g1
º©Ø¬wiÁ^l5×I/';Ë+´Z‡ÓÄFÕp[Èð’
HÄ	ó
9¬Dl4“é±Ï”V=^Hð;žLädÉa‚°Ë,#/Ž~²BÔÛ
QãñQtIeórVB,ÏÂf‹4#Îœc‹É3ZIÖ Œ¢¥·üxa‡Ãçè„jŠ[5 Ä!U?,3žÎ×…ð
dÓ÷háŠA‰ìÄ4÷ÃÜZÃE{‰®+W\ZÍE[‰»µk»MÝ­`¢©†˜ÃV‹-f¢¡†¢a«eŠ%«Y¨©q%jâd,Ôq`) ¤¦…šˆ ¦E>0Ùb²t–Ÿ
÷jsÏ‚Ò’KÈcø(é›;k(’#ôŒQ
™C>
õ³M9óºÆµ¤çâ;u
À)5>RÔ¸fÓ~Ȧ—’-$fe«"FâUˆÊwµPÏu
w+"åÉó¨6s™Û9(À¨ù©hE°½†n`m~“@©›p!Vkhµ Á1šbEqqÊ@ºèl›2 –Yã%‘‚hÛ{a¶‡ÅÞM²¬çL34®Çl]®‹ŽØŒm'RÜe35æöˆ­Á­ cP9šeÁköo´L³Ì=p8]”‡B¶,šº|ɏdzXˆØk*ÇÚ{#ñ‰pã(€¶‡9ý'šÜ³½¯kƒ†Â’ëSOƒ•Å®H6+a¢µˆ‹Y¨b˜b+XˆÖ!°u!¢"µˆˆn2ˆ Å0Ä`Å Ô®c(ÓÜGº•Ä»Œ âWî%q.áÐÄ÷î%umÍ£+ÜQ,Vn¦-GphU¸¢X­&,Gt
·K¢ÅÅ·¥RÄÊÉbKn
N­R2g$VµÕó
Qr#–ÓZUÏð0ÎtÙÀœz
ë
öo“Îk¯n„T°"SÞ+³/…€½"ižãO%Í%&Δâ‘ËØ´IˆÓ°Ë‰ÞM<J•›C=ìu*ܧ„äGËŠô;5ŒÁ£ñùä¬6Ì2¦
‘žh¸Rº<Õš%÷
 …Ç	‚g‡.
>3.™yçÁzit›`4C`k¢¼á!álÄï sÂ[×!¤l¾æo"ƒIÔ'@ªu)3›ô®“@Z
à¾]
üœ'‡4¸PÞkÁ-qÄH‰ÓÍBd´ÿ —¹°ÄA&ÊUC„öz‚‚RæŠtf¬>˜ÑidšEçÑL÷áý¡V±h§­c¿¥¨ƒ@g¼…Ýö^ÞËc.ž„æ“I[ª+·zÐÒÚ,½Ð»¶€C›7jk$๖€Ž¾ÅÙpp¶ÍþéΤ ½ØÎŒq ñpæžÅ¥#Øâ49
ÃÂK^MYV“,¶Éz_òæ:…;Õ«¦I3âJ£¤û5$7Èxün\â]Êe¯(Ÿ&Ž‹¶2<6Ćf× æ¢ƱqWı[(ÙÂŽç‚T7¨@ÈÉÍß‚ïÙ"&3TYlGŽ†)†#5ŠA©^T2ÆÁ†)©†©†¤yGXÁ†©"†)©¼ÅV WS†#©]R–r‹
q5ÕbâWþBh¯u+ªÅÄ×ü„nÑ^êkªÁj‰jeœWˆÕÕ`µDµ2Ì+Ä µDµµ5Ô{¤Þ0RF’H÷AÛ<ÊÁ§ ƈæ0Ñ£ê4 öÚµ[¬/1²€â<-¬šö²r×0o×w ´xÐÒË„
g01¬„åEM蛇Ã\6µE›‘fÙO	k÷CºnÓ1`iîÒ²áÂ!ÑLÄÿ 
³¬\õ*:M=Ç»c‹2[‰ØsÕLò\ŒK L^™üÄN\¶#»
Ç\……ßïIœÉ$¸ÎñÍ®ÔHÇ	Ûí/´>Li”„†g
^$ 7NÍÑÑ2M2ªNg=k½Ð}Ÿl6‡	—JWˆ”ÞéT·+µ¦üÂFè¢Vs6ýÆ4»2+2IÝ9ô9®ÇGÙÇ1+Ä8;*Õ§ž½D*îÑWÚçá3Ma¤·ˆ
¥t}š²Ü…Q+Æüµ8HíS”üxGéÁˆ¦Ël„éÈ	5 µÄƒ6äÜ(kIš¯S†f
Ö&¸®×v|Äyˆ*禌Éù@7-®Ä[]ÎÖ¿ê`º…=:…žJVnݳvðÖKE¼‚ »mà ÷f®:Ë™–4rð¡4` ܹçž~‹C=œ…¾Ïj|VDtK.ƒ"9	Ï
­–éXá³6WÒïIL-Ї
Ç
<?php defined('BASEPATH') OR exit('No direct script access allowed');?>
<style type="text/css">
input[type="checkbox"] {
	width: 20px;
	height: 20px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	$(".select2").select2({ width: '100%' });
	showAcademicYear();
	getFromSourceList();
	getFromTargetList();
});

// Chek / unchek All Checkbox
function check_all(checked, el) {
	$('input[name="' + el + '"]').prop('checked', checked);
}

function showAcademicYear() {
	var class_group_id = $('#from_class_group_id').val();
	if (class_group_id !== 'unset' && class_group_id !== 'show_all') {
		$('.from_academic_year_id').show();
		$('table.origin_class').empty();
		$('.set-alumni').show();
	} else {
		$('.from_academic_year_id').hide();
		$('.set-alumni').hide();
	}
	getFromSourceList();
}

// Set As Alumni
function SetAsAlumni() {
	var academic_year = $('#from_academic_year_id option:selected').text();
	var end_date = academic_year.split('-')[ 1 ];
	var rows = $('input[name="checkbox-origin-class"]:checked');
	var student_ids = [];
	rows.each(function() {
		student_ids.push($(this).val());
	});
	if (student_ids.length) {
		eModal.confirm('Apakah anda yakin ' + student_ids.length + ' data ' + _STUDENT + ' yang terceklis akan diatur sebagai alumni tahun ' + end_date +' ?', 'Konfirmasi').then(function() {
			var values = {
				student_ids: student_ids.join(','),
				end_date: end_date
			};
			$.post(_BASE_URL + 'academic/class_group_students/set_as_alumni', values, function( response ) {
				var res = _H.StrToObject( response );
				_H.Notify(res.status, res.message);
				getFromSourceList();
				getFromTargetList();
			});
		});
	} else {
		_H.Notify('info', 'Tidak ada data yang terpilih');
	}
}

/**
* Get Origin Data From Class Group Settings
*/
function getFromSourceList() {
	$('.origin-class-overlay').show();
	var values = {
		academic_year_id: $('#from_academic_year_id').val(),
		class_group_id: $('#from_class_group_id').val()
	}
	$.post(_BASE_URL + 'academic/class_group_students/get_students', values, function( response ) {
		var res = _H.StrToObject( response );
		var rows = res.rows;
		var str = '';
		if (rows.length) {
			str += '<thead class="header">';
			str += '<tr>';
			str += '<th width="30px"><input type="checkbox" onclick="check_all(this.checked, \'checkbox-origin-class\')" /></th>';
			str += '<th width="30px">NO</th>';
			str += '<th>NOMOR INDUK ' + _STUDENT + '</th>';
			str += '<th>NAMA LENGKAP</th>';
			str += '</tr>';
			str += '</thead>';
			str += '<tbody>';
			var no = 1;
			for (var z in rows) {
				var row = rows[ z ];
				str += '<tr>';
				str += '<td><input type="checkbox" name="checkbox-origin-class" value="' + row.id + '" /></td>';
				str += '<td>' + no + '.</td>';
				str += '<td>' + row.identity_number + '</td>';
				str += '<td>' + row.full_name + '</td>';
				str += '</tr>';
				no++;
			}
			str += '</tbody>';
		}
		$('table.origin_class').empty().html(str);
		$('.origin-class-overlay').hide();
	});
}

// Save To Destination Class
function saveToDestinationClass() {
	var from_class_group_id = $('#from_class_group_id').val();
	var to_class_group_id = $('#to_class_group_id').val();
	var from_academic_year_id = $('#from_academic_year_id').val();
	var to_academic_year_id = $('#to_academic_year_id').val();
	if (from_class_group_id == to_class_group_id && from_academic_year_id == to_academic_year_id) {
		_H.Notify('warning', 'Kelas dan ' + _ACADEMIC_YEAR + ' tujuan tidak boleh sama dengan Kelas dan ' + _ACADEMIC_YEAR + ' asal.');
	} else {
		var class_name = $('#to_class_group_id option:selected').text();
		var academic_year = $('#to_academic_year_id option:selected').text();
		var rows = $('input[name="checkbox-origin-class"]:checked');
		var student_ids = [];
		rows.each(function() {
			student_ids.push($(this).val());
		});
		if (student_ids.length) {
			eModal.confirm('Apakah anda yakin ' + student_ids.length + ' data ' + _STUDENT + ' yang terceklis akan diatur sebagai ' + _STUDENT + ' Kelas ' + class_name + ' ' + _ACADEMIC_YEAR + ' ' + academic_year + ' ?', 'Konfirmasi').then(function() {
				$('.origin-class-overlay').show();
				var values = {
					student_ids: student_ids.join(','),
					academic_year_id:$('#to_academic_year_id').val(),
					class_group_id:$('#to_class_group_id').val()
				};
				$.post(_BASE_URL + 'academic/class_group_students/save_to_destination_class', values, function( response ) {
					var res = _H.StrToObject( response );
					_H.Notify(res.status, res.message);
					getFromSourceList();
					getFromTargetList();
					$('.origin-class-overlay').hide();
				});
			});
		} else {
			_H.Notify('info', 'Tidak ada data yang terpilih');
		}
	}
}

// Delete Permanent Data
function DeleteFromDestinationClass() {
	var rows = $('input[name="checkbox-destination-class"]:checked');
	var student_ids = [];
	rows.each(function() {
		student_ids.push($(this).val());
	});
	if (student_ids.length) {
		eModal.confirm('Apakah anda yakin ' + student_ids.length + ' data ' + _STUDENT + ' yang terceklis akan dihapus ?', 'Konfirmasi').then(function() {
			$('.destination-class-overlay').show();
			var values = {
				student_ids: student_ids.join(','),
				academic_year_id:$('#to_academic_year_id').val(),
				class_group_id:$('#to_class_group_id').val()
			};
			$.post(_BASE_URL + 'academic/class_group_students/delete_permanently', values, function( response ) {
				var res = _H.StrToObject( response );
				_H.Notify(res.status, res.message);
				if (res.status == 'success') {
					getFromSourceList();
					getFromTargetList();
				}
				$('.destination-class-overlay').hide();
			});
		});
	} else {
		_H.Notify('info', 'Tidak ada data yang terpilih');
	}
}

/**
* Get Destination Data From Class Group Settings
*/
function getFromTargetList() {
	$('.destination-class-overlay').show();
	var values = {
		academic_year_id:$('#to_academic_year_id').val(),
		class_group_id:$('#to_class_group_id').val()
	}
	$.post(_BASE_URL + 'academic/class_group_students/get_students', values, function( response ) {
		var res = _H.StrToObject( response );
		var rows = res.rows;
		var str = '';
		if (rows.length) {
			str += '<thead class="header">';
			str += '<tr>';
			str += '<th width="30px"><input type="checkbox" onclick="check_all(this.checked, \'checkbox-destination-class\')" /></th>';
			str += '<th width="30px">NO</th>';
			str += '<th>' + _IDENTITY_NUMBER + '</th>';
			str += '<th>NAMA LENGKAP</th>';
			str += '</tr>';
			str += '</thead>';
			str += '<tbody>';
			var no = 1;
			for (var z in rows) {
				var row = rows[ z ];
				str += '<tr>';
				str += '<td><input type="checkbox" name="checkbox-destination-class" value="' + row.id + '" /></td>';
				str += '<td>' + no + '</td>';
				str += '<td>' + row.identity_number + '</td>';
				str += '<td>' + row.full_name + '</td>';
				str += '</tr>';
				no++;
			}
			str += '</tbody>';
		}
		$('table.destination_class').empty().html(str);
		$('.destination-class-overlay').hide();
	});
}
</script>
<section class="content-header">
   <div class="header-icon">
      <i class="fa fa-sign-out"></i>
   </div>
   <div class="header-title">
      <p class="table-header"><?=isset($title) ? $title : ''?></p>
      <?=isset($sub_title) ? '<p>'.$sub_title.'</p>' : ''?>
   </div>
</section>
<section class="content">
	<div class="callout callout-primary">
		<h4>Petunjuk Singkat</h4>
		<ul>
			<li>Untuk mengatur rombongan belajar, silahkan pilih <strong>KELAS ASAL</strong> pada tabel sebelah kiri.</li>
			<li>Peserta Didik yang ditampilkan hanya peserta didik dengan status <strong>"Aktif"</strong></li>
			<li>Jika kelas asal yang dipilih yaitu <strong>"BELUM DIATUR"</strong> maka akan menampilkan semua peserta didik yang belum pernah diatur kelasnya. Biasanya digunakan untuk menampilkan peserta didik baru.</li>
			<li>Jika yang dipilih <strong>"TAMPILKAN SEMUA"</strong>, maka akan menampilkan semua peserta didik yang aktif, termasuk peserta didik baru yang belum pernah diatur kelasnya.</li>
			<li>Jika yang dipilih <strong>"NAMA KELASNYA"</strong>, maka akan diminta untuk memilih <strong>"<?=strtoupper(__session('_academic_year'))?>"</strong></li>
			<li>Setelah data peserta didik tampil, silahkan <strong>"CEKLIS"</strong> peserta didik yang akan diatur kelasnya</li>
			<li>Setelah selesai memilih peserta didik yang akan dipindah kelasnya, silahkan pilih <strong>"KELAS TUJUAN"</strong> dan <strong>"<?=strtoupper(__session('_academic_year'))?>"</strong> pada tabel sebelah kanan.</li>
			<li>Terakhir klik tombol <strong>"PINDAH KE KELAS TUJUAN"</strong></li>
			<li>Jika terjadi kelasahan penginputan data, silahkan pilih <strong>"KELAS TUJUAN"</strong> dan <strong>"<?=strtoupper(__session('_academic_year'))?>"</strong> pada tabel sebelah kanan, kemudian ceklis peserta didik yang akan dihapus dari kelas tersebut dan terakhir klik tombol <strong>"HAPUS"</strong></li>
		</ul>
	</div>
	<div class="row">
		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="box">
				<div class="box-header">
					<i class="fa fa-sign-out"></i>
					<div class="box-tools">
						<button class="btn btn-sm btn-danger set-alumni" onclick="SetAsAlumni()"><i class="fa fa-graduation-cap"></i> ATUR SEBAGAI ALUMNI</button>
						<button class="btn btn-sm btn-primary" onclick="saveToDestinationClass()"><i class="fa fa-arrow-right"></i> PINDAH KE KELAS TUJUAN</button>
					</div>
				</div>
				<div class="box-body">
					<form class="form-horizontal">
						<div class="form-group">
							<label for="class_group_id" class="col-sm-4 control-label">Pilih Kelas Asal</label>
							<div class="col-sm-8">
								<?=form_dropdown('class_group_id', ['unset' => 'Belum Diatur', 'show_all' => 'Tampilkan Semua'] + $class_group_dropdown, '', 'class="form-control select2" id="from_class_group_id" onchange="showAcademicYear()"');?>
							</div>
						</div>
						<div class="form-group from_academic_year_id" style="display: none;">
							<label for="from_academic_year_id" class="col-sm-4 control-label"><?=__session('_academic_year')?></label>
							<div class="col-sm-8">
								<?=form_dropdown('academic_year_id', $academic_year_dropdown, __session('current_academic_year_id'), 'class="form-control select2" id="from_academic_year_id" onchange="getFromSourceList()"');?>
							</div>
						</div>
					</form>
					<table class="table table-striped table-condensed origin_class"></table>
				</div>
				<div class="overlay origin-class-overlay" style="display: none;">
					<i class="fa fa-refresh fa-spin"></i>
				</div>
			</div>
		</div>
		<div class="col-md-6 col-sm-12 col-xs-12">
			<div class="box">
				<div class="box-header">
					<i class="fa fa-sign-out"></i>
					<div class="box-tools">
						<div class="btn-group">
							<button class="btn btn-sm btn-danger" onclick="DeleteFromDestinationClass()"><i class="fa fa-trash"></i> HAPUS</button>
						</div>
					</div>
				</div>
				<div class="box-body">
					<form class="form-horizontal">
						<div class="form-group">
							<label for="class_group_id" class="col-sm-4 control-label">Pilih Kelas Tujuan</label>
							<div class="col-sm-8">
								<?=form_dropdown('class_group_id', $class_group_dropdown, '', 'class="form-control select2" id="to_class_group_id" onchange="getFromTargetList()"');?>
							</div>
						</div>
						<div class="form-group">
							<label for="from_academic_year_id" class="col-sm-4 control-label"><?=__session('_academic_year')?></label>
							<div class="col-sm-8">
								<?=form_dropdown('academic_year_id', $academic_year_dropdown, __session('current_academic_year_id'), 'class="form-control select2" id="to_academic_year_id" onchange="getFromTargetList()"');?>
							</div>
						</div>
					</form>
					<table class="table table-striped table-condensed destination_class"></table>
				</div>
				<div class="overlay destination-class-overlay" style="display: none;">
					<i class="fa fa-refresh fa-spin"></i>
				</div>
			</div>
		</div>
	</div>
</section>