CINXE.COM

<!DOCTYPE html> <html lang="id"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru", "content_category": "Ruang Kelas", "content_subcategory": "Ilmu Sosbud", "content_id": "67449db3ed641576055a5213", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-11-25T22:56:00+0700", "content_author": "alifiaputriazahara", "content_level": "", "content_art_length": "1138", "content_shorturl": "alifiaputriazahara9091", "content_authorstatus": "verified", "content_author_id": "alifiaputriazahara9091", "content_lipsus": "pajak,ppn 12 persen,sistem pajak baru,indonesia,pajak 2025,ilmusosbud,ruang kelas,tugas di kompasiana,ilmu sosbud", "content_tag": "pajak", "content_tags": "pajak,ppn 12 persen,sistem pajak baru,indonesia,pajak 2025,ilmusosbud,ruang kelas,tugas di kompasiana,ilmu sosbud", "content_total_words": "1138" }); </script>  <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-P7HQ38'); </script>  <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta content="text/html; charset=UTF-8" name="Content-Type"> <meta name="google" content="notranslate"> <meta name="description" itemprop="description" content="Ppn 12% Pada Tahun 2025: kesiapan Indonesia Menuju Sistem Pajak Baru"> <meta name="content_tags" content="pajak,ppn 12 persen,sistem pajak baru,indonesia,pajak 2025,ilmusosbud,ruang kelas,tugas di kompasiana,ilmu sosbud" /> <meta name="robots" content="index, follow" /> <meta name="googlebot-news" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="author" content="Kompasiana.com"> <meta name="language" content="id" /> <meta name="geo.country" content="id" /> <meta http-equiv="content-language" content="In-Id" /> <meta name="geo.placename" content="Indonesia" /> <meta name="thumbnailUrl" content="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png?v=100" itemprop="thumbnailUrl" /> <meta content="http//www.kompasiana.com/" itemprop="url" /> <meta property="og:type" content="article" /> <meta property="fb:pages" content="194032223976103" /> <meta property="fb:app_id" content="397600276959629" /> <meta property="og:site_name" content="KOMPASIANA" /> <meta property="og:title" content="Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru" /> <meta property="og:url" content="https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru" /> <meta property="article:author" content="" /> <meta property="article:publisher" content="" /> <meta name="msvalidate.01" content="94D7C64651DB01DACCF13907E3748127" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="#71C2EA"> <meta name="apple-mobile-web-app-title" content="Kompasiana"> <link rel="apple-touch-icon" href="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png" sizes="152x152"> <link rel="manifest" href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/manifest.json?v=45"> <meta name="msapplication-TitleImage" content="https://assets.kompasiana.com/statics/2018_kompasiana/icons/152.png"> <meta name="msapplication-TitleColor" content="#000"> <meta name="theme-color" content="#71C2EA"> <meta name='dailymotion-domain-verification' content='dm59upmqfqt5m76ei' /> <meta name='dailymotion-domain-verification' content='dmxyl7pslj4g1we65' /> <link rel="dns-prefetch" href="https://www.googletagservices.com" /> <link rel="dns-prefetch" href="https://jsc.mgid.com" /> <link rel="dns-prefetch" href="https://eus.rubiconproject.com" /> <link rel="dns-prefetch" href="https://securepubads.g.doubleclick.net" /> <link rel="dns-prefetch" href="https://ads.us.e-planning.net" /> <link rel="dns-prefetch" href="https://assets-a1.kompasiana.com" /> <link rel="dns-prefetch" href="https://ads.pubmatic.com" /> <link rel="dns-prefetch" href="https://tpc.googlesyndication.com" /> <link rel="dns-prefetch" href="https://delivery.r2b2.io" /> <link rel="dns-prefetch" href="https://s.adtelligent.com" /> <link rel="dns-prefetch" href="https://adsimg.kompas.com" /> <link rel="dns-prefetch" href="https://image6.pubmatic.com" /> <link rel="dns-prefetch" href="https://cdn.id5-sync.com" /> <link rel="dns-prefetch" href="https://eb2.3lift.com" /> <link rel="dns-prefetch" href="https://pixel.rubiconproject.com" /> <link rel="dns-prefetch" href="https://ajax.googleapis.com" /> <link rel="dns-prefetch" href="https://js.genieessp.com" /> <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> <link rel="dns-prefetch" href="https://static.criteo.net" /> <link rel="dns-prefetch" href="https://accounts.google.com" /> <link rel="dns-prefetch" href="https://cdn.jsdelivr.net" /> <link rel="dns-prefetch" href="https://www.google-analytics.com" /> <link rel="dns-prefetch" href="https://ib.adnxs.com" /> <link rel="dns-prefetch" href="https://ssum.casalemedia.com" /> <link rel="preconnect" href="https://www.googletagservices.com" /> <link rel="preconnect" href="https://jsc.mgid.com" /> <link rel="preconnect" href="https://eus.rubiconproject.com" /> <link rel="preconnect" href="https://securepubads.g.doubleclick.net" /> <link rel="preconnect" href="https://ads.us.e-planning.net" /> <link rel="preconnect" href="https://assets-a1.kompasiana.com" /> <link rel="preconnect" href="https://ads.pubmatic.com" /> <link rel="preconnect" href="https://tpc.googlesyndication.com" /> <link rel="preconnect" href="https://delivery.r2b2.io" /> <link rel="preconnect" href="https://s.adtelligent.com" /> <link rel="preconnect" href="https://adsimg.kompas.com" /> <link rel="preconnect" href="https://image6.pubmatic.com" /> <link rel="preconnect" href="https://cdn.id5-sync.com" /> <link rel="preconnect" href="https://eb2.3lift.com" /> <link rel="preconnect" href="https://pixel.rubiconproject.com" /> <link rel="preconnect" href="https://ajax.googleapis.com" /> <link rel="preconnect" href="https://js.genieessp.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" /> <link rel="preconnect" href="https://static.criteo.net" /> <link rel="preconnect" href="https://accounts.google.com" /> <link rel="preconnect" href="https://cdn.jsdelivr.net" /> <link rel="preconnect" href="https://www.google-analytics.com" /> <link rel="preconnect" href="https://ib.adnxs.com" /> <link rel="amphtml" href="https://www.kompasiana.com/amp/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru">  <meta property="dable:item_id" content="67449db3ed641576055a5213"> <meta property="dable:author" content="alifiaputriazahara"> <meta property="article:section" content="Ruang Kelas"> <meta property="article:published_time" content="2024-11-25T22:56:00+0700">  <meta name="adx:sections" content="read" /> <meta name="content_category" content="Ruang Kelas" /> <meta name="content_subcategory" content="Ilmu Sosbud" /> <meta name="content_id" content="67449db3ed641576055a5213" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="2024-11-25T22:56:00+0700" /> <meta name="content_author" content="alifiaputriazahara" /> <meta name="content_level" content="" /> <meta name="content_art_length" content="1138" /> <meta name="content_shorturl" content="alifiaputriazahara9091" /> <meta name="content_authorstatus" content="verified" /> <meta name="headline" content="Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru Halaman 1 - Kompasiana.com" itemprop="headline"> <meta name="keywords" content="pajak,ppn 12 persen,sistem pajak baru,indonesia,pajak 2025,ilmusosbud,ruang kelas,tugas di kompasiana,ilmu sosbud"> <meta name="content_lipsus" content="pajak,ppn 12 persen,sistem pajak baru,indonesia,pajak 2025,ilmusosbud,ruang kelas,tugas di kompasiana,ilmu sosbud"> <meta property="og:image" content="http://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=1200" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta property="og:type" content="article" /> <meta property="og:description" content="Ppn 12% Pada Tahun 2025: kesiapan Indonesia Menuju Sistem Pajak Baru" /> <meta itemprop="image" content="http://assets.kompasiana.com/items/category/56-1-1628768698.png?t=t&v=200&x=200" /> <meta name="twitter:image:src" content="http://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=770" /> <meta itemprop="dateModified" content="2024-11-25T23:22:26+0700" /> <meta itemprop="datePublished" content="2024-11-25T22:56:00+0700" /> <meta itemprop="articleSection" content="Ruang Kelas" /> <meta name="twitter:site" content="@kompasiana" /> <meta name="twitter:creator" content="@kompasiana" /> <meta name="twitter:title" content="Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru" /> <meta name="twitter:description" content="Ppn 12% Pada Tahun 2025: kesiapan Indonesia Menuju Sistem Pajak Baru" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="k_lgn" content="" /> <title>Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru Halaman 1 - Kompasiana.com</title>  <link rel="shortcut icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="icon" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/favicon.ico" type="image/x-icon"> <link rel="canonical" href="https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "headline": "Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru Halaman 1 - Kompasiana.com", "url": "https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru", "datePublished": "2024-11-25T22:56:00+0700", "image": "http://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=780", "thumbnailUrl": "http://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=410" } </script>   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="preload" as="style">   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-read-slides.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/widget-experiment.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-topil-slider.min.css?v=518" rel="stylesheet">   <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="preload" as="style">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-read.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/photoswipe.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/default-skin/default-skin.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/css/tooltips.css?v=518" rel="stylesheet"> <style type="text/css"> .EmbeddedTweet{max-width:100%!important}.quote:before{content:open-quote}.quote:after{content:close-quote} </style>  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kuis.min.css?v=518" rel="stylesheet"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@id": "https://www.kompasiana.com/", "name": "Home" } }, { "@type": "ListItem", "position": 2, "item": { "@id": "https://www.kompasiana.com/ruangkelas", "name": "Ruang Kelas" } }, { "@type": "ListItem", "position": 3, "item": { "@id": "https://www.kompasiana.com/ruangkelas/ilmusosbud", "name": "Ilmu Sosbud" } } ] } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru" }, "headline": "Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru Halaman 1 - Kompasiana.com", "image": { "@type": "ImageObject", "url": "http://assets.kompasiana.com/items/category/56-1-1628768698.png", "height": 600, "width": 1200 }, "datePublished": "2024-11-25T22:56:00+0700", "dateModified": "2024-11-25T23:22:26+0700", "author": { "@type": "Person", "name": "alifiaputriazahara" }, "publisher": { "@type": "Organization", "name": "Kompasiana.com", "logo": { "@type": "ImageObject", "url": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "width": 255, "height": 55 } }, "description": "Ppn 12% Pada Tahun 2025: kesiapan Indonesia Menuju Sistem Pajak Baru" } </script>  <style type="text/css"> .maintenance{background:#ff6969;display:table;width:100%;font-family:Roboto,sans-serif;box-sizing:border-box;padding:15px}.maintenance p{color:#ff6969}.maintenance b{display:block}.maintenance a{text-decoration:underline}.maintenance--img,.maintenance--outline{float:left}.maintenance--img-bottom{position:absolute;bottom:0;right:65px}.maintenance__content{height:120px;width:885px;margin:auto;position:relative;text-align:center}.maintenance--wrapper{padding:10px 205px;clip-path:polygon(80% 0,83% 50%,80% 100%,20% 100%,17% 50%,20% 0);background:#fff;height:120px;width:820px;margin:auto;text-align:center}.maintenance--outline,.maintenance--wrapper{-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0)}.maintenance--outline{clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);height:125px;width:965px;float:none}.header-sticky b{display:inline}.header-sticky .maintenance__content{width:999px;height:75px}.header-sticky .maintenance--outline{width:999px}.header-sticky .maintenance--wrapper{padding:10px 250px 1px;font-size:12px;width:100%;height:auto;-webkit-clip-path:polygon(80% 0,85% 48%,80% 100%,20% 100%,14% 48%,20% 0);clip-path:polygon(80% 0,82% 50%,80% 100%,20% 100%,18% 50%,20% 0)}.header-sticky .maintenance--img-left{height:85px}.header-sticky .maintenance--img-bottom{position:absolute;bottom:-15px;right:109px;height:38px} </style>        <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ab-test.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-ads-placeholder.min.css?v=518" rel="stylesheet">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-header-news.min.css?v=518" rel="stylesheet"> <link rel="preload" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-kgnow.min.css?v=518"></noscript>  <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2024/www/desktop/style-header-footer.min.css?v=518" rel="stylesheet">     <style> @font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WRhyzbi.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459W1hyzbi.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459WZhyzbi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/montserrat/v25/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style>  <style> @font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7lXff4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZDf-LHrw.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZKf-LHrw.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZBf-LHrw.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZAf-LHrw.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4m0qyriQwlOrhSvowK_l5-eRZOf-I.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf1jvzRPA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf8jvzRPA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf3jvzRPA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvzRPA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l521wRZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cSZMZ-Y.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-eCZMZ-Y.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-cyZMZ-Y.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-ciZMZ-Y.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-440qyriQwlOrhSvowK_l5-fCZM.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52xwNZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVcf6lvg.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZXMf6lvg.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZV8f6lvg.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZVsf6lvg.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;font-display:swap;src:url(https://fonts.gstatic.com/s/merriweather/v30/u-4n0qyriQwlOrhSvowK_l52_wFZWMf6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:300;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} </style> </head> <body class="read-narative"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P7HQ38" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="sso_g_signin"> </div> <header > <div class="header"> <div class="top-bar clearfix"> <div class="container"> <div class="col-lg-5 top-bar--left"><a href="https://www.kompasiana.com/"><img fetchpriority="high" class="top-bar--logo" width="200" height="51" src="https://assets-a2.kompasiana.com/statics/kompasiana2017/logo/kompasiana-biru.png?t=o&v=200&z=1621089821" alt="Kompasiana Logo" title="Kompasiana Logo"></a></div> <div class="col-lg-7 top-bar--right"> <div class="top-bar--child"> <form action="https://www.kompasiana.com/search_artikel" method="get"> <div class="search-box" title="Pencaharian"> <div class="search-box-in clearfix"> <svg class="icon icon-search" id="icon_search"> <use xlink:href="#icon-search"></use> </svg> <input type="text" name="q" class="col-xs-12" id="text_search" aria-label="Search Article" placeholder="Pencarian" value=""> </div> </div> </form> </div> <span id="header_detail" style="padding-left: 50px; width:263px;">Mohon tunggu...</span> </div> </div> </div> <div class="bottom-bar clearfix menu_1"> <ul> <li class="bottom-bar--menu bottom-bar--submenu"><a href="#">Program <b class="caret"></b></a> <ul> <li><a href="https://www.kompasiana.com/kkn">kkn</a></li> <li><a href="https://www.kompasiana.com/infinite">infinite</a></li> <li><a href="https://kilasbalik.kompasiana.com/">kilas balik</a></li> <li><a href="https://microsite.kompasiana.com/narativ">narativ</a></li> <li><a href="https://www.kompasiana.com/series">the series</a></li> <li><a href="https://ramadan.kompasiana.com/">ramadan</a></li> </ul> </li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/popular">Terpopuler </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/latest">Terbaru </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/headline">Headline </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/topic">Topik Pilihan </a></li> <li class="bottom-bar--menu"><a class="" href="https://temu.kompasiana.com/">Komunitas </a></li> <li class="bottom-bar--menu"><a class="" href="https://event.kompasiana.com/">Event </a></li> <li class="bottom-bar--menu"><a class="" href="https://video.kompasiana.com/">Video </a></li> <li class="bottom-bar--menu"><a class="" href="https://www.kompasiana.com/k-rewards">K-rewards </a></li> </ul> </div> <div id="menu_2"></div> </div> <span id="banner_register"></span> <div class="navmenu"> <div class="navmenuWrapper"> <div class="navmenuItem"> <div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="navmenuItem__parent navmenu__linksSpecial"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/cerita-pemilih/analisis">Analisis</a> <a href="https://www.kompasiana.com/cerita-pemilih/sosok">Sosok</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/fiksiana/cerbung">Cerbung</a> <a href="https://www.kompasiana.com/fiksiana/cerpen">Cerpen</a> <a href="https://www.kompasiana.com/fiksiana/horor">Horor</a> <a href="https://www.kompasiana.com/fiksiana/puisi">Puisi</a> <a href="https://www.kompasiana.com/fiksiana/roman">Roman</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/halo-lokal/bandung">Bandung</a> <a href="https://www.kompasiana.com/halo-lokal/joglosemar">Joglosemar</a> <a href="https://www.kompasiana.com/halo-lokal/makassar">Makassar</a> <a href="https://www.kompasiana.com/halo-lokal/medan">Medan</a> <a href="https://www.kompasiana.com/halo-lokal/palembang">Palembang</a> <a href="https://www.kompasiana.com/halo-lokal/surabaya">Surabaya</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/humaniora">Humaniora</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/humaniora/bahasa">Bahasa</a> <a href="https://www.kompasiana.com/humaniora/filsafat">Filsafat</a> <a href="https://www.kompasiana.com/humaniora/pendidikan">Pendidikan</a> <a href="https://www.kompasiana.com/humaniora/seni">Seni</a> <a href="https://www.kompasiana.com/humaniora/sosbud">Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/inovasi">Inovasi</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/inovasi/gadget">Gadget</a> <a href="https://www.kompasiana.com/inovasi/nature">Nature</a> <a href="https://www.kompasiana.com/inovasi/otomotif">Otomotif</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/lyfe">Lyfe</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/lyfe/beauty">Beauty</a> <a href="https://www.kompasiana.com/lyfe/book">Book</a> <a href="https://www.kompasiana.com/lyfe/diary">Diary</a> <a href="https://www.kompasiana.com/lyfe/film">Film</a> <a href="https://www.kompasiana.com/lyfe/games">Games</a> <a href="https://www.kompasiana.com/lyfe/healthy">Healthy</a> <a href="https://www.kompasiana.com/lyfe/hobby">Hobby</a> <a href="https://www.kompasiana.com/lyfe/home">Home</a> <a href="https://www.kompasiana.com/lyfe/humor">Humor</a> <a href="https://www.kompasiana.com/lyfe/love">Love</a> <a href="https://www.kompasiana.com/lyfe/music">Music</a> <a href="https://www.kompasiana.com/lyfe/parenting">Parenting</a> <a href="https://www.kompasiana.com/lyfe/worklife">Worklife</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/money">Money</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/money/entrepreneur">Entrepreneur</a> <a href="https://www.kompasiana.com/money/financial">Financial</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/new-world">New World</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/new-world/artificial-intelligence">Artificial intelligence</a> <a href="https://www.kompasiana.com/new-world/cryptocurrency">Cryptocurrency</a> <a href="https://www.kompasiana.com/new-world/metaverse">Metaverse</a> <a href="https://www.kompasiana.com/new-world/nft">NFT</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/olahraga">Olahraga</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/olahraga/atletik">Atletik</a> <a href="https://www.kompasiana.com/olahraga/balap">Balap</a> <a href="https://www.kompasiana.com/olahraga/bola">Bola</a> <a href="https://www.kompasiana.com/olahraga/raket">Raket</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-alam-tekno">Ilmu Alam & Tekno</a> <a href="https://www.kompasiana.com/ruang-kelas/ilmu-sosbud">Ilmu Sosbud</a></div></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/travel-story">Travel Story</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/travel-story/foodie">Foodie</a> <a href="https://www.kompasiana.com/travel-story/trip">Trip</a></div></div><div class="navmenuItem__parent"><a href="http://video.kompasiana.com">Video</a></div><div class="navmenuItem__parent"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a><div class="navmenuItem__child"> <a href="https://www.kompasiana.com/vox-pop/hukum">Hukum</a> <a href="https://www.kompasiana.com/vox-pop/kebijakan">Kebijakan</a> <a href="https://www.kompasiana.com/vox-pop/politik">Politik</a></div></div> </div> <span class="navmenuArrows navmenuArrows--left dis"> </span> <span class="navmenuArrows navmenuArrows--right"> </span> </div> </div> </header>  <span id="activity_popup" style="display: none"></span>  <section class="home-page"> <div class="row"> <div class="container mt20"> <div class="flashback flashback_desktop"> <div class="flashbackHeading"> Lagi Rame! </div> <div class="flashbackNews"> <ul class="flashbackNews__list" data-length="6"> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </li> <li class="flashbackNews__list_item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </li> </ul> </div> <input type="checkbox" id="1" class="flashbackToggle"> <div for="1" class="flashback-arrow"> <span class="flashback-arrow-action"></span> </div> <div role="toggle" class="flashbackDetail"> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/indratranggono4060/6742c7d3ed64153cdc67a563/komikus-hasmi-lebih-dari-legenda-gundala?source=widget_flash_back">Sewindu Komikus Hasmi "Gundala"</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/kaniaditarora9360/67429f06c925c40f8d56bc72/guru-madrasah-swasta-antara-asa-dan-dilema?source=widget_flash_back">Asa dan Dilema Guru Madrasah Swasta</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/akbarisation/67387c2c34777c799d630014/4-tips-survive-bagi-guru-baru?source=widget_flash_back">Tip "Survive" bagi Guru Baru</a> </div> </div> <div class="flashbackDetail__data"> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/hamaysmenulis/673ea7e2c925c434e6722de2/hari-guru-nasional-antara-apresiasi-tulus-dan-formalitas-yang-melenceng?source=widget_flash_back">Hari Guru Nasional, Apresiasi Tulus dan Formalitas</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/frans36286/6744125ec925c479f85cc1e2/mirisnya-nasib-guru-honorer-di-indonesia?source=widget_flash_back">Mirisnya Nasib Guru Honorer di Indonesia</a> </div> <div class="flashbackDetail__item"> <a href="https://www.kompasiana.com/rani32453/67419aa9c925c428bb6f2662/tanda-traumamu-masih-ada-dan-cara-melepaskannya?source=widget_flash_back">Tanda-Tanda Masih Ada Trauma dalam Dirimu</a> </div> </div> </div> </div> </div> </div> <div class="container"> </div>  <div class=" container js-giant-wp-sticky-parent mt10"> <div id="cerita-pemilih-sosok"></div> <div class="leftside col-lg-8 col-md-8 col-sm-8"> <div id="id_post" class="page_position" data-position="read" data-id="67449db3ed641576055a5213" data-posttitle="Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru" data-recipientid="674499ea34777c0f9e6fa902" data-redirecturl="/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru" data-read='eyJwdWJsaXNoZWRfYXQiOiIyMDI0LTExLTI1IDE1OjU2OjAwIiwiaWQiOiI2NzQ0OWRiM2VkNjQxNTc2MDU1YTUyMTMiLCJjb3VudGVyIjpbeyJjb3VudCI6MTQsIm5hbWUiOiJ2aWV3In1dLCJzdGF0dXMiOiJwdWJsaXNoZWQiLCJkZWxldGVkX2F0IjoibnVsbCIsImxvY2tlZCI6ImZhbHNlIiwiY2hhbm5lbCI6eyJ2ZXJpZnlfaWQiOiI1NGQyZTM4Yzc0NTUxMzlkMTA4YjQ1NjgiLCJpZCI6IjY3NDQ5OWVhMzQ3NzdjMGY5ZTZmYTkwMiIsInNob3J0X3VybCI6ImFsaWZpYXB1dHJpYXphaGFyYTkwOTEiLCJrb21wYXNfaWQiOiJmZTE0YzJhZjQyYzUxMDRjZWQ3N2FiZmQ4NmJjODBkNCIsImZ1bGxfbmFtZSI6ImFsaWZpYXB1dHJpYXphaGFyYSJ9LCJ1cmwiOnsicGF0aCI6IlwvYWxpZmlhcHV0cmlhemFoYXJhOTA5MVwvNjc0NDlkYjNlZDY0MTU3NjA1NWE1MjEzXC9wcG4tMTItcGFkYS10YWh1bi0yMDI1LWtlc2lhcGFuLWluZG9uZXNpYS1tZW51anUtc2lzdGVtLXBhamFrLWJhcnUifX0='></div> <div class="terkait-inner"> <div class="title-dash title-dash--related mb20"> <span>Kamu pasti suka!</span> </div> <button class="button buttonIcon__wrap buttonIcon--left -relateLeft -disabled"> <span class="icon-arrow icon-arrow-left"></span> </button> <ul class="terkait-wrap -js-related"> <li> <a href="https://www.kompasiana.com/ludiro/670e65e8c925c406986054e2/pemerintahan-prabowo-gibran-memperkuat-demokrasi-indonesia-pasca-era-jokowi?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/15/1000285603-670e6c49ed64152f33440c62.jpg?t=t&v=100&x=100&info=meta_related" alt="Pemerintahan Prabowo-Gibran: Memperkuat Demokrasi Indonesia Pasca-Era Jokowi" class="terkait-post-img"> <h3 class="terkait-post-title">Pemerintahan Prabowo-Gibran: Memperkuat Demokrasi Indonesia Pasca-Era Jokowi</h3> </a> </li> <li> <a href="https://www.kompasiana.com/ajiejuniar22/6707487ced64150c2f668f05/makna-tahun-baru-ganjitsu-bagi-masyarakat-jepang?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/10/ganjitsu-670744e7c925c4368c6a3805.jpg?t=t&v=100&x=100&info=meta_related" alt="Makna Tahun Baru (GANJITSU) Bagi Masyarakat Jepang" class="terkait-post-img"> <h3 class="terkait-post-title">Makna Tahun Baru (GANJITSU) Bagi Masyarakat Jepang</h3> </a> </li> <li> <a href="https://www.kompasiana.com/agungmsghai-edumain6203/6707f6e534777c58eb3352a4/makna-sejati-cinta-pada-tanah-air-saat-hati-selalu-merasa-ingin-pulang?source_from=read_related" class="terkait-post"> <img width='63' height='63' src="https://assets-a2.kompasiana.com/items/album/2024/10/10/1000196580-6707f393c925c403e47bb282.jpg?t=t&v=100&x=100&info=meta_related" alt="Makna Sejati Cinta pada Tanah Air, Saat Hati Selalu Merasa Ingin Pulang" class="terkait-post-img"> <h3 class="terkait-post-title">Makna Sejati Cinta pada Tanah Air, Saat Hati Selalu Merasa Ingin Pulang</h3> </a> </li> </ul> <button class="button buttonIcon__wrap buttonIcon--right -relateRight -disabled"> <span class="icon-arrow icon-arrow-right"></span> </button> </div> <div class="read-biografi mt20 mb20 clearfix"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/alifiaputriazahara9091"><img src="https://assets-a1.kompasiana.com/images/avatar/whatsapp-image-2024-11-25-at-22-28-47-814072aa-67449a6fc925c42a45306ad2.jpg?t=t&v=70&x=70" alt="alifiaputriazahara" width="70" height="70"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/alifiaputriazahara9091" class="user-name">alifiaputriazahara </a> <span id="follow_read">Mohon Tunggu...</span> <span class="title-box">Mahasiswa - Mahasiswa</span> <div class="read-biografi__desc mt20 mb10"> <p class="read-biografi__desc--p"> Mahasiswa Fakultas Keguruan Dan Ilmu Pendidikan, Prodi Pendidikan Guru Sekolah Dasar (PGSD), Universitas Pamulang. </p> </div> <p class="load-more load-more--bio text-center"><a href="#">Selanjutnya<svg class="icon icon-angle-down"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-down"></use></svg></a></p> <p class="load-more close--bio text-center"><a href="#">Tutup<svg class="icon icon-angle-up"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-angle-up"></use></svg></a></p> </div> </div> </div>  <div class="read-section read-section--nbox mt20"> <div class="read-artikel mb40 sticky-parent"> <div class="artikel--tag"> <span> Ilmu Sosbud </span> </div> <div class="read-artikel__title"> <h1 class="title">Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru </h1> </div> <div class="read-artikel__caption clearfix"> <div class="shared shared__right clearfix"> <span class="shared-x"><a href="javascript:void(0);" onclick="tweet_share('Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" title="Share to X"><svg class="icon icon-x"><use xlink:href="#icon-x"></use></svg></a></span> <span class="shared-fb"><a href="javascript:void(0);" onclick="fb_share('Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru','https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" title="Facebook Share"><svg class="icon icon-facebook"><use xlink:href="#icon-facebook"></use></svg></a></span> <span class="shared-ln"><a href="javascript:void(0);" onclick="linkedin_share('https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" title="LinkedIn Share"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></span> <span class="shared-wa"><a href="javascript:void(0);" onclick="wa_share('*Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru*','https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" aria-label="Share to whatsapp"><svg class="icon icon-whatsapp"> <use xlink:href="#icon-whatsapp"></use> </svg></a></span> <span class="shared-telegram"><a href="javascript:void(0);" onclick="telegram_share('Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru','https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" title="Telegram Share" class="icon icon-telegram"></a></span> </div> </div> <div class="read-count mt10 mb20 clearfix"> <span style="display:none" class='exp_read_calendar'> <span class="count-item"><a href="https://www.kompasiana.com/indeks?page=1&date=2024-11-25&category=highlight">25 November 2024   22:56</a></span> </span> <span class="count-item">25 November 2024   22:56</span> <span class="count-item">Diperbarui: 25 November 2024   23:22</span> <span class="count-item"> <svg class="icon icon-dibaca"> <use xlink:href="#icon-dibaca"></use> </svg> <span id="post-counter" data-id="67449db3ed641576055a5213">14</span> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Like this article"> <svg class="icon icon-like"> <use xlink:href="#icon-like"></use> </svg><span>0</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="count-item-link" aria-label="Comment this article"> <svg class="icon icon-comment"> <use xlink:href="#icon-comment"></use> </svg><span>0</span> </button> </span> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_67449db3ed641576055a5213"> <div id="67449db3ed641576055a5213_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" class="postRibbon" id="67449db3ed641576055a5213_favorit" onclick="new_favorit('67449db3ed641576055a5213')">+</a> </div> <div class="timeline__flag postRibbon" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"></a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="67449db3ed641576055a5213">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="674499ea34777c0f9e6fa902">Laporkan Akun</div> </div> </div> </div> <div class="warning">Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.</div>  <div class="slidesWrapper"> <div class="popgalery slides-one"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <a href="https://www.kompasiana.com/image/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru?page=1"> <div class="photo__expand"> <svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg> Lihat foto </div> </a> <div class="slidesBig photo__wrap"> <a href="https://www.kompasiana.com/image/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru?page=1"> <img src="https://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=770" alt="Ilmu Sosbud dan Agama. Sumber ilustrasi: PEXELS" width="740" height="493" loading="lazy" /> </a> </div> <figcaption itemprop="caption description">Ilmu Sosbud dan Agama. Sumber ilustrasi: PEXELS</figcaption> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__big slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> <div class="slides-gal"> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__left align-center" aria-label="Previous Image"> <svg class="icon icon-angle-left"> <use xlink:href="#icon-angle-left"></use> </svg> </a> <div class="slides slidesFlex align-center mt10"> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=1"> <img src="https://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=260" alt="Ilmu Sosbud dan Agama. Sumber ilustrasi: PEXELS" width="740" height="493" loading="lazy" /> </a> </div> <div class="slidesSmall photo__wrap"> <a href="?page=1&page_images=2"> <img src="https://assets-a1.kompasiana.com//statics/2019_kompasiana/images/gambar-default-karusel2.jpg?t=o&v=260" alt="Bagikan ide kreativitasmu dalam bentuk konten di Kompasiana | Sumber gambar: Freepik" width="740" height="493" loading="lazy" /> </a> </div> </div> <a href="?page=1&page_images=2" class="slidesArrow slidesArrow__small slidesArrow__right align-center" aria-label="Next Image"> <svg class="icon icon-angle-right"> <use xlink:href="#icon-angle-right"></use> </svg> </a> </div> </div>  <div class="mt20 clearfix"> <button class="text-size" id="small" title="Mengecilkan font"><svg class="icon icon-text-down"><use xlink:href="#icon-text-down"></use></svg></button> <button class="text-size" id="big" title="Membesarkan font"><svg class="icon icon-text-up"><use xlink:href="#icon-text-up"></use></svg></button> </div> <div class="row clearfix">  <div class="read-content read__keyword col-lg-9 col-md-9 col-sm-9 col-xs-9" itemprop="articleBody"> <p><strong>ABSTRAK</strong></p><p>Pemerintah <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/indonesia' style='color:#428bca;'>Indonesia</a> merencanakan kenaikan tarif <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/pajak' style='color:#428bca;'>Pajak</a> Pertambahan Nilai (PPN) menjadi 12% pada tahun 2025, sebagai bagian dari reformasi perpajakan untuk meningkatkan pendapatan negara dan memperkuat sistem <a target='_self' class='inner-link-tag' href='https://www.kompasiana.com/tag/pajak' style='color:#428bca;'>pajak</a> yang lebih berkeadilan. Artikel ini membahas kesiapan Indonesia dalam menghadapi perubahan tersebut, mencakup dampaknya terhadap ekonomi, masyarakat, dan pelaku usaha. Penelitian ini juga mengkaji upaya pemerintah dalam membangun sistem administrasi pajak yang efisien, serta tantangan yang perlu diantisipasi untuk memastikan transisi yang efektif.</p><p><em><strong>Kata Kunci</strong></em><em><strong>:</strong> PPN 12%, Pajak baru, Tahun 2025, Indonesia.聽</em></p><p><strong>PENDAHULUAN</strong></p><p>Pajak merupakan salah satu sumber utama pendapatan negara yang digunakan untuk membiayai pembangunan dan meningkatkan kesejahteraan masyarakat. Di Indonesia, Pajak Pertambahan Nilai (PPN) memegang peranan penting sebagai salah satu jenis pajak tidak langsung yang memberikan kontribusi signifikan terhadap penerimaan negara. Pemerintah Indonesia, melalui Undang-Undang Nomor 7 Tahun 2021 tentang Harmonisasi Peraturan Perpajakan (HPP), merencanakan kenaikan tarif PPN menjadi 12% pada tahun 2025. Langkah ini merupakan bagian dari strategi reformasi perpajakan yang bertujuan untuk meningkatkan pendapatan negara sekaligus menyesuaikan kebijakan perpajakan nasional dengan praktik global dan kebutuhan ekonomi domestik.</p><p>Meskipun kebijakan kenaikan tarif PPN ini dinilai sebagai langkah strategis, penerapannya tidak terlepas dari tantangan. Di satu sisi, tarif PPN 12% diharapkan dapat meningkatkan penerimaan negara untuk mendukung pembiayaan pembangunan, termasuk infrastruktur dan pelayanan publik. Namun di sisi lain, kebijakan ini menimbulkan kekhawatiran terhadap dampaknya pada masyarakat daya beli, terutama kelompok kehidupan rendah, serta keinginan usaha mikro, kecil, dan menengah (UMKM). Selain itu, kesiapan administrasi perpajakan, termasuk digitalisasi dan kapasitas lembaga pajak, menjadi faktor kunci yang perlu diperhatikan agar kebijakan ini dapat berjalan efektif.</p><p><strong>TUJUAN</strong></p><p>Artikel ini bertujuan untuk memberikan analisis komprehensif terkait kesiapan Indonesia dalam menghadapi kenaikan tarif Pajak Pertambahan Nilai (PPN) menjadi 12% pada tahun 2025. Pertama, artikel ini akan mengeksplorasi dampak yang mungkin timbul dari kebijakan tersebut terhadap berbagai aspek ekonomi, termasuk daya beli masyarakat, tingkat inflasi, serta keberlanjutan usaha mikro, kecil, dan menengah (UMKM) yang menjadi pilar utama ekonomi nasional.</p><p>Selain itu, artikel ini berupaya mengidentifikasi sejauh mana kesiapan administrasi perpajakan di Indonesia, khususnya dalam hal teknologi digital, pengelolaan data wajib pajak, dan kapasitas institusi perpajakan untuk mengelola transisi menuju tarif baru secara efektif. Pemerintah telah menunjukkan komitmen melalui berbagai inisiatif reformasi, namun tantangan teknis dan sosial tetap memerlukan perhatian serius. Artikel ini juga menyoroti pengalaman negara-negara lain yang telah menerapkan tarif PPN lebih tinggi. Pengalaman tersebut diharapkan dapat menjadi inspirasi untuk mengadopsi strategi terbaik yang sesuai dengan kondisi Indonesia.</p><p><strong>METODE</strong></p><p>Penelitian ini menggunakan metode penelitian kualitatif dengan menggunakan pendekatan Metode Library Search atau biasa disebut sebagai studi kepustakaan yang bertujuan untuk menganalisis kesiapan Indonesia dalam menghadapi kenaikan tarif Pajak Pertambahan Nilai (PPN) menjadi 12% pada tahun 2025. Studi kepustakaan dipilih karena metode ini memungkinkan peneliti untuk menghimpun, menganalisis, dan menginterpretasikan berbagai data sekunder yang relevan secara komprehensif.</p> <iframe src="https://widget.kompas.com/survey/226?separator=survey__separator" frameborder="0" width="100%" height="280" style="background-color: #fff; border-radius: 6px;"></iframe>    <div class="read-paging mt40 clearfix"> <div class="col-xs-2 col-offset-0"> <div class="read-paging--teaser">HALAMAN :</div> </div> <div class="col-xs-7 col-offset-0"> <ol class="read-paging--list"> <li class="read-paging--item"> <a class="read-paging--link read-paging--active">1</a> </li> <li class="read-paging--item"> <a class="read-paging--link" href="?page=2&page_images=1">2</a> </li> <li class="read-paging--item"> <a class="read-paging--link" href="?page=3&page_images=1">3</a> </li> <li class="read-paging--item"> <a href="?page=2&page_images=1" class="read-paging--right"><svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </li> </ol> </div> </div>   <div class="mt40"> <span id="button_footer_read">Mohon tunggu...</span> </div> <br> <a href="https://www.kompasiana.com/indeks?page=1&category=ilmu-sosbud&highlight=1" class="buttonCateg display-flex mt20" style="background: black !important;"> <div class="buttonCateg__img"> <img src="https://assets.kompasiana.com/items/category/56-1-1628768698.png?t=o&v=100" alt="Lihat Konten Ilmu Sosbud Selengkapnya" width="100" height="60" loading="lazy"> </div> <div class="buttonCateg__txt align-center">Lihat Ilmu Sosbud Selengkapnya </div> <div class="buttonCateg__arrow--wrap align-center"> <div class="buttonCateg__arrow"></div> </div> </a>  <div class="nilai-box mb20 clearfix" id="nilai-section"> <div id="ul_beri_nilai"></div> <div id="rating_post"></div> <div id="more-stories-rating" class="more-stories mt20" style="display: none;"> <a id="load-more-rating" onclick="loadRating()" data-perpage="10" data-page="1" data-holder="rating_post" class="load-more">Selanjutnya<svg class="icon icon-angle-right"><use xlink:href="#icon-angle-right"></use></svg></a> </div> <div id="load-image-rating"></div> </div>   <div class="komentar komentarBlue mt20 mb20 clearfix" id="comment-section"> <div class="title-dash komentarTitle"><span>Beri Komentar</span></div> <form class="form text-left mt10 clearfix form-response" id="komen-submit"> <textarea placeholder="Tulis Tanggapan Anda..." class="form-control mb10" id="text"></textarea> <div class="komentarDisc">Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE</div> <div class="pull-right"><button id="submit" class="komentar-submit">KIRIM</button></div> </form> <hr class="mt10 mb10"> <div class="komentar__cap" id="komentar__cap"> Belum ada komentar. Jadilah yang pertama untuk memberikan komentar! </div> <div class="komentar-list-holder" style="min-height: 0px !important"></div> <div id="load-image-komentar"></div> <a href="https://www.kompasiana.com/komentar/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru" style="display: none;" id="komentarAll" class="komentarAll align-center">Lihat Semua Komentar (0)</a> </div>   <div id="kompasiana-arena-base"> </div> <div style="height:416px" id="kompasiana-arena-body"> </div>  </div> </div> </div>  <div class="read-footer">   <div class="tag"><span>TAG</span> <a class="tag-link" href="https://www.kompasiana.com/tag/pajak"><h2 class="title-tag">pajak</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/ppn-12-persen"><h2 class="title-tag">ppn 12 persen</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/sistem-pajak-baru"><h2 class="title-tag">sistem pajak baru</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/indonesia"><h2 class="title-tag">indonesia</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/pajak-2025"><h2 class="title-tag">pajak 2025</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/ilmusosbud"><h2 class="title-tag">ilmusosbud</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/ruang-kelas"><h2 class="title-tag">ruang kelas</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/tugas-di-kompasiana"><h2 class="title-tag">tugas di kompasiana</h2></a> <a class="tag-link" href="https://www.kompasiana.com/tag/ilmu-sosbud"><h2 class="title-tag">ilmu sosbud</h2></a> </div> <div class="response mt10 clearfix"> <div id="responses" data-id="67449db3ed641576055a5213" data-perPage="2" align="center"></div> </div>  <div class="mt10 clearfix lainnya" data-postId="67449db3ed641576055a5213" style="display: none;"> <div class="row"> <div class="title-dash mb10"> <div class="row"> <div class="col-md-4"> <h3 class="rekomen"><span>Artikel Lainnya</span></h3> </div>  </div> </div> </div> <div class="terbaru-row row lainnya-content"> <div class="terbaru-item item col-lg-4 col-md-4 col-sm-12"> <a class="url" href="#"> <div class="img-inner"> <img loading="lazy" src="" width="760" height="427"> </div> <h1 class="terbaru-title title" style="text-transform: capitalize;"></h1> </a> </div> </div> </div>  </div>  </div>  <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">  <div class="pswp__bg"></div>  <div class="pswp__scroll-wrap">  <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div>  <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar">  <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>   <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="text/javascript"> </script> </div> <div class="sidebar sidebar-parent col-lg-4 col-md-4 col-sm-4 mt20 clearfix">   <div class="kolom-newslt mt20 mb20"> <form id="form-email"> <div class="kolom-newslt__desc" id="message">Daftarkan email Anda untuk mendapatkan cerita dan opini pilihan dari Kompasiana</div> <div class="kolom-newslt__table"> <img loading="lazy" width='39' height='55' src="https://assets.kompasiana.com/statics/2018_kompasiana/desktop/images/envelope.png" alt="icon" class="kolom-newslt__img"> <div class="kolom-newslt__email"><input placeholder="Email Anda" type="text" class="kolom-newslt__input" id="email"></div> <button type="submit" class="kolom-newslt__btn" id="sendemail">Daftar</button> </div> </form> </div>  <div id="populer-rekom-base"></div> <div class="mt20" style="height:600px;" id="populer_rekom" class=""></div>    <div id="trending-base"></div>  <div style="height:520px" id="trending_place"></div>  <div id="terbaru_place"></div>  </div> </div> </section>   <div class="reportpopup"> <div class="reportpopupClose" onclick="this.parentElement.style.display='none';"></div> <form class="reportpopupContent"> <h5 class="reportpopupTitle">LAPORKAN KONTEN</h5> <div id="listChoiceReasonKonten"> <div class="radio"> <input id="radio-61557bfc91bd5b23220c6603" data-reason="Konten tidak orisinal/melanggar hak cipta" name="radio_reason" type="radio"> <label for="radio-61557bfc91bd5b23220c6603" class="radio-label">Konten tidak orisinal/melanggar hak cipta</label> </div> <div class="radio"> <input id="radio-61557c0991bd5b087c6f74a4" data-reason="Hate speech/menyerang/merugikan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557c0991bd5b087c6f74a4" class="radio-label">Hate speech/menyerang/merugikan pihak lain</label> </div> <div class="radio"> <input id="radio-61557c1991bd5b2a2b7c5818" data-reason="Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c1991bd5b2a2b7c5818" class="radio-label">Vulgar/menimbulkan perasaan tidak nyaman (pornografi, darah, data privat, dsb)</label> </div> <div class="radio"> <input id="radio-61557c2591bd5b40651e4ad2" data-reason="Mengandung berita bohong/hoaks/misinformasi" name="radio_reason" type="radio"> <label for="radio-61557c2591bd5b40651e4ad2" class="radio-label">Mengandung berita bohong/hoaks/misinformasi</label> </div> <div class="radio"> <input id="radio-61557c3e91bd5b43df3c8553" data-reason="Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)" name="radio_reason" type="radio"> <label for="radio-61557c3e91bd5b43df3c8553" class="radio-label">Promosi aktivitas ilegal/berbahaya (judi, aborsi, investasi bodong, bunuh diri, dsb)</label> </div> </div> <div id="listChoiceReasonUser" style="display:none"> <div class="radio"> <input id="radio-61557adc91bd5b5a36011973" data-reason="Spamming" name="radio_reason" type="radio"> <label for="radio-61557adc91bd5b5a36011973" class="radio-label">Spamming</label> </div> <div class="radio"> <input id="radio-61557b9491bd5b27022316d7" data-reason="Akun ini palsu/menggunakan identitas orang lain" name="radio_reason" type="radio"> <label for="radio-61557b9491bd5b27022316d7" class="radio-label">Akun ini palsu/menggunakan identitas orang lain</label> </div> <div class="radio"> <input id="radio-61557ba091bd5b2a2b7c5817" data-reason="Akun ini membahayakan pihak lain" name="radio_reason" type="radio"> <label for="radio-61557ba091bd5b2a2b7c5817" class="radio-label">Akun ini membahayakan pihak lain</label> </div> <div class="radio"> <input id="radio-61557bba91bd5b26fc6b14d6" data-reason="Akun ini diretas" name="radio_reason" type="radio"> <label for="radio-61557bba91bd5b26fc6b14d6" class="radio-label">Akun ini diretas</label> </div> <div class="radio"> <input id="radio-61557bcb91bd5b087c6f74a3" data-reason="Akun menyebarkan kebencian (hate speech)" name="radio_reason" type="radio"> <label for="radio-61557bcb91bd5b087c6f74a3" class="radio-label">Akun menyebarkan kebencian (hate speech)</label> </div> </div> <span id="word_alasan">Alasan</span> <textarea id="laporkan-text-new" placeholder="Tulis Alasan Anda ..."></textarea> <img id="laporkan-loading" style="display: none;margin-top:5px;margin-left:auto;margin-right:auto;" src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg" class="mb20"> <div class="reportpopupAction"> <a href="javascript:void(0)" class="reportpopupAction__button -reportbatal">Batalkan</a> <a href="javascript:void(0)" id="laporkan-submit-new" class="reportpopupAction__button -reportlanjut">Laporkan</a> </div> </form> </div> <div class="reportpopupMessage"> <div class="reportpopupClose" onclick="close_msg()"></div> <span id="msgreport"></span> </div>   <footer class="footer"> <div class="container"> <div class="footerWrap"> <div class="footerColumn"> <a href="https://www.kompasiana.com/"> <img class="footerBrand mb20" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/logo-kompasiana-white.svg?t=o&v=200" width="168" height="41" alt="Kompasiana Logo"> </a> <div class="footerColumn__child" style="width:230px; height:195px;"> <div class="footerSponsor"> <div class="footerSponsor__text">Penghargaan dan Sertifikat:</div> <div class="footerSponsor__img"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_1.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_2.jpg" style="width:100px; height:51px;"> <img src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/penghargaan_logo_3.jpg" style="width:100px; height:51px;"> </div> <div class="footerSponsor__lead"> Untuk pengajuan iklan dan kerja sama bisa menghubungi: <a href="mailto:kerjasama@kompasiana.com">kerjasama@kompasiana.com</a> <br>Kunjungi Mediakit Kompasiana <a href="https://iklan.kompasiana.com/">di sini</a><br> Programmatic partnership <a href="mailto:programmatic.team@kgmedia.id">programmatic.team@kgmedia.id</a> </div> </div> </div> </div> <div class="footerColumn"> <a href="https://www.kompasiana.com/tentang-kompasiana" class="footerMenu">TENTANG KOMPASIANA</a> <a href="https://www.kompasiana.com/syarat-ketentuan" class="footerMenu">SYARAT DAN KETENTUAN</a> <a href="https://www.kompasiana.com/bantuan/faq" class="footerMenu">FAQ KOMPASIANA</a> <a href="https://www.kompasiana.com/bantuan/tutorial" class="footerMenu">TUTORIAL</a> <a href="https://legal.kompasiana.com/privacy" class="footerMenu">PRIVACY & POLICY</a> <a href="https://www.kompasiana.com/bantuan/faq-bantuan" class="footerMenu">Bantuan</a> </div> <div class="footerColumn"> <div class="footerMenu">PROGRAM</div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/k-rewards" target="blank" rel="noopener">K-Rewards</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/infinite" target="blank" rel="noopener">Infinite</a></div> <div class="footerMenu__child"><a href="https://kilasbalik.kompasiana.com/" target="blank" rel="noopener">Kilas Balik</a></div> <div class="footerMenu__child"><a href="https://microsite.kompasiana.com/narativ" target="blank" rel="noopener">Narativ</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/series" target="blank" rel="noopener">The Series</a></div> <div class="footerMenu__child"><a href="https://ramadan.kompasiana.com/" target="blank" rel="noopener">Ramadan</a></div> </div> <div class="footerColumn"> <div class="footerMenu">KATEGORI</div> <div class="footerColumn__child"> <div class="footerMenu__child"><a href="https://www.kompasiana.com/popular">Terpopuler</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/latest">Terbaru</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/headline">Headline</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/topic">Topik Pilihan</a></div> <div class="footerMenu__child"><a href="https://www.kompasiana.com/lestari">Game Changer</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/cerita-pemilih">Cerita Pemilih</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/fiksiana">Fiksiana</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/halo-lokal">Halo Lokal</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/humaniora">Humaniora</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/inovasi">Inovasi</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/lyfe">Lyfe</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/money">Money</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/new-world">New World</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/olahraga">Olahraga</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/ruang-kelas">Ruang Kelas</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/travel-story">Travel Story</a></div><div class="footerMenu__child"><a href="http://video.kompasiana.com">Video</a></div><div class="footerMenu__child"><a href="https://www.kompasiana.com/vox-pop">Vox Pop</a></div> </div> </div> <div class="footerColumn"> <div class="footerMenu">IKUTI KAMI</div> <div class="footerSocial"> <a href="mailto:kompasiana@kompasiana.com"><span class="ico ico--mail"></span></a> <a href="https://www.facebook.com/KOMPASIANAcom/?locale=id_ID"><span class="ico ico--fb"></span></a> <a href="https://twitter.com/kompasiana"><span class="ico ico--x"></span></a> <a href="https://www.instagram.com/kompasianacom/?hl=en"><span class="ico ico--ig"></span></a> <a href="https://www.tiktok.com/@kompasiana.com"><span class="ico ico--tk"></span></a> <a href="https://www.youtube.com/@KompasianaTV"><span class="ico ico--yt"></span></a> </div> </div> </div> <div class="footerWrap"> <div class="footerCopyright"> 漏 2024 Kompasiana.com. A subsidiary of <a href="//kgmedia.id" target="_blank" rel="noopener">KG Media</a>. All Rights Reserved </div> </div> </div> </footer>   <div class="floating -dark"> <div class="floatingBox"> <div class="floatingWrap align-center"> <button onclick="document.getElementById('nilai-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Like this article"> <span class="icon icon-like"></span><span>0</span> </button> <button onclick="document.getElementById('comment-section').scrollIntoView({behavior: 'smooth'});" class="floatingLink" aria-label="Comment this article"> <span class="icon icon-comment"></span><span>0</span> </button> <div class="floatingCta align-center"> <a href="javascript:void(0);" onclick="wa_share('*Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru*','https://www.kompasiana.com/alifiaputriazahara9091/67449db3ed641576055a5213/ppn-12-pada-tahun-2025-kesiapan-indonesia-menuju-sistem-pajak-baru')" target="_blank" rel="noopener noreferrer" aria-label="Whatsapp link" class="floatingCta__wa align-center"><span class="icon icon-wa"></span></a> <div class="timeline__flag" title="Report"> <a href="javascript:void(0);" class="timeline__flag_report -reportChoose"></a> <div class="reportbtnMenu"> <div class="reportbtnMenu__item -reportKonten btnReportKonten postRibbon" data-post="67449db3ed641576055a5213">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="674499ea34777c0f9e6fa902">Laporkan Akun</div> </div> </div> </div> </div> </div> </div>   <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.min.js?v=518"></script>    <link rel="preload" href="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518" as="script"> <script type="text/javascript" src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/slick/dev/slick.min.js?v=518"></script> <script> function show_activity() { $("#activity_popup").addClass('active'); $("#activity_popup").css({'display': 'block'}); } if ($('div.timeline--event__item').length==0) { $('.timeline--event').hide(); } var isKompasianer = ""; var isActivity = ""; var pagePosition = $('.page_position').data('position'); var shortUrl = $('.page_position').data('profile'); var menu = $('.page_position').data('menu'); var postId = $('#id_post').data('id'); var read = $('.page_position').data('read'); var channel = $('.page_position').data('channel'); var setPage = 'read'; var page_id = 'read'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vYWxpZmlhcHV0cmlhemFoYXJhOTA5MS82NzQ0OWRiM2VkNjQxNTc2MDU1YTUyMTMvcHBuLTEyLXBhZGEtdGFodW4tMjAyNS1rZXNpYXBhbi1pbmRvbmVzaWEtbWVudWp1LXNpc3RlbS1wYWphay1iYXJ1'; $.ajax({ type: "POST", url: "https://www.kompasiana.com/ajax/get_user", data: { page: pagePosition, short_url: shortUrl, menu: menu, postId: postId, read: read, channel: channel, next_url: next_url }, success: function(res) { data = JSON.parse(res); isKompasianer = data['isKompasianer']; isActivity = data['isActivity']; isAgreement = data['isAgreement']; isGrup = data['isGrup']; isInterest = data['isInterest']; isPremium = data['isPremium']; $("#header_detail").after(data['header']); $("#header_detail").remove(); $('#banner_register').after(data['banner_register']); $('#banner_register').remove(); $('#channel_pilihan').html(data['sidebar']); $('#activity_popup').html(data['activity']); $('#banner_welcome').after(data['banner_welcome']); $('#banner_welcome').remove(); if (pagePosition == 'profile') { $('#profile_cover').html(data['profile']); $('#profile_navbar').html(data['navbar']); if(data['short_url'] == ""){ if (arr_edit_url.length) { arr_edit_url.forEach((url_to_e) => { var url_edit = ` <div class="artikel--count__item"><a href="https://www.kompasiana.com//dashboard/write/` + url_to_e + `"><div class="icon"><svg class="icon icon-edit"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#icon-edit"></use></svg></div>EDIT</a> </div> `; $('#show_e_' + url_to_e).prepend(url_edit); }); arr_edit_url = []; } } } else if (pagePosition == 'read') { $('#follow_read').html(data['follow_read']); // $('#post-counter').html(data['count_pv']); $('#button_footer_read').html(data['button_footer_read']); } // generate cookie for premium or regular.. if(isPremium){ var date = new Date(data['isPremiumDate'] * 1000); var name = 'premium'; var value = true; var check_cookie = getCookie(name) if(!check_cookie){ expires = "; expires=" + date.toUTCString(); document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } }else{ var name = 'premium'; document.cookie = name+'=; Max-Age=-99999999; domain=.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=www.kompasiana.com; path=/'; document.cookie = name+'=; Max-Age=-99999999; domain=kompasiana.com; path=/'; } if (isKompasianer == true && isAgreement == false) { setTimeout(function() { window.location.replace("https://www.kompasiana.com/snk"); }, 5000); } }, error: function(e) { console.log(e); } }); </script>  <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/headernews.min.js?v=518"></script>  <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/svgxuse.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap.min.js?v=518"></script> <script async src="https://asset.kompas.com/kgnotif/2024/09/27/kompasiana.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery.sticky-kit.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/jquery-redirect.min.js?v=518"></script>  <script type="text/javascript"> $(document).on('click', '.yuk-nulis', function() { if (isKompasianer) { if (!isActivity) { // check user activity show_activity(); // show user activity return false; } } return true; }); var base_url = "https://www.kompasiana.com/"; var ajax_loader = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader-small.svg"; var ajax_loader_horizontal = "https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/images/loader.svg"; var notifAjax = false; $(document).ready(function() { size = parseInt($(".panel-body").css("font-size")), line = parseInt($(".panel-body").css("line-height")), $("#big").on("click", function() { size += 2, line += 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size <= 26 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 26, line = 51, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }), $("#small").on("click", function() { size -= 2, line -= 5, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }), size >= 12 ? $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" }) : (size = 12, line = 16, $(".panel-body").css({ "font-size": size + "px", "line-height": line + "px" })) }) }); $(document).on('click', '#reactivate', function() { if (confirm('Anda akan mereaktivasi akun. Lanjutkan?')) { $.ajax({ type: "POST", url: "/ajax/reactivate", data: data, beforeSend: function() { $('#reactivate').hide(); // hide button }, success: function(response) { var res = $.parseJSON(response); if (res.status == 1) { $('#reactivate').after('<p style="color: green">' + res.message + '</p>'); $('#reactivate').remove(); // show button // setTimeout(function(){ window.location.href = 'https://www.kompasiana.com/'; }, 5000); } else { $('#reactivate').after('<p style="color: red">' + res.message + '</p>'); $('#reactivate').show(); // show button } }, error: function(xhr) { console.log(xhr); } }); } }); function redirectLogin() { window.location = 'https://account.kompasiana.com/login/a29tcGFzaWFuYQ==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vYWxpZmlhcHV0cmlhemFoYXJhOTA5MS82NzQ0OWRiM2VkNjQxNTc2MDU1YTUyMTMvcHBuLTEyLXBhZGEtdGFodW4tMjAyNS1rZXNpYXBhbi1pbmRvbmVzaWEtbWVudWp1LXNpc3RlbS1wYWphay1iYXJ1'; } </script> <script> if(document.cookie.indexOf('ukid=') == -1){ $.ajax({ url: 'https://apis.kompas.com/api/activity/user', type: 'get', dataType: "json", success: function (res) { let ukid = res.ukid; let date = new Date(); date.setDate(date.getDate() + 1); let expired = date.toUTCString(); let domain = '.kompasiana.com'; document.cookie = "ukid="+ ukid +"; expires="+ expired +"; domain="+ domain +"; path=/"; // set cookie } }); } </script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/photoswipe-ui-default.min.js"></script> <script defer src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/script-min.js"></script> <script type="text/javascript"> // if(cekIsMobile() === false) { // } $(window).scroll(function (e) { if($('.read-footer').length){ if($(this).scrollTop() >= $('.read-footer').offset().top + 100){ $('.konten__menarik').show(); } else { $('.konten__menarik').hide(); } } }); if(cekIsMobile()) { $(window).scroll(function(){ if($('#read_more').is(':visible')){ $more = $('#read_more').offset().top - 600; $scroll = $(window).scrollTop(); if($scroll >= $more) { $('#read_more').remove(); loadRating(); loadListRating('list-rating'); loadMoreComments(); loadResponses($("#responses")); } } }); } $('.konten__menarik--close').click(function() { $('.konten__menarik').remove(); }); $(document).on('click', '#btnSendMsg', function(e){ e.preventDefault(); var following = $('.is_following').attr('data-follow'); if(following != '1'){ alert('Follow '+$(this).attr('data-fname')+', agar Anda dapat mengirimkan pesan.'); return false; }else{ $.ajax({ type: "GET", url: "/ajax/findChat", data: {channel_id: $(this).attr('data-fid')}, crossDomain: false, dataType: 'json', success: function(response) { window.location = response['url']; } }); } }); $(document).on('click', '.opini-post--wrapper', function (event) { $(this).find('.opini-post--content').toggleClass('expand'); $(this).find(".expand-comment").toggleClass("expand-comment--relative") // // $(".expand-comment").html("-"); if ($(this).find(".opini-post--content").hasClass("expand")) { $(this).find(".expand-comment-btn").html("-"); } else { $(this).find(".expand-comment-btn").html("+"); } }); var time = new Date().getTime(); $(document.body).bind("mousemove keypress", function(e) { time = new Date().getTime(); }); $(document).on('click', '#new_conversation', function(e){ e.preventDefault(); var $t = $(this); var id = $(this).attr('data-id'); var full = $(this).attr('data-full'); var nick = $(this).attr('data-nick'); var sender = $(this).attr('data-sender'); var avatar = $(this).attr('data-avatar'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } var url = base_url+sender+'/dashboard/conversation/new'; $.redirect(url, {id : id, nick_name : nick, full_name : full, avatar: avatar}); }); $(document).on('click', '#follow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="unfollow" class="is_following" data-id='+cid+' data-follow="1"><span>UNFOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="unfollow" data-id='+cid+'><span>UNFOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/follow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); } }); //btn-follow mt10 }); $(document).on('click', '#unfollow', function(e){ e.preventDefault(); var $t = $(this); var cid = $(this).attr('data-id'); var location = $(this).attr('data-location'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } if(location == null) { var replace = '<a href="#" id="follow" class="is_following" data-id='+cid+' data-follow="0"><span>FOLLOW</span></a>'; } else { var replace = '<a href="#" id="follow" data-location="friends" data-id='+cid+'><span>FOLLOW</span></a>'; } $.ajax({ type: "POST", url: "/ajax/unfollow", data: {cid: cid}, dataType: 'json', success: function(response) { $t.replaceWith(replace).fadeIn(); } }); //btn-small mt10 }); var page_rating = 4; var curr_rating = 0; var rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } function lessListRating(total_all_rate){ let l_rate = $('.rating_post__list'); if (l_rate.hasClass('active')){ l_rate.removeClass('active'); $('#load-more-rating').html('Lebih Sedikit'); } else { l_rate.addClass('active'); $('#load-more-rating').html('Selengkapnya ('+total_all_rate+')'); } } function loadListRating(from){ if(from == 'list-rating'){ var e = $("#id_post"); } else if(from == "load-more-rating"){ var e = $("#id_post"); $('.rating_post__list').removeClass('active'); } var post_id = e.attr('data-id'); var page = (from == "load-more-rating") ? $("#load-more-rating").attr('data-page') : '1'; var img = ajax_loader; $("#load-image-rating").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#more-stories-rating").hide(); $.ajax({ type: "GET", url: "/ajax/list_ratings", data: {post_id: post_id, page: page, per_page: page_rating}, dataType: 'json', beforeSend: function () { $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $("#load-image-rating").after('<div id="remove_listrating_loading">Loading...</div>'); $("#more-stories-rating").hide(); }, success: function(response) { $("#remove_listrating_loading").remove(); if(response.data_array.current_page != response.data_array.total_pages && response.data_array.total_pages != "0"){ $("#more-stories-rating").show(); } else if(response.data_array.total_pages == "0"){ $("#more-stories-rating").hide(); $('#rating_none').show(); } else{ var $lm_rate = $('#load-more-rating'); if(cekIsMobile() === false) { if(response.data_array.total>3 && response.data_array.total<=10){ rating_total = response.data_array.total - 3 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } }else{ if(response.data_array.total>2 && response.data_array.total<=4){ rating_total = response.data_array.total - 2 $lm_rate.html('Selengkapnya ('+rating_total+')'); }else{ $lm_rate.html('Lebih Sedikit'); } } $("#more-stories-rating").show(); $lm_rate.attr('onclick', 'lessListRating('+rating_total+')'); } $("#load-image-rating").hide(); $("#load-more-rating").attr("data-page", response.data_array.current_page+1); if(curr_rating == 0){ if(cekIsMobile() === false) { curr_rating = response.data_array.total - page_rating + 7; }else{ curr_rating = response.data_array.total - page_rating + 2; } rating_total = curr_rating }else{ curr_rating = curr_rating - page_rating } if(page==2){ if(cekIsMobile() === false) { curr_rating = curr_rating - 7 }else{ curr_rating = curr_rating - 2 } } $('#total_rates').html(curr_rating); if(from == "list-rating"){ $('#listRating').html(response.data_array.list_rate); } else{ $('#listRating').append(response.data_array.list_rate); } $("#load-image").hide(); $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); } }); }; $(document).on('click', '#user-issued', function(e) { e.preventDefault(); var data_url = $(this).data('url'); var data_user = $(this).data('user'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect('/' + data_user + '/issued', {data_url : data_url}); }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); function fb_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Facebook&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function tweet_share(status) { if(cekIsMobile() === false) { status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ status = status+'?utm_source=Twitter&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = status; window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function plus_share(url){ u = url; window.open('https://plus.google.com/share?url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function linkedin_share(url){ if(cekIsMobile() === false) { url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Linkedin&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; window.open('https://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function telegram_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Telegram&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('https://t.me/share/url?url='+encodeURIComponent(u)+'&text='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false; } function wa_share(title,url) { if(cekIsMobile() === false) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; }else{ url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Mobile'; } u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } // share ig story function loadImages(sources, callback) { var images = {}; var loadedImages = 0; var numImages = 0; // get num of sources for (var src in sources) { numImages++; } for (var src in sources) { images[src] = new Image(); images[src].onload = function () { if (++loadedImages >= numImages) { callback(images); } }; images[src].onerror =imageError; images[src].src = sources[src]; images[src].setAttribute('crossorigin', 'anonymous'); } } function imageError(){ alert('Terjadi Kesalahan. Silakan coba lagi') } let myFont = new FontFace( "Abril Fatface", "url(https://fonts.gstatic.com/s/abrilfatface/v12/zOL64pLDlL1D99S8g8PtiKchq-dmjQ.woff2)" ); myFont.load().then(function (font) { // Ready to use the font in a canvas context document.fonts.add(font); console.log("Font loaded"); }); function ig_share(title,author,thumbnail,url_article) { var canvas = document.getElementById('myCanvas'); var context = canvas.getContext('2d'); var text = title.slice(0, 60) + (title.length > 60 ? "..." : ""); var textwriter = 'oleh '+author; if(thumbnail=='https://assets-a2.kompasiana.com/?t=o&v=500'){ alert('Oops. Hanya bisa share Konten yg memiliki image') return false } var sources = { image1: 'https://assets.kompasiana.com/statics/2021/mobile/images/bg-igs.png?v=1', image2: thumbnail+'&time='+Math.round(+new Date()/1000) }; loadImages(sources, function (images) { context.drawImage(images.image1, 0, 0); context.drawImage(images.image2, 0, 360); context.fillStyle = "#17ccf7"; context.fillRect(20, 190, 150, 20); context.font = "400 14px Roboto"; context.fillStyle = "#005c9b"; context.textAlign = "left"; context.fillText(textwriter, 20, 160); context.font = "400 38px Abril Fatface"; context.fillStyle = "#005c9b"; context.textAlign = "left"; printAtWordWrap(context, text, 20, 200, 44, 460); var url = canvas.toDataURL(); fetch(url) .then(function (response) { return response.blob() }) .then(function (blob) { var file = new File([blob], "picture.jpg", { type: 'image/jpeg' }); var filesArray = [file]; if (navigator.canShare && navigator.canShare({ files: filesArray })) { navigator.share({ text: text, files: filesArray, title: text, url: url_article }); }else{ alert('Maaf, fitur ini belum didukung oleh perangkat Anda') } }) .catch(function (error) { console.log(error); }); }); } function printAtWordWrap(context, text, x, y, lineHeight, fitWidth) { fitWidth = fitWidth || 0; if (fitWidth <= 0) { context.fillText(text, x, y); return; } var words = text.split(' '); var currentLine = 0; var idx = 1; while (words.length > 0 && idx <= words.length) { var str = words.slice(0, idx).join(' '); var w = context.measureText(str).width; if (w > fitWidth) { if (idx == 1) { idx = 2; } context.fillText(words.slice(0, idx - 1).join(' '), x, y + (lineHeight * currentLine)); currentLine++; words = words.splice(idx - 1); idx = 1; } else { idx++; } } if (idx > 0) context.fillText(words.join(' '), x, y + (lineHeight * currentLine)); } function cekIsMobile(){ var isMobile = false; //initiate as false // device detection if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) isMobile = true; return isMobile; } if(cekIsMobile() === false) { $(document).ready(function() { // $('#load-more-rating').hide(); //skyscrapper $(".sticky-right").stick_in_parent({ parent: ".sticky-parent", inner_scrolling: false, spacer: false, offset_top: 0, }).on('sticky_kit:bottom', function (e) { //console.log('stuck'); $(this).css('position', 'sticky'); $(this).css('top', '0'); $(this).css('bottom', 'unset'); }).on('sticky_kit:unbottom', function (e) { // console.log('unstuck'); }); $( ".persen" ).hide(); $(document).on('click', '#tag', function () { // $(this).next('.persen').toggle( "slow", function() { $('.persen').show( "fast", function() { if ($(this).is(':visible')) $(this).css('display','block'); }); }); }); } $(function() { var $el, $ps, $up, totalHeight; var heightR = $(".read-biografi__desc--p").height(); var heightL = $(".read-biografi__desc").height(); if(heightL>heightR){ $(".load-more--bio").fadeOut();$(".close--bio").fadeOut(); } $(".load-more--bio").click(function() { // IE 7 doesn't even get this far. I didn't feel like dicking with it. totalHeight = 0 $up = $(".read-biografi__desc"); $ps = $up.find(".read-biografi__desc--p"); // measure how tall inside should be by adding together heights of all inside paragraphs (except read-more paragraph) $ps.each(function() { totalHeight += $(this).outerHeight(); // FAIL totalHeight += $(this).css("margin-bottom"); }); $up .css({ // Set height to prevent instant jumpdown when max height is removed "height": $up.height(), "max-height": 9999 }) .animate({ "height": totalHeight }); // fade out read-more $(".load-more--bio").fadeOut(); $(".close--bio").fadeIn(); // prevent jump-down return false; }); $(".close--bio").click(function() { if(cekIsMobile === false){ var height = 82; } else { var height = 75; } $down = $(".read-biografi__desc"); $down .css({ "height": "82px", "max-height": "" }) .animate({ "height": height }); // fade out read-more $(".close--bio").fadeOut(); $(".load-more--bio").fadeIn(); // prevent jump-down return false; }); }); // hide selanjutnya var length_desc = $(".read-biografi__desc--p").text().length if(length_desc>=300){ $(".load-more--bio").show(); } function loadRating() { var e = $('#load-more-rating'); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var holder = e.attr("data-holder"); var id = $('#id_post').attr('data-id'); $("#load-image").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $('#beri_nilai').hide(); // request pertama kali if(page==1){ // block code dibawah $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id, dataType: 'json', async: false, beforeSend: function() { $('#ul_beri_nilai').html('Loading...'); }, success: function(response) { // $("#more-stories-rating").remove(); $("#load-image").hide(); $('#ul_beri_nilai').html(response.data_array.view); // $('#listRating').html(response.data_array.list_rate); // $('#modalListRatingLabel').html("Total Nilai : "+response.data_array.total); // if(response.data_array.current_page == response.data_array.total_pages){ // $("#more-stories-rating").remove(); // } if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); }else{ $.ajax({ type: "GET", url: "/ajax/ratings?id_post="+id+"&page="+page, dataType: 'json', async: false, success: function(response) { $("#listRating").append(response.data_array.list_rate); if(response.data_array.current_page == response.data_array.total_pages){ $("#more-stories-rating").remove(); } e.attr("data-page", parseInt(page)+1); if (response.data_array.is_rated_post){ $('#btn-nilai').hide(); $('#spn-nilai').hide(); } } }); } $("#load-image").hide(); if ($('.nilai-user').length == $('.nilai-user:visible').length) { e.hide(); } } var rateInProgress = false; $(document).on('click', 'a#rate', function(e){ var value = $(this).attr('data-rate'); var post_id = $('#id_post').attr('data-id'); var recipient_id = $('#id_post').attr('data-recipientid'); var title = $('#id_post').attr('data-posttitle'); var redirect_url = $('#id_post').attr('data-redirecturl'); var div = $('#load-more-rating'); e.preventDefault(); if(!isKompasianer){ alert("Anda Harus Login Untuk Memberi Rating Tulisan Ini"); redirectLogin(); return; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(rateInProgress){ alert("Penilaian Anda sedang diproses"); return false; } $.ajax({ type: "POST", url: "/ajax/post_rating", data: {rate_id: value, id_post: post_id, recipient_id: recipient_id, title: title, redirect_url: redirect_url}, dataType: 'json', beforeSend: function(){ rateInProgress = true; }, success: function(response){ if(response.response_code==200){ div.attr("data-page", 1); page_rating = 4; curr_rating = 0; rating_total = 0; if(cekIsMobile() === false){ page_rating = 10; } loadRating(); $('#rating_none').remove(); loadListRating('list-rating'); $("#msg-success-rate").html("Sukses"); $("#msg-success-rate").css({"padding": "5px"}); } else { alert(response.message); } } }).done(function() { rateInProgress = false; }); }); // load more comments function loadMoreComments() { let $comment_holder = $('.komentar-list-holder'); // comment holder let $image_loading = $('#load-image-komentar'); // comment loading let $comment_count = $('#jlh-comment'); // comment count let $komentarAll = $('#komentarAll'); // button open comment page let $komentar__cap = $('#komentar__cap'); // comment caption if comment doesnt exist let post_id = $('#id_post').attr('data-id'); // post id let post_channel_id = $('#id_post').attr('data-recipientid'); // post channel id let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: `/ajax/load_more_comments/?post_id=${post_id}&post_channel_id=${post_channel_id}&page=1&per_page=5&sort=terbaru&page_id=${page_id}`, type: 'get', dataType: 'json', beforeSend: function () { $image_loading.attr('src', ajax_loader).show(); $comment_holder.before('<div id="remove_comment_loading">Loading...</div>'); }, success: function (res) { $("#remove_comment_loading").remove(); if(res.total > 0){ $komentarAll.text(`Lihat Semua Komentar (${res.total})`) $komentarAll.show(); $komentar__cap.remove(); } $comment_holder.append(res.view); // append comments $comment_count.text(`${res.total} Komentar`); // comment count }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $image_loading.hide(); } }; $.ajax(ajax_config); } // click trigger load more $(document).on('click', '#load-more-komentar', function (e) { e.preventDefault(); loadMoreComments(); }); // click trigger like and dislike $(document).on('click', '.like_dislike-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $counter = $this.find('#like-counter'); // like counter // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu'); redirectLogin(); return; } let counter = parseInt($counter.text()); // like counter value let comment_id = $this.closest('.komentar-item').data('id'); // comment id let type = $this.data('type'); // data type like or dislike depend on action let ajax_config = { url: '/ajax/likedislike_comment', type: 'post', dataType: 'json', data: { comment_id: comment_id, type: type }, success: function (res) { // check error if (res.status == 'error') { // check already liked if (res.message == 'already liked') { $this.prepend('<span id="liked">Liked </span>'); // append text liked if already like $this.data('type', 'dislike'); // change data type to dislike } return; } // check type if (type == 'like') { $this.data('type', 'dislike'); // change data type to dislike $this.prepend('<span id="liked">Liked </span>'); // append text liked $counter.text(counter+1); // counter ++ } else { $this.data('type', 'like'); // change data type to like $this.find('#liked').remove(); // remove text liked $counter.text(counter-1); // counter -- } }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger balas $(document).on('click', '.reply-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $reply_form = $('#komen-reply'); // reply form $reply_form.appendTo($parent).slideToggle(); }); // submit trigger balas $(document).on('submit', '#komen-reply', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let comment_id = $this.closest('.komentar-item').data('id'); // comment id let parent_comment_id = $this.closest('.komentar-item').closest('.komentar-item').data('id') || comment_id; // parent comment id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let recipient_id_2 = $this.closest('.komentar-item').data('channel_id'); // channel id recipient 2 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check text content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, parent_id: parent_comment_id, child: comment_id, recipient_id: recipient_id, recipient_id_2: recipient_id_2, title: post_title, redirect_url: redirect_url }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check response if (res.response_code != 200) { $this.show(); alert(res.message); return; } $this.closest('.komentar-item').find('ul:first').append($(res.data_array.view)); // append new comment $textarea.val(''); // empty text goToByScroll(`komentar_list_${res.data_array.id_comment}`); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger laporkan $(document).on('click', '.report-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $report_form = $('#komen-report'); // report form $report_form.appendTo($parent).slideToggle(); }); // submit trigger laporkan $(document).on('submit', '#komen-report', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/issued_post', type: 'post', dataType: 'json', data: { text: textarea_content, comment_id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // click trigger hapus $(document).on('click', '.delete-comment', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // confirmation if (!confirm('yakin dihapus?')) { return; } let $this = $(this); let $text = $this.closest('.komentar-item').find('.komentar-text:first'); // comment text let comment_id = $this.closest('.komentar-item').data('id'); // comment id let ajax_config = { url: '/ajax/delete_comment', type: 'post', dataType: 'json', data: { id: comment_id }, success: function (res) { // check error if (res && 'error' in res) { alert(res.error); return; } $text.css({color: 'red'}).text('Komentar dihapus'); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); } }; $.ajax(ajax_config); // do ajax }); // click trigger edit $(document).on('click', '.edit-comment', function (e) { e.preventDefault(); let $this = $(this); // this button let $parent = $this.closest('.komentar-tools'); // parent let $edit_form = $('#komen-edit'); // edit form let $textarea = $edit_form.find('#text'); // textarea let text_content = $this.closest('.komentar-item').find('.komentar-text:first').text(); // get content $textarea.val(text_content); // set content $edit_form.appendTo($parent).slideToggle(); }); // submit trigger edit $(document).on('submit', '#komen-edit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $comment_text = $this.closest('.komentar-item').find('.komentar-text'); // comment text let textarea_content = $textarea.val(); // text content let comment_id = $this.closest('.komentar-item').data('id'); // comment id // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let ajax_config = { url: '/ajax/update_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id: comment_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if ('error' in res || res.status != 1) { $this.show(); alert(res.error); return; } alert(res.msg); $textarea.val(''); $comment_text.text(textarea_content); }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); // submit trigger comment submit $(document).on('submit', '#komen-submit', function (e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } // check activity if (!isActivity) { show_activity(); return; } let $this = $(this); // this form let $textarea = $this.find('#text'); // text let $id_post = $('#id_post'); // id post let $komentar__cap = $('#komentar__cap'); // no comment exist caption let $komentarAll = $('#komentarAll'); // go to comment page button let $komentar_list_first = $this.closest('.komentar').find('.komentar-list').find('.komentar-item'); // komentar list first item let $komentar_list = $this.closest('.komentar').find('.komentar-list'); // get komentar list let textarea_content = $textarea.val(); // text content let post_id = $id_post.attr('data-id'); // post id let recipient_id = $id_post.attr('data-recipientid'); // channel id recipient 1 let post_title = $id_post.attr('data-posttitle'); // post title let redirect_url = $id_post.attr('data-redirecturl'); // redirect url // check content if (!textarea_content || isWhitespaceOrEmpty(textarea_content)) { alert('Text harus diisi!'); $textarea.focus(); return; } let page_id = 'read'; if(cekIsMobile() === true) { page_id = 'read_mobile'; } let ajax_config = { url: '/ajax/post_comment', type: 'post', dataType: 'json', data: { text: textarea_content, id_post: post_id, recipient_id: recipient_id, title: post_title, redirect_url: redirect_url, page_id: page_id }, beforeSend: function () { $this.hide(); $(`<img width='48' height='48' id="loader" src=${ajax_loader} />`).insertAfter($this); }, success: function (res) { // check error if (res.response_code != 200) { alert(res.message); return; } $komentar__cap.hide(); $komentarAll.text(`Lihat Semua Komentar (${parseInt($komentarAll.text().replace(/[^0-9.]/g, ""))+1})`) $komentarAll.show(); $textarea.val(''); $komentar_list_first.remove(); $komentar_list.append($(res.data_array.view)); // prepend new comment goToByScroll(`komentar_list_${res.data_array.id_comment}`); // scroll to comment }, error: function (xhr) { alert(`Error: ${xhr.statusText}`); }, complete: function () { $this.show(); $this.next('img#loader').remove(); } }; $.ajax(ajax_config); // do ajax }); function loadPostByTag() { var e = $('#load-more-index-tag'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var tags = e.attr("data-tags"); e.hide(); $("#load-image-tag").html("<img width='48' height='48' src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); $.ajax({ type: "GET", url: "/ajax/tag/topil?per_page=" + perPage + "&page=" + page + "&tags=" + tags, dataType: 'json', success: function(response) { $("#load-image-tag").hide(); if (response.data_array.current_page >= response.data_array.total_page) { e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Load More'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", response.data_array.current_page + 1); } if(page==1){ $("#" + holder).html(response.data_array.view).fadeIn(); }else{ $("#" + holder).append(response.data_array.view).fadeIn(); } } }); } function like(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "like" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); if(result.message == "already liked"){ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } else{ $("#like_"+comment_id).prepend('Liked'); setCookie("like_"+comment_id,1,365); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)+1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function dislike(comment_id){ if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } var counter = document.getElementById("counterlike_"+comment_id).innerText; var strLike = document.getElementById("dislike_"+comment_id).innerText; $.ajax({ url: "/ajax/likedislike_comment", data: { "comment_id": comment_id, "type": "dislike" }, type: 'POST', dataType:"json", success: function(result){ if(result.status == "error"){ alert(result.message); } else{ setCookie("like_"+comment_id,1,0); $('#dislike_'+comment_id).html($('#dislike_'+comment_id).html().replace('Liked','')); document.getElementById("counterlike_"+comment_id).innerHTML = parseInt(counter)-1; $('#like_'+comment_id).prop('onclick',null).off('click'); $('#dislike_'+comment_id).prop('onclick',null).off('click'); } } }); } function prokontra(slug,type_prokontra){ $.redirect('/prokontra/' + slug, {type : type_prokontra}); } function favorit(post_id){ var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); if(response.status == 'error'){ $("#"+post_id+"_favorit").show(); alert(response.message); } else{ $("#"+post_id+"_favorit").show(); document.getElementById(post_id+"_favorit").innerHTML = "-"; $("#button_"+post_id).addClass("timeline__ribbon--remove"); document.getElementById(post_id+"_load-image-favorit").setAttribute("id",post_id+"_load-image-unfavorit"); document.getElementById(post_id+"_favorit").setAttribute("onclick","un_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); alert(response.message); } } }); } function un_favorit(post_id, favorit_id){ var img = ajax_loader; $("#"+post_id+"_load-image-unfavorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-unfavorit").hide(); if(response.status == 'error'){ $("#"+post_id+"_unfavorit").show(); alert(response.message); } else{ $("#"+post_id+"_unfavorit").show(); document.getElementById(post_id+"_unfavorit").innerHTML = "+"; $("#button_"+post_id).removeClass("timeline__ribbon--remove"); document.getElementById(post_id+"_load-image-unfavorit").setAttribute("id",post_id+"_load-image-favorit"); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); alert(response.message); } } }); } $(document).on('click', '#delete-comment', function(e) { e.preventDefault(); var t = $(this); var clone = t.clone(); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')); var id = t.attr("data-id"); var holder = $("#comment-text-" + id); if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (! isGood) { return false; } t.html($("<img width='48' height='48' />", { "src": ajax_loader })); $.ajax({ type: "POST", url: "/ajax/delete_comment/", data: {id: id}, dataType: 'json', error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { alert(response.responseJSON.header.description.error); } else { alert(response.responseJSON.header.message); } t.replaceWith(clone); }, success: function (response) { holder.html(success).css({ "color": "red" }); t.html(""); } }); }); $(document).on('click', '#laporkan-link', function(e) { e.preventDefault(); // check login if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } if ( $('#laporkan-box').css('display') == 'none' ) { $('#laporkan-box').show(); } else { $('#laporkan-box').hide(); } }); $(document).on('click', '#laporkan-submit', function(e) { if ( $('#laporkan-text').val() == '' || $('#laporkan-text').val() == null ) { alert("Isi terlebih dahulu alasan anda."); } else { var postId = $(this).attr('data-post'); var text = $('#laporkan-text').val(); var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : {post_id: postId, text: text}, dataType:"json", success: function() { $("#laporkan-box").hide(); $("#laporkan-link").hide(); holder.html($("<span />", { "text": "Laporan Anda berhasil dikirim. Terima kasih." }).css({ "color": "green" })).show(); } }); } }); $(document).on('click', '#delete-reason', function(e){ var form = $(this).attr('data-form'); if(form == 'false') { $('#textarea_alasanhapus').css('display', 'block').slideDown('slow'); $(this).attr('data-form', 'true'); } else { $('#textarea_alasanhapus').css('display', 'none'); $('#alasanhapus').val(''); $(this).attr('data-form', 'false'); } }); $(document).on('click', '#delete-post', function(e){ e.preventDefault(); var t = $(this); var success = t.attr('data-success'); var isGood = confirm(t.attr('data-confirm')+'\nTetap hapus?'); var id = t.attr("data-id"); var holder = $("#holder-tools"); if(cekIsMobile === false){ if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } } if (! isGood) { return false; } holder.html($("<img width='48' height='48' />", { "src": ajax_loader })).show(); $.ajax({ type: "POST", url: "/ajax/delete_post/" + id, dataType: 'json', error: function(response) { holder.html($("<span />", { "text": response.responseText }).css({ "color": "red" })); }, success: function (response) { holder.html($("<span />", { "text": success }).css({ "color": "green" })); } }); }); // submit $(document).on('click', '#sendemail', function(e){ e.preventDefault(); var email= $('input#email').val(); var $this = $(this); if(!email){ alert("Email harus diisi"); $('input#email').focus(); } else if(isWhitespaceOrEmpty(text)) { alert("Email harus diisi"); $('input#email').focus(); } else if(!isEmail){ alert("Email tidak valid"); $('input#email').focus(); } else { $('input#email').attr('readonly','readonly'); $(this).attr('disabled','disabled'); $.ajax({ type: "POST", url: "/newsletter/send_email", data: {email: email}, dataType: 'json', success: function(response){ $('input#email').val(''); $('#message').html(response); console.log(response); alert('Verifikasi telah dikirim, silakan cek email Anda.'); $this.removeAttr('disabled'); $('input#email').removeAttr('readonly'); } }); } }); function isWhitespaceOrEmpty(text) { return !/[^\s]/.test(text); } function isEmail(email) { var regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); } function goToByScroll(id) { if($("#"+id).length){ $('html,body').animate({ scrollTop: $("#"+id).offset().top - 70}, 'slow'); } } function loadReadCounter (e) { var id = e.attr("data-id"); var url = '/ajax/counter/' + id; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { if (typeof(response.read) != "undefined" && response.read !== null) { e.html(addCommas(response.read)).fadeIn(); } } }); } function addCommas(nStr) { nStr += ''; x = nStr.split('.'); x1 = x[0]; x2 = x.length > 1 ? '.' + x[1] : ''; var rgx = /(\d+)(\d{3})/; while (rgx.test(x1)) { x1 = x1.replace(rgx, '$1' + ',' + '$2'); } return x1 + x2; } function loadResponses(el) { el.html($('<img width="48" height="48" />', { src: ajax_loader })); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage') }, beforeSend: function () { el.before('<img loading="lazy" id="loading-image-responses" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); el.before('<div id="remove_responses_loading">Loading...</div>'); }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.css({ color: "red" }).text(error).fadeIn("slow"); }, success: function (response) { $("#loading-image-responses").remove(); $("#remove_responses_loading").remove(); el.removeAttr('align'); el.html(response.view).fadeIn("slow"); } }); } $(document).on("click", "#more-responses", function (e) { e.preventDefault(); var el = $(this); el.unbind('click'); $.ajax({ url: '/ajax/get_responses', type: 'GET', dataType: 'json', data: { post_id: el.attr('data-id'), per_page: el.attr('data-perPage'), offset: el.attr('data-offset'), load_more: true }, error: function (response) { if (typeof response.responseJSON.header.description.error != 'undefined') { error = response.responseJSON.header.description.error; } else { error = response.responseJSON.header.message; } el.bind('click'); alert(error); }, success: function (response) { $("#children-response").append(response.view).fadeIn("slow"); if (response.offset) { el.attr('data-offset', response.offset); el.bind('click'); } else { el.remove(); } } }); }); // run if(cekIsMobile() === false) { loadRating(); loadMoreComments(); } // loadReadCounter($("#post-counter")); // window.onload = function(){ // var current_url = window.location.href; // $.ajax({ // type: "POST", // url: '/ajax/analytic', // data: {data_url: current_url}, // dataType: 'json', // success: function(response) { // $("#post-counter").html(response.pageview); // } // }); // } if(cekIsMobile() === false) { if ($("#responses").length) { loadResponses($("#responses")); } } function inArray(needle, haystack) { var length = haystack.length; for(var i = 0; i < length; i++) { if(haystack[i] == needle) return true; } return false; } // $(window).on('load', function() { setTimeout(function(){ if ($('.fr-instagram').length){ $('.fr-instagram').each(function(i, obj) { $(obj).attr('src', obj.src); }); } }, 3000); }); $(document).ready(function() { //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 4) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } if(cekIsMobile()){ //js photo slider let slidesSmall = $('.slidesSmall'); if (slidesSmall.is(':visible')) { //show arrow $('.slidesArrow__big').addClass('show'); if ((slidesSmall.length) > 3) { //show arrow thumbnail $('.slidesArrow__small').addClass('show'); $('.slidesFlex').addClass('left'); } } } if ($('.fr-instagram').length){ var onload = "$(window).on('message',$.proxy(function(e){if(this.contentWindow!==e.originalEvent.source)return;var obj=$.parseJSON(e.originalEvent.data);if(obj.type==='MEASURE')$(this).height(obj.details.height||500);},this))"; $('.fr-instagram').attr('onload',onload) } var tag = "ruang-kelas"; array_event = ['event', 'blog-competition', 'blog competition', 'blogshop', 'blogtrip', 'drive-and-ride', 'nangkring', 'ngulik', 'rctraveller', 'review', 'unboxing', 'visit', 'coverage', 'seminar nasional', 'kopiwriting', 'akademi', 'perspektif', 'diskusipublik', 'onloc', 'bloggerbucketlist','event komunitas offline', 'event komunitas online','eventkomunitasoffline', 'eventkomunitasonline','event-komunitas-offline', 'event-komunitas-online', 'eventlivestreaming']; if(inArray(tag, array_event)){ var current_url = window.location.href; var url_redirect = "https://event.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_video = ['video']; if(inArray(tag, array_video)){ var current_url = window.location.href; var url_redirect = "https://video.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } array_thr = ['thrkompasiana','ramadan']; if(inArray(tag, array_thr)){ var current_url = window.location.href; var url_redirect = "https://ramadan.kompasiana.com/"; var full_url_redirect = current_url.replace("https://www.kompasiana.com/", url_redirect); window.location.href = full_url_redirect; } $('.slider .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('.slider2 .in').slick({ infinite: true, slidesToShow: 3, slidesToScroll: 3, arrows: true }); $('[data-type="tooltips"]').each(function(){ var sf = $(this).data('text'); $(this).append('<div class="tooltips"><span>'+sf+'</span></div>'); $(this).on('mouseover', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); $(this).on('mouseout', function(e) { e.preventDefault(); $(this).find('.tooltips').toggleClass('tooltips--show'); }); }); if(cekIsMobile() === false) { loadListRating('list-rating'); } document.addEventListener('copy', (e) => { const copy_text = `\n\n\n\nKonten ini telah tayang di Kompasiana.com dengan judul "Ppn 12% Pada Tahun 2025: Kesiapan Indonesia Menuju Sistem Pajak Baru", Klik untuk baca:\n${document.location.href}\n\nKreator: Alifiaputriazahara\n\n\n\nKompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.\n\nTulis opini Anda seputar isu terkini di Kompasiana.com`; e.clipboardData.setData('text', document.getSelection() + copy_text); e.preventDefault(); }); }); function loadMoreResponseMob(type){ var page = $("#page_"+type).val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("load_more_"+type).innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("load_more_"+type).innerHTML = "LOAD MORE"; document.getElementById('page_'+type).value = response.data_array.page; if(type == "pro"){ $("#komentar_pro").append(response.data_array.pro); if(response.data_array.pro == ""){ $("#load_more_pro").hide(); } } else{ $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.kontra == ""){ $("#load_more_kontra").hide(); } } } }); } function loadMoreResponseKontra(){ $('.pro-komentar:hidden').slice(0, 5).show(); var count = $('#kontra-more').attr('data-count'); console.log(count); if (parseInt(count) == $('.pro-komentar:visible').length) { $('.load-more').hide(); } } function loadMoreResponse(){ var page = $("#page_prokontra").val(); var post_id = $("#post_id").val(); var slug_prokontra = $("#slug_prokontra").val(); document.getElementById("loadMoreProKontra").innerHTML = "LOADING"; $.ajax({ type: "GET", url: '/ajax/get_more_pro_kontra', data:{page: page, post_id: post_id, slug_prokontra: slug_prokontra}, dataType: 'json', success: function(response) { document.getElementById("loadMoreProKontra").innerHTML = "LOAD MORE"; document.getElementById('page_prokontra').value = response.data_array.page; $("#komentar_pro").append(response.data_array.pro); $("#komentar_kontra").append(response.data_array.kontra); if(response.data_array.pro == "" && response.data_array.kontra == ""){ $("#loadMoreProKontra").hide(); } } }); } function proOpini() { if(document.getElementById("kontra-input").style.display="block"){ document.getElementById("pro-input").style.display="block"; document.getElementById("kontra-input").style.display="none"; } else{ document.getElementById("pro-input").style.display="block"; } } function kontraOpini() { if(document.getElementById("pro-input").style.display="block"){ document.getElementById("kontra-input").style.display="block"; document.getElementById("pro-input").style.display="none"; } else{ document.getElementById("kontra-input").style.display="block"; } } function tulisChild(type, parent_id) { $("#tulis-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).val(''); $("#input-opini-child-"+type+"-"+parent_id).show(); $("#input-opini-child-"+type+"-"+parent_id).focus(); } function submitResponse(e, topic_id, type, parent_id, recipient_id = null, topic_slug = null) { e = e || window.event; if (e.keyCode == 13) { if(!isKompasianer){ alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (!isActivity) { // check user activity show_activity(); // show user activity return false; } if(parent_id == null || parent_id == ''){ var text = $("#input-opini-"+type).val(); var data = {text: text, topic_id: topic_id, type: type}; } else { var text = $("#input-opini-child-"+type+"-"+parent_id).val(); var data = {text: text, topic_id: topic_id, type: type, parent_id: parent_id, recipient_id: recipient_id, topic_slug: topic_slug}; } if(!text && parent_id == null || !text){ alert("Text harus diisi"); } else if(isWhitespaceOrEmpty(text) && parent_id == null || !text){ alert("text harus diisi"); } else{ if(parent_id == null || parent_id == ''){ $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ if(response.response_code == 200){ if(type == "pro"){ if(cekIsMobile === false){ $('#pro-input').css('display', 'none'); } else{ $("#input-opini-pro").val(''); } $('#showProResp').append(response.view); } else { if(cekIsMobile === false){ $('#kontra-input').css('display', 'none'); } else{ $("#input-opini-kontra").val(''); } $('#showKontraResp').append(response.view); } } else { alert(response.msg) } } }); } else { e = e || window.event; if (e.keyCode == 13) { if(!text){ alert('Opini harus diisi'); } else { $.ajax({ type: "POST", url: "/ajax/post_response", data: data, dataType: 'json', success: function(response){ console.log(response); if(response.response_code == 200){ $("#input-opini-child-"+type+"-"+parent_id).hide(); if(type == "pro"){ $('#showChildPro-'+parent_id).append(response.view); } else { $('#showChildKontra-'+parent_id).append(response.view); } } else { console.log('error'); } } }); } } } } } } /** s: new hapus artikel with warning message */ $(document).on('click','.dropdown-submenu a.btn--hapus', function (e) { e.stopPropagation(); e.preventDefault(); $('.dropdown-submenu > ul').hide(); $(this).next('ul').toggle(); }); $(document).on('click', function () { $('.dropdown-submenu > ul').hide(); }); $(document).on('click','.judul-pelanggaran', function (e) { // handle choose pelanggaran e.preventDefault(); var $this = $(this); // this item $this.removeData(); var judul = $this.data('judul'); // judul pelanggaran var post_title = $('.read-artikel__title > h1').text().trim(); // post title var post_url = window.location.href; // post url var hapus = $this.data('hapus') ? 1 : null; // data hapus ? var berat = $this.data('berat') ? 1 : null; // data hapus ? if(hapus == 1){ var deskripsi = 'Sesuai ketentuan Kompasiana, kami menghapus postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran }else{ var deskripsi = 'Sesuai ketentuan Kompasiana, kami memberi peringatan postingan Anda yang berjudul "'+post_title+'" karena '+$this.data('deskripsi'); // deskripsi pelanggaran } var $modal = $('#form--pelanggaran'); // modal pelanggaran var $judul = $modal.find('input[name="reason"]'); // judul pelanggaran var $post_title = $modal.find('input[name="post_title"]'); // modal post title var $post_url = $modal.find('input[name="post_url"]'); // modal post url var $deskripsi = $modal.find('textarea'); // judul deskripsi var $hapus = $modal.find('input[name="hapus"]'); // input hapus ? var $berat = $modal.find('input[name="berat"]'); // input hapus ? $judul.val(judul); // set judul $post_title.val(post_title); // set post title $post_url.val(post_url); // set post url $deskripsi.val(deskripsi); // set deskripsi $hapus.val(hapus); // set hapus $berat.val(berat); }); $(document).on('submit', '#form--pelanggaran', function (e) { // handle submit form pelanggaran e.preventDefault(); $this = $(this); // this form data = $this.serializeArray(); // form data action = $this.attr('action'); // form action ajax = { // ajax config url: action, type: 'POST', data: data, success: function (res) { var res = JSON.parse(res); alert(res.message); // console.log(res); if (res.status != 'ok') { // check status return false; } window.location.reload(); }, error: function (xhr) { console.log(xhr) } }; $.ajax(ajax); // do ajax }); // mobile script $(document).on('click','.dropdown', function () { $("#form-hapus").removeClass("in"); }); /** e: new hapus artikel with warning message */ // trigger click .edit-komentar $(document).on('click', '.edit-komentar', function (e) { e.preventDefault(); var $this = $(this); // this button var $parent = $this.parent(); // parent var $container = $('#container-edit-komentar'); // container form var $form = $container.find('form:first'); // form var id = $this.data('comment_id'); // comment id var text = $parent.parent().find('.komentar-text:first').text(); // comment text $form.find('input[name="id"]').val(id); // set id $form.find('textarea[name="text"]').val(text); // set text if ($parent.next().is($container) && $container.is(':visible')) { // check visible $container.slideUp(); } else { $container.insertAfter($parent).hide().slideDown(); // append parent } }); </script> <script> ////////////////////////////////// TAGGING //////////////////////////////////// // tagging show more let tagParent = document.querySelector('.mob-tagging'); if(!!tagParent) { let tagWrap = document.querySelector('.mob-tagging__items'); let tagHeight = tagWrap.offsetHeight; if(tagHeight>78) { let tagMore = document.createElement('button'); tagMore.className = 'mob-tagging__more'; tagMore.append('Selengkapnya'); tagParent.appendChild(tagMore) // let tagMore = document.querySelector('.mob-tagging__more'); if(!!tagMore) { // tagMore.classList.remove('-hide'); tagMore.addEventListener('click', function(){ taggingMore(tagParent, tagMore) }); } // tagMore.style.display = 'block'; // tagWrap.style.maxHeight = '78px' } } function taggingMore(tagParent, tagMore) { tagParent.style.maxHeight = '100%'; tagMore.classList.add('-hide'); return false; } </script>  <script type="text/javascript"> !(function() { var time = new Date().getTime(); $(document.body).bind('mousemove keypress', function(e) { time = new Date().getTime(); }); function refresh() { if (new Date().getTime() - time >= 900000) { // 15 Menit window.location.reload(true); } else { setTimeout(refresh, 10000); } } setTimeout(refresh, 10000); })(); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/js/dev/main.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2024/www/js/sso_g_signin_fedcm_nk.min.js?v=2"></script> <script defer src="https://asset.kompas.com/data/2021/sso/js/additional.min.js?v=518"></script> <script defer src="https://assets.kompasiana.com/statics/widget/sso_personalisasi_nk.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2023/08/30/sso/js/extender.min.js?v=518"></script> <script defer src="https://asset.kompas.com/data/2022/sso/js/ssouser.min.js?v=518"></script> <script async src="https://cdn.oval.id/tracker/p/kompasiana/oval_web_analytics_latest.js"></script> <script async type="text/javascript" src="https://assets.kompas.com/data/2023/sso/js/sdk-cookie-consent-v2.js"></script> <script> function setCookie(name, value, days) { var expires = ""; if (days) { var date = new Date(); date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000)); expires = "; expires=" + date.toUTCString(); } document.cookie = name + "=" + (value || "") + expires + "; domain=.kompasiana.com; path=/"; } function getCookie(cname) { let name = cname + "="; let decodedCookie = decodeURIComponent(document.cookie); let ca = decodedCookie.split(';'); for(let i = 0; i <ca.length; i++) { let c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> if ('serviceWorker' in navigator) { navigator.serviceWorker.register('/sw-kompasiana.js', { scope: '/sw-kompasiana' // <--- THIS BIT IS REQUIRED }).then(function(registration) { // Registration was successful console.log('ServiceWorker Kompasiana registration successful with scope: ', registration.scope); }, function(err) { // registration failed :( console.log('ServiceWorker Kompasiana registration failed: ', err); }); } </script>  <script> $(document).on('click', '.postRibbon', function(e){ if (!isKompasianer) { $('.reportbtnMenu').hide(); $('.reportpopup').hide(); alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } }); $(document).on('click', '.btnReportKonten', function(e){ $('#word_alasan').text('Alasan'); $('#laporkan-text-new').attr("placeholder", "Tulis Alasan Anda ..."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').show(); $('#listChoiceReasonUser').hide(); $('#laporkan-submit-new').attr('data-post',$(this).attr('data-post')); $('#laporkan-submit-new').attr('data-type', 'konten'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '.btnReportAkun', function(e){ $('#word_alasan').text('Sertakan Bukti'); $('#laporkan-text-new').attr("placeholder", "Masukkan link konten spam, hate speech, atau bukti lain."); $('#laporkan-text-new').val(""); $('input[name="radio_reason"]:checked').removeAttr("checked"); $('#listChoiceReasonKonten').hide(); $('#listChoiceReasonUser').show(); $('#laporkan-submit-new').attr('data-user',$(this).attr('data-user')); $('#laporkan-submit-new').attr('data-type', 'akun'); $('.-reportlanjut').removeClass('active'); }); $(document).on('click', '#laporkan-submit-new', function(e) { $('#msgreport').html('') if ( $('input[name="radio_reason"]:checked').attr('data-reason') == '' || $('input[name="radio_reason"]:checked').attr('data-reason') == null ) { alert("Pilih terlebih dahulu alasan anda."); $(".reportpopupMessage").hide(); $('.reportpopup').show(); } else { var text = $('#laporkan-text-new').val(); var reason = $('input[name="radio_reason"]:checked').attr('data-reason'); if($(this).attr('data-type') == 'konten'){ var postId = $(this).attr('data-post'); var data = {post_id: postId, text: text, reason: reason} }else{ var channelIssuedId = $(this).attr('data-user'); var data = {channel_issued_id: channelIssuedId, text: text, reason: reason} } var holder = $("#holder-tools"); $("#laporkan-loading").show(); $("#laporkan-submit-new").hide(); $(".reportpopupMessage").hide(); $.ajax({ type:"POST", url :"/ajax/issued_post", data : data, dataType:"json", success: function(res) { $("#laporkan-loading").hide(); $('.reportpopup').hide(); $("#laporkan-submit-new").show(); if(res.error !== undefined){ $('#msgreport').html(res.error) }else{ $('#msgreport').html(res.msg) } $(".reportpopupMessage").show(); } }); } }); function new_favorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").show(); // unfavorit $("#"+narativId+"_favorit").parent().addClass('-marked'); document.getElementById(narativId+"_favorit").setAttribute("onclick","new_unfavorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_favorit").setAttribute("id",narativId+"_unfavorit"); } }); } } function new_unfavorit_narativ(narativId){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $('#msgreport').html("Loading...") $(".reportpopupMessage").show(); $("#"+narativId+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_narativ", data : {narativId: narativId, status:'remove'}, dataType:"json", success: function(response) { $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+narativId+"_unfavorit").show(); // favorit $("#"+narativId+"_favorit").parent().removeClass('-marked'); document.getElementById(narativId+"_unfavorit").setAttribute("onclick","new_favorit_narativ('"+narativId+"')"); document.getElementById(narativId+"_unfavorit").setAttribute("id",narativId+"_favorit"); } }); } } function new_favorit(post_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_favorit").hide(); $.ajax({ type:"POST", url :"/ajax/favorite_artikel", data : {post_id: post_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_favorit").show(); // unfavorit $("#"+post_id+"_favorit").parent().addClass('-marked'); document.getElementById(post_id+"_favorit").setAttribute("onclick","newun_favorit('"+response.post_id+"','"+response.favorita_id+"')"); document.getElementById(post_id+"_favorit").setAttribute("id",post_id+"_unfavorit"); } }); } } // newun_favorit function newun_favorit(post_id, favorit_id){ if (!isKompasianer) { alert('Anda harus login terlebih dahulu!'); redirectLogin(); return; } else { var img = ajax_loader; $("#"+post_id+"_load-image-favorit").html("Loading...").show(); $("#"+post_id+"_unfavorit").hide(); $.ajax({ type:"POST", url :"/ajax/un_favorite_artikel", data : {post_id: post_id, favorit_id: favorit_id}, dataType:"json", success: function(response) { $("#"+post_id+"_load-image-favorit").hide(); $('#msgreport').html(response.message); $(".reportpopupMessage").show(); $("#"+post_id+"_unfavorit").show(); // favorit $("#"+post_id+"_unfavorit").parent().removeClass('-marked'); document.getElementById(post_id+"_unfavorit").setAttribute("onclick","new_favorit('"+post_id+"')"); document.getElementById(post_id+"_unfavorit").setAttribute("id",post_id+"_favorit"); } }); } } function close_msg(){ $(".reportpopupMessage").hide(); } $('.reportpopupContent').click(function() { if($('input[type="radio"]').is(':checked')) { $('.-reportlanjut').addClass('active'); } }); $(document).on('click', '#send-article', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write', {tags_topic : tags}); }); </script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/widget-experiment.min.js?v=518"></script> <script defer src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/script-narativ.min.js?v=518"></script>  <div class="popup__overlay" data-popup="left" id="pver"> <div class="popupContent align-center text-center"> <div class="popupContent__wrap"> <button class="popupClose" aria-label="Close Popup" data-popup-button="dismiss">×</button> <div class="popupImage"> <span class="icon-verif"></span> </div> <div class="popupContent__title">Akun Terverifikasi</div> <div class="popupContent__body"> Diberikan kepada Kompasianer aktif dan konsisten dalam membuat konten dan berinteraksi secara positif. </div> <a href="https://www.kompasiana.com/kompasiana/63aa5d517bda02428d4f8c95/kriteria-terbaru-verifikasi-biru-kompasiana" class="popupContent__cta mt10">Pelajari selanjutnya.</a> </div> </div> </div>  <script type="text/javascript"> // s:popup verifikasi // let icoo = document.querySelectorAll('.-tver') // if (!!icoo) { // icoo.forEach(function (item) { // item.addEventListener('click', function (e) { // showModals(this) // e.preventDefault() // }) // }) // } $(document).on('click','.-tver',function(e){ e.preventDefault(); showModals(this) }); document.addEventListener('click', function (e) { if (e.target.matches('.popupClose')) { let ss = document.querySelectorAll('.popup__overlay') if (!!ss) { ss.forEach(function (item) { ss.forEach(el => el.classList.remove('active')); }) } e.preventDefault() } }); function showModals(targt) { var cl = document.getElementById('pver'); if (!!targt) { if (!!cl) { var fc = targt.parentElement; let jk = fc.querySelector('.popup__overlay') if (!!jk) { jk.remove() } var ox = cl.cloneNode(true); fc.appendChild(ox); fc.querySelector('.popup__overlay').classList.add('active'); } else { console.log('unknown modal target'); return; } } else { console.log('template modals not found'); return; } } // e:popup verifikasi function wa_share(title,url) { url = url+'?utm_source=Whatsapp&utm_medium=Refferal&utm_campaign=Sharing_Desktop'; u = url; t = title; window.open('https://api.whatsapp.com/send?text='+encodeURIComponent(t)+'%0a %0a'+encodeURIComponent(u),'sharer','toolbar=0,status=0,width=626,height=436');return false; } </script> <script> $(document).ready(function() { $(document.body).on('touchmove', onScroll_do_sidebar); // for mobile $(window).bind('scroll', onScroll_do_sidebar); }); function onScroll_do_sidebar(){ if ($("#populer-rekom-base").length > 0) { if ($(window).scrollTop() >= $("#populer-rekom-base").position().top) { // remove div $('#populer-rekom-base').remove(); get_populer_rekom() } } if ($("#trending-base").length > 0) { if ($(window).scrollTop() >= $("#trending-base").position().top) { // remove div $('#trending-base').remove(); get_other_sidebar() } } // if ($("#ramadan-pakar-base").length > 0) { // if ($(window).scrollTop() >= $("#ramadan-pakar-base").position().top) { // // remove div // $('#ramadan-pakar-base').remove(); // get_ramadan_pakar() // } // } if ($("#topik-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#topik-pilihan-base").position().top) { // remove div $('#topik-pilihan-base').remove(); get_topik_pilihan() } } if ($("#topik-kkn-base").length > 0) { if ($(window).scrollTop() >= $("#topik-kkn-base").position().top) { // remove div $('#topik-kkn-base').remove(); get_topik_kkn() } } if ($("#series-pilihan-base").length > 0) { if ($(window).scrollTop() >= $("#series-pilihan-base").position().top) { // remove div $('#series-pilihan-base').remove(); get_series_pilihan() } } if ($("#isu-terkini-base").length > 0) { if ($(window).scrollTop() >= $("#isu-terkini-base").position().top) { // remove div $('#isu-terkini-base').remove(); get_isu_terkini() } } if ($("#kompasiana-arena-base").length > 0) { if ($(window).scrollTop() >= $("#kompasiana-arena-base").position().top) { // remove div $('#kompasiana-arena-base').remove(); get_arena() } } if ($("#tren-pekan-base").length > 0) { if ($(window).scrollTop() >= $("#tren-pekan-base").position().top) { // remove div $('#tren-pekan-base').remove(); get_tren_pekan() } } if ($("#kgnow-widget-base").length > 0) { if ($(window).scrollTop() >= $("#kgnow-widget-base").position().top) { // remove div $('#kgnow-widget-base').remove(); get_kgnow_widget() } } if ($("#read-kgnow-base").length > 0) { if ($(window).scrollTop() >= $("#read-kgnow-base").position().top) { // remove div $('#read-kgnow-base').remove(); get_kgnow_read() } } if ($("#sorot_div_base").length > 0) { if ($(window).scrollTop() >= $("#sorot_div_base").position().top) { $('#sorot_div_base').remove(); get_sorot(); } } if ($("#komunitas_pilihan_base").length > 0) { if ($(window).scrollTop() >= $("#komunitas_pilihan_base").position().top) { $('#komunitas_pilihan_base').remove(); get_komunitas_pilihan(); } } } var load_get_sorot = false; function get_sorot(){ if (load_get_sorot == false) { load_get_sorot = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_sorot", success: function(res) { data = JSON.parse(res); $('#sorot_div').after(data['sorot']); $('#sorot_div').remove(); }, error : function(e) { console.log(e); } }); } } var load_get_populer_rekom = false; function get_populer_rekom(){ if (load_get_populer_rekom == false) { load_get_populer_rekom = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_popular_rekom", data: {view_data: location.pathname.substring(1), view_type: 'desktop'}, beforeSend: function() { $('#populer_rekom').before('<img loading="lazy" id="loading-image-populer-rekom" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#populer_rekom').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-populer-rekom").remove(); $('#populer_rekom').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_ramadan_pakar = false; function get_ramadan_pakar(){ if (load_get_ramadan_pakar == false) { load_get_ramadan_pakar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_ramadan_pakar", data: {show: 'read'}, success: function(res) { data = JSON.parse(res); $('#ramadan-pakar-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_topik_pilihan = false; function get_topik_pilihan(){ if (load_get_topik_pilihan == false) { load_get_topik_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_topik_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-pilihan-body').html(data); $('#topilslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_topik_kkn = false; function get_topik_kkn(){ if (load_get_topik_kkn == false) { load_get_topik_kkn = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_topik_kkn", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#topik-kkn-body').html(data); $('#topilkknslide').slick({infinite: true,speed: 300,slidesToShow: 3,slidesToScroll: 3,centerMode: false,arrow: true,dots: false,cssEase: 'linear',variableWidth: true}); }, error : function(e) { console.log(e); } }); } } var load_get_series_pilihan = false; function get_series_pilihan(){ if (load_get_series_pilihan == false) { load_get_series_pilihan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#series-pilihan-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:3,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear"}); }, error : function(e) { console.log(e); } }); } } var load_get_isu_terkini = false; function get_isu_terkini(){ if (load_get_isu_terkini == false) { load_get_isu_terkini = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_isu_terkini", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#isu-terkini-body').html(data); $(".hs__widget").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_arena = false; function get_arena(){ if (load_get_arena == false) { load_get_arena = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_arena", data: {read: "1"}, beforeSend: function() { $('#kompasiana-arena-body').before('<img loading="lazy" id="loading-image-arena-ajax" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#kompasiana-arena-body').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-arena-ajax").remove(); $('#kompasiana-arena-body').html(''); if(data){ $('#kompasiana-arena-body').html(data); $.getScript('https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/js/kuis.min.js?v=518', function() {}); }else{ $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_series_pilihan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); // $('.video-box-wrap').css('margin-top',120); $('#kompasiana-arena-body').before('<link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ-slider.min.css?v=518" rel="stylesheet"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="preload" as="style"><link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style-narativ.min.css?v=518" rel="stylesheet">'); $('#kompasiana-arena-body').html(data); $("#naraslide").slick({infinite:!1,speed:300,slidesToShow:3,slidesToScroll:1,centerMode:!1,arrow:!0,dots:!1,cssEase:"linear",variableWidth:!0}); }, error : function(e) { console.log(e); } }); } }, error : function(e) { console.log(e); } }); } } var load_get_tren_pekan = false; function get_tren_pekan(){ if (load_get_tren_pekan == false) { load_get_tren_pekan = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_tren_pekan", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#tren-pekan-body').html(data); $(".hs__widget_tren").slick({infinite:!1,speed:300,slidesToShow:3,centerMode:!1,arrow:!0,dots:!0}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_widget = false; function get_kgnow_widget(){ if (load_get_kgnow_widget == false) { load_get_kgnow_widget = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_home_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#kgnow-widget-body').html(data); $(".js-videoKGSlider").slick({infinite: false,slidesToShow: 4,slidesToScroll: 1,arrows: true,}); }, error : function(e) { console.log(e); } }); } } var load_get_kgnow_sidebar = false; function get_kgnow_read(){ if (load_get_kgnow_sidebar == false) { load_get_kgnow_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_read_kgnow", data: {show: 'y'}, success: function(res) { data = JSON.parse(res); $('#read-kgnow-body').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_other_sidebar = false; function get_other_sidebar(){ if (load_get_other_sidebar == false) { load_get_other_sidebar = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'trending', view_type: 'desktop'}, beforeSend: function() { $('#trending_place').before('<img loading="lazy" id="loading-image-trending" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#trending_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-trending").remove(); $('#trending_place').html(data); }, error : function(e) { console.log(e); } }); $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_others_sidebar", data: {view_data: 'terbaru', view_type: 'desktop'}, beforeSend: function() { $('#terbaru_place').before('<img loading="lazy" id="loading-image-terbaru" src="https://assets-a1.kompasiana.com/statics/kompasiana2015/images/loader-small.svg" width="64" height="64" style="margin-top:10px;" />'); $('#terbaru_place').html('Loading...'); }, success: function(res) { data = JSON.parse(res); $("#loading-image-terbaru").remove(); $('#terbaru_place').html(data); }, error : function(e) { console.log(e); } }); } } var load_get_komunitas = false; function get_komunitas_pilihan(){ if (load_get_komunitas == false) { load_get_komunitas = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/xajax/get_komunitas_pilihan", success: function(res) { data = JSON.parse(res); $('#komunitas_pilihan').after(data['komunitas_pilihan']); $('#komunitas_pilihan').remove(); }, error : function(e) { console.log(e); } }); } } </script> <script> $(document).on('click', '#send-article-topic', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url+channel+'/dashboard/write?source_from=topic', {tags_topic : tags}); }); $(document).on('click', '.send-cerita-pemilih', function(e){ e.preventDefault(); var $t = $(this); var tags = $(this).data('tags'); var channel = $(this).data('channel'); if(!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } $.redirect(base_url + channel+'/dashboard/write?source_from=cerita-pemilih', {tags_topic : tags}); }); $(document).ready(function () { $('.cerpemVotewidget__itemVotebar').each(function () { $(this).find('.Votebar__wrap').animate({ height: $(this).attr('data-percent') }, 3000); }); $(".thismonthContent").slick({ infinite: !0, slidesToShow: 5, slidesToScroll: 1, arrows: true, variableWidth: true, }); $('#video_cerita_pemilih').slick({ infinite: true, speed: 300, slidesToShow: 3, slidesToScroll: 3, centerMode: false, arrow: true, dots: false, cssEase: 'linear', variableWidth: true }); }); </script> <script> // Function to show the popup function showPopup() { const popup = document.querySelector('.popup'); popup.classList.add('popup--open'); } // Function to hide the popup function hidePopup() { const popup = document.querySelector('.popup'); popup.classList.remove('popup--open'); }; // Add event listeners to all trigger elements document.querySelectorAll('.-openPopup').forEach(button => { button.addEventListener('click', showPopup); }); // Using event delegation on the body or popup container document.querySelector('.popup').addEventListener('click', function (event) { // Prevent the popup close when clicking inside the popup (use stopPropagation) if (event.target.classList.contains('-closePopup')) { event.stopPropagation(); // Prevent event from bubbling up hidePopup(event); } }); </script> </body> </html>