From 9b890e643eb809556011aea02abf696b2856c387 Mon Sep 17 00:00:00 2001
From: Diki Siswanto <dickyachmady@gmail.com>
Date: Fri, 24 Apr 2020 16:03:00 +0800
Subject: [PATCH] hot-fix: add error when internet disconnect or when something
 wrong

---
 assets/js/widget.js       | 69 +++++++++++++++++++++++----------------
 assets/js/widget.min.js   |  2 +-
 widgets/jadwal_shalat.php |  2 +-
 3 files changed, 43 insertions(+), 30 deletions(-)

diff --git a/assets/js/widget.js b/assets/js/widget.js
index f42cefc..e906609 100644
--- a/assets/js/widget.js
+++ b/assets/js/widget.js
@@ -1,36 +1,49 @@
 $(document).ready(function () {
 	if ($('#jadwal-shalat').length) {
-		
+
 		const BASE_API_URL = 'https://api.banghasan.com/'; 
 		const endpoint_nama_kota = `sholat/format/json/kota/kode/${KODE_KOTA}`;
 		const endpoint_jadwal = `sholat/format/json/jadwal/kota/${KODE_KOTA}/tanggal/${TANGGAL}`;
 
-		// get nama kota
-		$.ajax({
-			url: BASE_API_URL + endpoint_nama_kota,
-			type: 'get',
-			dataType: 'json',
-			crossDomain: true,
-			success: function (res) {
-				$('[data-name=kota]').html(res.kota[0].nama).removeClass('shimmer line-short');
-			}
-		});
-
-		// get jadwal sholat
-		$.ajax({
-			url: BASE_API_URL + endpoint_jadwal,
-			type: 'get',
-			dataType: 'json',
-			crossDomain: true,
-			success: function (res) {
-				$('.shimmer').removeClass('shimmer');
-				$('[data-name=imsak]').html(`<span class="small text-bold">Imsak</span><span>${res.jadwal.data.imsak}</span>`);
-				$('[data-name=subuh]').html(`<span class="small text-bold">Subuh</span><span>${res.jadwal.data.subuh}</span>`);
-				$('[data-name=dzuhur]').html(`<span class="small text-bold">Dzuhur</span><span>${res.jadwal.data.dzuhur}</span>`);
-				$('[data-name=ashar]').html(`<span class="small text-bold">Ashar</span><span>${res.jadwal.data.ashar}</span>`);
-				$('[data-name=maghrib]').html(`<span class="small text-bold">Maghrib</span><span>${res.jadwal.data.maghrib}</span>`);
-				$('[data-name=isya]').html(`<span class="small text-bold">Isya</span><span>${res.jadwal.data.isya}</span>`);
-			}
-		})
+		try {
+			// get nama kota
+			$.ajax({
+				url: BASE_API_URL + endpoint_nama_kota,
+				type: 'get',
+				dataType: 'json',
+				crossDomain: true,
+				success: function (res) {
+					$('[data-name=kota]').html(res.kota[0].nama).removeClass('shimmer line-short');
+				},
+				error: function (err) {
+					$('.line-short').html(`<span class="small"><i class="fa fa-exclamation-triangle pr-1"></i> Gagal memuat</span>`);
+					$('.line-short').removeClass('shimmer line-short');
+				}
+			});
+	
+			// get jadwal sholat
+			$.ajax({
+				url: BASE_API_URL + endpoint_jadwal,
+				type: 'get',
+				dataType: 'json',
+				crossDomain: true,
+				success: function (res) {
+					$('.shimmer').removeClass('shimmer');
+					$('[data-name=imsak]').html(`<span class="small">Imsak</span><span>${res.jadwal.data.imsak}</span>`);
+					$('[data-name=subuh]').html(`<span class="small">Subuh</span><span>${res.jadwal.data.subuh}</span>`);
+					$('[data-name=dzuhur]').html(`<span class="small">Dzuhur</span><span>${res.jadwal.data.dzuhur}</span>`);
+					$('[data-name=ashar]').html(`<span class="small">Ashar</span><span>${res.jadwal.data.ashar}</span>`);
+					$('[data-name=maghrib]').html(`<span class="small">Maghrib</span><span>${res.jadwal.data.maghrib}</span>`);
+					$('[data-name=isya]').html(`<span class="small">Isya</span><span>${res.jadwal.data.isya}</span>`);
+				},
+				error: function (err) {
+					$('.box-shalat').html(`<span class="small"><i class="fa fa-exclamation-triangle pr-1"></i> Gagal memuat</span>`);
+					$('.box-shalat').removeClass('shimmer');
+				}
+			});
+		} catch(err) {
+			console.log(err);
+		}
+		
 	}
 })
