CINXE.COM

<!DOCTYPE html> <html lang="id"> <head> <script> var arr_edit_url = []; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ "title": "Halaman Artikel Profil DUTA INOVATIF INDONESIA - Kompasiana.com", "url": "https://www.kompasiana.com/dutivid5569", "content_category": "dutivid5569", "content_subcategory": "", "content_id": "", "content_location": "ID", "content_type": "article", "content_PublishedDate": "2024-11-26T05:44:40+0700", "content_author": "Kompasiana.com", "content_level": "", "content_art_length": "", "content_shorturl": "", "content_authorstatus": "", "content_author_id": "", "content_lipsus": "", "content_tag": "kompasiana", "content_tags": "kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini", "content_total_words": "" }); </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" content="Lihat Profil dan Baca Artikel Terbaru DUTA INOVATIF INDONESIA Blogger di Kompasiana.com"> <meta name="content_tags" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini" /> <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="Halaman Artikel Profil DUTA INOVATIF INDONESIA - Kompasiana.com" /> <meta property="og:url" content="https://www.kompasiana.com/dutivid5569" /> <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" /> <meta name="adx:sections" content="" /> <meta name="content_category" content="dutivid5569" /> <meta name="content_subcategory" content="" /> <meta name="content_location" content="ID" /> <meta name="content_type" content="article" /> <meta name="content_PublishedDate" content="" /> <meta name="content_author" content="Kompasiana.com" /> <meta name="content_level" content="" /> <meta name="content_source" content="" /> <meta name="content_tag" content="" /> <meta name="content_total_words" content="" /> <meta name="keywords" content="kompasiana, kompas, jurnalisme warga, media warga, citizen journalism, citizen media, sharing, connecting, blogger, blog, media opini"> <meta property="og:image" content="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/images/previewlink.jpg" /> <meta property="og:type" content="website" /> <title>Halaman Artikel Profil DUTA INOVATIF INDONESIA - 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/dutivid5569"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebSite", "url": "https://www.kompasiana.com/", "potentialAction": { "@type": "SearchAction", "target": "https://www.kompasiana.com/search_artikel?q={search_term_string}", "query-input": "required name=search_term_string" } } </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "Organization", "url": "https://www.kompasiana.com/", "logo": "https://assets-a1.kompasiana.com/statics/kompasiana2015/images/logo-kompasiana-beta.png", "sameAs" : [ "https://www.facebook.com/KOMPASIANAcom", "https://www.twitter.com/kompasiana", "https://instagram.com/kompasianacom" ] } </script>    <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid-dashboard.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/css/bootstrap-datepicker.min.css?v=518" rel="preload" as="style">  <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css/style.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/style-paid-dashboard.min.css?v=518" rel="stylesheet"> <link href="https://assets-a1.kompasiana.com/statics/2018_kompasiana/desktop/css/bootstrap-datepicker.min.css?v=518" rel="stylesheet"> <style type="text/css"> .artikel{width:100%}#load-image-channel{margin-top:25px}#index_channel{clear:both;display:block;overflow:visible}.edit-foto-pic{color:#fff}#avatar-preview{width:184px;height:184px;background:#494949}.profil-cover .photo .user-img{height:auto}#cover-upload{display:none}.selectize-control.multi::before{-moz-transition:opacity .2s;-webkit-transition:opacity .2s;transition:opacity .2s;content:' ';z-index:2;position:absolute;display:block;top:12px;right:34px;width:16px;height:16px;background:url(http://assets-a1.kompasiana.com/statics/kompasiana2015/images/loading-small.gif) 0 0/16px 16px;opacity:0}.selectize-control.multi.loading::before{opacity:1}table{border-spacing:0;border-collapse:collapse}td,th{padding:5px} </style> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/tailselect.min.css?v=518" rel="preload" as="style"> <link href="https://assets-a1.kompasiana.com/statics/2019_kompasiana/desktop/css_dev/tailselect.min.css?v=518" rel="stylesheet">  <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 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 > <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> <span class="page_position" data-position="profile" data-profile="dutivid5569" data-menu="latest" data-channel='eyJkYXRhIjp7ImNvdmVyIjp7ImRhdGEiOnsidXJsIjp7InBhdGgiOiJcL2ltYWdlc1wvY292ZXJcL3RjcC1kdXRpdi0xLTY3NDQ4ZjIzYzkyNWM0MTg1OTQ4MWIxMy5wbmcifX19LCJhdmF0YXIiOnsiZGF0YSI6eyJ1cmwiOnsicGF0aCI6IlwvaW1hZ2VzXC9hdmF0YXJcL2Rlc2Fpbi10YW5wYS1qdWR1bC0yLTY3NDQ4Y2JhZWQ2NDE1MWI5OTU3OWExMi5wbmcifX19LCJpZCI6IjY3NDQ4YzJiYzkyNWM0NjBmNTQzNTYyNCIsImtvbXBhc2RhdGEiOnsiZGF0YSI6eyJmdWxsX25hbWUiOiJEVVRBIElOT1ZBVElGIElORE9ORVNJQSIsImRlc2NyaXB0aW9uIjoiQnkgWW91dGggSWRlYSBDb21tdW5pdHkgKFlJQykgSW5kb25lc2lhIn19LCJ2ZXJpZnkiOnsiZGF0YSI6eyJuYW1lIjoidmVyaWZpZWQifX19fQ=='></span> <div class="profil-cover mb20"> <span id="profile_cover"></span> </div>  <div class="container"> <div class="profil-content row mt40">  <div class="leftside col-lg-4 col-md-4 col-sm-4 col-xs-4 mt40"> <div class="title-dash"> <span>Profil</span> </div> <div class="poin"> <div class="poin-wrap"> <a href="#" data-toggle="modal" data-target="#pangkat-info"> <img class="poin-ico" loading="lazy" src="https://assets-a1.kompasiana.com/items/achievement/debutan-1505727469.png?t=t&v=64&x=64"> <span class="poin-pangkat"><b>Debutan</b></span> </a> </div> <div class="poin-total mt10"><b>105</b> Poin</div> </div> Duta Inovatif Indonesia adalah Program dari Youth Idea Community (YIC) Indonesia yang dibuat bertujuan untuk menjadi tempat anak muda dalam Berkolaborasi dan Berinovasi melalui Pembuatan “Konten” di Media Sosial dan Pelaksanaan “Sosial Project”. Duta Inovatif Indonesia terpilih akan melaksanakan masa Penugasan 80% secara online dengan bertugas dalam membuat “Konten Digital” untuk Media Sosial serta akan berlangsung selama 3 Bulan. Adapun misi wajib dalam pembuatan “Konten Digital” ini terbagi kedalam 4 Program Utama Duta Inovatif Indonesia yaitu : Inovatif Berliterasi, Inovatif Sosial Media, Inovatif Digital Campaign, dan Inovatif Jurnalistik. Selain melaksanakan aktivitas online, Duta Inovatif Indonesia Terpilih juga akan melaksanakan 20% penugasan secara offline. Penugasan offline dilaksanakan menjelang periode akhir masa penugasan dalam bentuk aktivitas “Sosial Project” sebagai 1 Program Wajib Duta Inovatif Indonesia (Final Assigenment). Penugasan offline dilaksanakan di lingkungan masing-masing Duta Inovatif Indonesia Terpilih (tidak mobilisasi ke Provinsi/Daerah lain). <div class="join mt20 mb20">Bergabung 25 November 2024</div>  <div class="title-dash"> <span>Statistik</span> </div> <div class="clearfix"> <div class="statistik__box" title="Artikel"> <div class="statistik__box--icon"> <svg class="icon icon-article"><use xlink:href="#icon-article"></use></svg> </div> <div class="statistik__box--text"> 1 </div> </div> <div class="statistik__box" title="Dibaca"> <div class="statistik__box--icon"> <svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg> </div> <div class="statistik__box--text"> 27 </div> </div> <div class="statistik__box" title="Komentar"> <div class="statistik__box--icon"> <svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg> </div> <div class="statistik__box--text"> 0 </div> </div> <div class="statistik__box" title="Nilai"> <div class="statistik__box--icon"> <svg class="icon icon-nilai"><use xlink:href="#icon-nilai"></use></svg> </div> <div class="statistik__box--text"> 0 </div> </div> <div class="statistik__box" title="Headline"> <div class="statistik__box--icon"> <svg class="icon icon-headline"><use xlink:href="#icon-headline"></use></svg> </div> <div class="statistik__box--text"> 0 </div> </div> <div class="statistik__box" title="Pilihan"> <div class="statistik__box--icon"> <svg class="icon icon-pilihan"><use xlink:href="#icon-pilihan"></use></svg> </div> <div class="statistik__box--text"> 0 </div> </div> </div> <div class="following-box mt20 clearfix"> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://www.kompasiana.com/dutivid5569/followers">FOLLOWERS<span>0</span></a></div> <div class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><a href="https://www.kompasiana.com/dutivid5569/following">FOLLOWING<span>0</span></a></div> </div> <div class="socmed clearfix"> <span class="socmed-ig"><a href="https://www.instagram.com/dutainovatif.indonesia/"><svg class="icon icon-ig"><use xlink:href="#icon-ig"></use></svg></a></span> <span class="socmed-yt"><a href="www.youtube.com/@dutainovatif.indonesia"><svg class="icon icon-yt"><use xlink:href="#icon-yt"></use></svg></a></span> <span class="socmed-ln"><a href="https://www.linkedin.com/company/youth-idea-community-est2023/"><svg class="icon icon-linkedin"><use xlink:href="#icon-linkedin"></use></svg></a></span> <span class="socmed-tk"><a href="http://tiktok.com/@dutainovatif.indonesia"><svg class="icon icon-tiktok"><use xlink:href="#icon-tiktok"></use></svg></a></span> </div>  <h2 class="title-dash">Label Populer</h2> <ul class="trending-box mb20 clearfix"> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ilmusosbud">ilmusosbud</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/halolokal">halolokal</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ruangkelas">ruangkelas</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/guru">guru</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/indonesia">indonesia</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/ilmualamtekno">ilmualamtekno</a></h3></li> <li class="trending-box--item"><h3><a href="https://www.kompasiana.com/tag/anak">anak</a></h3></li> </ul>  <div id="group-following-base"> </div> <div id="group-following-body"> </div> </div>   <div class="rightside col-lg-8 col-md-8 col-sm-8 col-xs-8 mt20">  <span id="profile_navbar"></span>  <div class="profil-menu pull-right clearfix mt10"> <form action="javascript:void(0)"> <select name="rubrik_list" id="rubrik_list" form="rubrik" class="rubrik_list cs-select cs-sort"> <option value="Categories">Semua Kategori</option> <option value='Game Changer'>Game Changer</option><option value='Cerita Pemilih'>Cerita Pemilih</option><option value='Fiksiana'>Fiksiana</option><option value='Halo Lokal'>Halo Lokal</option><option value='Humaniora'>Humaniora</option><option value='Inovasi'>Inovasi</option><option value='Lyfe'>Lyfe</option><option value='Money'>Money</option><option value='New World'>New World</option><option value='Olahraga'>Olahraga</option><option value='Ruang Kelas'>Ruang Kelas</option><option value='Travel Story'>Travel Story</option><option value='Video'>Video</option><option value='Vox Pop'>Vox Pop</option> </select> <select name="tahun_list" id="tahun_list" form="tahun" class="tahun_list cs-select cs-sort"> <option value="Years" selected>Semua Tahun</option> <option value='2024'>2024</option><option value='2023'>2023</option><option value='2022'>2022</option><option value='2021'>2021</option><option value='2020'>2020</option><option value='2019'>2019</option><option value='2018'>2018</option><option value='2017'>2017</option><option value='2016'>2016</option><option value='2015'>2015</option><option value='2014'>2014</option><option value='2013'>2013</option><option value='2012'>2012</option><option value='2011'>2011</option><option value='2010'>2010</option><option value='2009'>2009</option><option value='2008'>2008</option> </select> <select name="bulan_list" id="bulan_list" form="bulan" class="bulan_list cs-select cs-sort"> <option value="Months" selected>Semua Bulan</option> <option value="1">Januari</option> <option value="2">Februari</option> <option value="3">Maret</option> <option value="4">April</option> <option value="5">Mei</option> <option value="6">Juni</option> <option value="7">Juli</option> <option value="8">Agustus</option> <option value="9">September</option> <option value="10">Oktober</option> <option value="11">November</option> <option value="12">Desember</option> </select> <select name="type_list" id="type_list" form="type" class="type_list cs-select cs-sort"> <option value="all" selected>Semuanya</option> <option value="headline">Headline</option> <option value="highlight">Highlight</option> </select> <button class="profil-show-btn" id="filter_user" data-channel="dutivid5569" data-perpage="5" data-page="2" onclick="filterPostUser('top')">TAMPILKAN</button> </form> </div>   <div class="artikel-data" id="index_channel" > <div id="users_posts"> <div class="timeline--item timeline--artikel " id="item_6744a2aeed6415302c4db342"> <div class="timeline__ribbon" title="Tambahkan ke Favorit" id="button_6744a2aeed6415302c4db342"> <div id="6744a2aeed6415302c4db342_load-image-favorit" style="font-size:14px; color:grey;"></div> <a href="javascript:void(0)" id="6744a2aeed6415302c4db342_favorit" onclick="new_favorit('6744a2aeed6415302c4db342')">+</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="6744a2aeed6415302c4db342">Laporkan Konten</div> <div class="reportbtnMenu__item -reportAkun btnReportAkun postRibbon" data-user="67448c2bc925c460f5435624">Laporkan Akun</div> </div> </div> <div class="artikel"> <div class="artikel--img"> <a href="https://www.kompasiana.com/dutivid5569/6744a2aeed6415302c4db342/abdulah-alwasili-inisiator-di-balik-program-youth-idea-community-yic-indonesia"><img loading="lazy" src="https://assets-a1.kompasiana.com/items/album/2024/11/26/picma-3753726-1703580805136-6744af5034777c1afd40f962.jpg?t=o&v=410"></a> </div> <div class="artikel--content"> <div class="thumb-user clearfix"> <div class="user-img mr10"> <a href="https://www.kompasiana.com/dutivid5569"><img loading="lazy" src="https://assets-a1.kompasiana.com/images/avatar/desain-tanpa-judul-2-67448cbaed64151b99579a12.png?t=t&v=40&x=40"></a> </div> <div class="user-box col-lg-12 col-md-12 col-sm-12 col-xs-12"> <a href="https://www.kompasiana.com/dutivid5569">DUTA INOVATIF INDONESIA </a> <div class="date-box"> 25 November 2024 | 6 jam lalu </div> </div> </div> <h2><a href="https://www.kompasiana.com/dutivid5569/6744a2aeed6415302c4db342/abdulah-alwasili-inisiator-di-balik-program-youth-idea-community-yic-indonesia">Abdulah Alwasili, Inisiator di Balik Program Youth Idea Community (YIC) Indonesia</a></h2>  </div> </div> <div class="artikel-foot clearfix"> <div class="artikel--left artikel--tag"><span>Pendidikan</span></div> <div class="artikel--right artikel--count" id="show_e_6744a2aeed6415302c4db342"> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-dibaca"><use xlink:href="#icon-dibaca"></use></svg></div> 31</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-like"><use xlink:href="#icon-like"></use></svg></div>0</div> <div class="artikel--count__item"><div class="icon"><svg class="icon icon-comment"><use xlink:href="#icon-comment"></use></svg></div>0</div> </div> </div> <div class="holder-tools" style="display:none;"></div> </div> </div> </div> <div class="text-center mt20 mb20"> <div id="load-image-channel"></div> <div id="button_load_more"> <div class="more-stories text-center mt20"><a data-channel="dutivid5569" data-perpage="5" data-page="2" data-holder="index_channel" data-status="published" id="load-more-filter-posts" onclick="filterPostUser('load_more')" class="load-more" href="javascript:void(0)">Load More</a></div> </div> </div> <script> var get_edit_url = "6744a2aeed6415302c4db342"; var arr_edit_url = get_edit_url.split(","); </script> </div>  </div> </div> <style> .groupTitle, .groupTitle span{ display : inline !important } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "ProfilePage", "dateCreated": "2024-11-26T12:44:40+0700", "dateModified": "2024-11-26T12:44:40+0700", "mainEntity": { "@id": "#main-author", "@type": "Person", "name": "DUTA INOVATIF INDONESIA", "identifier": "dutivid5569", "interactionStatistic": [{ "@type": "InteractionCounter", "interactionType": "https://schema.org/FollowAction", "userInteractionCount": 0 },{ "@type": "InteractionCounter", "interactionType": "https://schema.org/LikeAction", "userInteractionCount": 0 }], "agentInteractionStatistic": { "@type": "InteractionCounter", "interactionType": "https://schema.org/WriteAction", "userInteractionCount": 1 }, "description": "Duta Inovatif Indonesia adalah Program dari Youth Idea Community (YIC) Indonesia yang dibuat bertujuan untuk menjadi tempat anak muda dalam Berkolaborasi dan Berinovasi melalui Pembuatan “Konten” di Media Sosial dan Pelaksanaan “Sosial Project”. Duta Inovatif Indonesia terpilih akan melaksanakan masa Penugasan 80% secara online dengan bertugas dalam membuat “Konten Digital” untuk Media Sosial serta akan berlangsung selama 3 Bulan. Adapun misi wajib dalam pembuatan “Konten Digital” ini terbagi kedalam 4 Program Utama Duta Inovatif Indonesia yaitu : Inovatif Berliterasi, Inovatif Sosial Media, Inovatif Digital Campaign, dan Inovatif Jurnalistik. Selain melaksanakan aktivitas online, Duta Inovatif Indonesia Terpilih juga akan melaksanakan 20% penugasan secara offline. Penugasan offline dilaksanakan menjelang periode akhir masa penugasan dalam bentuk aktivitas “Sosial Project” sebagai 1 Program Wajib Duta Inovatif Indonesia (Final Assigenment). Penugasan offline dilaksanakan di lingkungan masing-masing Duta Inovatif Indonesia Terpilih (tidak mobilisasi ke Provinsi/Daerah lain).", "image": "https://assets-a1.kompasiana.com/images/avatar/desain-tanpa-judul-2-67448cbaed64151b99579a12.png?t=t&v=180" } ,"hasPart":[{"@type":"Article","headline":"Abdulah Alwasili, Inisiator di Balik Program Youth Idea Community (YIC) Indonesia","url":"https:\/\/www.kompasiana.com\/dutivid5569\/6744a2aeed6415302c4db342\/abdulah-alwasili-inisiator-di-balik-program-youth-idea-community-yic-indonesia","datePublished":"2024-11-25T16:15:42+0700","author":{"@id":"#main-author"},"image":"https:\/\/assets-a1.kompasiana.com\/items\/album\/2024\/11\/26\/picma-3753726-1703580805136-6744af5034777c1afd40f962.jpg?t=o&v=410"}]} </script> </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>   <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 = 'dashboard'; var page_id = 'default'; var currentState = location.pathname.substring(1); var next_url = 'aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vZHV0aXZpZDU1Njk='; $.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'] == "dutivid5569"){ 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/dutivid5569/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 src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/classie.js?v=518"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/selectFx.js?v=518"></script> <script> (function() { [].slice.call(document.querySelectorAll('select.cs-select')).forEach(function(el) { new SelectFx(el); }); })(); </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==/aHR0cHM6Ly93d3cua29tcGFzaWFuYS5jb20vZHV0aXZpZDU1Njk='; } </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 src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap-tagsinput.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/bootstrap-datepicker.min.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/vendor/jquery.ui.widget.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload-process.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/blueimp/jquery.fileupload-validate.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/classie.js"></script> <script src="https://assets-a1.kompasiana.com/statics/v20106_kompasiana/js/dropdown/selectFx.js"></script> <script src="https://assets-a1.kompasiana.com/statics/2018_kompasiana/js/jquery.validate.min.js"></script> <script src="https://assets-a1.kompasiana.com/statics/2019_kompasiana/js/tail.select.min.js?v=4"></script> <script type='text/javascript'> var is_mobile = /(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)); if(is_mobile){ $(document).ready(function() { (function() { [].slice.call( document.querySelectorAll( 'select.cs-select' ) ).forEach( function(el) { new SelectFx(el); } ); })(); }); } </script> <script type="text/javascript"> var current_state = "profil"; //slider article $(".-js-inf-slide").slick({ prevArrow: $('.infButton__art--left'), nextArrow: $('.infButton__art--right'), dots: !1, infinite: !0, speed: 1000, slidesToShow: 3, slidesToScroll: 1, autoplay: !1, arrows: !0, }); country_set = false; //redirect after completed profile data redirect_to_validation = true; current_city = ""; //temp solution for getCurrentChannel delay profile_complete = false; $(document).ready(function() { if($('.select-country option:selected').val() != "") { $("#country-check").click(); } if($('#show--data-personal').hasClass('active')){ $('#setting--title').html("Pengaturan - Data Pribadi"); profileDataCheck(); } else { $('#setting--title').html("Pengaturan - Data Profile"); } }); $("#country-check").click(function() { if($(this).is(":checked") && $('.select-country').val() != ""){ country_set = true; }else if($(this).is(':not(:checked)')){ country_set = false; } $("#Negara .form-control").prop('disabled', function(i, e) { return !e; }); $("#Provinsi .form-control").prop('disabled', function(i, e) { return !e; }); }); if($(".profil__suspended").length){ // accound-suspended $("section a").css({cursor: "default"}).click(function(e){ e.preventDefault(); }); $(".edit-foto").remove(); $(".profil__suspended a").css({cursor: "pointer"}).click(function(e){ return true; }); } $('.datepicker__ttl').datepicker({ format:'yyyy-mm-dd', todayHighlight: true }); $('.datepicker__ttl').on('changeDate', function(ev){ $(this).datepicker('hide'); }); $("#load-more-index-channel").click(function(){ var e = $('#load-more-index-channel'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var status = e.attr('data-status'); var short_url = e.attr('data-channel'); e.hide(); $("#load-image-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var type = e.attr("data-type"); var url = "/ajax/channel/posts/"+type+"?per_page="+ perPage + "&page=" + page + "&short_url=" + short_url + "&status="+ status ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-channel").hide(); var current_page = parseInt(response.data_array.current_page) + 1; if (current_page == response.data_array.total_page){ $("#" + holder).append(response.data_array.view).fadeIn(); e.hide(); } else { e.attr('style', 'cursor:pointer !important'); e.text('Selanjutnya'); e.attr("data-perpage", response.data_array.per_page); e.attr("data-page", parseInt(response.data_array.current_page) + 1); $("#" + holder).append(response.data_array.view).fadeIn(); } } }); }) $("#load-more-favorite-channel").click(function(){ var e = $('#load-more-favorite-channel'); var holder = e.attr("data-holder"); var img = ajax_loader; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var short_url = e.attr('data-channel'); e.hide(); $("#load-image-favorite-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var type = e.attr("data-type"); var url = "/ajax/channel/posts/"+type+"?per_page="+ perPage + "&page=" + page + "&short_url=" + short_url; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-favorite-channel").hide(); if(response.status == "end"){ e.remove(); $("#button_load_more").remove(); $("#load-image-favorite-channel").remove(); } else{ e.attr('style', 'cursor:pointer !important'); e.text('Selanjutnya'); e.attr("data-page", parseInt(response.current_page) + 1); $("#" + holder).append(response.view).fadeIn(); } } }); }) $('#show--data-personal').click(function() { $('#setting--title').html("Pengaturan - Data Pribadi"); profileDataCheck(); }) $('#show--data-profil').click(function() { $('#setting--title').html("Pengaturan - Data Profil"); }) function registerCheck(redirect_url){ $('#error_register').hide(); $('#short_url_register').removeAttr('disabled'); $('#short_url').prop("readonly",false); alert("Registrasi Berhasil"); window.location = redirect_url; } function profileDataCheck(){ if(!profile_complete){ var url = "/ajax/profileCheck" ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { if(response.isDataComplete == false){ redirect_to_validation = true; $("#popupOverlayDataCheck").addClass("active"); $("#popupOverlayDataCheck__title").html("Maaf!"); $("#popupOverlayDataCheck__message").html("Silakan lengkapi terlebih dahulu data profil, kemudian lengkapi data pribadi dan simpan"); } } }); } } function filterPostUser(from){ var rubrik = $('.rubrik_list option:selected').val(); var tahun = $('.tahun_list option:selected').val(); var bulan = $('.bulan_list option:selected').val(); var e = $('#filter_user'); var from = from; var perPage = e.attr('data-perpage'); var page = e.attr('data-page'); var short_url = e.attr('data-channel'); var type = $('#type_list option:selected').val(); var img = ajax_loader; if(type == ""){ type = "all"; } else{ type = type; } if(tahun == "Years" && bulan != "Months"){ alert("Tahun harus dipilih"); return false; } if(rubrik == "" || tahun == "" || bulan == ""){ alert("Rubrik,tahun,bulan harus dipilih."); return false; } else{ if(from == "top" ){ $("#users_posts").html(''); e.attr("data-page", 1); page = 1; } else{ $("#load-more-filter-posts").hide(); } $("#post_channel").hide(); $("#load-more-index-channel").hide(); $("#load-image-channel").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var url = "/ajax/channel/filter_posts?short_url="+short_url+"&per_page="+ perPage + "&page=" + page + "&tahun=" + tahun + "&bulan="+bulan+"&rubrik="+rubrik+"&type="+ type ; $.ajax({ type: "GET", url: url, dataType: 'json', success: function(response) { $("#load-image-channel").hide(); var current_page = response.data_array.current_page; if(response.data_array.total_page == 0){ $("#load-more-filter-posts").attr("data-page", 1); } else{ if (current_page == response.data_array.total_page){ $("#users_posts").append(response.data_array.view).fadeIn(); $("#load-more-filter-posts").hide(); } else{ $("#load-more-filter-posts").show(); $("#users_posts").append(response.data_array.view).fadeIn(); var newPage = parseInt(response.data_array.current_page) + 1; $("#button_load_more").html('<div class="more-stories text-center mt20"><a data-channel="'+short_url+'" data-perpage="5" data-page="'+newPage+'" data-holder="index_channel" data-status="published" id="load-more-filter-posts" onclick="filterPostUser(\'load_more\')" class="load-more" href="javascript:void(0)">Load More</a></div>'); e.attr("data-page", newPage); } if(response.data_array.total_page == 1){ $("#load-more-filter-posts").remove(); } } } }); } return false; }; $('#short_url_register').on('click',function(e) { e.preventDefault(); var img = ajax_loader; var short_url = $('#short_url').val(); var redirect_url = $('#short_url').attr("data-redirect"); if(!short_url){ alert("Short Url Harus Diisi"); $('#short_url').focus(); }else if(!/[^\s]/.test(short_url)){ alert("Short Url Harus Diisi"); $('#short_url').focus(); }else{ $(this).attr('disabled','disabled'); $('#short_url').prop("readonly",true); $("#error_register").html("<img src=" + img +" />"); $.ajax({ type:"POST", url :"/ajax/register", data : {short_url: short_url}, dataType:"json", success: function(result) { if(result.data_array.status == 'error'){ alert(result.data_array.message); $("#error_register").html(""); $("#short_url").removeAttr("readonly"); $("#short_url_register").removeAttr("disabled"); } else{ registerCheck(redirect_url); } }, error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { msg = response.responseJSON.header.description.description.short_url[0]; } else { msg = response.responseJSON.header.message; } $('#error_register').html(msg).css({ color: "red" }).hide().slideDown('slow'); $('#short_url_register').removeAttr('disabled'); $('#short_url').prop("readonly",false); } }); } }); // Change Avatar $("body").on('click', '#avatar-click', function () { $("#avatar-upload").trigger('click'); var clone = $(".edit-foto-pic").clone(); var t = $("#avatar-upload"); var dataConfirm = t.attr("data-confirm"); var dataProgress = t.attr("data-progress"); var dataSuccess = t.attr("data-success"); t.fileupload({ dataType: 'json', add: function (e, data) { if (data.files && data.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#avatar-preview').attr('src', e.target.result); } reader.readAsDataURL(data.files[0]); var confirm = $('<a href="#"><span>' + dataConfirm + '</span></a>').click(function () { $('.photo').unbind('mouseenter mouseleave'); data.context = $('.edit-foto-pic').html(dataProgress); data.submit(); }); data.context = $('.edit-foto-pic').html(confirm); } }, fail: function (e, response) { msg = 'Ukuran gambar terlalu besar, mohon ukuran gambar dikecilkan lalu upload ulang.'; alert(msg); $('.edit-foto-pic').html('ERROR: ' + msg); setTimeout(function() { $('.edit-foto-pic').replaceWith(clone); }, 10000); }, done: function (e, data) { if(data.result.status == "error"){ alert(data.result.msg); $('.edit-foto-pic').html('ERROR: ' + data.result.msg); setTimeout(function() { $('.edit-foto-pic').replaceWith(clone); },5000); } else{ $('.edit-foto-pic').html(dataSuccess); } } }); }); // Change Cover var uploadCount = 0; $("body").on('click', '#cover-click', function () { $("#cover-upload").trigger('click'); var clone = $(".edit-foto").clone(); var t = $("#cover-upload"); var dataConfirm = t.attr("data-confirm"); var dataProgress = t.attr("data-progress"); var dataSuccess = t.attr("data-success"); $('#cover-upload').fileupload({ dataType: 'json', add: function (e, data) { if (data.files && data.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $('#cover-preview').attr('src', e.target.result); } reader.readAsDataURL(data.files[0]); var confirm = $('<a href="#"><span>' + dataConfirm + '</span></a>'); if (uploadCount > 0) { confirm = ''; } data.context = confirm.appendTo($('.edit-foto')) .click(function () { $("#cover-click").remove(); $('.cover').unbind('mouseenter mouseleave'); data.context = $('.edit-foto').html(dataProgress); data.submit(); }); uploadCount++; } }, fail: function (e, response) { if (typeof response.jqXHR.responseJSON.header.description.error != 'undefined') { msg = response.jqXHR.responseJSON.header.description.error; } else { msg = response.jqXHR.responseJSON.header.message; } $('.edit-foto').html('ERROR: ' + msg); setTimeout(function() { $('.edit-foto').replaceWith(clone); }, 10000); }, done: function (e, data) { $('.edit-foto').html(dataSuccess); } }); }); // follow channel $(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" data-id='+cid+'><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(); loadCountFriends(); } }); //btn-follow mt10 }); // unfollow channel $(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" data-id='+cid+'><span>FOLLOW</span></a>'; } else { var replace = '<a href="#" data-location="friends" id="follow" 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(); loadCountFriends(); } }); //btn-small mt10 }); //delete post $(document).on('click', '.delete-reason', function(e){ var form = $(this).attr('data-form'); var id = $(this).attr('data-id'); if(form == 'false') { $("#delete-reason_"+id).removeClass('collapsed'); $("#form-delete_"+id).addClass('in'); $(this).attr('data-form', 'true'); } else { $("#delete-reason_"+id).addClass('collapsed'); $("#form-delete_"+id).removeClass('in'); $(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')); var id = t.attr("data-id"); var msg = ''; var holder = $("#holder-tools"); var elem = $("#item_" + id); var isAdmin = (t.attr('data-admin') == "1") ? '?admin=true' : '?'; var alasan = (t.parent().find('textarea').val()) ? alasan = "&reason=" + t.parent().find('textarea').val() : ''; if (! isKompasianer) { alert("anda harus login terlebih dahulu"); redirectLogin(); return false; } if (! isGood) { return false; } if (elem.length > 0) { elem.find(".holder-tools").html($("<img />", { "src": ajax_loader })).show(); } else { holder.html($("<img />", { "src": ajax_loader })).show(); } $.ajax({ type: "POST", url: "/ajax/delete_post/" + id + isAdmin + alasan, dataType: 'json', error: function(response) { if (typeof response.responseJSON.header.description.error != 'undefined') { msg = response.responseJSON.header.description.error; } else { msg = response.responseJSON.header.message; } if (elem.length > 0) { elem.find(".holder-tools").html($("<span />", { "text": msg }).css({ "color": "red" })); } else { holder.html($("<span />", { "text": msg }).css({ "color": "red" })); } }, success: function (response) { alert("Berhasil Dihapus, Mohon tunggu maks. 5 menit untuk hilang dari halaman publik."); $('#textarea_alasanhapus').css('display', 'none'); $('#alasanhapus').val(''); $("#item_"+id).remove(); } }); }); $(document).on('click', '.dashboard-setting--batal', function(e){ location.reload(); }); $('.menu-setting > div').on('click', function (e) { // menu setting data profil & personal e.preventDefault(); var $this = $(this); // this button var $parent = $this.parent(); // parent var $target = $($this.data('target')); // target var $tab = $('.form-tab'); // form tab $parent.find('.active').removeClass('active'); $this.addClass('active'); $tab.hide(); $target.show(); }); function checkUserName(string) { var username = string; var pattern = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/); //unacceptable chars if (pattern.test(username)) { alert('Nama profil tidak boleh mengandung unsur spesial karakter') return false; } return true; //good user input } $('input[name="file_identitas"]').change(function(){ $('#save_identitas').css('display', 'block'); }) $('#save_identitas').on('click',function(){ var image_identity = document.getElementById('image_identity').value; if(image_identity != ''){ alert('Anda sudah mengupload identitas.'); } else{ var img = ajax_loader; $("#save_identitas").hide(); $("#loading_image_form_upload_identitas").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;' />").show(); var photo = document.getElementById("file_identitas"); var e = document.getElementById("type_identitas"); var type_identitas = e.options[e.selectedIndex].value; var data = new FormData(); data.append(photo.name,photo.files[0]); data.append('type_identitas', type_identitas); data.append('nomor_identitas',document.getElementById('nomor_identitas').value); $.ajax({ type: "POST", url: "/ajax/upload_file_identitas", processData: false, contentType: false, enctype: 'multipart/form-data', data: data, success: function(response){ $("#loading_image_form_upload_identitas").hide(); var hasil = $.parseJSON(response); if(hasil.status == 'error'){ alert(hasil.message); $("#save_identitas").show(); } else{ $("#msg_upload_identitas").show(); } } }); } }); function loadCountFriends() { var followers = $('span#followers'); var following = $('span#following'); var url = window.location.pathname; var split_url = url.split("/"); var channel = split_url[1]; $.ajax({ type: "GET", url: "/ajax/friends?channel_id=" + channel, dataType: 'json', success: function(response) { followers.text(response.friendship.count_followers).fadeIn(); following.text(response.friendship.count_following).fadeIn(); } }); } 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); } } }); } $("#load-more-following-article").click(function(e){ e.preventDefault(); var $t = $(this); var page = $(this).attr('data-page'); var img = ajax_loader; var following = true; $("#load-more-following-article").hide(); $("#load-image-following-article").html("<img src=" + img + " style='display: block;margin-left: auto;margin-right: auto;margin-top: 20px;' />").show(); $.ajax({ type: "GET", url: '/ajax/get_following_article/', data:{page: page}, dataType: 'json', success: function(response) { $("#load-more-following-article").show(); $("#load-image-following-article").hide(); if (page == response.data_array.total_page){ $("#penulis_yang_diikuti").append(response.data_array.view).fadeIn(); $("#load-more-following-article").hide(); } else{ $("#penulis_yang_diikuti").append(response.data_array.view).fadeIn(); $("#load-more-following-article").attr("data-page", parseInt(response.data_array.current_page) + 1); } } }); }); $(".load-more--bio").click(function() { // IE 7 doesn't even get this far. I didn't feel like dicking with it. totalHeight = 0 // $up = $(".load-more--bio").parent(); $up = $(".profil-content__desc"); // $ps = $up.find(".read-biografi__desc--p:not('.load-more--bio')"); $ps = $up.find(".profil-content__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()+100, "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() { $down = $(".profil-content__desc"); $down .css({ "height": "67px", "max-height": "" }) .animate({ "height": 67 }); // fade out read-more $(".close--bio").fadeOut(); $(".load-more--bio").fadeIn(); // prevent jump-down return false; }); /** *************************************** */ /** chaining combobox get city and district */ /** *************************************** */ $('.select-province').on('change', function (e) { // bind event on change on selected province var $this = $(this); // this selectbox province var $city = $this.closest('form').find('.select-city'); // selectbox city var $district = $this.closest('form').find('.select-district'); // selectbox district var _id = $this.find('option:selected').data('_id'); // province id $.ajax({ // do ajax request url: `/ajax/get_city/${_id}`, type: 'GET', beforeSend: function () { $city.empty(); $city.find('option').not(':first').remove(); // remove options $city.find('option:first').prop('selected', true); // select first option $city.prop('disabled', true); $district.find('option').not(':disabled').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result // $el += `<option value="${row.name}" data-_id="${row._id}">${row.name}</option>`; var selected = current_city == row.name ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $city.append($el); // append element $city.change(); }, error: function (xhr) { console.log(xhr); }, complete: function () { $city.prop('disabled', false); $district.prop('disabled', false); } }); }); $('.select-city').not('.select--nochain').on('change', function (e) { // bind event on change on selected city var $this = $(this); // this selectbox province var $district = $this.closest('form').find('.select-district'); // selectbox district var _id = $this.find('option:selected').data('_id'); // province id $.ajax({ // do ajax request url: `/ajax/get_district/${_id}`, type: 'GET', beforeSend: function () { $district.find('option').not(':first').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result $el += `<option value="${row.name}" data-_id="${row._id}">${row.name}</option>`; }); $district.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { $district.prop('disabled', false); } }); }); function async_city () { // async city var $province = $('.select-province'); // this selectbox province var $city = $('.select-city'); // selectbox city var $city_validate = $('.city-validate'); var _id = $province.find('option:selected').data('_id'); // province id var city = $city.data('city').toLowerCase(); // get city if (_id == null) { // check _id return; } return $.ajax({ // do ajax request url: `/ajax/get_city/${_id}`, type: 'GET', beforeSend: function () { $city.find('option').not(':first').remove(); // remove options $city.find('option:first').prop('selected', true); // select first option $city.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result var selected = city == row.name.toLowerCase() ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $city.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { if(country_set){ $city.prop('disabled', true); $city_validate.prop('disabled', false); }else{ $city.prop('disabled', false); } } }); } function async_district () { // async district var $city = $('.select-city'); // selectbox city var $district = $('.select-district'); // selectbox city var _id = $city.find('option:selected').data('_id'); // city id var district = $district.data('district').toLowerCase(); // get city if (_id == null) { // check _id return; } return $.ajax({ // do ajax request url: `/ajax/get_district/${_id}`, type: 'GET', beforeSend: function () { $district.find('option').not(':first').remove(); // remove options $district.find('option:first').prop('selected', true); // select first option $district.prop('disabled', true); }, success: function (response) { var res = JSON.parse(response); // response json var $el = ''; // empty element if (res.length == 0) { // check result return; } res.forEach(row => { // loop result var selected = district == row.name.toLowerCase() ? 'selected' : ''; $el += `<option value="${row.name}" data-_id="${row._id}" ${selected}>${row.name}</option>`; }); $district.append($el); // append element }, error: function (xhr) { console.log(xhr); }, complete: function () { $district.prop('disabled', false); } }); } /** ************************* */ /** preview file image upload */ /** ************************* */ $('input[type="file"].input-file--images').on('change', function (e) { var _this = this; var $parent = $(_this).closest('.error-placement'); if (_this.files && _this.files[0]) { var reader = new FileReader(); reader.onload = function(e) { $parent.next('img').remove(); $(`<img width="300px" src="${e.target.result}" />`).insertAfter($parent); } reader.readAsDataURL(_this.files[0]); } }); /** ********************************** */ /** submit form profil & form personal */ /** ********************************** */ $('#form-profil').validate({ onfocusout: false, onkeyup: false, onclick: false, onchange: false, focusInvalid: false, ignore: [], rules: { // rules of foreach field 'full_name': {required: true}, 'description': {required: true}, 'about': {required: true}, 'country' : {required: true}, 'province': {required: true}, 'city': {required: true}, 'birthday': {required: true}, 'work': {required: true}, 'interest[]': {required: true} }, messages: { // message error 'full_name': 'Nama Profil harus diisi', 'description': 'Keterangan Profil harus diisi', 'about': 'Bio harus diisi', 'country': 'Negara harus diisi', 'province': 'Provinsi harus diisi', 'city': 'Kota harus diisi', 'birthday': 'Tanggal Lahir harus', 'work': 'Profesi harus diisi', 'interest[]': 'Minat harus diisi' }, errorPlacement: function (error, element) { $parent = $(element).closest('.error-placement'); $parent.append($(error).addClass('text-danger mt1')); }, invalidHandler: function (form, validator) { if (!validator.numberOfInvalids()) { return; } setTimeout(() => { $('html, body').animate({ scrollTop: $(validator.errorList[0].element).closest('.error-placement').offset().top - 60 }, 500); }, 100); }, submitHandler: function (form) { // submit handler var $form = $(form); // form var $this = $form.find('[type="submit"]:first'); // this button handler var $loader = $this.parent().find('.loader'); // loader var $holder = $this.parent().find('.dashboard-setting--holder.sukses'); // holder var data = $form.serializeArray(); // form data data[data.length+1] = { name: "country_set", value: (country_set) ? '1' : '0' }; var full_name = $form.find('input[name="full_name"]').val(); // get full_name value var reg = new RegExp(/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]|.{31,}/, 'gi'); // regex if (reg.test(full_name)) { // check full_name alert('Nama profil maksimal 30 karakter dan tidak boleh mengandung unsur spesial karakter.'); return; } $.ajax({ // do ajax request url: '/ajax/update_channel', type: 'POST', data: data, beforeSend: function (params) { $this.hide(); // hide button $loader.html(`<img src="${ajax_loader}" />`); // show loader }, success: function (response) { var res = JSON.parse(response); console.log(res); if (!res.status) { alert(`Gagal edit profil: ` + res.msg); return; } $holder.text(res.msg).show().delay(5000).fadeOut(); // message sukses if(redirect_to_validation == true){ profile_complete = true; if(!country_set){ var provinceData = data.find(e => e.name == 'province'); var cityData = data.find(e => e.name == 'city'); $('#province option[value="'+provinceData.value+'"]').attr('selected','selected'); current_city = cityData.value; $('#province').change(); $('#city').attr("data-city",cityData.value); } $('#show--data-personal').click(); setTimeout(() => { $('html, body').animate({ scrollTop: $("#setting--title").offset().top - 100 }, 500); }, 100); } }, error: function (xhr) { console.log(xhr); }, complete: function (params) { $this.show(); // hide button $loader.empty(); // remove loader } }); } }); $('.closeValidasi').click(function (e) { e.preventDefault(); $(".popupOverlay").removeClass("active"); if(current_state == 'verify_request' && '' != 0){ setTimeout(redirect_unv_comp, 2000); } }); function redirect_unv_comp(){ window.location.href ='https://www.kompasiana.com/dashboard/write'; } $('.closeValidasiDataCheck').click(function (e) { e.preventDefault(); $('#show--data-profil').click(); setTimeout(() => { $('html, body').animate({ scrollTop: $("#setting--title").offset().top - 100 }, 500); }, 100); $(".popupOverlay").removeClass("active"); }); /** ************** */ /** s: narativ */ /** ************** */ $('#join_narativ').click(function() { var loader = $('.loader-socmed'); // loader var reqlength = $('.medsos').length; var value = $('.medsos').filter(function () { return this.value != ''; }); if (value.length>=0 && (value.length !== reqlength)) { $('#data-profil').show(); $('#show--data-profil').addClass('active'); $('#data-personal').hide(); $('#show--data-personal').removeClass('active'); alert('Semua media sosial harus diisi.'); } else { var data = {}; data['fb_url'] = $("input[name=facebook_url]").val(); data['fb_count'] = $("select[name=facebook_count_range] option:selected").val(); data['tw_url'] = $("input[name=twitter_url]").val(); data['tw_count'] = $("select[name=twitter_count_range] option:selected").val(); data['ig_url'] = $("input[name=instagram_url]").val(); data['ig_count'] = $("select[name=instagram_count_range] option:selected").val(); data['yt_url'] = $("input[name=youtube_url]").val(); data['yt_count'] = $("select[name=youtube_count_range] option:selected").val(); $.ajax({ type: "POST", url: "/ajax/join_narativ", data: data, beforeSend: function () { $('#join_narativ').hide(); // hide button loader.html(`<img src="${ajax_loader}" />`); }, success: function(response) { var res = $.parseJSON(response); if(res.response_code == 200){ $('#join_narativ').after('<p style="color: green">'+res.message+'</p>'); $('#join_narativ').remove(); // show button loader.empty(); // remove loader }else{ $('#join_narativ').after('<p style="color: red">'+res.message+'</p>'); $('#join_narativ').show(); // show button loader.hide(); // remove loader if(res.response_code == 400){ alert(res.message); $('#data-profil').show(); $('#show--data-profil').addClass('active'); $('#data-personal').hide(); $('#show--data-personal').removeClass('active'); } } }, error: function (xhr) { console.log(xhr); } }); } }); $('.submit_proof').click(function() { var loader = $('.loader-narativ'); // loader var proof_numb = $(this).data('prf'); var reqlength = $('.'+proof_numb).length; var value = $('.'+proof_numb).filter(function () { return this.value != ''; }); if ($('#proof_warning').length){ $('#proof_warning').remove(); } if (value.length>=0 && (value.length !== reqlength) && !$(this).attr("data-ttype")) { $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: red;">Screenshot dan Link Bukti Tayang harus diisi</span>'); } else { var fd = new FormData(); url_proof = ($(".my_link_"+proof_numb).val()) ? $(".my_link_"+proof_numb).val() : 'story'; fd.append('screenshot', $(".my_file_"+proof_numb)[0].files[0]); fd.append('url', url_proof); fd.append('cid', $(this).attr("data-cid")); fd.append('nid', $(this).attr("data-nid")); fd.append('tid', $(this).attr("data-tid")); $.ajax({ type: "POST", url: "/ajax/submit_narativ", data: fd, enctype: 'multipart/form-data', processData: false, contentType: false, beforeSend: function () { $('.s'+proof_numb).hide(); // hide button loader.show(); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: green;">'+res.msg+'</span>'); $('.s'+proof_numb).show(); // remove button $(".my_file_"+proof_numb).val(null); $(".my_link_"+proof_numb).val(null); $('.fl'+proof_numb).html('Screenshot Bukti Tayang'); }else{ $('.s'+proof_numb).before('<span id="proof_warning" style="float: left; color: red;">'+res.msg+'</span>'); $('.s'+proof_numb).show(); // show button } loader.hide(); // remove loader }, error: function (xhr) { console.log(xhr); } }); } }); $('.confirm').click(function() { var loader = $('.loader-narativ'); // loader var data = {}; data['cid'] = $(this).data('cid'); data['nid'] = $(this).data('nid'); data['confirm'] = $(this).data('cf'); if (data['confirm'] == '' || (data['confirm'] != "accept" && data['confirm'] != "deny")) { alert("Konfirmasi harus dipilih"); return; } if ($('#confirm_warning').length){ $('#confirm_warning').remove(); } $.ajax({ type: "POST", url: "/ajax/confirm_narativ", data: data, beforeSend: function () { $('.confirm').hide(); // hide button loader.show(); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ loader.after('<p id="confirm_warning" style="float: left; color: green;">'+res.msg+'</p>'); $('.confirm').remove(); // remove button loader.remove(); // remove loader }else{ loader.after('<p id="confirm_warning" style="float: left; color: red;">'+res.msg+'</p>'); $('.confirm').show(); // show button loader.hide(); // hide loader } window.location.href = window.location.pathname+"?"+$.param({'v':Math.round((new Date()).getTime() / 1000)}) }, error: function (xhr) { console.log(xhr); } }); }); function openTugasUp(evt, cityName) { // Declare all variables var i, tabcontent, tablinks; // Get all elements with class="tabcontent" and hide them tabcontent = document.getElementsByClassName("tugasCard__popup"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } // Show the current tab, and add an "active" class to the button that opened the tab document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } function myCopy(containerid) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(containerid)); range.select().createTextRange(); document.execCommand("copy"); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(containerid)); window.getSelection().removeAllRanges(); window.getSelection().addRange(range); document.execCommand("copy"); window.getSelection().removeAllRanges(); } } if($('.getFile').length){ $('.getFile').click(function() { var classMyFile = $(this).data('prf'); $('.'+classMyFile).click(); }); } $('.getFile_my').change(function (e) { var current = $(this).data('prf'); $('.fl'+current).html($(this).val()); }); /** ************** */ /** e: narativ */ /** ************** */ $('#deactivate').click(function() { if (confirm('Anda akan mendeaktivasi akun. Lanjutkan dan keluar?')) { var loader = $('.loader-socmed'); // loader $.ajax({ type: "POST", url: "/ajax/deactivate", data: data, beforeSend: function () { $('#deactivate').hide(); // hide button loader.html(`<img src="${ajax_loader}" />`); }, success: function(response) { var res = $.parseJSON(response); if(res.status == 1){ $('#deactivate').after('<p style="color: green">'+res.message+'</p>'); $('#deactivate').remove(); // show button loader.empty(); // remove loader window.location.href = 'https://www.kompasiana.com/signout'; }else{ $('#deactivate').after('<p style="color: red">'+res.message+'</p>'); $('#deactivate').show(); // show button loader.hide(); // remove loader } }, error: function (xhr) { console.log(xhr); } }); } }); function confirm_event(type,id){ var data = {type:type, id:id} $.ajax({ type: "POST", url: "/ajax/confirm_event", data: data, success: function(response) { var res = $.parseJSON(response); alert(res.msg) $('#'+id).remove() }, error: function (xhr) { console.log(xhr); } }); } // minat (interest) tail.select(".select-move", { search: false, descriptions: false, hideSelected: false, hideDisabled: false, multiLimit: 5, multiShowCount: (is_mobile) ? true : false, placeholder: (is_mobile) ? 'Minat Terpilih' : 'Minat', multiContainer: (is_mobile) ? ".tail-move-container" : true }); var page_notif = 1; if(is_mobile){ $('.dpopupClose').click(function () { $(".dpopup").hide(); }); }else{ $(".popupPremium__close").click(function(e) { e.preventDefault(); $(".popupOverlay").hide(); }); } function loadMoreNotif(){ if(is_mobile){ $("#premium").toggle(); return; } $('.popupOverlay').show(); return; page_notif = page_notif+1; $.ajax({ type: "GET", url: '/ajax/getNotification', data: {page: page_notif}, beforeSend: function() { $(".load-more").hide(); $("#loading-image").show(); }, success: function(data){ if(data){ $("#loading-image").hide(); $(".load-more").show(); $(".thumb-user:last").after("<div id='more_data'></div>").show(); $(".thumb-user:last").after(data).show().fadeIn("slow"); }else{ $(".more-stories").remove(); $('#more_data').remove(); } } }); } $(".updateNotif").click(function(e) { e.preventDefault(); redirect_url = $(this).attr('href'); ajax = { url: 'https://www.kompasiana.com/ajax/updateNotif', type: 'POST', data: {nid: $(this).attr('data-nid')}, success: function (res) { var res = JSON.parse(res); if (!res.status) { return false; } window.location.href = redirect_url; }, error: function (xhr) { console.log(xhr); } } $.ajax(ajax); }); //pop up affiliation $('#form-personal').validate({ onfocusout: false, onkeyup: false, onclick: false, onchange: false, focusInvalid: false, ignore: [], rules: { // rules of foreach field 'identity_type': {required: true}, 'identity_number': {required: true}, 'province': {required: true}, 'city': {required: true}, 'district': {required: true}, 'gender': {required: true}, 'income': {required: true}, 'education': {required: true}, }, messages: { // message error 'identity_type': 'Tipe Identitas harus diisi', 'identity_number': 'Nomor Identitas harus diisi', 'province': 'Provinsi harus diisi', 'city': 'Kota harus diisi', 'district': 'Kecamatan harus diisi', 'phone': 'Nomor Telepon harus diisi', 'gender': 'Jenis Kelamin harus diisi', 'income': 'Pendapatan harus diisi', 'education': 'Pendididkan harus diisi', }, errorPlacement: function (error, element) { $parent = $(element).closest('.error-placement'); $parent.append($(error).addClass('text-danger mt1')); }, invalidHandler: function (form, validator) { if (!validator.numberOfInvalids()) { return; } setTimeout(() => { $('html, body').animate({ scrollTop: 0 }, 500); }, 100); }, submitHandler: function (form) { // submit handler update_channels(form) } }); function update_channels(form){ var $form = $(form); // form var $this = $form.find('[type="submit"]:first'); // this button handler var $loader = $this.parent().find('.loader'); // loader var $holder = $this.parent().find('.dashboard-setting--holder.sukses'); // holder var data = new FormData(form); // form data $.ajax({ // do ajax request url: '/ajax/update_channel', type: 'POST', data: data, enctype: 'multipart/form-data', processData: false, contentType: false, beforeSend: function (params) { $this.hide(); // hide button $loader.html(`<img src="${ajax_loader}" />`); // show loader }, success: function (response) { var res = JSON.parse(response); console.log(res); if (!res.status) { if(res.msg == 'Foto Profil belum ada'){ $("#popupOverlay__pp").addClass("active"); if($this.val() == "verify_request"){ $this.show(); // show button } return; } if($this.val() == "verify_request"){ $this.show(); // show button } alert(res.msg); return; } current_state = $this.val(); if ($("#popupOverlay__validasi").length) { $("#popupOverlay__validasi").addClass("active"); } if ($("#popupOverlay__validasi_afiliation").length) { $("#popupOverlay__validasi_afiliation").addClass("active"); } $holder.text(res.msg).show().delay(5000).fadeOut(); // message sukses }, error: function (xhr) { console.log(xhr); }, complete: function (params) { if($this.val() == "personal"){ $this.show(); // show button } $loader.empty(); // remove loader } }); } function dialog(message, yesCallback, noCallback) { $("#msg_affiliation_confirm").html(message); $("#popupOverlay__pp_affiliation_confirm").addClass("active"); $('#btnYes').click(function() { $("#popupOverlay__pp_affiliation_confirm").removeClass("active"); yesCallback(); }); $('#btnNo').click(function() { $("#popupOverlay__pp_affiliation_confirm").removeClass("active"); noCallback(); }); } //tab infinite dashboard function openTabmenu(evt, tabName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tab-content"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none"; } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tablinks.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(tabName).style.display = "block"; evt.currentTarget.className += " active"; } // Get the element with id="defaultOpen" and click on it document.getElementById("defaultOpen").click(); $("#quit").on('keydown', function(e) { var words = $.trim(this.value).length ? this.value.match(/\S+/g).length : 0; if (words >= 50) { if (e.which !== 8) e.preventDefault(); } }); $("#stop_affiliation").click(function(e){ e.preventDefault(); if (!isKompasianer) { alert("Anda harus login / mendaftar sebagai Kompasianer terlebih dahulu."); redirectLogin(); return false; } // if text empty if(!$('#quit').val()){ $("#popupOverlay__pp").addClass("active"); return false; } $('#popup_aff_title').text('Konfirmasi'); $('#btnYes').show(); $('#btnNo').show(); $('#btnYes').text('Berhenti'); $('#btnNo').text('Batalkan'); dialog('Apakah Anda yakin berhenti dari program Infinite Kompasiana?<br>Setelah berhenti dari program konten Anda tidak lagi di rekomendasikan.', function() { var reason = $('#quit').val(); ajax = { url: 'https://www.kompasiana.com/ajax/kcaStopAffiliation', type: 'POST', data: {reason: reason}, success: function (res) { var res = JSON.parse(res); $('#popup_aff_title').text('Info'); if (res.status == 1) { $('#btnYes').hide(); $('#btnNo').text('Ok'); dialog('Anda telah berhenti dalam program Infinite Kompasiana', function() {}, function() {}); $('#stop_affiliation_div').remove(); $('#infGateInvitation').show(); $('#infGateAlreadyJoin').remove(); } else { $('#btnYes').hide(); $('#btnNo').text('Coba lagi'); dialog('Mohon maaf, Anda gagal berhenti dari program Infinite Kompasiana. Silahkan coba lagi.', function() {}, function() {$("#stop_affiliation").trigger( "click" );}); } }, error: function (xhr) { console.log(xhr); } } $.ajax(ajax); }, function() {} ); }); $("#quit").on('keyup', function() { var words = 0; if ((this.value.match(/\S+/g)) != null) { words = this.value.match(/\S+/g).length; } if (words > 50) { // Split the string on first 50 words and rejoin on spaces var trimmed = $(this).val().split(/\s+/, 50).join(" "); // Add a space at the end to make sure more typing creates new words $(this).val(trimmed + " "); } }); </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(); } } if ($("#group-following-base").length > 0) { if ($(window).scrollTop() >= $("#group-following-base").position().top) { // remove div $('#group-following-base').remove(); get_grup_following('dutivid5569') } } } var load_get_group_following = false; function get_grup_following(slug){ if (load_get_group_following == false) { load_get_group_following = true; $.ajax({ type: "GET", url: "https://www.kompasiana.com/ajax/get_grup_follow", data : {slug: slug}, success: function(res) { data = JSON.parse(res); $('#group-following-body').html(data); }, error : function(e) { console.log(e); } }); } } 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: 'dashboard'}, 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: ""}, 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{ } }, 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>