CINXE.COM

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