\ No newline at end of file
diff --git a/assets/js/widget.min.js b/assets/js/widget.min.js
index f4f6c5c..0f6c818 100644
--- a/assets/js/widget.min.js
+++ b/assets/js/widget.min.js
@@ -1 +1 @@
-$(document).ready(function(){if($("#jadwal-shalat").length){const a="https://api.banghasan.com/",s=`sholat/format/json/kota/kode/${KODE_KOTA}`,t=`sholat/format/json/jadwal/kota/${KODE_KOTA}/tanggal/${TANGGAL}`;$.ajax({url:a+s,type:"get",dataType:"json",crossDomain:!0,success:function(a){$("[data-name=kota]").html(a.kota[0].nama).removeClass("shimmer line-short")}}),$.ajax({url:a+t,type:"get",dataType:"json",crossDomain:!0,success:function(a){$(".shimmer").removeClass("shimmer"),$("[data-name=imsak]").html(`<span class="small text-bold">Imsak</span><span>${a.jadwal.data.imsak}</span>`),$("[data-name=subuh]").html(`<span class="small text-bold">Subuh</span><span>${a.jadwal.data.subuh}</span>`),$("[data-name=dzuhur]").html(`<span class="small text-bold">Dzuhur</span><span>${a.jadwal.data.dzuhur}</span>`),$("[data-name=ashar]").html(`<span class="small text-bold">Ashar</span><span>${a.jadwal.data.ashar}</span>`),$("[data-name=maghrib]").html(`<span class="small text-bold">Maghrib</span><span>${a.jadwal.data.maghrib}</span>`),$("[data-name=isya]").html(`<span class="small text-bold">Isya</span><span>${a.jadwal.data.isya}</span>`)}})}});
\ No newline at end of file
+$(document).ready(function(){if($("#jadwal-shalat").length){const a="https://api.banghasan.com/",s=`sholat/format/json/kota/kode/${KODE_KOTA}`,l=`sholat/format/json/jadwal/kota/${KODE_KOTA}/tanggal/${TANGGAL}`;try{$.ajax({url:a+s,type:"get",dataType:"json",crossDomain:!0,success:function(a){$("[data-name=kota]").html(a.kota[0].nama).removeClass("shimmer line-short")},error:function(a){$(".line-short").html('<span class="small"><i class="fa fa-exclamation-triangle pr-1"></i> Gagal memuat</span>'),$(".line-short").removeClass("shimmer line-short")}}),$.ajax({url:a+l,type:"get",dataType:"json",crossDomain:!0,success:function(a){$(".shimmer").removeClass("shimmer"),$("[data-name=imsak]").html(`<span class="small">Imsak</span><span>${a.jadwal.data.imsak}</span>`),$("[data-name=subuh]").html(`<span class="small">Subuh</span><span>${a.jadwal.data.subuh}</span>`),$("[data-name=dzuhur]").html(`<span class="small">Dzuhur</span><span>${a.jadwal.data.dzuhur}</span>`),$("[data-name=ashar]").html(`<span class="small">Ashar</span><span>${a.jadwal.data.ashar}</span>`),$("[data-name=maghrib]").html(`<span class="small">Maghrib</span><span>${a.jadwal.data.maghrib}</span>`),$("[data-name=isya]").html(`<span class="small">Isya</span><span>${a.jadwal.data.isya}</span>`)},error:function(a){$(".box-shalat").html('<span class="small"><i class="fa fa-exclamation-triangle pr-1"></i> Gagal memuat</span>'),$(".box-shalat").removeClass("shimmer")}})}catch(a){console.log(a)}}});
\ No newline at end of file
diff --git a/widgets/jadwal_shalat.php b/widgets/jadwal_shalat.php
index fd337ac..36b1d15 100644
--- a/widgets/jadwal_shalat.php
+++ b/widgets/jadwal_shalat.php
@@ -6,7 +6,7 @@
 	const KODE_KOTA = "<?= config_item('kode_kota') ?: JAKARTA ?>";
 	const TANGGAL = "<?= date('Y-m-d') ?>";  
 </script>
-<script src="<?= base_url("$this->theme_folder/$this->theme/assets/js/widget.js") ?>"></script>
+<script src="<?= base_url("$this->theme_folder/$this->theme/assets/js/widget.min.js") ?>"></script>
 
 <section id="jadwal-shalat" class="py-4 bg-white">
 	<div class="container">