1 2 3 4 5<!DOCTYPE html> 6<html class="no-js"> 7<head> 8<meta charset="utf-8"> 9<title>BlackShot Online - Global</title> 10<meta name="viewport" content="width=device-width"> 11<meta name="robots" content="index,follow" /> 12<meta name="description" content="BlackShot is a fast-paced free to play modern military FPS. Join the BlackShot battlefield today!"> 13<meta name="keywords" content="BlackShot, BlackShot Global, BSEU, FPS, First Person Shooter, Free-to-play, F2P, MMOFPS, massive-multiplayer online first-person shooter, MMO, shooter game, online shooter, free online shooter, Vertigo Games"> 14<meta property="og:type" content="article"> 15<meta property="og:title" content="BlackShot - Global"> 16<meta property="og:url" content="https://blackshot.papayaplay.com/bsglb.do"> 17<meta property="og:description" content="BlackShot is a fast-paced free to play modern military FPS. Join the BlackShot battlefield today!"> 18<meta property="og:image" content="https://static.papayaplay.com/static/assets/images/blackshot/home/home-slide-two.jpg"> 19<meta property="fb:app_id" content="601567683367843"> 20<!-- facebook-domain-verification --> 21<meta name="facebook-domain-verification" content="nt05bmyn0mj0mlheahv7j69l118def" /> 22<link rel="shortcut icon" href="https://static.papayaplay.com/static/assets/images/portal/common/favicon.png"> 23<!-- link css --> 24<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/bootstrap/3.3.7/bootstrap.min.css"> 25<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/font-awesome/4.7.0/font-awesome.min.css"> 26<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/fancybox/2.1.7/jquery.fancybox.min.css"> 27<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/slick/1.8.1/slick.min.css" /> 28<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/animate-css/3.5.2/animate.min.css"> 29<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/aos/2.3.1/aos.css"> 30<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/chartist.css"> 31<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/toastr/toastr.css"> 32<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/libs/lity/2.3.1/lity.min.css"> 33<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/common.css?2018"> 34<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/bs_rev_glb/bs_rev_glb.css?2018"> 35<link rel="stylesheet" href="https://static.papayaplay.com/static/assets/styles/bs_rev_glb/bsglb_social.css"> 36 37<!-- link scripts -->
38<script src="https://static.papayaplay.com/static/assets/libs/jquery/2.2.4/jquery.min.js"></script>
vendor: 2 bytes, line 38
38
39<script src="https://static.papayaplay.com/static/assets/libs/jquery-cookie/1.4.1/jquery-cookie.min.js"></script>
vendor: 2 bytes, line 39
39
40<script src="https://static.papayaplay.com/static/assets/libs/fancybox/2.1.7/jquery.fancybox.min.js"></script>
vendor: 2 bytes, line 40
40
41<script src="https://static.papayaplay.com/static/assets/libs/bootstrap/3.3.7/bootstrap.min.js"></script>
vendor: 2 bytes, line 41
41
42<script src="https://static.papayaplay.com/static/assets/libs/slick/1.8.1/slick.min.js"></script>
vendor: 2 bytes, line 42
42
43<script src="https://static.papayaplay.com/static/assets/libs/toastr/toastr.min.js"></script>
vendor: 2 bytes, line 43
43
44<script src="https://static.papayaplay.com/static/assets/libs/moment/2.29.1/moment.min.js"></script>
vendor: 2 bytes, line 44
44
45<script src="https://static.papayaplay.com/static/assets/libs/countdown/2.6.0/countdown.min.js"></script>
vendor: 2 bytes, line 45
45
46<script src="https://static.papayaplay.com/static/assets/libs/aos/2.3.1/aos.js"></script>
vendor: 2 bytes, line 46
46
47<script src="https://static.papayaplay.com/static/assets/libs/carousel.js"></script>
vendor: 2 bytes, line 47
47
48<script src="https://static.papayaplay.com/static/assets/libs/modernizr.js"></script>
vendor: 2 bytes, line 48
48
49<script src="https://static.papayaplay.com/static/assets/libs/lity/2.3.1/lity.min.js"></script>
vendor: 2 bytes, line 49
49
50<script src="https://static.papayaplay.com/static/assets/scripts/main.js?2018"></script>
vendor: 2 bytes, line 50
50
51<script src="https://static.papayaplay.com/static/assets/scripts/bs_glb_rev.js?2018"></script>
vendor: 2 bytes, line 51
51
52<script src="https://static.papayaplay.com/static/assets/libs/numeral.min.js"></script>
vendor: 2 bytes, line 52
52
53<script src="https://static.papayaplay.com/static/assets/libs/vue/2.6.12/vue.min.js"></script>
vendor: 2 bytes, line 53
53
54<script src="https://static.papayaplay.com/static/assets/libs/vue-resource/1.3.5/vue-resource.js"></script>
vendor: 2 bytes, line 54
54
55<script src="https://static.papayaplay.com/static/assets/libs/progressbar/1.0.1/progressbar.min.js"></script>
vendor: 2 bytes, line 55
55
56<script src="https://static.papayaplay.com/static/assets/libs/cloud9carousel/2.0/cloud9carousel.min.js"></script>
56 57<!-- tweenMax -->
58<script src="https://static.papayaplay.com/static/assets/libs/gsap/tweenmax/2.0.2/TweenMax.min.js"></script>
58 59 60
61<script src="//rum-static.pingdom.net/pa-5cd46670fed2bd001600014c.js" async></script>
61 62
63<script type="text/javascript"> 64 var unid = ""; 65 var userid = ""; 66 var email = ""; 67 var isLogin = "0"; 68 var hasProfilePhoto = ""; 69 var bsRootPath = "https://blackshot.papayaplay.com"; 70 var ioRootPath = "https://io.papayaplay.com"; 71 var s3RootPath = "https://cdn.papayaplay.com"; 72 var staticRootPath = "https://static.papayaplay.com/static/assets"; 73 var lang = $.cookie("vga_language") || "en"; 74 75 var PT_LOC_COMMON_PATH = 'https://static.papayaplay.com/static/assets/locale/common/common_' 76 + lang + '.json'; 77 var BSSEA_LOC_COMMON_PATH = 'https://static.papayaplay.com/static/assets/locale/common/common_' 78 + lang + '.json'; 79 var BSSEA_LOC_LOCAL_PATH = 'https://static.papayaplay.com/static/assets/locale/bs-sea/bs_sea_' 80 + lang + '.json'; 81</script>
81 82 83<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 83-84
83 84<script async src="https://www.googletagmanager.com/gtag/js?id=
84G-CR1M6CWPE9
vendor: 13 bytes, line 84
84"></script>
85<script> 86
vendor: 138 bytes, lines 86-90
86window.dataLayer = window.dataLayer || []; 87 function gtag(){dataLayer.push(arguments);} 88 gtag('js', new Date()); 89 90 gtag('config', '
90G-CR1M6CWPE9
vendor: 5 bytes, line 90
90');
91</script>
91 92 93<!-- Google tag (gtag.js) â ííì¼ ì ì²´ ì¬ì´í¸ ê³µíµ íê·¸-->
vendor: 65 bytes, lines 93-94
93 94<script async src="https://www.googletagmanager.com/gtag/js?id=
94G-F7RRMGCSB1
vendor: 13 bytes, line 94
94"></script>
95<script>
vendor: 132 bytes, lines 96-100
96window.dataLayer = window.dataLayer || []; 97function gtag(){dataLayer.push(arguments);} 98gtag('js', new Date()); 99 100gtag('config', '
100G-F7RRMGCSB1
vendor: 5 bytes, line 100
100');
101</script>
101 102 103<!-- Google Tag Manager -->
104<script>
vendor: 331 bytes, lines 104-108
104(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 105new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 106j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 107'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 108})(window,document,'script','dataLayer','
108GTM-M5Q24JN
vendor: 3 bytes, line 108
108');
108</script>
108 109<!-- End Google Tag Manager --> 110 111</head> 112 113<body id="blackshot"> 114 <!--[if lte IE 8]> 115
115<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
115 116
116<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
116 117 <div class="chromeframe_ori">For a better experience on Papayaplay, <a href=https://www.papayaplay.com/portal.do?tp=unsupportedBrowser target="_blank">update your browser.</a></div> 118 <![endif]--> 119 120 <!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 120-121
120 121 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
121GTM-M5Q24JN
vendor: 89 bytes, lines 121-123
121" 122 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 123
123<!-- End Google Tag Manager (noscript) --> 124 125 <div class="chromeframe"> 126 For a better experience on Papayaplay, 127 <a href="https://www.papayaplay.com/portal.do?tp=unsupportedBrowser" target="_blank">update your browser.</a> 128 </div> 129 <!-- Portal Header GNB Menu: Start --> 130 <div id="blackshotseaApp" style="overflow: hidden;"> 131 <!-- Blackshot Header Social Media Navigation: Start --> 132 133 134 135<div class="social-media-nav hidden-xs hidden-sm" id="bs_glb_social"> 136 <ul> 137 <li><a href="https://www.facebook.com/BlackShotOnline" target="blank"><span class="icon-facebook"></span></a></li> 138 <li><a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" target="blank"><span class="icon-youtube"></span></a></li> 139 <li><a href="https://twitter.com/blackshotglobal" target="blank"><span class="uw-icon-twitter"></span></a></li> 140 <li id="discord-icon"><a href="https://discord.gg/0xbhDjsOK2pvy5s8" target="blank"><span class="icon-discord"></span></a></li> 141 </ul> 142 <!-- <div id="discord-box" class="hidden-xs"> 143 <div class="flex-center"> 144 <div class="col1"> 145 <p v-html="locale_loc.Blackshot_Header_Discord_Text1"></p> 146 <p v-html="locale_loc.Blackshot_Header_Discord_Text2"></p> 147 <a href="https://discord.gg/0xbhDjsOK2pvy5s8" target="blank" v-html="locale_loc.Blackshot_Header_Discord_Text3"></a> 148 </div> 149 <div class="col2"> 150 <span class="icon-discord"></span> 151 </div> 152 </div> 153 </div> --> 154</div> 155<!--
155<script> 156 $(document).ready(function() { 157 setTimeout(function() { 158 $('#discord-box').css('left', 0); 159 setTimeout(function() { 160 $('#discord-box').css('left', '-260px'); 161 $('#discord-icon').css('left', 0) 162 }, 5000); 163 }, 2000); 164 }); 165 166 var gnb = new Vue({ 167 el: '#bs_glb_social', 168 data: { 169 locale_lang:lang, 170 locale_loc:'' 171 }, 172 methods: { 173 fetchJson: function (lang) { 174 var localeLocalUrl=BSGLB_LOC_LOCAL_PATH; 175 this.$http.get(localeLocalUrl) 176 .then(function (res) { 177 //console.log(res.body) 178 this.locale_loc = res.body; 179 }); 180 } 181 }, 182 beforeMount: function () { 183 this.fetchJson(lang); 184 } 185 }); 186</script>
186 --> 187 <!-- Blackshot Header Social Media Navigation: End --> 188 189 <!-- Portal GNB Menu: Start --> 190 191 192 193 194<!-- layer popup --> 195<!-- <div id="top__warning" style="z-index:90000;font-size:18px;padding:2px 20px;color:#29b06d;left:50%;transform:translate(-50%);">This is QA1(AWS) Site</div> --> 196<div id="top__warning"></div> 197<!-- gnb starts --> 198<div class="gnb" id="pt_gnb"> 199 <!-- <div class="xmas--wrap-top" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/xmas_bar.png')"></div> --> 200 <!-- <div class="xmas--wrap-bottom" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/gnb_snow.png')"></div> --> 201 <div class="mobile-gnb hidden-md hidden-lg"> 202 <button type="button" id="mobile-game-menu-open"> 203 <i class="icon-bars"></i> 204 </button> 205 <!-- start mobile game menu --> 206 <div id="mobile-game-menu"> 207 <button type="button" id="mobile-game-menu-close"> 208 <i class="icon-close"></i> 209 </button> 210 <div id="blackshot-menu" class="pad-top-30"> 211 <a href="https://blackshot.papayaplay.com/bsglb.do"> 212 <img class="center-block" src="https://static.papayaplay.com/static/assets/images/portal/common/glb-logo.svg" /> 213 </a> 214 <ul> 215 <li class=""> 216 <!-- <a href="https://blackshot.papayaplay.com/bsglb.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a> --> 217 <label for="bsglb_gnb_m_game" class="bsglb-show text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label> 218 <input type="checkbox" id="bsglb_gnb_m_game" /> 219 <ul class="bsglb-sub-menu--ul"> 220 <li class="sub--li"> 221 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=game" class="text-uppercase">ABOUT</a> 222 </li> 223 <li class="sub--li"> 224 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=competitive" class="text-uppercase">COMPETITIVE</a> 225 </li> 226 <!-- <li class="sub--li"> 227 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=blackshot" class="text-uppercase">BLACKSHOT</a> 228 </li> --> 229 </ul> 230 </li> 231 <li class=""> 232 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 233 </li> 234 <li class=""> 235 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a> 236 </li> 237 <li class=""> 238 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a> 239 </li> 240 <li class=""> 241 <!-- <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> --> 242 <label for="bsglb_gnb_m_ranking" class="bsglb-show text-uppercase">{{locale_com.common_nav_ranking}}<span class="more-sign">+</span></label> 243 <input type="checkbox" id="bsglb_gnb_m_ranking" /> 244 <ul class="bsglb-sub-menu--ul"> 245 <li class="sub--li"> 246 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking_bc" class="text-uppercase">BC RANKING</a> 247 </li> 248 <li class="sub--li"> 249 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=halloffame" class="text-uppercase">HALL OF FAME</a> 250 </li> 251 <li class="sub--li"> 252 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=ranking_tdm" class="text-uppercase">PANIC SPACE</a> 253 </li> 254 </ul> 255 </li> 256 <li class=""> 257 <a href="http://forum.papayaplay.com/categories/blackshot" class="text-uppercase" v-html="locale_com.common_nav_forum"></a> 258 </li> 259 <li> 260 <a href="https://blackshot.papayaplay.com/bsglb.do?tp=download" class="uw-play-btn" v-html="locale_com.Common_Term_Play_Free_Now"></a> 261 </li> 262 <li> 263 <a href="https://www.papayaplay.com"> 264 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 265 </a> 266 </li> 267 </ul> 268 </div> 269 270 <div id="dekaron-menu" class="pad-top-30"> 271 <a href="https://dekaron.papayaplay.com/dekaron.do"> 272 <img src="https://static.papayaplay.com/static/assets/images/dekaron/common/dekaron-wordmark.png" class="center-block"> 273 </a> 274 <ul class="pad-top-30"> 275 <li class="text-center pad-top-10 pad-bot-10"> 276 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a> 277 </li> 278 <li class="text-center pad-top-10 pad-bot-10"> 279 <a href="http://wiki.papayaplay.com/dekaron" class="text-uppercase">Wiki</a> 280 </li> 281 <li class="text-center pad-top-10 pad-bot-10"> 282 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 283 </li> 284 <li class="text-center pad-top-10 pad-bot-10"> 285 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a> 286 </li> 287 <li class="text-center pad-top-10 pad-bot-10"> 288 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=shop" class="text-uppercase" v-html="locale_com.common_nav_shop"></a> 289 </li> 290 <li class="text-center pad-top-10 pad-bot-10"> 291 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=about_krystals" class="text-uppercase">About Krystals</a>
292 <span class="new-tag" v-html="locale_com.common_news_new"></span> 293 </li> 294 <li class="text-center pad-top-10 pad-bot-10"> 295 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=krystal.game" class="text-uppercase">Krystals</a> 296 <span class="new-tag" v-html="locale_com.common_news_new"></span> 297 </li> 298 <li class="text-center pad-top-10 pad-bot-10"> 299 <a href="http://forum.papayaplay.com/categories/dekaron" class="text-uppercase" v-html="locale_com.common_nav_forum"></a> 300 </li> 301 <li class="text-center pad-top-10 pad-bot-10"> 302 <a href="https://dekaron.papayaplay.com/dekaron.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a> 303 </li> 304 </ul> 305 </div> 306 307 <div id="warrock-menu" class="pad-top-30"> 308 <a href="https://warrock.papayaplay.com/warrock.do"> 309 <img src="https://static.papayaplay.com/static/assets/images/warrock/announcement/white-logo.png" class="center-block"> 310 </a> 311 <ul class="pad-top-30"> 312 <a href="https://warrock.papayaplay.com/warrock.do?tp=game" class="text-uppercase"> 313 <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_game"></li> 314 </a> 315 <a href="https://warrock.papayaplay.com/warrock.do?tp=news" class="text-uppercase"> 316 <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_news"></li> 317 </a> 318 <a href="https://warrock.papayaplay.com/warrock.do?tp=update" class="text-uppercase"> 319 <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_update"></li> 320 </a> 321 <a href="http://forum.papayaplay.com/categories/war-rock" class="text-uppercase"> 322 <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_forum"></li> 323 </a> 324 <a href="https://warrock.papayaplay.com/warrock.do?tp=shop" class="text-uppercase"> 325 <li class="text-center pad-top-10 pad-bot-10" v-html="locale_com.common_nav_shop"></li> 326 </a> 327 <a href="https://warrock.papayaplay.com/warrock.do?tp=gacha" class="text-uppercase"> 328 <li class="text-center pad-top-10 pad-bot-10">Gacha</li> 329 </a> 330 <li class="text-center pad-top-10 pad-bot-10"> 331 <div class="la-play-btn text-uppercase" onclick="location.href='https://warrock.papayaplay.com/warrock.do?tp=download'">download</div> 332 </li> 333 <li> 334 <a href="https://www.papayaplay.com" class="text-uppercase"> 335 <div class="la-papaya-small-logo"> 336 <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt=""> 337 </div> 338 </a> 339 </li> 340 </ul> 341 </div> 342 343 <div id="latale-menu"> 344 <div class="menu-container"> 345 <div class="menu-top-wrapper"> 346 <a href="https://latale.papayaplay.com/latale.do?tp=home"> 347 <img class="logo-img" src="https://static.papayaplay.com/static/assets/images/portal/gnb/lt_logo.png" /> 348 </a> 349 <button type="button" id="latale-mobile-game-menu-close"> 350 <i class="icon-close"></i> 351 </button> 352 </div> 353 <div class="menu-list"> 354 <ul> 355 <a class="latale-about" href="https://latale.papayaplay.com/latale.do?tp=about"> 356 <li v-html="locale_com.common_nav_about"></li> 357 <span class="underline"></span> 358 </a> 359 <a class="latale-news" href="https://latale.papayaplay.com/latale.do?tp=news.view"> 360 <li v-html="locale_com.common_nav_news"></li> 361 <span class="underline"></span> 362 </a> 363 <a class="latale-update" href="https://latale.papayaplay.com/latale.do?tp=update"> 364 <li v-html="locale_com.common_nav_update"></li>
365 <span class="underline"></span> 366 </a> 367 <a class="latale-media" href="https://latale.papayaplay.com/latale.do?tp=media"> 368 <li v-html="locale_com.common_nav_media"></li> 369 <span class="underline"></span> 370 </a> 371 <a class="latale-webtoon" href="https://latale.papayaplay.com/latale.do?tp=webtoon"> 372 <li>Webtoon</li> 373 <span class="underline"></span> 374 </a> 375 <a href="https://discord.com/invite/latalena"> 376 <li v-html="locale_com.common_nav_forum"></li> 377 </a> 378 <a href="https://vertigogamesaid.freshdesk.com"> 379 <li>Support</li> 380 </a> 381 </ul> 382 <a class="download-button" href="https://latale.papayaplay.com/latale.do?tp=download"> 383 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/tablet_download.png" /> 384 </a> 385 <div class="sns-icon-container"> 386 <a href="https://www.facebook.com/latalena/" title="Facebook" target="_blank" class="sns-icon fb-icon-wrapper"> 387 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_fb.png" class="fb-icon"> 388 </a> 389 <a href="https://www.instagram.com/lataleofficial/" title="Instagram" target="_blank" class="sns-icon insta-icon-wrapper"> 390 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_insta.png" class="insta-icon"> 391 </a> 392 <a href="https://www.youtube.com/user/lataletube" title="Youtube" target="_blank" class="sns-icon yt-icon-wrapper"> 393 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_yt.png" class="yt-icon"> 394 </a> 395 <a href="https://www.twitter.com/papaya_latale" title="Twitter" target="_blank" class="sns-icon twitter-icon-wrapper"> 396 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_twitter.png" class="twitter-icon"> 397 </a> 398 <a href="https://discord.com/invite/latalena" title="Discord" target="_blank" class="sns-icon discord-icon-wrapper"> 399 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_discord.png" class="discord-icon"> 400 </a> 401 <a href="https://www.twitch.tv/lataleofficial" title="Twitch" target="_blank" class="sns-icon twitch-icon-wrapper"> 402 <img src="https://static.papayaplay.com/static/assets/images/latale/renewal/common/icon_twitch.png" class="twitch-icon"> 403 </a> 404 </div> 405 </div> 406 </div> 407 </div> 408 409 <div id="uwo-menu" class="pad-top-30"> 410 <a href="https://uwo.papayaplay.com/uwo.do"> 411 <img src="https://static.papayaplay.com/static/assets/images/uwo/official/uwo-snb-logo.png" class="center-block"> 412 </a> 413 <ul> 414 <li> 415 <label for="uwo_m_game" class="uwo-show nd-m-btn-game text-uppercase">GAME<span class="more-sign">+</span></label> 416 <input type="checkbox" id="uwo_m_game"> 417 <ul class="uwo-sub-menu"> 418 <li class="sub-li"><a href="https://uwo.papayaplay.com/uwo.do?tp=game">ABOUT</a></li> 419 <li class="sub-li"><a href="https://uwo.papayaplay.com/uwo.do?tp=media">MEDIA</a></li> 420 </ul> 421 </li> 422 <li class=""> 423 <a href="https://uwo.papayaplay.com/uwo.do?tp=news" class="text-uppercase" v-html="">NEWS</a> 424 </li> 425 <li class=""> 426 <a href="https://uwo.papayaplay.com/uwo.do?tp=guide" class="text-uppercase" v-html="">GUIDES</a> 427 </li> 428 429 <li class=""> 430 <a href="https://uwo.papayaplay.com/uwo.do?tp=update">UPDATES</a> 431 </li> 432 433 <li class=""> 434 <a href="https://uwo.papayaplay.com/treasurecove/main.do" :class="{ disable: coveState == false }">COVE</a>
435 <span v-if="coveState == true" class="badge-soon" style="background-color:#c9a56d;">NEW</span> 436 <span v-if="coveState == false" class="badge-soon" style="background-color: red;">upcoming</span> 437 </li> 438 <li v-if="!shopStatus || maintenanceMode || (shopStatus && maintenanceMode)"> 439 <a class="disabled" href="https://uwo.papayaplay.com/uwo.do?tp=shop">SHOP</a><span class="badge-soon" style="background-color:red;">UPCOMING</span> 440 </li> 441 <li> 442 <!-- wheel on --> 443 <a v-if="compassState == true" class="" href="https://uwo.papayaplay.com/uwoevent/compass.do">COMPASS</a><span v-if="compassState == true" class="badge-soon" style="background-color: green;">Open</span> 444 <!-- wheel upcoming --> 445 <a v-if="compassState == false" class="disable" href="https://uwo.papayaplay.com/uwoevent/compass.do">COMPASS</a><span v-if="compassState == false" class="badge-soon" style="background-color: red;">upcoming</span> 446 </li> 447 <li> 448 <!-- wheel on --> 449 <a v-if="wheelState == true" class="" href="https://uwo.papayaplay.com/uwoevent/luckywheel.do">Wheel</a><span v-if="wheelState == true" class="badge-soon" style="background-color: green;">Open</span> 450 <!-- wheel upcoming --> 451 <a v-if="wheelState == false" class="disable" href="https://uwo.papayaplay.com/uwoevent/luckywheel.do">Wheel</a><span v-if="wheelState == false" class="badge-soon" style="background-color: red;">upcoming</span> 452 </li> 453 <li v-if="shopStatus && !maintenanceMode"> 454 <a href="https://uwo.papayaplay.com/uwo.do?tp=shop">SHOP</a><span class="badge-soon" style="background-color:#008000;">OPEN</span> 455 </li> 456 457 <li class=""> 458 <a href="https://forum.papayaplay.com/categories/UWO" class="text-uppercase" v-html="">FORUM</a> 459 </li> 460 <li class=""> 461 <a class="uwo-download-m-btn text-uppercase" href="https://www.papayaplay.com/uwo.do?tp=download" v-html="">DOWNLOAD</a> 462 </li> 463 464 <li class="papaya-logo"> 465 <a href="https://www.papayaplay.com/portal.do"> 466 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 467 </a> 468 </li> 469 </ul> 470 </div> 471 472 <div id="blackshotsea-menu" class="pad-top-30"> 473 <a href="https://bs.sea.papayaplay.com/bssea.do"> 474 <img src="https://static.papayaplay.com/static/assets/images/portal/common/sea-logo.svg" class="center-block"> 475 </a> 476 <ul> 477 <li class=""> 478 <!-- <a href="https://bs.sea.papayaplay.com/bssea.do?tp=game" class="text-uppercase" v-html="locale_com.common_nav_game"></a> --> 479 <label for="bssea_gnb_m_game" class="bssea-show text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label> 480 <input type="checkbox" id="bssea_gnb_m_game" /> 481 <ul class="bssea-sub-menu--ul"> 482 <li class="sub--li"> 483 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=game" class="text-uppercase">ABOUT</a> 484 </li> 485 <li class="sub--li"> 486 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=competitive" class="text-uppercase">COMPETITIVE</a> 487 </li> 488 <!-- <li class="sub--li"> 489 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=blackshot" class="text-uppercase">BLACKSHOT</a> 490 </li> --> 491 </ul> 492 </li> 493 <li class=""> 494 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 495 </li> 496 <li class=""> 497 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a> 498 </li> 499 <li class=""> 500 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a> 501 </li> 502 <li class=""> 503 <!-- <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> --> 504 <label for="bssea_gnb_m_ranking" class="bssea-show text-uppercase">{{locale_com.common_nav_ranking}}<span class="more-sign">+</span></label> 505 <input type="checkbox" id="bssea_gnb_m_ranking" /> 506 <ul class="bssea-sub-menu--ul"> 507 <li class="sub--li"> 508 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking_bc" class="text-uppercase">BC RANKING</a> 509 </li> 510 <li class="sub--li"> 511 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=halloffame" class="text-uppercase">HALL OF FAME</a> 512 </li> 513 <li class="sub--li"> 514 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=ranking_tdm" class="text-uppercase">PANIC SPACE</a> 515 </li> 516 </ul> 517 </li> 518 <li class=""> 519 <a href="http://forum.papayaplay.com/index.php?p=/categories/blackshot-sea" class="text-uppercase" v-html="locale_com.common_nav_forum"></a> 520 </li> 521 <li> 522 <a href="https://bs.sea.papayaplay.com/bssea.do?tp=download" class="uw-play-btn" v-html="locale_com.Common_Term_Play_Free_Now"></a> 523 </li> 524 <li> 525 <a href="https://www.papayaplay.com"> 526 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 527 </a> 528 </li> 529 </ul> 530 </div> 531 <div id="fstory-menu" class="pad-top-30"> 532 <a href="https://4story.papayaplay.com/4story.do"> 533 <img src="https://static.papayaplay.com/static/assets/images/portal/common/fstory-logo.png" class="center-block"> 534 </a> 535 <ul> 536 <li> 537 <label for="fs_m_game" class="fs-show fs-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label> 538 <input type="checkbox" id="fs_m_game"> 539 <ul class="fs-sub-menu"> 540 <li class="sub-li"> 541 <a href="https://4story.papayaplay.com/4story.do?tp=game">STORY</a> 542 </li> 543 <li class="sub-li"> 544 <a href="http://wiki.papayaplay.com/4story/doku.php?id=start">WIKI</a> 545 </li> 546 <!-- <li class="sub-li"><a href="https://4story.papayaplay.com/4story.do?tp=database" style="color:#888;">DATABASE</a></li> --> 547 <li class="sub-li"> 548 <a style="color: #888; cursor: default;">DATABASE</a> 549 </li> 550 </ul> 551 </li> 552 <li class=""> 553 <a href="https://4story.papayaplay.com/4story.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 554 </li> 555 <li class=""> 556 <a href="https://4story.papayaplay.com/4story.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a> 557 </li> 558 <li>
559 <label for="fs_m_community" class="fs-show fs-m-btn-community text-uppercase">community<span class="more-sign">+</span></label> 560 <input type="checkbox" id="fs_m_community"> 561 <ul class="fs-sub-menu"> 562 <li class="sub-li"> 563 <a href="https://forum.papayaplay.com/categories/4Story">Forum</a> 564 </li> 565 <!-- <li class="sub-li"><a href="https://4story.papayaplay.com/4story.do">Ranking</a></li> --> 566 <li class="sub-li"> 567 <a style="color: #888; cursor: default;">Ranking</a> 568 </li> 569 </ul> 570 </li> 571 <li class=""> 572 <a href="https://4story.papayaplay.com/4story.do?tp=shop" class="text-uppercase" v-html="locale_com.common_nav_shop"></a> 573 </li> 574 <!-- <li class=""><a class="text-uppercase" style="color: #888; cursor: default;" v-html="locale_com.common_nav_shop"></a></li> --> 575 <li> 576 <a href="https://4story.papayaplay.com/4story.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a> 577 </li> 578 <li class="papaya-logo"> 579 <a href="https://www.papayaplay.com"> 580 <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt=""> 581 </a> 582 </li> 583 </ul> 584 </div> 585 <div id="lostsaga-menu" class="pad-top-30"> 586 <a href="https://lostsaga.papayaplay.com/lostsaga.do"> 587 <img src="https://static.papayaplay.com/static/assets/images/portal/common/losa_logo.png" class="center-block"> 588 </a> 589 <ul> 590 <li> 591 <label for="ls_m_game" class="ls-show ls-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label> 592 <input type="checkbox" id="ls_m_game"> 593 <ul class="fs-sub-menu"> 594 <li class="sub-li"> 595 <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=mercenary">MERCENARY</a> 596 </li> 597 <li class="sub-li"> 598 <a style="color: #888; cursor: default;">WIKI</a> 599 </li> 600 </ul> 601 </li> 602 <li class=""> 603 <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 604 </li> 605 <li class=""> 606 <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=update" class="text-uppercase" v-html="locale_com.common_nav_update"></a> 607 </li> 608 <li class=""> 609 <a style="color: #888; cursor: default;" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> 610 </li> 611 <li class=""> 612 <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=media" class="text-uppercase" v-html="locale_com.common_nav_media"></a> 613 </li> 614 <li class=""> 615 <a style="color: #888; cursor: default;" class="text-uppercase" v-html="locale_com.common_nav_shop"></a> 616 </li> 617 <li class=""> 618 <a href="https://forum.papayaplay.com/categories/lost-saga" class="text-uppercase" v-html="locale_com.common_nav_forum"></a> 619 </li> 620 <li> 621 <a href="https://lostsaga.papayaplay.com/lostsaga.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a> 622 </li> 623 <li class="papaya-logo"> 624 <a href="https://www.papayaplay.com"> 625 <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt=""> 626 </a> 627 </li> 628 </ul> 629 </div> 630 <div id="ninedragons-menu" class="pad-top-30"> 631 <a href="https://9dragons.papayaplay.com/9dragons.do"> 632 <img src="https://static.papayaplay.com/static/assets/images/portal/home/9d_logo.png" class="center-block"> 633 </a> 634 <ul> 635 <li> 636 <label for="nd_m_game" class="nd-show nd-m-btn-game text-uppercase">{{locale_com.common_nav_game}}<span class="more-sign">+</span></label> 637 <input type="checkbox" id="nd_m_game"> 638 <ul class="nd-sub-menu"> 639 <li class="sub-li"> 640 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=about">ABOUT</a> 641 </li> 642 <li class="sub-li"> 643 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=clans">CLANS</a> 644 </li> 645 <li class="sub-li"> 646 <a href="http://wiki.papayaplay.com/9dragons/doku.php?id=starting_the_game">WIKI</a> 647 </li> 648 <li class="sub-li"> 649 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=fineart">FINE ART</a> 650 </li> 651 </ul> 652 </li> 653 <li class=""> 654 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 655 </li> 656 <li class=""> 657 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=ranking" class="text-uppercase" v-html="locale_com.common_nav_ranking"></a> 658 <!-- <a class="text-uppercase" style="color: #888;" v-html="locale_com.common_nav_ranking"></a> --> 659 </li> 660 <li class=""> 661 <a href="https://discord.com/invite/ninedragons" class="text-uppercase" v-html="locale_com.common_nav_forum"></a> 662 </li> 663 <li class=""> 664 <a href="https://vertigogamesaid.freshdesk.com/support/solutions/66000284123" class="text-uppercase" v-html="locale_com.Common_Header_Support"></a> 665 </li> 666 <li> 667 <a href="https://9dragons.papayaplay.com/9dragons.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a> 668 </li> 669 <li class="papaya-logo"> 670 <a href="https://www.papayaplay.com"> 671 <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt=""> 672 </a> 673 </li> 674 </ul> 675 </div> 676 677 <!-- test Start (Joonyoung) EOS mobile menu --> 678 <div id="eos-menu" class="pad-top-30"> 679 <!-- mobile top game logo --> 680 <a href="https://eos.papayaplay.com/eos.do"> 681 <img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/eos_logo.png" class="center-block"> 682 </a> 683 <!-- mobile game menu content --> 684 <ul> 685 <li class=""> 686 <a href="https://eos.papayaplay.com/eos.do?tp=classesall" class="text-uppercase">
686classes</a> 687 </li> 688 <li class=""> 689 <a href="https://eos.papayaplay.com/guide/eos.do" target="_blank" class="text-uppercase">game guide</a> 690 </li> 691 <li class=""> 692 <a href="https://eos.papayaplay.com/eos.do?tp=news" class="text-uppercase" v-html="locale_com.common_nav_news"></a> 693 </li> 694 <li class=""> 695 <a href="https://eos.papayaplay.com/eos.do?tp=media" class="text-uppercase">media</a> 696 </li> 697 <li class=""> 698 <a href="https://vertigogamesaid.freshdesk.com/support/solutions/66000285368" class="text-uppercase" v-html="locale_com.Common_Header_Support"></a> 699 </li> 700 <li class="eos_download center-block"> 701 <a href="https://eos.papayaplay.com/eos.do?tp=download" class="text-uppercase" v-html="locale_com.common_nav_download"></a> 702 </li> 703 <!-- <li class="papaya-logo"> 704 <a href="https://www.papayaplay.com"> 705 <img src="https://static.papayaplay.com/static/assets/images/latale/portal/papaya-logo-white-mobile.svg" alt=""> 706 </a> 707 </li> --> 708 </ul> 709 </div> 710 <!-- test End (Joonyoung) EOS mobile menu --> 711 712 <!-- TOS mobile menu ì¢ ë£ëì--> 713 <!-- 714 <div id="tos-menu" class="pad-top-30"> 715 <a href="https://tos.papayaplay.com/tos.do"> 716 <img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo.png" class="center-block"> 717 </a> 718 <ul> 719 <li> 720 <label for="tos_m_game" class="tos-show nd-m-btn-game text-uppercase">{{ locale_tos.common_nav_game }}<span class="more-sign">+</span></label> 721 <input type="checkbox" id="tos_m_game"> 722 <ul class="tos-sub-menu"> 723 <li class="sub-li"> 724 <a href="https://www.papayaplay.com/tos.do?tp=about">{{ locale_tos.common_nav_about }}</a> 725 </li> 726 <li class="sub-li"> 727 <a href="https://www.papayaplay.com/tos.do?tp=media">{{ locale_tos.common_nav_media }}</a> 728 </li> 729 <! -- <li class="sub-li"> 730 <a href="#">GUIDE</a> 731 </li> -- > 732 </ul> 733 </li> 734 <li> 735 <label for="tos_m_classes" class="tos-show nd-m-btn-game text-uppercase">{{ locale_tos.common_nav_classes }}<span class="more-sign">+</span></label> 736 <input type="checkbox" id="tos_m_classes"> 737 <ul class="tos-sub-menu"> 738 <li class="sub-li"> 739 <a href="https://www.papayaplay.com/tos.do?tp=classes">{{ locale_tos.common_nav_class_list }}</a> 740 </li> 741 <li class="sub-li"> 742 <a href="https://www.papayaplay.com/tos.do?tp=simulator">{{ locale_tos.common_nav_build_simulator }}</a> 743 </li> 744 </ul> 745 </li> 746 <li class=""> 747 <a href="https://www.papayaplay.com/tos.do?tp=news">{{ locale_tos.common_nav_news }}</a> 748 </li> 749 <! -- <li class=""> 750 <a href="https://forum.papayaplay.com/categories/TOS" class="text-uppercase">FORUM</a> 751 </li> -- > 752 <li class=""> 753 <a href="https://vertigogamesaid.freshdesk.com/en/support/solutions/66000285896" class="text-uppercase">{{ locale_tos.common_nav_support }}</a> 754 <! -- <a class="text-uppercase" style="color: #888;" v-html="locale_com.common_nav_ranking"></a> -- > 755 </li> 756 <! -- <li class=""> 757 <a href="#" class="text-uppercase">LUCKY SHOP</a> 758 </li> -- > 759 <li class=""> 760 <a href="https://www.papayaplay.com/tos.do?tp=download" class="text-uppercase">{{ locale_tos.common_nav_download }}</a> 761 </li> 762 <li class="papaya-logo"> 763 <a href="https://www.papayaplay.com"> 764 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 765 </a> 766 </li> 767 </ul> 768 </div> 769 --> 770 <!-- TOS mobile menu --> 771 772 <!-- SF2 mobile menu --> 773 <div id="sf2-menu" class="pad-top-30"> 774 <a href="https://sf2.papayaplay.com/sf2.do"> 775 <img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo.png" class="center-block"> 776 </a> 777 <ul> 778 <!-- <li> 779 <label for="sf2_m_game" class="sf2-show nd-m-btn-game text-uppercase">GAME<span class="more-sign">+</span></label> 780 <input type="checkbox" id="sf2_m_game"> 781 <ul class="sf2-sub-menu"> 782 <li class="sub-li"> 783 <a href="https://www.papayaplay.com/sf2.do?tp=about">ABOUT</a> 784 </li> 785 <li class="sub-li"> 786 <a href="https://www.papayaplay.com/sf2.do?tp=media">MEDIA</a> 787 </li> 788 </ul> 789 </li> --> 790 <!-- <li> 791 <label for="sf2_m_classes" class="sf2-show nd-m-btn-game text-uppercase">CLASSES<span class="more-sign">+</span></label> 792 <input type="checkbox" id="sf2_m_classes"> 793 <ul class="sf2-sub-menu"> 794 <li class="sub-li"> 795 <a href="https://www.papayaplay.com/sf2.do?tp=classes">CLASS LIST</a> 796 </li> 797 <li class="sub-li"> 798 <a href="https://www.papayaplay.com/sf2.do?tp=simulator">BUILD SIMULATOR</a> 799 </li> 800 </ul> 801 </li> 802 <li class=""> 803 <a href="https://www.papayaplay.com/sf2.do?tp=news">NEWS</a> 804 </li> --> 805 <li class=""> 806 <a href="https://www.papayaplay.com/sf2.do?tp=game" class="text-uppercase">GAME</a> 807 </li> 808 <li class=""> 809 <a href="https://www.papayaplay.com/sf2.do?tp=update" class="text-uppercase">UPDATE</a> 810 </li> 811 <li class=""> 812 <a href="https://www.papayaplay.com/sf2.do?tp=media" class="text-uppercase">
812MEDIA</a> 813 </li> 814 <li class=""> 815 <a href="https://www.papayaplay.com/sf2.do?tp=news" class="text-uppercase">NEWS</a> 816 </li> 817 <li class=""> 818 <a class="not_link" href="" class="text-uppercase">RANKING</a> 819 </li> 820 <li class=""> 821 <a href="https://www.papayaplay.com/sf2.do?tp=download" class="text-uppercase">DOWNLOAD</a> 822 </li> 823 <li class="papaya-logo"> 824 <a href="https://www.papayaplay.com/portal.do"> 825 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 826 </a> 827 </li> 828 </ul> 829 </div> 830 <!-- SF2 mobile menu --> 831 832 <!-- Closers mobile menu --> 833 834 835 836<div id="closers-menu"> 837 <div id="closers-gnb-app" v-cloak> 838 <div class="ch-drawer-header"> 839 <button type="button" id="closers-mobile-menu-close" class="ch-hamburger" aria-label="Close menu"> 840 <i class="icon-close"></i> 841 </button> 842 <a class="ch-logo" :href="baseUrl + '/closers.do'"> 843 <img :src="staticUrl + '/images/closers/header/closers-logo.webp'" alt="Closers"> 844 </a> 845 <a class="ch-papaya" href="https://www.papayaplay.com/portal.do"> 846 <img :src="staticUrl + '/images/portal/common/papaya-symbol.svg'" alt="Papaya Play"> 847 </a> 848 </div> 849 <nav class="ch-drawer-menu"> 850 <div class="ch-drawer-row" v-for="(nav, i) in headerNav" :key="i"> 851 <div class="ch-drawer-cat">{{ nav.title }}</div> 852 <div class="ch-drawer-subs"> 853 <template v-if="nav.sub && nav.sub.length"> 854 <a v-for="(sub, j) in nav.sub" :key="j" :href="sub.link" :target="sub.target || '_self'" :class="['ch-drawer-sub', { active: sub.active }]">{{ sub.title }}</a> 855 </template> 856 <a v-else :href="nav.link" :class="['ch-drawer-sub', { active: nav.active }]">{{ nav.title }}</a> 857 </div> 858 </div> 859 </nav> 860 </div> 861</div>
862<script> 863new Vue({ 864 el: '#closers-gnb-app', 865 data: function () { 866 var baseUrl = 'https://closers.papayaplay.com'; 867 var staticUrl = 'https://static.papayaplay.com/static/assets'; 868 return { 869 baseUrl: baseUrl, 870 staticUrl: staticUrl, 871 headerNav: [ 872 { 873 title: T('Closers_GameInfo'), 874 link: baseUrl + '/closers.do?tp=closers', 875 active: false, 876 tps: ['closers', 'guide'], 877 sub: [ 878 { title: T('Closers_Closers'), link: baseUrl + '/closers.do?tp=closers', active: false }, 879 { title: T('Closers_PlayGuide'), link: baseUrl + '/closers.do?tp=guide', active: false } 880 ] 881 }, 882 { 883 title: T('Closers_News'), 884 link: baseUrl + '/closers.do?tp=news', 885 active: false, 886 tps: ['news', 'news.view'], 887 sub: [ 888 { title: T('Closers_All'), link: baseUrl + '/closers.do?tp=news', active: false }, 889 { title: T('Closers_Notice'), link: baseUrl + '/closers.do?tp=news&cat=notice', active: false }, 890 { title: T('Closers_Update'), link: baseUrl + '/closers.do?tp=news&cat=update', active: false }, 891 { title: T('Closers_Event'), link: baseUrl + '/closers.do?tp=news&cat=event', active: false }, 892 { title: T('Closers_Shop'), link: baseUrl + '/closers.do?tp=news&cat=shop', active: false }, 893 { title: T('Closers_GMNote'), link: baseUrl + '/closers.do?tp=news&cat=gmnote', active: false } 894 ] 895 }, 896 { 897 title: T('Closers_Media'), 898 link: baseUrl + '/closers.do?tp=media', 899 active: false, 900 tps: ['media'], 901 sub: [ 902 { title: T('Closers_OfficialVideo'), link: baseUrl + '/closers.do?tp=media&cat=video', active: false }, 903 { title: T('Closers_FanKit'), link: baseUrl + '/closers.do?tp=media&cat=fankit', active: false } 904 ] 905 }, 906 { 907 title: T('Closers_Download'), 908 link: baseUrl + '/closers.do?tp=download', 909 active: false, 910 tps: ['download'], 911 sub: [] 912 }, 913 { 914 title: T('Closers_Support'), 915 link: baseUrl + '/closers.do?tp=faq', 916 active: false, 917 tps: ['faq', 'coupon'], 918 sub: [ 919 { title: T('Closers_FAQ'), link: baseUrl + '/closers.do?tp=faq', active: false }, 920 { title: T('Closers_Tickets'), link: 'https://vertigogamesaid.freshdesk.com/support/tickets', target: '_blank', active: false }, 921 { title: T('Closers_Coupon'), link: baseUrl + '/closers.do?tp=coupon', active: false } 922 ] 923 } 924 ] 925 }; 926 }, 927 created: function () { 928 var tp = ''; 929 var cat = ''; 930 this.headerNav.forEach(function (nav) { 931 nav.active = nav.tps.includes(tp); 932 nav.sub.forEach(function (sub, j) { 933 var url = new URL(sub.link, location.origin); 934 var subTp = url.searchParams.get('tp') || ''; 935 var subCat = url.searchParams.get('cat') || ''; 936 sub.active = subTp !== '' && subTp === tp && (subCat === cat || (cat === '' && j === 0)); 937 }); 938 }); 939 } 940}); 941</script>
941 942 943 <!-- Closers mobile menu --> 944 945 </div> 946 <!-- end mobile game menu --> 947 948 <div class="flex-center" id="brand-logo"> 949 <!-- <a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg"></a> --> 950 <a href="https://www.papayaplay.com/portal.do"> 951 <img :src="logoBrandMobile"> 952 </a> 953 </div> 954 955 <a href="#" id="mobile-portal-logo"> 956 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-symbol.svg"> 957 </a> 958 <!-- start mobile portal menu --> 959 <div id="mobile-portal-menu"> 960 <button type="button" id="mobile-portal-menu-close"> 961 <i class="icon-close"></i> 962 </button> 963 <div class="pad-top-10 pad-bot-10 logo-wrapper"> 964 <a href="https://www.papayaplay.com/portal.do" class="papaya-logo"> 965 <!-- <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" /> --> 966 <img v-if="flagTheme === 1" style="height: 48px;" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg"> 967 <img v-else-if="flagTheme === 2" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/papaya-logo.svg"> 968 <img v-else-if="flagTheme === 3" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/papaya-logo.svg"> 969 <img v-else-if="flagTheme === 4" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/papaya-logo.svg"> 970 <img v-else src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg"> 971 </a> 972 </div> 973 <ul class="general-menu-list"> 974 <li @click="handleGamesMobile"> 975 <div class="list-wrapper"> 976 <span class="list-line" v-if="gamesMobile"></span> 977 <i class="chevron-left fa fa-chevron-left" v-if="gamesMobile"></i> 978 <img class="list-icon" :src="imgUrl + '/ico/ico_all.svg'" v-if="!gamesMobile" /> 979 <h3 :class="['list-text', {textActive: gamesMobile}]">All Games</h3> 980 </div> 981 <div class="games-list-cont"> 982 <div :class="['game-list-wrapper', { 'gamesMobileActive': gamesMobile }]" v-for="(game, index) in gameList" :key="index"> 983 <div class="games-cont"> 984 <a class="game-wrapper" v-for="(list, gIndex) in game.games" :href="list.link" :key="gIndex"> 985 <div class="thumbnail-wrapper"> 986 <span class="new-tag" v-if="list.new">N</span> 987 <img class="game-thumbnail" :src="imgUrl + '/' + list.imgPath" /> 988 </div> 989 <span class="game-title" v-html="list.title"></span> 990 </a> 991 </div> 992 </div> 993 </div> 994 </li> 995 </ul> 996 997 998 <ul class="general-menu-list"> 999 <div class="div-line"></div> 1000 <li> 1001 <a href="https://www.papayaplay.com/shop/main.do" class="btn--menuList"> 1002 <i class="icon-papaya-shop"></i> 1003 <p class="text-uppercase" v-html="locale_com.Common_Header_CashShop"></p> 1004 </a> 1005 </li> 1006 <div class="div-line"></div> 1007 <!-- <li><a href="https://vertigogamesaid.freshdesk.com/support/home" class="btn--menuList" target="_blank"><i class="icon-support"></i> 1008 <p class="text-capitalize" v-html="locale_com.Common_Header_Support"></p></a></li> --> 1009 1010 <li> 1011 <a href="https://vertigogamesaid.freshdesk.com/support/home" class="btn--menuList" target="_blank"> 1012 <i class="icon-support"></i> 1013 <p class="text-capitalize" v-html="locale_com.Common_Header_Support"></p> 1014 </a> 1015 </li> 1016 1017 1018 1019 <div class="div-line"></div> 1020 </ul> 1021 1022 1023 <div class="before-login pad-top-20"> 1024 <div class="signIn-btn" @click="getReturnUrl()" class="text-uppercase" v-html="locale_com.Common_Header_SignIn"></div> 1025 </div> 1026 <div class="before-login pad-top-10 pad-bot-20"> 1027 <a class="signUp-btn" :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" id="papaya-gnb-signup" class="text-uppercase" v-html="locale_com.Portal_Common_Sign_Up"></a> 1028 </div> 1029 1030 </div> 1031 1032 <!-- end mobile portal menu --> 1033 </div> 1034 <!-- end mobile gnb --> 1035 <!-- desktop gnb --> 1036 <div class="n-desktop-gnb hidden-xs hidden-sm"> 1037 <!-- papayaHeader left & right --> 1038 <!-- 1039 0 : normal 1040 1 : halloween 1041 2 : rememberance 1042 3 : christmas 1043 --> 1044 <!-- halloween --> 1045 <div v-if="flagTheme === 1" class="theme-halloween"> 1046 <img class="leftImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_web_left.png" /> 1047 <img class="rightImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_web_right.png" /> 1048 </div> 1049 <!-- rememberance --> 1050 <div v-else-if="flagTheme === 2" class="theme-halloween"> 1051 <img style="margin-top: 7px; margin-left: 10px;" class="leftImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/rememberance_asset_left.png" alt=""> 1052 <img style="margin-top: 7px; margin-right: 10px;" class="rightImg-halloween" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/rememberance_asset_right.png" alt=""> 1053 </div> 1054 <!-- christmas --> 1055 <div v-else-if="flagTheme === 3" class="theme-christmas"> 1056 <img style="" class="centerImg-christmas" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/navi_snow.png" alt=""> 1057 </div> 1058 <div v-else></div> 1059 <div class="nav-cont"> 1060 <!-- left --> 1061 <!-- 1062 flagTheme Definition (Joonyoung) 1063 0 : normal 1064 1 : halloween 1065 2 : rememberance 1066 3 : christmas 1067 4: lunar new year 1068 --> 1069 <div class="nav-left-wrap"> 1070 <!-- papayaLogo --> 1071 <!-- halloween --> 1072 <div v-if="flagTheme === 1" class="n-logo-wrap halloween-logo"> 1073 <a href="https://www.papayaplay.com/portal.do"> 1074 <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg" alt=""> 1075 </a> 1076 <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> --> 1077 </div> 1078 <!-- rememberance --> 1079 <div v-else-if="flagTheme === 2" class="n-logo-wrap"> 1080 <a href="https://www.papayaplay.com/portal.do"> 1081 <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaRememberance/papaya-logo.svg" alt=""> 1082 </a> 1083 <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> --> 1084 </div> 1085 <!-- christmas --> 1086 <div v-else-if="flagTheme === 3" class="n-logo-wrap"> 1087 <a href="https://www.papayaplay.com/portal.do"> 1088 <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/papaya-logo.svg" alt=""> 1089 </a> 1090 <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> --> 1091 </div> 1092 <!-- lunar new year --> 1093 <div v-else-if="flagTheme === 4" class="n-logo-wrap"> 1094 <a href="https://www.papayaplay.com/portal.do"> 1095 <img src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/papaya-logo.svg" alt=""> 1096 </a> 1097 <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> --> 1098 </div> 1099 <!-- normalThemePapayaLogo --> 1100 <div v-else class="n-logo-wrap"> 1101 <a href="https://www.papayaplay.com/portal.do"> 1102 <img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt=""> 1103 </a> 1104 <!-- <a href="https://www.papayaplay.com/portal.do"> <img src="https://static.papayaplay.com/static/assets/images/portal/xmas-theme/papaya_logo_xmas_new.svg" alt=""></a> --> 1105 </div> 1106 1107 <!-- game --> 1108 <div v-if="flagTheme === 1" class="n-games-wrap-halloween" id="game-list-open"> 1109 <div class="txt-game-halloween" v-html="locale_com.Common_Header_Games"></div> 1110 <i class="fa fa-caret-down"></i> 1111 </div> 1112 <div v-else-if="flagTheme === 2" class="n-games-wrap" id="game-list-open"> 1113 <div class="txt-game" v-html="locale_com.Common_Header_Games"></div> 1114 <i class="fa fa-caret-down"></i> 1115 </div> 1116 <div v-else class="n-games-wrap" id="game-list-open"> 1117 <div class="txt-game" v-html="locale_com.Common_Header_Games"></div> 1118 <i class="fa fa-caret-down"></i> 1119 </div> 1120 <!-- charge --> 1121 <div v-if="flagTheme === 1" class="n-charge-wrap-halloween"> 1122 <a href="https://www.papayaplay.com/shop/main.do"> 1123 <i class="icon-papaya-shop"></i> 1124 <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div> 1125 </a> 1126 </div> 1127 <div v-else-if="flagTheme === 2" class="n-charge-wrap"> 1128 <a href="https://www.papayaplay.com/shop/main.do"> 1129 <i class="icon-papaya-shop"></i> 1130 <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div> 1131 </a> 1132 </div> 1133 <div v-else class="n-charge-wrap"> 1134 <a href="https://www.papayaplay.com/shop/main.do"> 1135 <i class="icon-papaya-shop"></i> 1136 <div class="txt-charge" v-html="locale_com.Common_Header_CashShop"></div> 1137 </a> 1138 </div> 1139 </div> 1140 <!-- end left --> 1141 <!-- right --> 1142 <div class="nav-right-wrap"> 1143 <!-- 1144 flagTheme Definition (Joonyoung) 1145 0 : normal 1146 1 : halloween 1147 3 : christmas 1148 --> 1149 <div v-if="flagTheme === 1" style="margin-right: 15px; margin-bottom:5px"> 1150 <img src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_pumpkin.png" /> 1151 </div> 1152 1153 1154 <div class="n-create-wrap" id="btnAccount" style="display: none;"> 1155 1156 <a v-if="flagTheme === 1" :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" class="txt-create-halloween" v-html="locale_com.Portal_Common_Phrase_Create_Account"></a> 1157 <a v-else :href="'https://www.papayaplay.com/account/signup.do' + '?aid='+utmAid" class="txt-create" v-html="locale_com.Portal_Common_Phrase_Create_Account"></a> 1158 </div> 1159 <!--sign up--> 1160 <div class="n-sign-wrap" id="signup-text" style="display: none;"> 1161 <div v-if="flagTheme === 1" class="txt-sign-halloween" v-html="locale_com.Common_Header_SignIn"></div> 1162 <div v-else class="txt-sign" v-html="locale_com.Common_Header_SignIn"></div> 1163 <i class="fa fa-caret-down"></i> 1164 </div> 1165 1166 <a v-if="flagTheme === 1" href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-halloween-icon" style="display: none;"> 1167 <i class="icon-bell2" id="bell-icon"></i> 1168 <div id="red-dot" class="red-dot" style="display: none"></div> 1169 </a> 1170 <a v-else-if="flagTheme === 2" href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-halloween-icon" style="display: none;"> 1171 <i class="icon-bell2" id="bell-icon"></i> 1172 <div id="red-dot" class="red-dot" style="display: none"></div> 1173 </a> 1174 <a v-else href="https://www.papayaplay.com/user/messages.do" id="message-icon" class="gnb-bell-icon" style="display: none;"> 1175 <i class="icon-bell2" id="bell-icon"></i> 1176 <div id="red-dot" class="red-dot" style="display: none"></div> 1177 </a> 1178 1179 <!--sign in--> 1180 <div class="n-sign-wrap" id="signin-text" style="display: none;"> 1181 <div v-if="flagTheme === 1" class="txt-sign-halloween" id="textUserID"></div> 1182 <div v-else class="txt-sign" id="textUserID"></div> 1183 <i class="fa fa-caret-down"></i> 1184 </div> 1185 <div v-if="flagTheme === 1" class="n-support-halloween"> 1186 <!-- if user is not logged in open default customer portal --> 1187 1188 <a href="https://vertigogamesaid.freshdesk.com/support/home" class="txt-support" v-html="locale_com.Common_Header_Support" target="_blank"></a> 1189 1190 <!-- if User is logged in authenticate/open customer portal --> 1191 1192 </div> 1193 <div v-else class="n-support"> 1194 <!-- if user is not logged in open default customer portal --> 1195 1196 <a href="https://vertigogamesaid.freshdesk.com/support/home" class="txt-support" v-html="locale_com.Common_Header_Support" target="_blank"></a> 1197 1198 <!-- if User is logged in authenticate/open customer portal --> 1199 1200 </div> 1201 1202 <div id="languageSelector" class="language-support-cont" :aria-expanded="[langList]" @mouseover="openLangDropdown" @mouseleave="closeLangDropdown"> 1203 <current-lang :lang-list="langList" aria-haspopup="true" aria-controls="PopupMenuUnder"></current-lang> 1204 <language-dropdown ref="langDropdown" :aria-hidden="[!langList]" aria-label="menu under"></language-dropdown> 1205 </div> 1206 </div> 1207 <!-- end right --> 1208 </div> 1209 </div> 1210 <!-- end desktop gnb--> 1211 <!-- n-game-list --> 1212 <div class="n-game-list hidden-xs hidden-sm" id="game-list-box"> 1213 <!-- 1214 flagTheme Definition (Joonyoung) 1215 0 : normal 1216 1 : halloween 1217 3 : christmas 1218 --> 1219 <!-- í¤ë ê²ì í¼ì¹ê¸° ëë¡ë¤ì´ --> 1220 <!-- halloween --> 1221 <div v-if="flagTheme === 1" class="theme"> 1222 <img class="leftBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_asset_left.png"/> 1223 <img class="rightBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/halloween_asset_right.png"/> 1224 </div> 1225 <!-- christmas --> 1226 <div v-if="flagTheme === 3" class="theme"> 1227 <img class="leftBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/xmas_asset_left.png"/> 1228 <img class="rightBg" src="https://static.papayaplay.com/static/assets/images/portal/event/papayaplay_christmas_theme/xmas_asset_right.png"/> 1229 </div> 1230 <!-- lunar new year --> 1231 <div v-if="flagTheme === 4" class="theme"> 1232 <img class="leftBg" style="top: 0px; width: 140px; margin-left: 15px;" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/lunar_asset_left.png"/> 1233 <img class="rightBg" style="top: 0px; width: 140px; margin-right: 15px;" src="https://static.papayaplay.com/static/assets/images/portal/event/lunar_new_year/lunar_asset_right.png"/> 1234 </div> 1235 1236 1237 <div class="game-list-wrapper" v-for="(game, index) in gameList" :key="index"> 1238 <div class="game-category-wrapper"> 1239 <img class="category-icon" :src="imgUrl + '/ico/' + game.icon" />
1240 <span class="category-name" v-html="game.category"></span> 1241 </div> 1242 <div class="games-cont"> 1243 <a class="game-wrapper" v-for="(list, gIndex) in game.games" :href="list.link" :key="gIndex"> 1244 <div class="thumbnail-wrapper"> 1245 <span class="new-tag" v-if="list.new">N</span> 1246 <img class="game-thumbnail" :src="imgUrl + '/' + list.imgPath" /> 1247 </div> 1248 <span class="game-title" v-html="list.title"></span> 1249 </a> 1250 </div> 1251 </div> 1252 </div> 1253 <!-- end n-game-list --> 1254 <!--sign popup --> 1255 1256 <!--end sign popup --> 1257 <!--sign in--> 1258 <div class="nav-sign-in hidden-xs hidden-sm" id="signin-box"> 1259 <div class="cont--signImg"> 1260 <div class="signImg--left"> 1261 <a href="https://www.papayaplay.com/user/myaccount.do"> 1262 <div id="userProfileImg" class="left--cir"> 1263 <div class="cir--hover"> 1264 {{locale_com.common_nav_update}}<br>Photo 1265 </div> 1266 </div> 1267 </a> 1268 </div> 1269 <div class="signImg--right"> 1270 <h1 class="right--title" id="textPopUid"></h1> 1271 <p class="right--email" id="textPopEmail"></p> 1272 </div> 1273 </div> 1274 <div class="div-line"></div> 1275 <a href="https://www.papayaplay.com/user/myaccount.do" class="cont--iconText"> 1276 <i class="icon-username"></i>{{ locale_com.Common_Header_MyAccount }} 1277 </a> 1278 <div class="div-line"></div> 1279 <a href="https://www.papayaplay.com/shop/history.do" class="cont--iconText"> 1280 <i class="icon-history"></i>{{ locale_com.Common_Header_TransactionHistory }} 1281 </a> 1282 <div class="div-line"></div> 1283 <a href="https://www.papayaplay.com/user/messages.do" class="cont--iconText"> 1284 <i class="icon-bell1"></i>{{ locale_com.Common_Header_MyNotifications }} 1285 </a> 1286 <div class="div-line"></div> 1287 <a href="https://www.papayaplay.com/account/signout.do" class="cont--iconText"> 1288 <i class="icon-signout"></i>{{ locale_com.Common_Header_SignOut }} 1289 </a> 1290 </div> 1291 <!--end sign in --> 1292 <div class="cont--emsg" v-if="isEmsgShow" v-html='emsgShowMsg'></div> 1293 <!-- gnb ends --> 1294
1294<script> 1295 $(document).ready(function () { 1296 $("#fs_m_game").on('click', function () { 1297 if ($('#fs_m_game').prop('checked') == true) { 1298 $('#fs_m_game').closest("li").css({ 1299 "padding-bottom" : "0" 1300 }); 1301 } else { 1302 $('#fs_m_game').closest("li").css({ 1303 "padding-bottom" : "14px" 1304 }); 1305 } 1306 }); 1307 $("#fs_m_community").on('click', function () { 1308 if ($('#fs_m_community').prop('checked') == true) { 1309 $('#fs_m_community').closest("li").css({ 1310 "padding-bottom" : "0" 1311 }); 1312 } else { 1313 $('#fs_m_community').closest("li").css({ 1314 "padding-bottom" : "14px" 1315 }); 1316 } 1317 }); 1318 1319 1320 }); 1321 </script>
1321 1322
1322<script> 1323 /* var url = window.location.href; 1324 if (url.indexOf('aid=')) { 1325 let ca=url.split('?'); 1326 if(ca[1].substring(0,2)==="tp"){ 1327 let sp=ca[1].split('&'); 1328 console.log(sp); 1329 document.cookie = "vga_"+sp[1] + ";domain=papayaplay.com;path=/"; 1330 }else{ 1331 document.cookie = "vga_"+ca[1] + ";domain=papayaplay.com;path=/"; 1332 } 1333 }*/ 1334 1335 //-------- 1336 //control to relocate for the emergency messages 1337 //-------- 1338 var bodyId = $('body').attr('id'); 1339 var oriWid = $(window).width(); 1340 $(window).resize(function () { 1341 oriWid = $(window).width(); 1342 //console.log(oriWid) 1343 if (oriWid < 980) { 1344 $('.cont--emsg').css({ 1345 'top' : '0' 1346 }) 1347 } else { 1348 chgEmgMsg() 1349 } 1350 }) 1351 1352 if (oriWid < 980) { 1353 $('.cont--emsg').css({ 1354 'top' : '0' 1355 }) 1356 } else { 1357 chgEmgMsg() 1358 } 1359 function chgEmgMsg() { 1360 if (bodyId == 'blackshotsea') { 1361 $('.cont--emsg').css({ 1362 'top' : '54px' 1363 }) 1364 } 1365 if (bodyId == 'blackshot') { 1366 $('.cont--emsg').css({ 1367 'top' : '54px' 1368 }) 1369 } 1370 if (bodyId == 'uwo') { 1371 $('.cont--emsg').css({ 1372 'top' : '86px' 1373 }) 1374 } 1375 if (bodyId == 'dekaron') { 1376 $('.cont--emsg').css({ 1377 'top' : '125px' 1378 }) 1379 } 1380 if (bodyId == '4story') { 1381 $('.cont--emsg').css({ 1382 'top' : '55px' 1383 }) 1384 } 1385 if (bodyId == '9dragons') { 1386 $('.cont--emsg').css({ 1387 'top' : '61px' 1388 }) 1389 } 1390 // if (bodyId == 'lostsaga') { 1391 // $('.cont--emsg').css({ 1392 // 'top' : '60px' 1393 // }) 1394 // } 1395 1396 // test Start (Joonyoung) mobile Header flag function *EOS 1397 if (bodyId == 'echoofsoul') { 1398 $('.cont--emsg').css({ 1399 'top' : '61px' 1400 }) 1401 } 1402 if (bodyId == 'treeofsavior') { 1403 $('.cont--emsg').css({ 1404 'top' : '61px' 1405 }) 1406 } 1407 if (bodyId == 'sf2') { 1408 $('.cont--emsg').css({ 1409 'top' : '61px' 1410 }) 1411 } 1412 // test End (Joonyoung) 1413 } 1414 //------- 1415 // end 1416 //------- 1417 var portalGnbImgUrl = "https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new"; 1418 var halloweenImgUrl = "https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween"; 1419 var homeUrl = 'https://www.papayaplay.com'; 1420 //var imgUrl = "../assets/images"; 1421 1422 Vue.component("current-lang", { 1423 props: ["langList"], 1424 template: `\<div class="current-lang-wrapper"> 1425 <img class="global-ico" :src="imgUrl + \'/ico/ico_global.svg\'" /> 1426 <h6 class="current-lang" v-html="setLang.lang"></h6> 1427 <i v-if="!langList" class="fa fa-caret-down"></i> 1428 <i v-if="langList" class="fa fa-caret-up"></i> 1429 </div>`, 1430 data: function () { 1431 return { 1432 imgUrl: portalGnbImgUrl, 1433 currentLang: lang, 1434 } 1435 }, 1436 computed: { 1437 setLang: function () { 1438 if (this.currentLang === "en") { 1439 this.currentLang = "en"; 1440 return { lang: "English" }; 1441 } 1442 if (this.currentLang === "fr") { 1443 return { lang: "Français" }; 1444 } 1445 if (this.currentLang === "de") { 1446 return { lang: "Deutsch" }; 1447 } 1448 if (this.currentLang === "pt") { 1449 return { lang: "Português" }; 1450 } 1451 if (this.currentLang === "tr") { 1452 return { lang: "Turkish" }; 1453 } 1454 if (this.currentLang === "ms") { 1455 return { lang: "Melayu" }; 1456 } 1457 if (this.currentLang === "ru") { 1458 return { lang: "PÑÑÑкий" }; 1459 } 1460 }, 1461 }, 1462 created: function() { 1463 if(window.location.href.includes('9dragons')) { 1464 var lsLangCurr = window.localStorage.getItem('langND_curr'); 1465 //console.log("localStorage langND_curr : ", lsLangCurr); 1466 if( lsLangCurr == 'ru' ) { 1467 this.currentLang = 'ru'; 1468 } 1469 } 1470 } 1471 });
1472 var languageDrodown = Vue.component("language-dropdown", { 1473 template: `\<ul class="language-dropdown"> 1474 <li class="language-list" v-for="list in langList"> 1475 <span class="check-ico-wrapper"><img class="check-ico" v-show="localStorageCurrLang !== 'ru' && currentLang === list.lang" :src="imgUrl + \'/ico/ico_check.png\'"/></span> 1476 <a class="lang-wrapper" :href="homeUrl + \'/set.do?lang=\' + list.lang" @click="setLocalStorageLang(list.lang)"> 1477 <h6 :class="[\'lang-text\', {\'lang-active\':currentLang === list.lang}]" v-html="list.language"></h6> 1478 </a> 1479 </li> 1480 <li v-if="isLangRu" class="language-list"> 1481 <span class="check-ico-wrapper"><img class="check-ico" v-show="localStorageCurrLang === 'ru'" :src="imgUrl + \'/ico/ico_check.png\'"/></span> 1482 <div class="lang-wrapper" @click="setLocalStorageLang(\'ru\')"> 1483 <h6 class="lang-text">PÑÑÑкий</h6> 1484 </div> 1485 </li> 1486 </ul>`, 1487 data: function () { 1488 return { 1489 currentLang: lang, 1490 imgUrl: portalGnbImgUrl, 1491 homeUrl: homeUrl, 1492 isLangRu: false, 1493 localStorageCurrLang: '', 1494 langList: [ 1495 { lang: "en", language: "English" }, 1496 { lang: "pt", language: "Português" }, 1497 { lang: "fr", language: "Français" }, 1498 { lang: "de", language: "Deutsch" }, 1499 { lang: "tr", language: "Türk" }, 1500 { lang: "ms", language: "Melayu" }, 1501 ], 1502 }; 1503 }, 1504 created: function () { 1505 //console.log(this.currentLang) 1506 var vm=this; 1507 //console.log('gnb read href', window.location.href); 1508 if(window.location.href.includes('9dragons')) { 1509 vm.isLangRu = true; 1510 vm.localStorageCurrLang = window.localStorage.getItem("langND_curr"); 1511 } 1512 }, 1513 methods: { 1514 setLocalStorageLang: function(selectedLang) { 1515 var vm=this; 1516 window.localStorage.setItem('langND_curr', selectedLang); 1517 if( selectedLang === 'ru' ) { 1518 location.reload(); 1519 } 1520 } 1521 } 1522 }); 1523 var isADTraffic = false; 1524 var gnb = new Vue({ 1525 el : '#pt_gnb', 1526 data : { 1527 langList: false, 1528 imgUrl: portalGnbImgUrl, 1529 imgUrlHalloween: halloweenImgUrl, 1530 flagTheme: 0, 1531 logoBrandMobile: "https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg", 1532 locale_lang : lang, 1533 locale_com : '', 1534 locale_tos : '', 1535 isEmsgShow : false, 1536 emsgShowMsg : '', 1537 UWOSERVICEID : 5, 1538 shopStatus : false, 1539 maintenanceMode : false, 1540 utmAid : 0, 1541 vegasVisible : true, 1542 wheelState: false, 1543 compassState: true, 1544 coveState : false, 1545 gameList: [ 1546 { 1547 icon: "ico_fps.svg", 1548 category: "FPS", 1549 games: [ 1550 { 1551 new: true, 1552 imgPath: "sf2_sm.png", 1553 title: "Special Force 2", 1554 link: 'https://sf2.papayaplay.com/sf2.do?tp=home', 1555 }, 1556 { 1557 new: false, 1558 imgPath: "bs_sea_sm.png", 1559 title: "BlackShot SEA", 1560 link: 'https://bs.sea.papayaplay.com/bssea.do', 1561 }, 1562 { 1563 new: false, 1564 imgPath: "bs_glb_sm.png", 1565 title: "BlackShot GLB", 1566 link: 'https://blackshot.papayaplay.com/bsglb.do', 1567 }, 1568 { 1569 new: false, 1570 imgPath: "wr_sm.png", 1571 title: "WarRock", 1572 link: 'https://warrock.papayaplay.com/warrock.do', 1573 }, 1574 ], 1575 }, 1576 { 1577 icon: "ico_rpg.svg", 1578 category: "RPG", 1579 games: [ 1580 // TOS ì¢ ë£ìì 1581 //{ 1582 // new: true, 1583 // imgPath: "tos_sm.png", 1584 // title: "Tree of Savior", 1585 // link: 'https://tos.papayaplay.com/tos.do?tp=home', 1586 //}, 1587 { 1588 new: true, 1589 imgPath: "closers_sm.png", 1590 title: "Closers", 1591 link: 'https://closers.papayaplay.com/closers.do', 1592 }, 1593 { 1594 new: true, 1595 imgPath: "eos_sm.png", 1596 title: "Echo Of Soul",
1597 link: 'https://eos.papayaplay.com/eos.do?tp=home', 1598 }, 1599 // { 1600 // new: false, 1601 // imgPath: "9d_sm.png", 1602 // title: "Nine Dragons", 1603 // link: 'https://9dragons.papayaplay.com/9dragons.do', 1604 // }, 1605 // { 1606 // new: false, 1607 // imgPath: "4s_sm.png", 1608 // title: "4Story", 1609 // link: 'https://4story.papayaplay.com/4story.do', 1610 // }, 1611 { 1612 new: false, 1613 imgPath: "uwo_sm.png", 1614 title: "Uncharted Waters Online", 1615 link: 'https://uwo.papayaplay.com/uwo.do', 1616 }, 1617 { 1618 new: false, 1619 imgPath: "lt_sm.png", 1620 title: "La Tale", 1621 link: 'https://latale.papayaplay.com/latale.do', 1622 } 1623 //{ 1624 // new: false, 1625 // imgPath: "dk_sm.png", 1626 // title: "Dekaron", 1627 // link: 'https://dekaron.papayaplay.com/dekaron.do', 1628 //}, 1629 ], 1630 }, 1631 ], 1632 gamesMobile: false, 1633 }, 1634 methods : { 1635 getServerTime: function () { 1636 var vm = this; 1637 var fromServerTime = ''; 1638 var strServerTime = ''; 1639 $.ajax({
1640 url: ioRootPath + "/json.do?callback=?", 1641 type: 'GET', 1642 data: { cm: "Service.Board.GetServerTime" }, 1643 crossDomain: true, 1644 dataType: 'json', 1645 }) 1646 .done(function (res) { 1647 console.log('serverTime!',res) 1648 var code = res.ResultCode[0].Code; 1649 // $(".n-logo-wrap img").css('opacity', 0); 1650 1651 1652 if (code === '10000') { 1653 fromServerTime = res.ServerTime[0].ServerTime; 1654 strServerTime = fromServerTime.slice(0, 16); 1655 1656 /* 1657 flagTheme Definition (Joonyoung) 1658 0 : normal 1659 1 : halloween 1660 2 : rememberance 1661 3 : christmas 1662 4: lunar new year 1663 */ 1664 if( strServerTime >= '2022-10-26 00:00' && strServerTime < '2023-11-01 00:00' ) { 1665 console.log("HalloweenTheme!", strServerTime); 1666 vm.flagTheme = 1; 1667 if( $("body").attr("id") ==='portal' ) { 1668 vm.logoBrandMobile = 'https://static.papayaplay.com/static/assets/images/portal/event/papayaHalloween/papaya-logo.svg'; 1669 } 1670 if(vm.flagTheme === 1){ 1671 console.log("ì ì´ì¿¼ë¦¬") 1672 $(".fa-caret-down").addClass("halloween-caret-down"); 1673 $(".current-lang-wrapper .current-lang").hover(function(event){ 1674 $(this).css("color","#fe7e19"); 1675 },function(){ 1676 $(this).css("color","#6d6d6d"); 1677 }) 1678 $(".n-logo-wrap img").css("opacity", 0); 1679 setTimeout(function(){ 1680 $(".n-logo-wrap.halloween-logo img").css("opacity", 1); 1681 },200) 1682 } 1683 } 1684 else if(strServerTime >= '2025-12-24 00:00' && strServerTime <= '2025-12-31 23:59'){ 1685 vm.flagTheme = 3; 1686 } 1687 else if(strServerTime >= '2024-01-18 00:00' && strServerTime <= '2024-02-15 00:00'){ 1688 vm.flagTheme = 4; 1689 } else { 1690 console.log("NormalTheme!", strServerTime); 1691 vm.flagTheme = 0; 1692 } 1693 console.log("themeNum", vm.flagTheme) 1694 } 1695 }) 1696 .fail(function () { 1697 console.log("get server time error"); 1698 }); 1699 }, 1700 getStatus: function () { 1701 var vm = this; 1702 var fromServerTime = ''; 1703 var strServerTime = ''; 1704 $.ajax({
1705 url: ioRootPath + "/json.do?callback=?", 1706 type: 'GET', 1707 data: { cm: "Service.Board.GetOpenHeaderInfo" 1708 ,subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')) 1709 }, 1710 crossDomain: true, 1711 dataType: 'json', 1712 }) 1713 .done(function (res) { 1714 console.log('serverTime!',res) 1715 var code = res.ResultCode[0].Code; 1716 if (code === '10000') { 1717 fromServerTime = res.ServerTime[0].ServerTime; 1718 strServerTime = fromServerTime.slice(0, 16); 1719 if(res.EventActInfo){ 1720 for(let i=0;i<res.EventActInfo.length;i++){ 1721 if(res.EventActInfo[i].Event == "Wheel"){ 1722 if(res.EventActInfo[i].STATUS == "Y"){ 1723 vm.wheelState = true; 1724 }else{ 1725 vm.wheelState = false; 1726 } 1727 } 1728 if(res.EventActInfo[i].Event == "SpenderWheel"){ 1729 if(res.EventActInfo[i].STATUS == "Y"){ 1730 vm.compassState = true; 1731 }else{ 1732 vm.compassState = false; 1733 } 1734 } 1735 if(res.EventActInfo[i].Event == "Cove"){ 1736 if(res.EventActInfo[i].STATUS == "Y"){ 1737 vm.coveState = true; 1738 }else{ 1739 vm.coveState = false; 1740 } 1741 } 1742 } 1743 1744 } 1745 } 1746 }) 1747 .fail(function () { 1748 console.log("get server time error"); 1749 }); 1750 }, 1751 handleGamesMobile: function () { 1752 this.gamesMobile = !this.gamesMobile; 1753 }, 1754 openLangDropdown: function () { 1755 this.langList = true; 1756 }, 1757 closeLangDropdown: function () { 1758 //console.log("click lang dropdown"); 1759 this.langList = false; 1760 }, 1761 fetchJson : function (lang) { 1762 var localeCommonUrl = PT_LOC_COMMON_PATH; 1763 1764 this.$http.get(localeCommonUrl).then(function (res) { 1765 this.locale_com = res.body; 1766 }); 1767 1768 //TOS ì¢ ë£ìì -- 무조건 en ì ì©ëë í목 ìì ì²ë¦¬ -- ìì 1769 if( window.location.href.includes('/tos.do') ) { 1770 1771 var localeLocalUrl = TOS_LOC_LOCAL_PATH; 1772 1773 if( lang !== 'pt' ) { 1774 localeLocalUrl = localeLocalUrl.replace(/_(.*?)\.json$/, '_en.json'); 1775 } 1776 1777 this.$http.get(localeLocalUrl) 1778 .then(function (res) { 1779 this.locale_tos = res.body; 1780 }); 1781 } 1782 //TOS ì¢ ë£ìì -- 무조건 en ì ì©ëë í목 ìì ì²ë¦¬ -- ë 1783 }, 1784 getReturnUrl : function () { 1785 var vm = this; 1786 var currUrl = location.href; 1787 1788 // add hskim 1789 if(currUrl.includes('/account/signin.do')) { 1790 currUrl = 'https://www.papayaplay.com/portal.do'; 1791 url = 'https://www.papayaplay.com/account/signin.do?redirect_url=' + currUrl; 1792 } else { 1793 url = 'https://www.papayaplay.com/account/signin.do?redirect_url=' + currUrl; 1794 } 1795 1796 console.log("result url : ", url); 1797 window.location.href = url; 1798 // return url; 1799 }, 1800 getNotificationData : function (sid, pageNum) { 1801 var vm = this; 1802 vm.getNotifyData = []; 1803 vm.isEmsgShow = false; 1804 $.ajax({
1805 url : ioRootPath + "/json.do?callback=?", 1806 type : 'GET', 1807 data : { 1808 cm : "Account.User.GetPublicNotificationList", 1809 serviceid : sid, 1810 pagenumber : pageNum, 1811 perpage : 10 1812 }, 1813 crossDomain : true, 1814 dataType : 'json' 1815 }) 1816 .done( 1817 function (data) { 1818 // console 1819 console.log("dataTest!!!", data) 1820 1821 var code = data.ResultCode[0].Code; 1822 if (code == "10000") { 1823 var resultData = data.NotificationList; 1824 for ( var i in resultData) { 1825 if (resultData[i].UrgentNotice === 'Y') { 1826 resultData[i].PostDate = moment( 1827 resultData[i].PostDate) 1828 .format("MMM Do, YYYY"); 1829 if (resultData[i].ServiceID === 0) { 1830 resultData[i].ServiceTxt = 'PAPAYA'; 1831 resultData[i].txtColor = 'txt-cl-sid0'; 1832 } 1833 if (resultData[i].ServiceID === 1) { 1834 resultData[i].ServiceTxt = 'BS-GLB'; 1835 resultData[i].txtColor = 'txt-cl-sid1'; 1836 } 1837 if (resultData[i].ServiceID === 2) { 1838 resultData[i].ServiceTxt = 'DEKARON'; 1839 resultData[i].txtColor = 'txt-cl-sid2'; 1840 } 1841 if (resultData[i].ServiceID === 3) { 1842 resultData[i].ServiceTxt = 'WAR ROCK'; 1843 resultData[i].txtColor = 'txt-cl-sid3'; 1844 } 1845 if (resultData[i].ServiceID === 4) { 1846 resultData[i].ServiceTxt = 'LA TALE'; 1847 resultData[i].txtColor = 'txt-cl-sid4'; 1848 } 1849 if (resultData[i].ServiceID === 5) { 1850 resultData[i].ServiceTxt = 'UWO'; 1851 resultData[i].txtColor = 'txt-cl-sid5'; 1852 } 1853 if (resultData[i].ServiceID === 6) { 1854 resultData[i].ServiceTxt = 'BS-SEA'; 1855 resultData[i].txtColor = 'txt-cl-sid6' 1856 } 1857 if (resultData[i].ServiceID === 9) { 1858 resultData[i].ServiceTxt = '4STORY'; 1859 resultData[i].txtColor = 'txt-cl-sid9' 1860 } 1861 if (resultData[i].ServiceID === 7) { 1862 resultData[i].ServiceTxt = 'Vegas'; 1863 resultData[i].txtColor = 'txt-cl-sid7' 1864 } 1865 if (resultData[i].ServiceID === 8) { 1866 resultData[i].ServiceTxt = 'LOST SAGA'; 1867 resultData[i].txtColor = 'txt-cl-sid8' 1868 } 1869 if (resultData[i].ServiceID === 10) { 1870 resultData[i].ServiceTxt = 'NINE DRAGONS'; 1871 resultData[i].txtColor = 'txt-cl-sid10' 1872 } 1873 // test (Joonyoung) 1874 if (resultData[i].ServiceID === 11) { 1875 resultData[i].ServiceTxt = 'EOS'; 1876 resultData[i].txtColor = 'txt-cl-sid11' 1877 } 1878 // end (Joonyoung) 1879 if (resultData[i].ServiceID === 12) { 1880 resultData[i].ServiceTxt = 'TOS'; 1881 resultData[i].txtColor = 'txt-cl-sid12' 1882 } 1883 if (resultData[i].ServiceID === 13) { 1884 resultData[i].ServiceTxt = 'SF2'; 1885 resultData[i].txtColor = 'txt-cl-sid13' 1886 } 1887 if (resultData[i].ServiceID === 14) { 1888 resultData[i].ServiceTxt = 'CLOSERS'; 1889 resultData[i].txtColor = 'txt-cl-sid14' 1890 } 1891 vm.getNotifyData.push(resultData[i]); 1892 } 1893 if (vm.getNotifyData.length !== 0) { 1894 var getBodyId = $('body').attr('id'); 1895 var currServiceId = 0; 1896 1897 if (getBodyId === 'portal') { 1898 currServiceId = 0; 1899 } else if (getBodyId === 'blackshot') { 1900 currServiceId = 1; 1901 } else if (getBodyId === 'dekaron') { 1902 currServiceId = 2; 1903 } else if (getBodyId === 'warrock') { 1904 currServiceId = 3; 1905 } else if (getBodyId === 'latale') { 1906 currServiceId = 4; 1907 } else if (getBodyId === 'uwo') { 1908 currServiceId = 5; 1909 } else if (getBodyId === 'blackshotsea') { 1910 currServiceId = 6; 1911 } else if (getBodyId === '4story') { 1912 currServiceId = 9; 1913 } else if (getBodyId === 'lostsaga') { 1914 currServiceId = 8; 1915 } else if (getBodyId === '9dragons') { 1916 currServiceId = 10; 1917 } 1918 // test (Joonyoung) 1919 else if (getBodyId === 'echoofsoul') { 1920 currServiceId = 11; 1921 } 1922 // end (Joonyoung) 1923 else if (getBodyId === 'treeofsavior') { 1924 currServiceId = 12; 1925 } 1926 else if (getBodyId === 'sf2') { 1927 currServiceId = 13; 1928 } 1929 else if (getBodyId === 'closers') { 1930 currServiceId = 14; 1931 } 1932 1933 if (currServiceId === 0 1934 || vm.getNotifyData[0].ServiceID === currServiceId) 1935 vm.isEmsgShow = true; 1936 vm.emsgShowMsg = "<a href=https://www.papayaplay.com/portal.do?tp=messages&sid=-1&dataid=" 1937 + vm.getNotifyData[0].NotificationID 1938 + "><p class=txt-emsg>" 1939 + "<span class='sp-emergency'>emergency</span>" 1940 + "<span class="+vm.getNotifyData[0].txtColor+">" 1941 + vm.getNotifyData[0].ServiceTxt 1942 + "</span>" 1943 + vm.getNotifyData[0].Title + "</p></a>" 1944 } 1945 } 1946 } else { 1947 alert("Error Code: " + code); 1948 } 1949 }).fail(function () { 1950 console.log("error"); 1951 }); 1952 }, 1953 getShopStatus : function () { 1954 var vm = this; 1955 if (bodyId == 'uwo') { 1956 /* 1957 if((window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')) == "Ventus"){ 1958 vm.shopStatus = false; 1959 return; 1960 } 1961 */ 1962 $.ajax({
1963 url : ioRootPath + "/json.do?callback=?", 1964 type : "GET", 1965 crossDomain : true, 1966 data : { 1967 cm : "Store.Market.GetItemList", 1968 serviceid : vm.UWOSERVICEID, 1969 categoryid : 0, 1970 subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')) 1971 }, 1972 dataType : "jsonp" 1973 }).done(function (res) { 1974 var code = res.ResultCode[0].Code; 1975 // initialize when page starts 1976 if (code === "10000") { 1977 1978 if (res.ItemList.length > 0) { 1979 vm.shopStatus = true; 1980 } else { 1981 vm.shopStatus = false; 1982 } 1983 console.log(vm.shopStatus); 1984 } 1985 }); 1986 } 1987 }, 1988 getWebshopConfig : function () { 1989 var vm = this; 1990 if (bodyId == 'uwo') { 1991 $.ajax({
1992 url : ioRootPath + "/json.do?callback=?", 1993 //url: "http://test.papayaplay.com:8080/io/json.do?callback=?", 1994 type : "GET", 1995 crossDomain : true, 1996 data : { 1997 cm : "Store.Market.GetMaintenanceWebshop", 1998 serviceid : vm.UWOSERVICEID, 1999 subgroup : (window.localStorage.getItem('lc_uwo_select_server') =='' || window.localStorage.getItem('lc_uwo_select_server') == null ? "Maris" : window.localStorage.getItem('lc_uwo_select_server')), 2000 }, 2001 dataType : "jsonp", 2002 success : function (result) { 2003 // Y : maintenance mode , N : standard mode 2004 const mode = result.Webshop_Maintenance[0].Status; 2005 console.log(result); 2006 if (mode === "Y") { 2007 vm.maintenanceMode = true; 2008 } else if (mode === "N") { 2009 vm.maintenanceMode = false; 2010 } 2011 //console.log('maintenance',vm.maintenanceMode); 2012 }, 2013 }); 2014 } 2015 }, 2016 getParameterByName : function (name) { 2017 name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 2018 let regex = new RegExp("[\#?&]" + name + "=([^&#]*)"); 2019 let results = regex.exec(location.href); 2020 return results == null ? "" : decodeURIComponent(results[1] 2021 .replace(/\+/g, " ")); 2022 }, 2023 getAidByUtmSource : function (name) { 2024 vm = this; 2025 let subStrUtmSrouce = ""; 2026 let strUtmSource = vm.getParameterByName(name); 2027 if (strUtmSource.length > 3) { 2028 subStrUtmSrouce = strUtmSource.substr(0, 3); 2029 } 2030 subStrUtmSrouce = subStrUtmSrouce.replace(/[^0-9]/g, ''); // get only number in sting 2031 let nUtmTerm = parseInt(subStrUtmSrouce, 10); 2032 return nUtmTerm; 2033 }, 2034 getBaseAidFromService : function () { 2035 let currUrl = location.href; 2036 let result = 0; 2037 if (currUrl.match("4story")) { 2038 result = 900; 2039 } else if (currUrl.match("bssea")) { 2040 result = 600; 2041 } else if (currUrl.match("bsglb")) { 2042 result = 100; 2043 } else if (currUrl.match("uwo")) { 2044 result = 500; 2045 } else if (currUrl.match("latale")) { 2046 result = 400; 2047 } else if (currUrl.match("warrock")) { 2048 result = 300; 2049 } else if (currUrl.match("dekaron")) { 2050 result = 200; 2051 } else if (currUrl.match("lostsaga")) { 2052 result = 800; 2053 } else if (currUrl.match("9dragons")) { 2054 result = 1000; 2055 } 2056 else if (currUrl.match("eos")) { 2057 result = 1100; 2058 } 2059 else if (currUrl.match("tos")) { 2060 result = 1200; 2061 } 2062 else if (currUrl.match("sf2")) { 2063 result = 1300; 2064 } 2065 else if (currUrl.match("closers")) { 2066 result = 1400; 2067 } 2068 else { 2069 result = 0; 2070 } 2071 return result; 2072 }, 2073 getUtmAid : function () { 2074 var vm = this; 2075 let targetAid = vm.getAidByUtmSource("utm_source"); 2076 let baseAid = vm.getBaseAidFromService(); 2077 if (isNaN(targetAid)) { 2078 console.log("No utm_source"); 2079 vm.utmAid = baseAid; 2080 } else { 2081 vm.utmAid = baseAid + targetAid; 2082 } 2083 console.log("aid check: ", vm.utmAid, baseAid, targetAid); 2084 }, 2085 // verify user IP 2086 // verifyIP : function () { 2087 // var vm = this; 2088 // $.ajax({ 2089 // url : "http://api.ipstack.com/check?access_key=8aa4be39b1dc5fa0c496c87da29ccd51", 2090 // type : "GET", 2091 // dataType : 'json' 2092 // }) 2093 // .done(function (data) { 2094 // console.log('ip', data) 2095 // sessionStorage 2096 // .setItem('countryCode', data.country_code); 2097 // const enteredurl = document.location.toString() 2098 // .includes("plv.do"); 2099 // const sessionCC = sessionStorage.getItem('countryCode'); 2100 // if (sessionCC === 'CA') { 2101 // vm.vegasVisible = false; 2102 // } 2103 // }) 2104 // }, 2105 }, 2106 /* beforeMount: function () { 2107 const enteredurl = document.location.toString().includes("plv.do"); 2108 const sessionCC = sessionStorage.getItem('countryCode'); 2109 // if user has countryCode sessionStorage value 2110 if(sessionCC) { 2111 console.log('countrycode is:', sessionCC); 2112 if(sessionCC === 'CA') { 2113 vm.vegasVisible = false; 2114 } 2115 if(sessionCC === 'CA' && enteredurl) { 2116 console.log('redirect'); 2117 window.location.replace("https://www.papayaplay.com/portal.do"); 2118 } 2119 } else { 2120 this.verifyIP(); 2121 } 2122 }, */ 2123 created : function () {
2124 this.getServerTime(); 2125 this.getStatus(); 2126 // $(".fa-caret-down").addClass("halloween-caret-down"); 2127 this.fetchJson(lang); 2128 this.getNotificationData('-1', '1'); 2129 this.getShopStatus(); 2130 this.getWebshopConfig(); 2131 this.getUtmAid(); 2132 2133 if(window.location.href.includes('about')) { 2134 $('.latale-about').addClass('active'); 2135 } 2136 if(window.location.href.includes('news')) { 2137 $('.latale-news').addClass('active'); 2138 } 2139 if(window.location.href.includes('update')) { 2140 $('.latale-update').addClass('active'); 2141 } 2142 if(window.location.href.includes('media')) { 2143 $('.latale-media').addClass('active'); 2144 } 2145 if(window.location.href.includes('webtoon')) { 2146 $('.latale-webtoon').addClass('active'); 2147 } 2148 }, 2149 mounted(){ 2150 } 2151 }); 2152 </script>
2152 2153</div> 2154 <!-- Portal GNB Menu: End --> 2155 2156 <!-- Blackshot Header: Start --> 2157 2158 2159 2160 2161 2162 2163 2164 2165<style> 2166 .event_disabled { 2167 pointer-events: none; /* í´ë¦/ì´ë²¤í¸ ë§ê¸° */ 2168 opacity: 0.5; /* íë¦¬ê² íì */ 2169 } 2170 .popup-com-overlay { 2171 position: fixed; 2172 top: 0; left: 0; 2173 width: 100%; height: 100%; 2174 background: rgba(0,0,0,0.5); /* ë°í¬ëª ë°°ê²½ */ 2175 display: flex; 2176 align-items: center; 2177 justify-content: center; 2178 z-index: 99999; /* ìµìë¨ */ 2179 } 2180 2181 2182 .popup-com-content { 2183 position: relative; 2184 background: var(--is-white, #FFFFFF); 2185 /*padding: 20px;*/ 2186 padding-top:30px; 2187 border-radius: 10px; 2188 min-width: 320px; 2189 max-width: 528px; /* */ 2190 box-shadow: 0 0 20px 20px rgba(0,0,0,0.3); 2191 border: 3px solid #2DAD64; 2192 /* 2193 border: 3px solid #46ac63; 2194 */ 2195 font-family: Rubik; 2196 /* 2197 font-family: "Times New Roman", Georgia, Garamond, serif; 2198 */ 2199 font-size: 16px; 2200 line-height: 1.6; 2201 text-align : center; 2202 /* */ 2203 border-radius: 20px; 2204 border-width: 3px; 2205 /*padding: padding-30;*/ 2206 gap: 20; 2207 angle: 0 deg; 2208 opacity: 1; 2209 /* */ 2210 } 2211 .popup-com-content .popup-close { 2212 position: absolute; 2213 top: 5px; 2214 right: 0px; 2215 background: transparent; 2216 border: none; 2217 /* 2218 font-size: 24px; 2219 cursor: pointer; 2220 color: #46ac63; 2221 font : message-box; 2222 */ 2223 font-family: Rubik; 2224 font-weight: 400px; 2225 font-style: Regular; 2226 font-size: 16px; 2227 leading-trim: NONE; 2228 line-height: 148%; 2229 letter-spacing: -2%; 2230 text-align: center; 2231 2232 } 2233 .popup-com-content .popup-donotopen-close { 2234 position: absolute; 2235 top: 2px; 2236 left: 0px; 2237 background: transparent; 2238 border: none; 2239 font-size: 24px; 2240 cursor: pointer; 2241 color: #46ac63; 2242 font : message-box; 2243 } 2244 2245 .side-banner-wrapper_top { 2246 position: fixed; 2247 top: 170px; 2248 right: 10px; 2249 width: 180px; 2250 height: auto; 2251 z-index: 9999; } 2252 .side-banner-wrapper_top .banner-content { 2253 width: 100%; } 2254 .side-banner-wrapper_top .banner-content > img { 2255 width: 100%; 2256 transition: all 0.3s ease; } 2257 2258 @keyframes shake-Y2 { 2259 0% { transform: translate(0, 0); } 2260 20% { transform: translate(0, -2px); } 2261 40% { transform: translate(0, 2px); } 2262 60% { transform: translate(0, -1px); } 2263 80% { transform: translate(0, 1px); } 2264 100% { transform: translate(0, 0); } 2265 } 2266 2267</style> 2268
2269<script> 2270 2271 2272 let all_hostname = window.location.hostname; // host 2273 var all_pathname = window.location.pathname; // ëë©ì¸/ê²½ë¡ë§ 2274 var all_url_params = new URLSearchParams(window.location.search); 2275 2276 var lc_Obj = { 2277 lc_curServer_uwo : window.localStorage.getItem('lc_uwo_select_server') 2278 ,lc_curServer_event : true 2279 ,lc_cur_ServerTime : "" 2280 ,banner_com_container_Html :"" 2281 ,banner_com_container_Html2 :"" 2282 ,isComPopupVisible : false 2283 ,popup_com_container_html : "" 2284 2285 ,uwo_new_server_enabled : true //UWO New Server ì´ë²¤í¸ íì±í 2286 ,isComEvent_papaya_20th : false 2287 ,isComEvent_bcgoeslive : false //20260528 ì¢ ë£ì²ë¦¬ 2288 }; 2289 2290 var lc_obj_cooki ={ 2291 cooki_popup_UWO_NEW_SERVER : "cooki_UWO_NEW_SERVER" 2292 ,cooki_popup_EVENT_PAPAYA_20TH : "cooki_EVENT_PAPAYA_20TH" 2293 ,cooki_popup_EVENT_BCGOESLIVE : "cooki_EVENT_BCGOESLIVE" 2294 }; 2295 2296 //lc_Obj["uwo_new_server_enabled"] = true; //UWO New Server ì´ë²¤í¸ íì±í 2297 2298 function isMobile() { 2299 return /Mobi|Android/i.test(navigator.userAgent); 2300 } 2301 2302 function goUWOSelectServerPage(){ 2303 window.localStorage.setItem('lc_uwo_select_server',''); 2304 if(lc_Obj["uwo_new_server_enabled"] == true ) { 2305 window.location.href = 'https://uwo.papayaplay.com/uwo.do?tp=home.server'; 2306 }else{ 2307 window.location.href = 'https://uwo.papayaplay.com/uwo.do'; 2308 } 2309 } 2310 //ê³µíµPOPUP ë«ê¸° 2311 function comPopupClose(){ 2312 lc_Obj["isComPopupVisible"] = false; 2313 $("#popup_com_container").css("display", "none"); 2314 //_obj.parentNode.parentNode.parentNode.style.display='none'; 2315 } 2316 2317 async function popup_com_container_init( _ServiceID ) { 2318 2319 2320 lc_Obj["lc_cur_ServerTime"] = await getComServerTime(); 2321 console.log("com ServerTime:", lc_Obj["lc_cur_ServerTime"]); 2322 let _hostDiv = (all_hostname.includes("test.papayaplay.com") ? "TEST" : ""); 2323 _hostDiv = (all_hostname.includes("papayaplay.com") && _hostDiv == "" ? "PROD" : "TEST"); 2324 2325 if (_hostDiv == "TEST") { 2326 //ê°ë° 2327 if( lc_Obj["lc_cur_ServerTime"] >= '2025-12-17 02:00' && lc_Obj["lc_cur_ServerTime"] < '2026-01-19 02:00' ) { 2328 lc_Obj["isComEvent_papaya_20th"] = true; //Papaya20th ì´ë²¤í¸ íì±í 2329 } 2330 }else { 2331 // ì´ì 2332 if( lc_Obj["lc_cur_ServerTime"] >= '2025-12-19 02:00' && lc_Obj["lc_cur_ServerTime"] < '2026-01-19 02:00' ) { 2333 lc_Obj["isComEvent_papaya_20th"] = true; //Papaya20th ì´ë²¤í¸ íì±í 2334 } 2335 } 2336 //lc_Obj["isComEvent_papaya_20th"] = false; 2337 if(lc_Obj["isComEvent_papaya_20th"] == true) { 2338 2339 let _20th_url = ""; 2340 2341 if (_hostDiv == "TEST") { 2342 //local, .live 2343 if ( _ServiceID == 1 ) { _20th_url = "https://blackshot.papayaplay.com/bsglb.do?tp=news.view&postid=4209"; }//Blackshot GLB 2344 else if ( _ServiceID == 3 ) { _20th_url = "https://warrock.papayaplay.com/warrock.do?tp=news.view&postid=4203"; } //WarRock 2345 else if ( _ServiceID == 4 ) { _20th_url = "https://latale.papayaplay.com/latale.do?tp=news.view&postid=4208"; } //LaTale 2346 else if ( _ServiceID == 6 ) { _20th_url = "https://bs.sea.papayaplay.com/bssea.do?tp=news.view&postid=4210"; } //Blackshot SEA 2347 else if ( _ServiceID == 5 ) { _20th_url = "https://uwo.papayaplay.com/uwo.do?tp=news.view&postid=4207"; } //UWO 2348 else if ( _ServiceID == 11) { _20th_url = "https://eos.papayaplay.com/eos.do?tp=news.view&postid=4206"; } //EOS 2349 else if ( _ServiceID == 12) { _20th_url = "https://tos.papayaplay.com/tos.do?tp=news.view&postid=4205"; } //TreeOfSavior 2350 else if ( _ServiceID == 13) { _20th_url = "https://sf2.papayaplay.com/sf2.do?tp=news.view&postid=4204"; } //SpecialForce2 2351 2352 }else { 2353 //ì´ì 2354 if ( _ServiceID == 1 ) { _20th_url = "https://blackshot.papayaplay.com/bsglb.do?tp=news.view&postid=6002"; }//Blackshot GLB 2355 else if ( _ServiceID == 3 ) { _20th_url = "https://warrock.papayaplay.com/warrock.do?tp=news.view&postid=6009"; } //WarRock 2356 else if ( _ServiceID == 4 ) { _20th_url = "https://latale.papayaplay.com/latale.do?tp=news.view&postid=6004"; } //LaTale 2357 else if ( _ServiceID == 6 ) { _20th_url = "https://bs.sea.papayaplay.com/bssea.do?tp=news.view&postid=6003"; } //Blackshot SEA 2358 else if ( _ServiceID == 5 ) { _20th_url = "https://uwo.papayaplay.com/u
2358wo.do?tp=news.view&postid=6005"; } //UWO 2359 else if ( _ServiceID == 11) { _20th_url = "https://eos.papayaplay.com/eos.do?tp=news.view&postid=6006"; } //EOS 2360 else if ( _ServiceID == 12) { _20th_url = "https://tos.papayaplay.com/tos.do?tp=news.view&postid=6007"; } //TreeOfSavior 2361 else if ( _ServiceID == 13) { _20th_url = "https://sf2.papayaplay.com/sf2.do?tp=news.view&postid=6008"; } //SpecialForce2 2362 } 2363 2364 2365 if(getComControllerCookie(lc_obj_cooki["cooki_popup_EVENT_PAPAYA_20TH"]) == "") { 2366 2367 if ((all_url_params.has("tp") ? all_url_params.get("tp") : "") == "" || 2368 (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "home" 2369 ) { 2370 lc_Obj["popup_com_container_html"] = '<a href="' + _20th_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/portal/event/papaya20th/papaya_common_popup.jpg" + '" style="display:block; border-radius: 10px; max-width : 100%;" /> </a>'; 2371 } 2372 } 2373 2374 2375 lc_Obj["banner_com_container_Html"] = '<a href="'+_20th_url+'"> <img src="' + "https://static.papayaplay.com/static/assets/images/portal/event/papaya20th/papaya_common_popup.jpg" + '" style="display:block; width:200px; height:auto;" /> </a>'; 2376 2377 2378 } // lc_Obj["isComEvent_papaya_20th"] 2379 2380 if( _ServiceID == 4){ 2381 let _lt_Banner_act = false; 2382 if (_hostDiv == "TEST") { 2383 //ê°ë° 2384 if( lc_Obj["lc_cur_ServerTime"] >= '2026-06-23 06:00' && lc_Obj["lc_cur_ServerTime"] < '2026-08-25 06:00' ) { 2385 _lt_Banner_act = true; 2386 } 2387 }else { 2388 // ì´ì 2389 if( lc_Obj["lc_cur_ServerTime"] >= '2026-06-25 06:00' && lc_Obj["lc_cur_ServerTime"] < '2026-08-25 06:00' ) { 2390 _lt_Banner_act = true; 2391 } 2392 } 2393 if( _lt_Banner_act) { 2394 let mobileSize = (isMobile() ? '100px' : '200px'); 2395 lc_Obj["banner_com_container_Html"] = 2396 '<a href="https://latale.papayaplay.com/ltevent/Invite.do">' 2397 + '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/latale/portal/home/referral_floating.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;' 2398 + (mobileSize == "200px" ? "" : "width:" + mobileSize + ";") 2399 + '" /></a>'; 2400 $("#lc_curServer_Banner").css("width", mobileSize); 2401 } 2402 } 2403 2404 if( _ServiceID == 5) { 2405 //UWO New Server Event 2406 if(lc_Obj["uwo_new_server_enabled"] == true) { 2407 2408 2409 //ê°ì íë¼ë¯¸í° ì ì Start 2410 let forceServerValue = all_url_params.get("FTS"); 2411 let newUrl = window.location.origin + window.location.pathname; 2412 let checkFts = false; 2413 if(all_url_params.has("FTS")){ 2414 //ê°ì ì± íë¼ë¯¸í° ìì 2415 all_url_params.delete("FTS"); 2416 checkFts = true; 2417 // ìë¡ì´ URL ìì± 2418 let queryString = all_url_params.toString(); 2419 if (queryString) { 2420 newUrl += "?" + queryString; 2421 } 2422 } 2423 2424 if(checkFts && (forceServerValue == "" || forceServerValue == null || !(forceServerValue == "Ventus" || forceServerValue == "Maris")) ) { 2425 console.log("None Force Server"); 2426 } 2427 else if(checkFts && lc_Obj["lc_curServer_uwo"] != forceServerValue){ 2428 window.localStorage.setItem('lc_uwo_select_server',forceServerValue); 2429 lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server'); 2430 // ìë¡ì´ URLë¡ íì´ì§ ë¤ì ë¡ë 2431 window.location.href = newUrl; 2432 }else if(checkFts){ 2433 if(forceServerValue == "Ventus" || forceServerValue == "Maris"){ 2434 window.localStorage.setItem('lc_uwo_select_server',forceServerValue); 2435 } 2436 lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server'); 2437 // ìë¡ì´ URLë¡ íì´ì§ ë¤ì ë¡ë 2438 window.location.href = newUrl; 2439 } 2440 //ê°ì íë¼ë¯¸í° ì ì End 2441 2442 2443 popup_com_container_Run_Service_UWO(_ServiceID); 2444 2445 //UWO ì´ë²¤í¸ íì±í ê²½ì°ìë§ ëìíê² ì¡°ì¹
2446 $("#lc_curServer_Banner").find(".banner-content").hover( 2447 function () { 2448 $("#lc_curServer_Banner_2").css("display", "block"); 2449 $("#lc_curServer_Banner_1").css("display", "none"); 2450 } 2451 , function () { 2452 $("#lc_curServer_Banner_1").css("display", "block"); 2453 $("#lc_curServer_Banner_2").css("display", "none"); 2454 } 2455 ); 2456 }// lc_Obj["uwo_new_server_enabled"] 2457 else{ 2458 window.localStorage.setItem('lc_uwo_select_server','Maris'); 2459 lc_Obj["lc_curServer_uwo"] = window.localStorage.getItem('lc_uwo_select_server'); 2460 lc_Obj["banner_com_container_Html"] = '<a href="https://uwo.papayaplay.com/uwoevent/prevent.do"><img src="https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_pre_new_ventus_banner.png"/></a>'; 2461 } 2462 } 2463 2464 //BS BC Event ecosystem Main íë©´ì ì¸ 2465 if( (_ServiceID == 1 || _ServiceID == 6 ) && (all_url_params.has("tp") ? all_url_params.get("tp") : "") != "ecosystem" ) { 2466 lc_Obj["banner_com_container_Html"] = ""; 2467 let banner_com_container_HtmlTmp1 = ""; 2468 let banner_com_container_HtmlTmp2 = ""; 2469 2470 let mobileSize = (isMobile() ? '100px': '200px'); 2471 if (_ServiceID == 1) { 2472 banner_com_container_HtmlTmp1 = '<a href="https://blackshot.papayaplay.com/bsglb.do?tp=ecosystem">'; 2473 //banner_com_container_HtmlTmp2 = '<a href="https://blackshot.papayaplay.com/bsglbevent/CoinSlots.do">'; 2474 banner_com_container_HtmlTmp2 = '<a href="https://blackshot.papayaplay.com/bsglbevent/CoinWheel.do">'; 2475 } 2476 else if (_ServiceID == 6) { 2477 banner_com_container_HtmlTmp1 = '<a href="https://bs.sea.papayaplay.com/bssea.do?tp=ecosystem">'; 2478 //banner_com_container_HtmlTmp2 = '<a href="https://bs.sea.papayaplay.com/bsseaevent/CoinSlots.do">'; 2479 banner_com_container_HtmlTmp2 = '<a href="https://bs.sea.papayaplay.com/bsseaevent/CoinWheel.do">'; 2480 } 2481 banner_com_container_HtmlTmp1 += '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/ecosystem_coin_banner.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;' 2482 +(mobileSize == "200px" ? "" : "width:"+ mobileSize+";") 2483 +'" /></a>'; 2484 banner_com_container_HtmlTmp2 += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/bs_bc_coinwheel_banner.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;' 2485 //banner_com_container_HtmlTmp2 += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/banner_web_gacha.png" + '" style="display:block; animation:shake-Y2 1.5s infinite;' 2486 +(mobileSize == "200px" ? "width:200px;" : "width:"+ mobileSize+";") 2487 +'" /></a>'; 2488 2489 lc_Obj["banner_com_container_Html" ] += banner_com_container_HtmlTmp1 + "<BR/>" + banner_com_container_HtmlTmp2; 2490 $("#lc_curServer_Banner").css("width", mobileSize); 2491 2492 if(lc_Obj["isComEvent_bcgoeslive"] == true && getComControllerCookie(lc_obj_cooki["cooki_popup_EVENT_BCGOESLIVE"]) == "" && 2493 !( 2494 (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "bcgoeslive" 2495 || 2496 (all_pathname.indexOf('/bsseaevent/bcgoeslive.do') > -1) 2497 || 2498 (all_pathname.indexOf('/bsglbvent/bcgoeslive.do') > -1) 2499 ) 2500 ){ 2501 let _bcgoeslive_url =""; 2502 2503 2504 mobileSize = (isMobile() ? '300px': '600px'); 2505 2506 if(_ServiceID == 1) { 2507 _bcgoeslive_url = "https://blackshot.papayaplay.com/bsglb.do?tp=bcgoeslive"; 2508 lc_Obj["popup_com_container_html"] = '<a href="' + _bcgoeslive_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/blackshot/home/home_bc_common_popup.png" + '" style="display:block; width:'+mobileSize+'; height:auto;" /> </a>'; 2509 } 2510 else if(_ServiceID == 6) { 2511 _bcgoeslive_url = "https://bs.sea.papayaplay.com/bssea.do?tp=bcgoeslive" 2512 lc_Obj["popup_com_container_html"] = '<a href="' + _bcgoeslive_url + '"> <img src="' + "https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/home_bc_common_popup.png" + '" style="display:block; width:'+mobileSize+'; height:auto;" /> </a>'; 2513 } 2514 } 2515 2516 } 2517 //ê³µíµíì
2518 let _comButton_X = '<svg width="13" height="16" viewBox="0 0 13 16" fill="none" xmlns="http://www.w3.org/2000/svg">' 2519 +' <path fill-rule="evenodd" clip-rule="evenodd" d="M6.28164 7.97271L10.5077 12.1988C10.7319 12.423 11.0361 12.549 11.3532 12.549C11.6704 12.549 11.9745 12.423 12.1987 12.1988C12.423 11.9745 12.549 11.6704 12.549 11.3532C12.549 11.0361 12.423 10.732 12.1987 10.5077L7.9711 6.28165L12.198 2.0556C12.3089 1.94456 12.397 1.81275 12.457 1.66769C12.5171 1.52264 12.5479 1.36718 12.5479 1.21018C12.5479 1.05319 12.5169 0.897743 12.4568 0.752716C12.3967 0.607688 12.3086 0.47592 12.1976 0.364936C12.0865 0.253952 11.9547 0.165925 11.8097 0.10588C11.6646 0.0458363 11.5091 0.0149509 11.3521 0.0149879C11.1951 0.0150249 11.0397 0.0459834 10.8947 0.106096C10.7496 0.166208 10.6179 0.254298 10.5069 0.365335L6.28164 4.59139L2.05558 0.365335C1.94537 0.251113 1.81351 0.159986 1.66769 0.0972693C1.52188 0.034553 1.36504 0.00150369 1.20632 5.01291e-05C1.0476 -0.00140344 0.890183 0.0287676 0.743248 0.0888029C0.596313 0.148838 0.462806 0.237535 0.350516 0.349719C0.238227 0.461903 0.149404 0.595327 0.0892297 0.742205C0.0290559 0.889083 -0.00126356 1.04648 4.03374e-05 1.2052C0.00134424 1.36392 0.0342453 1.52079 0.096824 1.66666C0.159403 1.81253 0.250406 1.94448 0.364523 2.0548L4.59217 6.28165L0.365321 10.5085C0.251203 10.6188 0.1602 10.7508 0.0976213 10.8966C0.0350425 11.0425 0.0021411 11.1994 0.000837197 11.3581C-0.000466701 11.5168 0.0298528 11.6742 0.0900266 11.8211C0.1502 11.968 0.239023 12.1014 0.351313 12.2136C0.463603 12.3258 0.59711 12.4145 0.744045 12.4745C0.89098 12.5345 1.0484 12.5647 1.20712 12.5633C1.36584 12.5618 1.52268 12.5287 1.66849 12.466C1.8143 12.4033 1.94616 12.3122 2.05638 12.198L6.28164 7.97271Z" fill="white"/>' 2520 +' </svg>'; 2521 2522 if ($("#popup_com_container").length > 0 && lc_Obj["popup_com_container_html"] != "") { 2523 if(lc_Obj["isComEvent_papaya_20th"] == true) { 2524 $("#popup_com_container").find(".popup-com-content").html( 2525 '<span class="popup-donotopen-close" style="color: #edf1ee;"> ' 2526 +'<input id="popup-com-showMsgYN" type="checkbox" style="margin-right: 5px;" value="true" onclick="setComControllerCookie( \'' + lc_obj_cooki["cooki_popup_EVENT_PAPAYA_20TH"] +'\', \'true\', 1); comPopupClose();"/>' 2527 +'Do not show this message again today</span>' 2528 +'<button class="popup-close" onclick="comPopupClose()" style="color: #edf1ee;">' 2529 + _comButton_X 2530 +'</button>' 2531 + lc_Obj["popup_com_container_html"] 2532 ); 2533 lc_Obj["isComPopupVisible"] = true; 2534 $("#popup_com_container").css("display", "flex"); 2535 $("#popup_com_container").find(".popup-com-content").css("max-width", "100%"); 2536 $("#popup_com_container").find(".popup-com-content").css("border-radius", "10px"); 2537 $("#popup_com_container").find(".popup-com-content").css("background", "#46ac63"); 2538 } 2539 else if(lc_Obj["isComEvent_bcgoeslive"] == true && lc_Obj["popup_com_container_html"] != "" && ( _ServiceID == 1 || _ServiceID == 6 )){ 2540 $("#popup_com_container").find(".popup-com-content").html( 2541 '<span class="popup-donotopen-close" style="color: #edf1ee;"> ' 2542 +'<input id="popup-com-showMsgYN" type="checkbox" style="margin-right: 5px;" value="true" onclick="setComControllerCookie( \'' + lc_obj_cooki["cooki_popup_EVENT_BCGOESLIVE"] +'\', \'true\', 1); comPopupClose();"/>' 2543 +'Do not show this message again today</span>' 2544 +'<button class="popup-close" onclick="comPopupClose()" style="color: #edf1ee;">' 2545 + _comButton_X 2546 +'</button>' 2547 + lc_Obj["popup_com_container_html"] 2548 ); 2549 lc_Obj["isComPopupVisible"] = true; 2550 $("#popup_com_container").css("display", "flex"); 2551 $("#popup_com_container").find(".popup-com-content").css("max-width", "100%"); 2552 $("#popup_com_container").find(".popup-com-content").css("border-radius", "10px"); 2553 $("#popup_com_container").find(".popup-com-content").css("background", "#46ac63"); 2554 } 2555 else{ 2556 $("#popup_com_container").find(".popup-com-content").css("width", "100%"); 2557 $("#popup_com_container").find(".popup-com-content").html( 2558 lc_Obj["popup_com_container_html"] 2559 ); 2560 lc_Obj["isComPopupVisible"] = true; 2561 $("#popup_com_container").css("display", "flex"); 2562 } 2563 2564 2565 } 2566 //ê³µíµBanner
2567 if ($("#lc_curServer_Banner").length > 0) { 2568 2569 if (lc_Obj["banner_com_container_Html"] != "") { 2570 if(lc_Obj["isComEvent_papaya_20th"] == true) { 2571 $("#lc_curServer_Banner").css("width", "200px"); 2572 } 2573 $("#lc_curServer_Banner").find(".banner-content").html(lc_Obj["banner_com_container_Html"]); 2574 2575 2576 }// lc_Obj["banner_com_container_Html"] 2577 } 2578 } 2579 2580 //========================= UWO New Server (Start) ============================================= 2581 // event ê°ì ê²½ì° ëì ë¶í ëì´ ëìíë ê²½ì°ê° ìì´ ìëì ê°ì´ ì²ë¦¬ íì¬ í¸ì¶íê² ì¡°ì¹ 2582 // ëì ë¶í ë íì´ì§ ê°ì ê²½ì° ë¶í í ë¹ í ìë í¨ì를 í¸ì¶íì¬ ì¡°ì¹íë¤. 2583 function popup_com_container_Run_Service_UWO(_ServiceID) { 2584 2585 //AUTO location ì´ë 2586 if(lc_Obj["lc_curServer_uwo"] == null || lc_Obj["lc_curServer_uwo"] == ""){ 2587 window.location.href = "https://uwo.papayaplay.com/uwo.do?tp=home.server"; 2588 } 2589 2590 lc_Obj["lc_curServer_event"] = (lc_Obj["lc_curServer_uwo"] == 'Maris' ? true : false); 2591 2592 //let _p_textFontArea = ' style=" font-family: Rubik; font-weight: 400; font-style: Regular; font-size: 16px; leading-trim: NONE; line-height: 148%; letter-spacing: -2%; text-align: center; " '; 2593 let _btn_tagAreaYes = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #2EAC66; color: var(--is-white, #FFFFFF); border : 0px;" '; 2594 let _btn_tagAreaNo = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #787878; color: var(--is-white, #FFFFFF); border : 0px;" '; 2595 let _btn_tagAreaYesRed = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #9b1411; color: var(--is-white, #FFFFFF); border : 0px;" '; 2596 let _btn_tagAreaYesBlue = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #1e19ae; color: var(--is-white, #FFFFFF); border : 0px;" '; 2597 2598 //1. Common Popup Cove 2599 //if( getComControllerCookie(lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]) == "") { 2600 if (all_pathname.includes("/treasurecove/main.do")) { // ì¬ì©ìí¨ ì²ë¦¬ íì 2601 let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before'); 2602 if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){ 2603 2604 lc_Obj["popup_com_container_html"] = ` 2605 <p><b>Two Worlds, each with its own Treasure Cove.</b></p> 2606 <BR> 2607 <b style="color: #2EAC66;">Select the Cove you wish to enter.</b><br><br> 2608 <div> 2609 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button> 2610 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed + ` >Ventus</button> 2611 </div> 2612 2613 <br> 2614 `; 2615 } 2616 } 2617 else if (all_pathname.includes("/uwoevent/compass.do")){ 2618 let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before'); 2619 if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){ 2620 2621 lc_Obj["popup_com_container_html"] = ` 2622 <p><b>Two Worlds, each with its own Compass Event.</b></p> 2623 <BR> 2624 <b style="color: #2EAC66;">Select the Compass you wish to enter.</b><br><br> 2625 <div> 2626 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button> 2627 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed + ` >Ventus</button> 2628 </div> 2629 2630 <br> 2631 `; 2632 } 2633 } 2634 else if (all_pathname.includes("/uwoevent/luckywheel.do")) { 2635 let v_lc_uwo_select_server_Before = window.localStorage.getItem('lc_uwo_select_server_Before'); 2636 if( v_lc_uwo_select_server_Before != lc_Obj["lc_curServer_uwo"]){ 2637 2638 lc_Obj["popup_com_container_html"] = ` 2639 <p><b>Two Worlds, each with its own Wheel Event.</b></p> 2640 <BR> 2641 <b style="color: #2EAC66;">
2641Select the Lucky Wheel you wish to spin.</b><br><br> 2642 <div> 2643 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Maris_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'Y' : 'N') +`' ); comPopupClose();" ` + _btn_tagAreaYesBlue + ` >Maris</button> 2644 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_Ventus_` + (lc_Obj["lc_curServer_uwo"] == 'Maris' ? 'N' : 'Y') +`' ); comPopupClose();" ` + _btn_tagAreaYesRed + ` >Ventus</button> 2645 </div> 2646 2647 <br> 2648 `; 2649 } 2650 } 2651 else{ 2652 window.localStorage.setItem('lc_uwo_select_server_Before','') 2653 } 2654 //} 2655 // 1. Common Popup 2656 if(lc_Obj["lc_curServer_event"] == false && getComControllerCookie(lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]) == "") { 2657 2658 if (all_pathname.includes("/treasurecove/main.do") && 1==2) { // ì¬ì©ìí¨ ì²ë¦¬ íì 2659 //OLD 2660 lc_Obj["popup_com_container_html"] = ` 2661 <p><b>Treasure Cove</b> rewards can currently only be delivered<br> to the <b>Maris</b> Server, and <b>not Ventus.</b></p> 2662 2663 <br> 2664 <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br> 2665 2666 <div> 2667 <button onclick="comPopupUWO_Event_SubGroupCheck('TreasureCove_NO')" ` + _btn_tagAreaYes + ` >YES</button> 2668 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')" ` + _btn_tagAreaNo + ` >NO</button> 2669 </div> 2670 2671 <br> 2672 <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/> 2673 <p style="display: contents;">Do not show this message again today</p> <br> 2674 `; 2675 } else if (all_pathname.includes("/uwo.do") && (all_url_params.has("tp") ? all_url_params.get("tp") : "") == "shop" && 1==2) { // ì¬ì©ìí¨ íì 2676 lc_Obj["popup_com_container_html"] = ` 2677 <p><b>Pop-up Shop</b> items can currently only be delivered<br> to the <b>Maris World</b>, and <b>not Ventus.</b></p> 2678 2679 <br> 2680 <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br> 2681 2682 <div> 2683 <button onclick="comPopupUWO_Event_SubGroupCheck('PopUp_Shop_NO')" ` + _btn_tagAreaYes + ` >YES</button> 2684 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')" ` + _btn_tagAreaNo + ` >NO</button> 2685 </div> 2686 2687 <br> 2688 <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/> 2689 <p style="display: contents;">Do not show this message again today</p> <br> 2690 `; 2691 } else if (all_pathname.includes("/uwoevent/compass.do") && 1==2 ) { //ì¬ì©ìí¨ íì 2692 2693 lc_Obj["popup_com_container_html"] = ` 2694 <p><b>The Uncharted Bounty Compass</b> can currently only be spun by Captains<br> from the <b>Maris World</b>, <b>not Ventus.</b></p> 2695 2696 <br> 2697 <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br> 2698 2699 <div> 2700 <button onclick="comPopupUWO_Event_SubGroupCheck('CompassEvent_NO')"` + _btn_tagAreaYes + ` >YES</button> 2701 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')" ` + _btn_tagAreaNo + ` >NO</button> 2702 </div> 2703 2704 <br> 2705 <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1);
2705 comPopupClose();"/> 2706 <p style="display: contents;">Do not show this message again today</p> <br> 2707 `; 2708 } else if (all_pathname.includes("/uwoevent/luckywheel.do") && 1==2) { 2709 lc_Obj["popup_com_container_html"] = ` 2710 <p><b>Lucky Wheel</b> rewards can currently only be delivered<br> to the <b>Maris World</b>, <b>not Ventus.</b></p> 2711 2712 <br> 2713 <b style="color: #2EAC66;">Are you sailing from Maris?</b><br><br> 2714 2715 <div> 2716 <button onclick="comPopupUWO_Event_SubGroupCheck('RandomEvent_NO')" ` + _btn_tagAreaYes + ` >YES</button> 2717 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO')" ` + _btn_tagAreaNo + ` >NO</button> 2718 </div> 2719 2720 <br> 2721 <input id="popup-com-showMsgYN" type="checkbox" value="true" onclick="setComControllerCookie( '`+lc_obj_cooki["cooki_popup_UWO_NEW_SERVER"]+`', 'true', 1); comPopupClose();"/> 2722 <p style="display: contents;">Do not show this message again today</p> <br> 2723 `; 2724 } 2725 } 2726 2727 // 1. Banner 2728 let mobileSize = (isMobile() ? '100px': '180px'); 2729 var _html = ""; 2730 if( lc_Obj["lc_curServer_uwo"] == "Ventus"){ 2731 _html = '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_ventus_normal_banner.png" + '" style="display:block; width:'+mobileSize+';" />'; 2732 _html += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_ventus_hover_banner.png" + '" style="display:none; animation:shake-Y2 1.5s infinite; width:'+mobileSize+';" onclick="comPopupUWO_Event_SubGroupCheck(\'UWO_MAIN_GO_Maris\')" />'; 2733 } else { 2734 _html = '<img id="lc_curServer_Banner_1" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_maris_normal_banner.png" + '" style="display:block; width:'+mobileSize+';" />'; 2735 _html += '<img id="lc_curServer_Banner_2" src="' + "https://static.papayaplay.com/static/assets/images/uwo/official/home/uwo_maris_hover_banner.png" + '" style="display:none; animation:shake-Y2 1.5s infinite; width:'+mobileSize+';" onclick="comPopupUWO_Event_SubGroupCheck(\'UWO_MAIN_GO_Ventus\')"/>'; 2736 } 2737 _html = "<SPAN >" + _html + "</SPAN>"; 2738 $("#lc_curServer_Banner").css("width", mobileSize); 2739 lc_Obj["banner_com_container_Html"] = _html; 2740 2741 } 2742 2743 //UWO Event íì 2744 function comPopupUWO_Event_SubGroupCheck( _Type){ 2745 let _btn_tagAreaYes = ' style=" width: 130px; height: 50px; min-width: 130px; angle: 0 deg; opacity: 1; padding-top: 11px; padding-bottom: 11px; background: #2EAC66; color: var(--is-white, #FFFFFF); border : 0px;" '; 2746 if(_Type == "UWO_GO"){ 2747 window.location.href = 'https://uwo.papayaplay.com/uwo.do'; 2748 } 2749 else if(_Type == "UWO_MAIN_GO_Ventus"){ 2750 window.localStorage.setItem('lc_uwo_select_server', 'Ventus'); 2751 window.location.href = 'https://uwo.papayaplay.com/uwo.do'; 2752 } 2753 else if(_Type == "UWO_MAIN_GO_Maris"){ 2754 window.localStorage.setItem('lc_uwo_select_server', 'Maris'); 2755 window.location.href = 'https://uwo.papayaplay.com/uwo.do'; 2756 } 2757 else if(_Type == "UWO_GO_Ventus"){ 2758 window.localStorage.setItem('lc_uwo_select_server', 'Ventus'); 2759 window.location.reload(true); 2760 } 2761 else if(_Type == "UWO_GO_Maris"){ 2762 window.localStorage.setItem('lc_uwo_select_server', 'Maris'); 2763 window.location.reload(true); 2764 } 2765 else if(_Type == "TreasureCove_NO"){ 2766 lc_Obj["popup_com_container_html"] = ` 2767 <p>You must be a Captain from <b>Maris</b> to claim <b>Treasure Cove</b> rewards. 2768 <br> 2769 Returning to the Maris main page. 2770 <br> 2771 </p> 2772 <div> 2773 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + ` >YES</button> 2774 </div> 2775 2776 `; 2777 2778 } 2779 else if(_Type == "TreasureCove_Maris_N"){ 2780 window.localStorage.setItem('lc_uwo_select_server', 'Maris'); 2781 window.localStorage.setItem('lc_uwo_select_server_Before','Maris'); 2782 window.location.reload(true); 2783 } 2784 else if(_Type == "TreasureCove_Ventus_N"){ 2785 window.localStorage.setItem('lc_uwo_select_server', 'Ventus'); 2786 window.localStorage.setItem('lc_uwo_select_server_Before','Ventus'); 2787 window.location.reload(true); 2788 } 2789 else if(_Type == "TreasureCove_Maris_Y"){ 2790 window.localStorage.setItem('lc_uwo_select_server_Before','Maris'); 2791 } 2792 else if(_Type == "TreasureCove_Ventus_Y"){ 2793 window.localStorage.setItem('lc_uwo_select_server_Before','Ventus'); 2794 } 2795 else if(_Type == "PopUp_Shop_NO"){ 2796 lc_Obj["popup_com_container_html"] = ` 2797 <p>You must be a Captain from <b>Maris</b> to claim <b>Pop-up Shop</b> items. 2798 <br> 2799 Returning to the Maris main page. 2800 <br> 2801 </p> 2802 <div> 2803 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + ` >YES</button> 2804 </div> 2805 2806 `; 2807 2808 } 2809 else if(_Type == "CompassEvent_NO"){ 2810 lc_Obj["popup_com_container_html"] = ` 2811 <p>You must be a Captain from <b>Maris</b> to win rewards for the <b>
2811Uncharted Bounty Compass.</b> 2812 <br> 2813 Returning to the Maris main page. 2814 <br> 2815 </p> 2816 <div> 2817 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + `>YES</button> 2818 </div> 2819 2820 `; 2821 2822 } 2823 else if(_Type == "RandomEvent_NO"){ 2824 lc_Obj["popup_com_container_html"] = ` 2825 <p>You must be a Captain from <b>Maris</b> to claim <b>Lucky Wheel</b> rewards. 2826 <br> 2827 Returning to the Maris main page. 2828 <br> 2829 </p> 2830 <div> 2831 <button onclick="comPopupUWO_Event_SubGroupCheck('UWO_GO_Maris')" ` + _btn_tagAreaYes + `>YES</button> 2832 </div> 2833 2834 `; 2835 2836 } 2837 2838 if(lc_Obj["popup_com_container_html"] != "") { 2839 if ($("#popup_com_container").length > 0) { 2840 $("#popup_com_container").find(".popup-com-content") 2841 .html(lc_Obj["popup_com_container_html"]); 2842 2843 $("#popup_com_container").css("display", "flex"); 2844 2845 } 2846 } 2847 2848 } 2849 2850 //========================= UWO New Server (END) ============================================= 2851 2852 // ì¿ í¤ ì¤ì í¨ì 2853 function setComControllerCookie(name, value, days) { 2854 var date = new Date(); 2855 date.setTime(date.getTime() + (days*24*60*60*1000)); // daysì¼ í ë§ë£ 2856 var expires = "expires=" + date.toUTCString(); 2857 document.cookie = name + "=" + value + ";" + expires + ";path=/"; 2858 } 2859 2860 // ì¿ í¤ ê°ì ¸ì¤ê¸° í¨ì 2861 function getComControllerCookie(name) { 2862 var cname = name + "="; 2863 var decodedCookie = decodeURIComponent(document.cookie); 2864 var ca = decodedCookie.split(';'); 2865 for(var i=0; i<ca.length; i++) { 2866 var c = ca[i].trim(); 2867 if (c.indexOf(cname) == 0) { 2868 return c.substring(cname.length, c.length); 2869 } 2870 } 2871 return ""; 2872 } 2873/* 2874 function getComServerTime() { 2875 var strServerTime = ''; 2876 $.ajax({
2877 url: ioRootPath + "/json.do?callback=?", 2878 type: 'GET', 2879 data: { cm: "Service.Board.GetServerTime" }, 2880 crossDomain: true, 2881 dataType: 'json', 2882 async: false, // ë기í 2883 success: function(res) { 2884 var code = res.ResultCode[0].Code; 2885 if (code === '10000') { 2886 var fromServerTime = res.ServerTime[0].ServerTime; 2887 strServerTime = fromServerTime.slice(0, 16); 2888 } else { 2889 strServerTime = '2999-12-31 02:00'; 2890 } 2891 } 2892 }); 2893 return strServerTime; 2894 } 2895*/ 2896 2897 2898 function getComServerTime() { 2899 return $.ajax({ 2900 url: ioRootPath + "/json.do?callback=?", 2901 type: 'GET', 2902 data: { cm: "Service.Board.GetServerTime" }, 2903 crossDomain: true, 2904 dataType: 'json', 2905 async: false, 2906 }).then(function(res){ 2907 var code = res.ResultCode[0].Code; 2908 if (code === '10000') { 2909 let fromServerTime = res.ServerTime[0].ServerTime; 2910 let strServerTime = fromServerTime.slice(0, 16); 2911 return strServerTime; 2912 } else { 2913 return '2999-12-31 02:00'; 2914 } 2915 }); 2916 } 2917 2918 2919 2920</script>
2920 2921 <nav id="bs-gnb" class="hidden-sm hidden-xs"> 2922 <div class="top--gnbs"> 2923 <div class="gnb--left"> 2924 <ul class="cont--left"> 2925 <li class="left--logo"> 2926 <a :href="staticUrl+'/bsglb.do'" class="gnb--logo"> 2927 <img src="" alt="" id="snb--logo" style="width:auto;height:33px;"> 2928 </a> 2929 </li> 2930 <li :class="{'active':isGameOpen}" :class="{'active':isGameOpen}" class=""> 2931 <a class="gnb--link" @click="[isChannelOpen=false, isGameOpen=!isGameOpen]"> 2932 <p class="title">{{locale_com.common_nav_game}}</p> 2933 <i class="fa" :class="{'fa-caret-down':!isGameOpen, 'fa-caret-up':isGameOpen}"></i> 2934 </a> 2935 </li> 2936 <li class=""> 2937 <a :href="staticUrl+'/bsglb.do?tp=news'" class="gnb--link" v-html="locale_com.common_nav_news"></a> 2938 </li> 2939 <li class=""> 2940 <a :href="staticUrl+'/bsglb.do?tp=update'" class="gnb--link" v-html="locale_com.common_nav_update"></a> 2941 </li> 2942 <li class=""> 2943 <a :href="staticUrl+'/bsglb.do?tp=media'" class="gnb--link" v-html="locale_com.common_nav_media"></a> 2944 </li> 2945 <!-- <li class=""> 2946 <a :href="staticUrl+'/bsglb.do?tp=ranking'" class="gnb--link" v-html="locale_com.common_nav_ranking"></a> 2947 </li> --> 2948 <li :class="{'active':isRankingOpen}" class=""> 2949 <a class="gnb--link" @click="[isChannelOpen=false, isRankingOpen=!isRankingOpen]"> 2950 <p class="title">{{locale_com.common_nav_ranking}}</p> 2951 <i class="fa" :class="{'fa-caret-down':!isRankingOpen, 'fa-caret-up':isRankingOpen}"></i> 2952 </a> 2953 </li> 2954 <li> 2955 <a href="http://forum.papayaplay.com/categories/blackshot" class="gnb--link" target="_blank" v-html="locale_com.common_nav_forum"></a> 2956 </li> 2957 </ul> 2958 </div> 2959 <div class="gnb--right"> 2960 <ul class="cont--right"> 2961 <li :class="{'active':isChannelOpen}"> 2962 <div class="wrap--selecter" @click="[isGameOpen=false, isRankingOpen=false, isChannelOpen=!isChannelOpen]"> 2963 <p class="sel__text" v-if="!isChannelOpen">GLOBAL</p> 2964 <p class="sel__text" v-if="isChannelOpen">SELECT</p> 2965 <i class="fa" :class="{'fa-caret-down':!isChannelOpen, 'fa-caret-up':isChannelOpen}"></i> 2966 </div> 2967 </li> 2968 <li><a :href="staticUrl+'/bsglb.do?tp=download'" class="wrap--free">PLAY FREE NOW</a></li> 2969 </ul> 2970 </div> 2971 </div> 2972 <div class="sub--games animated fadeIn" v-show="isGameOpen"> 2973 <ul class="wrap--game"> 2974 <li class="game--left" :class="{'animate':isGameOpen}"> 2975 <div class="game--top" 2976 :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/gnb-img/menu-update.jpg'+')'}"></div> 2977 <div class="wrap--bottom"><a :href="staticUrl+'/bsglb.do?tp=news'" class="game--bottom">More details</a></div> 2978 </li> 2979 <li class="game--right" v-for="(data, index) in gameDatas" :class="{'animate':isGameOpen}"> 2980 <ul class="ul--game"> 2981 <li class="wrap--top"> 2982 <img :src="imgUrl+data.icon" alt="" class="title--img"> 2983 <p class="title" v-html="data.title"></p> 2984 </li> 2985 <li class="wrap--img"> 2986 <div class="detail--img" :style="{'background-image':'url('+imgUrl+data.img+')'}"></div> 2987 </li> 2988 <li class="wrap--text" v-html="data.text"></li> 2989 <li class="wrap--link"> 2990 <a :href="staticUrl+data.link" class="link" v-html="data.btnText" :class="{'disable':data.link==''}"></a> 2991 </li> 2992 </ul> 2993 </li> 2994 </ul> 2995 </div> 2996 <div class="sub--games animated fadeIn" v-show="isRankingOpen"> 2997 <ul class="wrap--ranking"> 2998 <li class="ranking--menu" v-for="(data, index) in rankingDatas" :class="{'animate':isRankingOpen}"> 2999 <ul class="ul--game" @click="gotoPage(index)"> 3000 <li class="wrap--img"> 3001 <div class="detail--img" :style="{'background-image':'url('+imgUrl+data.img+')'}"></div> 3002 </li> 3003 <li class="wrap--top"> 3004 <p class="title" v-html="data.title"></p> 3005 </li> 3006 </ul> 3007 </li> 3008 </ul> 3009 </div> 3010 <div class="sub--channels animated fadeIn" v-if="isChannelOpen"> 3011 <ul class="wrap--channel" @click="isChannelOpen=false"> 3012 <li v-for='data in channelData' :class="{'active':data.enable}" class="channel--li"> 3013 <a :href="data.link" class="link">{{data.text}}</a> 3014 </li> 3015 </ul> 3016 </div> 3017</nav> 3018
3019<script> 3020 var bsGnb = new Vue({ 3021 el: '#bs-gnb', 3022 data: { 3023 imgUrl: "https://static.papayaplay.com/static/assets/images/", 3024 staticUrl:'https://blackshot.papayaplay.com', 3025 locale_lang: lang, 3026 locale_com: '', 3027 channelData: [ 3028 {link: 'https://bs.sea.papayaplay.com/bssea.do', text: 'southeast asia', enable: false}, 3029 {link: 'https://blackshot.papayaplay.com/bsglb.do', text: 'global', enable: true} 3030 ], 3031 3032 gameDatas: [ 3033 { 3034 icon: 'bs-rev-sea/svgs/blackshot.svg', 3035 title: 'ABOUT', 3036 img: 'bs-rev-sea/home/gnb-img/menu-about.jpg', 3037 text: 'New to the game? Go here first for a crash-course in everything BlackShot.', 3038 btnText: 'LEARN MORE', 3039 link: '/bsglb.do?tp=game' 3040 }, 3041 { 3042 icon: 'bs-rev-sea/svgs/competitive.svg', 3043 title: 'Competitive',
3044 img: 'bs-rev-sea/home/gnb-img/menu-competitive.jpg', 3045 text: 'The evolution of ranked Competitive play in BlackShot. Fight through ranking tiers for big prizes', 3046 btnText: 'LEARN MORE', 3047 link: '/bsglb.do?tp=competitive' 3048 }, 3049 /*{ 3050 icon: 'bs-rev-sea/svgs/wiki.svg', 3051 title: 'GUIDE', 3052 img: 'bs-rev-sea/home/gnb-img/menu-guide.jpg', 3053 text: 'Veteran or new recruit, the Guide has everything you need to become a BlackShot master.', 3054 btnText: 'Coming soon', 3055 link: '' 3056 },*/ 3057 // { 3058 // icon: 'bs-rev-sea/svgs/blackshot.svg', 3059 // title: 'BLACKSHOT', 3060 // img: 'bs-rev-sea/home/gnb-img/menu-revolution.jpg', 3061 // text: "Read up on all the exciting details of the BlackShot's overhaul.", 3062 // btnText: 'READ MORE', 3063 // link: '/bsglb.do?tp=blackshot' 3064 // } 3065 ], 3066 rankingDatas: [ 3067 { 3068 title: 'BC RANKING', 3069 img: 'bs-rev-sea/home/gnb-img/menu_bc.png', 3070 link: '/bsglb.do?tp=ranking_bc' 3071 }, 3072 { 3073 title: 'HALL OF FAME', 3074 img: 'bs-rev-sea/home/gnb-img/menu_hall_of_fame.png', 3075 link: '/bsglb.do?tp=halloffame' 3076 }, 3077 // { 3078 // title: 'PANIC SPACE', 3079 // img: 'bs-rev-sea/home/gnb-img/menu_panic_space.png', 3080 // link: '/bsglb.do?tp=ranking_tdm' 3081 // }, 3082 //{ 3083 // title: 'SEARCH AND DESTROY +', 3084 // img: 'bs-rev-sea/home/gnb-img/menu_sd_plus.png', 3085 // link: '/bsglb.do?tp=ranking_sd' 3086 //}, 3087 // { 3088 // title: 'CHALLENGE THE MAP', 3089 // img: 'bs-rev-sea/home/gnb-img/menu_ctm.png', 3090 // link: '/bsglb.do?tp=ranking_ctm' 3091 // }, 3092 // { 3093 // title: 'COMPETITIVE<br/>(COMING SOON)', 3094 // img: 'bs-rev-sea/home/gnb-img/menu_competitive.png', 3095 // link: '/bsglb.do?tp=blackshot' 3096 // }, 3097 // { 3098 // title: 'CLAN WAR<br/>(COMING SOON)', 3099 // img: 'bs-rev-sea/home/gnb-img/menu_clanwar.png', 3100 // link: '/bsglb.do?tp=blackshot' 3101 // } 3102 ], 3103 isChannelOpen: false, 3104 isGameOpen: false, 3105 isRankingOpen: false, 3106 }, 3107 methods: { 3108 fetchJson: function (lang) { 3109 var localeCommonUrl = BSSEA_LOC_COMMON_PATH; 3110 this.$http.get(localeCommonUrl) 3111 .then(function (res) { 3112 this.locale_com = res.body; 3113 }); 3114 }, 3115 gotoPage: function(index) { 3116 var vm=this; 3117 //location.href = 'https://www.papayaplay.com' + vm.rankingDatas[index].link; 3118 location.href = 'https://blackshot.papayaplay.com' + vm.rankingDatas[index].link; 3119 }, 3120 }, 3121 beforeMount: function () { 3122 this.fetchJson(lang); 3123 } 3124 }); 3125</script>
3125 3126 3127<!-- freshdesk BS GLB widget start --> 3128
3128<script> 3129 window.fwSettings={'widget_id':66000001055}; 3130 !function(){if("function"!=typeof window.FreshworksWidget){var n=function(){n.q.push(arguments)};n.q=[],window.FreshworksWidget=n}}() 3131 </script>
3131 3132
3132<script type='text/javascript' src='https://widget.freshworks.com/widgets/66000001055.js' async defer></script>
3132 3133
3133<script> 3134 if(isLogin == 0) { 3135 FreshworksWidget('hide'); 3136 } else { 3137 FreshworksWidget('identify', 'ticketForm', { 3138 name: userid, 3139 email:email, 3140 // bs glb group id 3141 group_id: 66000080118 3142 }); 3143 // 66000418359 lostsaga 3144 FreshworksWidget('hideChoices', 'ticketForm', { 3145 'group_id': [66000418359] 3146 }); 3147 FreshworksWidget('hide', 'ticketForm', ['name', 'custom_fields.cf_unid']); 3148 FreshworksWidget('prefill', 'ticketForm', { 3149 custom_fields: { 3150 cf_unid: unid, 3151 cf_username: userid 3152 } 3153 }); 3154 FreshworksWidget('disable', 'ticketForm', ['email', 'name', 'custom_fields.cf_unid', 'custom_fields.cf_username']) 3155 } 3156 3157 </script>
3157 3158<!-- freshdesk BS GLB widget end --> 3159 3160<div id="lc_curServer_Banner" class="side-banner-wrapper_top"> 3161 <a class="banner-content"> 3162 </a> 3163</div> 3164<!-- Common Popup Check --> 3165<div id="popup_com_container" class="popup-com-overlay" style="display: none;"> 3166 3167 <div class="popup-com-content" > 3168 </div> 3169 3170</div> 3171<!-- //Common Popup Check -->
3172<script> 3173 $(document).ready(function () { 3174 popup_com_container_init(1); 3175 }); 3176</script>
3176 3177 <!-- Blackshot Header: End --> 3178 3179 <!-- Blackshot Content: Start --> 3180 3181 3182 3183 3184<div id="fb-root"></div>
3185<script> 3186 (function (d, s, id) { 3187 var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); 3188 js.id = id;js.src = "//connect.facebook.net/us_EN/sdk.js#xfbml=1&version=v2.10";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk')); 3189</script>
3189 3190 3191<div id="bs_sea_home" @click="getBodyClick"> 3192 <!-- Event Float Banner (START) --> 3193 <!-- <a v-if="eventBanner" class="float-banner-container" href="https://www.papayaplay.com/bsglbevent/wheelofluck.do"> 3194 <img class="float-banner-image" src="https://static.papayaplay.com/static/assets/images/bs-rev-sea/event/wheelofluck_220630/wheel_of_luck_floating.png"/> 3195 </a> --> 3196 <!-- Event Float Banner (END) --> 3197 3198 <a v-if="isFloatEvent" class="float-banner-container1" href="https://papayaplay.com/bsglbevent/marble.do" target="_blank"> 3199 <img class="float-banner-image" src="https://static.papayaplay.com/static/assets/images/latale/portal/event/marble/marble_floating_banner.png"/> 3200 </a> 3201 3202 <!-- [Joonyoung] 2022-11-16 papaya_star_cup banner (eventBanner)--> 3203<div v-show="eventBanner" class="side-banner-wrapper"> 3204<a class="banner-content" href="https://www.papayaplay.com/ppyevent/papaya_star_cup.do" target="_blank"> 3205<img src="https://static.papayaplay.com/static/assets/images/portal/event/papaya_star_cup/floating_banner.png" alt="eventBanner"/> 3206</a> 3207</div> 3208<!-- End --> 3209 <main id="home"> 3210 <section id="sea-hm-sec1"> 3211 <!-- <div id="sea-hm-carousel"> 3212 <div class="sea-hm-item" v-for="data in topBanners" :style="{'background-image':'url('+data.ImgUrl1+')'}"> 3213 <div class="cont--hero hidden-sm hidden-xs"> 3214 <div class="hero__left animateable-two"> 3215 <div class="left__title animateable-two" v-if="data.BannerTitle !=''">{{data.BannerTitle}}</div> 3216 <div class="left__desc animateable-two" v-if="data.Text1 !=''">{{data.Text1}}</div> 3217 <div class="left__btn animateable-two" v-if="data.TargetUrl1 !=''"> 3218 <a :href="data.TargetUrl1" class="btn__more animateable-two">view more</a> 3219 </div> 3220 </div> 3221 <div class="hero__right"></div> 3222 </div> 3223 <div class="cont--hero-md hidden-md hidden-lg"> 3224 <div class="hero__left animateable-two"> 3225 <div class="left__title animateable-two" v-if="data.BannerTitle !=''">{{data.BannerTitle}}</div> 3226 <div class="left__desc animateable-two" v-if="data.Text1 !=''">{{data.Text1}}</div> 3227 <div class="left__btn animateable-two" v-if="data.TargetUrl1 !=''"> 3228 <a :href="data.TargetUrl1" class="btn__more animateable-two">view more</a> 3229 </div> 3230 </div> 3231 </div> 3232 </div> 3233 </div> --> 3234 <!-- <div class="hm-item" style="background-image: url(https://cdn.papayaplay.com/SF/1620/2642/6674/Home_Slider.jpg)"> --> 3235 <div class="hm-item" style="background-image: url(https://static.papayaplay.com/static/assets/images/portal/home/bg_texture.png)"> 3236 <video id="bsglb-bg-video" playsinline autoplay muted loop> 3237 <source src="https://static.papayaplay.com/static/assets/videos/blackshot/bs_bg_video.mp4" type="video/mp4"> 3238 </video> 3239 <div class="hm-sec1-content-wrapper"> 3240 <img class="bsglb-logo" src="https://static.papayaplay.com/static/assets/images/bs-rev-sea/home/bs_glb_gold.png" /> 3241 <p class="hm-sec1-desc">Fast-paced hardcore FPS. Huge variety of weapons, mercenaries, gears and items to suit all playstyles. Play casually in more than 10 game modes or prove your worth in competitive battle.</p> 3242 <!-- <a class="btn-download-now" href="https://blackshot.papayaplay.com/bsglb.do?tp=download">DOWNLOAD NOW</a> --> 3243 </div> 3244 <div v-if="videoDatas.length > 0" class="hm-update-video-wrapper"> 3245 <a class="uv--cont various fancybox.iframe" :href="videoDatas[0].TargetUrl1"> 3246 <div class="uv--cont-text">NEWEST UPDATE VIDEO</div> 3247 <img class="uv--cont-video-img" :src="videoDatas[0].ImgUrl1" /> 3248 </a> 3249 </div> 3250 </div> 3251 </section> 3252 <section id="sea-hm-sec2"> 3253 <div class="sp--line"></div> 3254 <article class="ongoing-wrapper"> 3255 <div class="ongoing-slide-prev"> 3256 <img id="ongoing-slide-prev-img" :src="imgUrl + 'bs-rev-sea/svgs/left_white.svg'" /> 3257 <img id="ongoing-slide-prev-hover-img" :src="imgUrl + 'bs-rev-sea/svgs/left_bg_blue.svg'" /> 3258 </div> 3259 <div class="ongoing-slide-next"> 3260 <img id="ongoing-slide-next-img" :src="imgUrl + 'bs-rev-sea/svgs/right_white.svg'" /> 3261 <img id="ongoing-slide-next-hover-img" :src="imgUrl + 'bs-rev-sea/svgs/right_bg_blue.svg'" /> 3262 </div> 3263 <transition name="fade"> 3264 <div class="page-loading" v-if="onGoingEventLoading"> 3265 <loading-circle /> 3266 </div> 3267 <div v-if="!onGoingEventLoading" class="ongoing-slide-wrapper"> 3268 <div class="ongoing-slide" v-for="(slide, sindex) in onGoingEventDatas" :key="sindex"> 3269 <a :href="slide.TargetUrl1"> 3270 <img class="slide-img" :src="slide.ImgUrl1"> 3271 <div class="slide-content" style="background-color: #020E1E"> 3272 <div class="slide-type">ONGOING</div> 3273 <div class="slide-desc">{{ slide.BannerTitle }}</div> 3274 <div class="slide-date">{{ slide.Text2 }}</div> 3275 </div> 3276 </a> 3277 </div> 3278 </div> 3279 </transition> 3280 </article> 3281 3282 <article class="featured-wrapper"> 3283 <a class="featured-left-container" v-if="updatePostData.length > 0" :href="staticUrl+'/bsglb.do?tp=news.view&postid='+updatePostData[0].PostID"> 3284 <div class="featured-img-wrapper"> 3285 <img class="featured-img" :src="s3RootPath+'/'+updatePostData[0].FileKe
3285y" /> 3286 </div> 3287 <div class="featured-content" style="background-color: #020E1E;"> 3288 <div class="featured-type">{{updatePostData[0].PostTypeString}}</div> 3289 <div class="featured-title">{{updatePostData[0].Title}}</div> 3290 <div class="featured-desc">{{updatePostData[0].Description}}</div> 3291 <div class="featured-date">{{updatePostData[0].PostDate | mmddyy}}</div> 3292 <div class="btn-more">VIEW MORE</div> 3293 </div> 3294 </a> 3295 <div class="featured-right-container"> 3296 <a class="featured-list-wrapper" v-for="(item, index) in newsEventData" :href="staticUrl+'/bsglb.do?tp=news.view&postid='+item.PostID"> 3297 <div class="featured-img-wrapper"> 3298 <img class="featured-img" :src="s3RootPath+'/'+item.FileKey" /> 3299 </div> 3300 <div class="featured-content"> 3301 <div class="featured-type">{{item.PostTypeString}}</div> 3302 <div class="featured-title">{{item.Title}}</div> 3303 <div class="featured-date">{{item.PostDate | mmddyy}}</div> 3304 <div class="btn-more">VIEW MORE</div> 3305 </div> 3306 </a> 3307 </div> 3308 </article> 3309 <a :href="staticUrl+'/bsglb.do?tp=news'" class="btn__more-news">more news</a> 3310 3311 <!-- <ul class="cont--ongoing hidden-sm hidden-xs"> 3312 <li class="wrap--first">ongoing<br>events</li> 3313 <li class="wrap--events" 3314 :class="{'non-select-hover':bsBody._data['isNonSelectHover'+index],'selected-hover':bsBody._data['isSelectedHover'+index],'select-active':bsBody._data['isSelectedClick'+index]}" 3315 @mouseenter.prevent="getEventOverState(index)" 3316 @mouseleave.prevent="getEventOutState(index)" 3317 @click.prevent="getEventClickState(index)" 3318 :style="{'background-image':'url('+data.ImgUrl1+')'}" 3319 v-for="(data,index) in onGoingEventDatas"> 3320 <div class="cate--icon" 3321 :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/corner.png'+')'}"> 3322 <i :class="data.BannerTitle | category"></i></div> 3323 <p class="event__cate">{{data.BannerTitle}}</p> 3324 <p class="event__title">{{data.Text1}}</p> 3325 <p class="event__date">{{data.Text2}}</p> 3326 <p class="event__desc animated fadeIn delay-1s" v-if="bsBody._data['isNonSelectHover'+index]">{{data.Text3 | truncate(100)}}</p> 3327 <div class="btn__detail animated fadeIn" v-if="bsBody._data['isNonSelectHover'+index]"><i class="uw-icon-chevron3"></i></div> 3328 <div class="wrap--shadow animated fadeIn"></div> 3329 </li> 3330 </ul> 3331 <ul class="cont--ongoing-md hidden-md hidden-lg"> 3332 <li class="wrap--first">ongoing events</li> 3333 <li class="wrap--events" 3334 :class="{'selected-hover':bsBody._data['isNonSelectHover'+index],'select-active':bsBody._data['isSelectedClick'+index]}" 3335 @mouseenter.prevent="getEventOverState(index)" 3336 @mouseleave.prevent="getEventOutState(index)" 3337 @click.prevent="getMobileClickState(index)" 3338 :style="{'background-image':'url('+data.ImgUrl1+')'}" 3339 v-for="(data,index) in onGoingEventDatas"> 3340 <div class="cate--icon" 3341 :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/corner.png'+')'}"> 3342 <i :class="data.BannerTitle | category"></i></div> 3343 <p class="event__cate">{{data.BannerTitle}}</p> 3344 <p class="event__title">{{data.Text1}}</p> 3345 <p class="event__date">{{data.Text2}}</p> 3346 <p class="event__desc animated fadeIn delay-1s">{{data.Text3 | truncate(100)}}</p> 3347 <div class="wrap--shadow animated fadeIn"></div> 3348 </li> 3349 </ul> 3350 <div class="sp--line2"></div> 3351 <div class="cont--selected-event animated fadeInDown delay-2s duration-3s hidden-sm hidden-xs" v-show="isEventOpenDetail"> 3352 <div class="wrap--selected-event"> 3353 <div class="wrap--close" @click="setEventDetailClose"> 3354 <i class="bs-rev-icon-close"></i> 3355 </div> 3356 <div class="event--left" :style="{'background-image':'url('+onGoingDetailData.ImgUrl1+')'}"></div> 3357 <div class="event--right"> 3358 <i class="icon--style" :class="onGoingDetailData.BannerTitle | category"></i> 3359 <p class="event__cate">{{onGoingDetailData.BannerTitle}}</p> 3360 <p class="event__title">{{onGoingDetailData.Text1}}</p> 3361 <div class="event__date"><i class="bs-rev-icon-calendar"></i> 3362 <p class="text__date">{{onGoingDetailData.Text2}}
3362</p></div> 3363 <p class="event__desc">{{onGoingDetailData.Text3}}</p> 3364 <a :href="onGoingDetailData.TargetUrl1" class="btn__read-more">read more</a> 3365 </div> 3366 </div> 3367 </div> --> 3368 </section> 3369 <section class="sea-hm-sec3"> 3370 <!-- :style="{'background-image':'url('+imgUrl+'bs-rev-sea/effect-down.png'+')'}" --> 3371 <!-- <div class="sec3--title">featured news</div> 3372 <ul class="news--ul"> 3373 <li class="news--box" v-for="data in newsEventData" :style="{'background-image':'url('+'\''+s3RootPath+'/'+data.FileKey+'\''+')'}" @click="clickNewsLink(data.PostID)"> 3374 <p class="news--cate">{{data.PostType | posttype}}</p> 3375 <p class="news--title">{{data.Title | truncate(40)}}</p> 3376 <p class="news--date">{{data.UpdateDate| mmddyy}}</p> 3377 <div class="wrap--shadow animated fadeIn"></div> 3378 </li> 3379 </ul> 3380 <a :href="staticUrl+'/bsglb.do?tp=news'" class="btn__more-news">more news</a> --> 3381 3382 <ul class="cont--media-box"> 3383 <li class="wrap--fb-box" v-if="widthSnsSec == 1"> 3384 <!--hidden-sm hidden-xs"> --> 3385 <div class="fb-page" data-href="https://www.facebook.com/BlackShotOnline/" data-tabs="timeline" data-width="488" data-height="742" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"> 3386 <blockquote cite="https://www.facebook.com/BlackShotOnline/" class="fb-xfbml-parse-ignore"> 3387 <a href="https://www.facebook.com/BlackShotOnline/">BlackShot Global</a> 3388 </blockquote> 3389 </div> 3390 </li> 3391 <li class="wrap--fb-box" v-if="widthSnsSec == 2"> 3392 <div class="fb-page" data-href="https://www.facebook.com/BlackShotOnline/" data-tabs="timeline" data-width="320" data-height="486" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="true"> 3393 <blockquote cite="https://www.facebook.com/BlackShotOnline/" class="fb-xfbml-parse-ignore"> 3394 <a href="https://www.facebook.com/BlackShotOnline/">BlackShot Global</a> 3395 </blockquote> 3396 </div> 3397 </li> 3398 <li class="wrap--media-box"> 3399 <div class="cont--playbox"> 3400 <div id="player"></div> 3401 <div class="title">FREE2PLAY â DOWNLOAD NOW!</div> 3402 </div> 3403 <a class="cont--playlist various fancybox.iframe" v-for="(vitem, index) in videoDatas" :href="vitem.TargetUrl1"> 3404 <div class="list--left"> 3405 <p class="title">{{vitem.BannerTitle}}</p> 3406 <p class="time">{{vitem.Text1}}</p> 3407 </div> 3408 <div class="list--right" :style="{'background-image':'url('+vitem.ImgUrl1+')'}"></div> 3409 </a> 3410 <!-- <div class="cont--playlist" @click="mediaClick()"> 3411 <div class="list--left"> 3412 <p class="title">Assert Your Dominance [NEW MAP] [NEW WEAPONS]</p> 3413 <p class="time">4:30</p> 3414 </div> 3415 <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_domi.png'+')'}"></div> 3416 </div> 3417 <div class="cont--playlist" @click="mediaClick()"> 3418 <div class="list--left"> 3419 <p class="title">Paradox</p> 3420 <p class="time">5:41</p> 3421 </div> 3422 <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_kagura.png'+')'}"></div> 3423 </div> 3424 <div class="cont--playlist" @click="mediaClick()"> 3425 <div class="list--left"> 3426 <p class="title">Kagura "The Black Inferno"</p> 3427 <p class="time">9:07</p> 3428 </div> 3429 <div class="list--right" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/vid-screenshot/video_paradox.png'+')'}"></div> 3430 </div> --> 3431 <a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" target="blank" class="btn__see_video">more videos</a> 3432 </li> 3433 <li class="wrap--dc-box" v-if="widthSnsSec == 1"> 3434 <div class="reload-btn-discord" @click="reloadDiscordWidget" @mouseover="hoverDcReload=true" @mouseleave="hoverDcReload=false"> 3435 <i v-if="hoverDcReload == false" id="ico-dc-reload" class="fa fa-repeat" aria-hidden="true"></i> 3436 <p v-else>RELOAD</p> 3437 </div> 3438 <widgetbot server="172118865197662208" channel="177532020400979968" width="488" height="742"></widgetbot> 3439
3439<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
3439 3440 </li> 3441 <li class="wrap--dc-box" v-if="widthSnsSec == 2"> 3442 <div class="reload-btn-discord" @click="reloadDiscordWidget" @mouseover="hoverDcReload=true" @mouseleave="hoverDcReload=false"> 3443 <i v-if="hoverDcReload == false" id="ico-dc-reload" class="fa fa-repeat" aria-hidden="true"></i> 3444 <p v-else>RELOAD</p> 3445 </div> 3446 <widgetbot server="172118865197662208" channel="177532020400979968" width="320" height="486"></widgetbot> 3447
3447<script src="https://cdn.jsdelivr.net/npm/@widgetbot/html-embed"></script>
3447 3448 </li> 3449 <!-- <li class="wrap--media-box hidden-sm hidden-xs"> 3450 <ul class="rank--ul"> 3451 <li class="rank--top" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/RANKINGseason-bg.jpg'+')'}"> 3452 <p class="sub-title">competitive mode</p> 3453 <p class="title">RANKING</p> 3454 </li> 3455 <li class="rank--dummy" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/coming-soon-image.jpg'+')'}"></li> 3456 3457 <li class="rank--list" v-for="(data,index) in rankingData"> 3458 <div class="left">{{index+1}}</div> 3459 <div class="mid">{{data.user}}</div> 3460 <div class="elo">{{data.elopoint}}</div> 3461 </li> 3462 3463 <li class="rank--btn"> 3464 3465 <a href="" class="btn__see_ranking">see full ranking</a> 3466 </li> 3467 3468 </ul> 3469 </li> --> 3470 </ul> 3471 </section> 3472 <section class="sea-hm-sec5"> 3473 <!-- :style="{'background-image':'url('+imgUrl+'bs-rev-sea/effect-down.png'+')'}" --> 3474 <div class="sec3--title">find us on</div> 3475 <ul class="cont--social"> 3476 <li> 3477 <a href="https://www.youtube.com/channel/UCfQMEybHcEKTwvOs9lIbriQ" class="tabs"> 3478 <i class="uw-icon-youtube" style="font-size: 5.2rem;"></i> 3479 </a> 3480 </li> 3481 <li> 3482 <a href="https://discord.gg/PGBupmx" class="tabs"> 3483 <i class="bs-sea-o-icon-discord" style="margin-top: -2px; font-size: 4.1rem;"></i> 3484 </a> 3485 </li> 3486 <li> 3487 <a href="https://www.facebook.com/BlackShotOnline/" class="tabs"> 3488 <i class="uw-icon-facebook-1"></i> 3489 </a> 3490 </li> 3491 <li> 3492 <a href="#" class="tabs"> 3493 <!-- https://twitter.com/blackshotglobal --> 3494 <i class="uw-icon-twitter"></i> 3495 </a> 3496 </li> 3497 </ul> 3498 </section> 3499 <section class="sea-hm-sec4 hidden-sm hidden-xs" :style="{'background-image':'url('+imgUrl+'bs-rev-sea/home/character-story/bg-characters.jpg'+')'}"> 3500 <div class="sp--line"></div> 3501 <ul class="cont--char-hover" v-show="!isOpenCharFace"> 3502 <li @mouseenter="setCharOverState(0)" @mouseleave="setCharOutState(0)" @click="setBodyClickContent(3)"> 3503 <p class="txt__name">CATHY</p> 3504 </li> 3505 <li @mouseenter="setCharOverState(1)" @mouseleave="setCharOutState(1)" @click="setBodyClickContent(0)"> 3506 <p class="txt__name">ADAM</p> 3507 </li> 3508 <li @mouseenter="setCharOverState(2)" @mouseleave="setCharOutState(2)" @click="setBodyClickContent(1)"> 3509 <p class="txt__name">travis</p> 3510 </li> 3511 <li @mouseenter="setCharOverState(3)" @mouseleave="setCharOutState(3)" @click="setBodyClickContent(2)"> 3512 <p class="txt__name">vanessa</p> 3513 </li> 3514 </ul> 3515 <div class="cont--char-picker" v-show="!isOpenCharFace"> 3516 <ul class="cont--char"> 3517 <li class="wrap--char0" :class="{'active':isCharHover0}"> 3518 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/cathy-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover0"> 3519 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/cathy-big.png'" alt="" class="char-hover"> 3520 </li> 3521 <li class="wrap--char1" :class="{'active':isCharHover1}"> 3522 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/adam-big.png'" alt="" class="char-hover"> 3523 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/adam-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover1"> 3524 </li> 3525 <li class="wrap--char2" :class="{'active':isCharHover2}"> 3526 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/travis-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover2"> 3527 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/travis-big.png'" alt="" class="char-hover"> 3528 3529 </li> 3530 <li class="wrap--char3" :class="{'active':isCharHover3}"> 3531 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/vanessa-big-shadow.png'" alt="" class="char animated fadeIn" v-show="isCharHover3"> 3532 <img :src="imgUrl+'bs-rev-sea/home/character-story/hover/vanessa-big.png'" alt="" class="char-hover"> 3533 </li> 3534 </ul> 3535 </div> 3536 <div class="cont--char-detail animated fadeIn" v-if="isOpenCharFace"> 3537 <div class="wrap--detail"> 3538 <div class="wrap--close" @click="setFaceContentClose"> 3539 <i class="bs-rev-icon-close"></i> 3540 </div> 3541 <div class="detail--left"> 3542 <ul class="cont--char-faces"> 3543 <li class="wrap--face" @mouseenter="getFaceOverState(index)" @mouseleave="getFaceOutState(index)" @click="getFaceClick(index)" :style="{'background-image':'url('+imgUrl+data.faceImg+')'}" :class="{'hover':bsBody._data['isFaceHover'+index], 'select':bsBody._data['isFaceClick'+index]}" v-for="(data,index) in charLeftDatas"> 3544 <div class="wrap--name-tag">{{data.name}}</div> 3545 </li> 3546 </ul> 3547 <ul class="cont--contents"> 3548 <li class="contents__top"> 3549 <div class="top__left"> 3550 <div class="left__icon"> 3551 <img :src="imgUrl+charDetailDatas.charIcon" alt=""> 3552 </div> 3553 <div class="right__text"> 3554 <p class="f__name">{{charDetailDatas.fname}}</p> 3555 <p class="l__name">{{charDetailDatas.lname}}</p> 3556 </div> 3557 </div> 3558 <div class="top__right">{{charDetailDatas.title}}</div> 3559 </li> 3560 <li class="contents__mid"> 3561 <ul class="wrap--mid"> 3562 <li class="bio__text"> 3563 <p class="bio__content"> 3564 BORN:
3565 <span class="txt__thin">{{charDetailDatas.born}}</span> 3566 </p> 3567 </li> 3568 <li class="bio__text"> 3569 <p class="bio__content"> 3570 NATIONALITY: 3571 <span class="txt__thin">{{charDetailDatas.nationality}}</span> 3572 </p> 3573 </li> 3574 <li class="bio__text"> 3575 <p class="bio__content"> 3576 HOBBY: 3577 <span class="txt__thin">{{charDetailDatas.hobby}}</span> 3578 </p> 3579 </li> 3580 <li class="bio__text"> 3581 <p class="bio__content"> 3582 MAIN TACTICS: 3583 <span class="txt__thin">{{charDetailDatas.mt}}</span> 3584 </p> 3585 </li> 3586 <li class="bio__text"> 3587 <p class="bio__content"> 3588 COMPANY: 3589 <span class="txt__thin">{{charDetailDatas.company}}</span> 3590 </p> 3591 </li> 3592 </ul> 3593 </li> 3594 <li class="contents__bt"> 3595 <p class="detail__contents" v-html="charDetailDatas.detail"></p> 3596 </li> 3597 </ul> 3598 </div> 3599 <div class="detail--right"> 3600 <img :src="imgUrl+charDetailDatas.charImg" alt="" class="animated fadeIn"> 3601 </div> 3602 </div> 3603 </div> 3604 <div class="sp--line"></div> 3605 </section> 3606 </main> 3607</div>
3608<script> 3609 /* youtube */ 3610 if (typeof youtube_api_init == 'undefined') { 3611 var tag = document.createElement('script'); 3612 tag.src = 'https://www.youtube.com/player_api'; 3613 var firstScriptTag = document.getElementsByTagName('script')[0]; 3614 firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 3615 } else { 3616 onYouTubeIframeAPIReady(); 3617 } 3618 3619 function onYouTubeIframeAPIReady() { 3620 var player = new YT.Player('player', { 3621 playerVars: { 3622 autoplay: 0, 3623 controls: 0, 3624 showsearch: 0, 3625 showinfo: 0, 3626 loop: 0, 3627 enablejsapi: 1, 3628 playlist: 'pnBSppF85SY' 3629 }, 3630 width: '100%', 3631 videoId: 'pnBSppF85SY', 3632 events: { 3633 onReady: function (event) { 3634 event.target.mute(); 3635 //event.target.playVideo(); 3636 } 3637 } 3638 }); 3639 } 3640 var youtube_api_init = 1; 3641 $(document).ready(function () { 3642 toastr.options.closeButton = true; 3643 toastr.options.closeMethod = 'fadeOut'; 3644 toastr.options.closeDuration = 300; 3645 toastr.options.closeEasing = 'swing'; 3646 toastr.options.positionClass = "toast-bottom-right"; 3647 toastr.options.onclick = function () { 3648 window.location.href = bsRootPath + "/user/messages.do"; 3649 } 3650 3651 maintenanceFlag(); 3652 3653 function maintenanceFlag() { 3654 $.ajax({
3655 url: ioRootPath + "/json.do?callback=?", 3656 type: 'GET', 3657 data: {cm: "Service.Board.GetServiceStatus"}, 3658 crossDomain: true, 3659 dataType: 'json' 3660 }) 3661 .done(function (data) { 3662 //console.log(data) 3663 var code = data.ResultCode[0].Code; 3664 3665 if (code == "10000") { 3666 if (data.ServiceStatus[1].ServiceStatus === 1) { 3667 $('.gnb').css('margin-top', '40px'); 3668 $('.header').css('top', '80px'); 3669 $('body').prepend( 3670 '<div class="maintenance-message flex-center">' + 3671 '<p>' + data.ServiceStatus[1].Message + '</p>' + 3672 '<a href="' + data.ServiceStatus[1].TargetURL + '">Learn More</a>' + 3673 '<button id="close-maintenance-message" class="icon-close"></button>' + 3674 '</div>' 3675 ) 3676 } 3677 } 3678 }) 3679 .fail(function () { 3680 console.log("error"); 3681 }); 3682 } 3683 3684 $('body').on('click', '#close-maintenance-message', function (event) { 3685 $('.maintenance-message').css('top', '-40px'); 3686 $('.gnb').css('margin-top', '0px'); 3687 $('.header').css('top', '40px'); 3688 }); 3689 3690 //loadMessages(); 3691 function loadMessages() { 3692 $.ajax({
3693 url: ioRootPath + "/secured/json.do?callback=?", 3694 type: 'GET', 3695 data: { 3696 cm: "Account.User.GetNotificationRecent", 3697 unid: unid, 3698 userid: userid, 3699 notificationtype: 0, 3700 serviceid1: 0, 3701 serviceid2: 1, 3702 language: lang, 3703 itmecount: 3 3704 }, 3705 crossDomain: true, 3706 dataType: 'json' 3707 }) 3708 .done(function (data) { 3709 3710 var code = data.ResultCode[0].Code; 3711 3712 if (code == "10000") { 3713 function Toast(msg, title) { 3714 this.msg = msg; 3715 this.title = title; 3716 } 3717 3718 var filteredToast = []; 3719 var toasts = []; 3720 3721 for (var i = 0; i < data.NotificationList.length; i++) { 3722 if (data.NotificationList[i].OpenStatus === 'N') { 3723 filteredToast.push(data.NotificationList[i]); 3724 } 3725 } 3726 3727 for (var i = filteredToast.length - 1; i >= 0; i--) { 3728 toasts.push(new Toast(filteredToast[i].Message, filteredToast[i].Title)); 3729 } 3730 3731 var i = 0; 3732 3733 function delayToasts() { 3734 if (i === toasts.length) { 3735 return; 3736 } 3737 var delay = i === 0 ? 0 : 1000; 3738 if (i < 3) { 3739 window.setTimeout(function () { 3740 showToast(); 3741 }, delay); 3742 } 3743 } 3744 3745 function showToast() { 3746 var t = toasts[i]; 3747 toastr.warning(t.msg, t.title); 3748 i++; 3749 delayToasts(); 3750 } 3751 3752 delayToasts(); 3753 } 3754 }) 3755 .fail(function () { 3756 console.log("error"); 3757 }); 3758 } 3759 3760 // video popup 3761 $('.various').fancybox({ 3762 width: "90%", 3763 height: "90%", 3764 maxWidth: "1280px", 3765 maxHeight: "720px", 3766 fitToView : true, 3767 autoScale :true, 3768 autoSize : true, 3769 closeClick : false, 3770 openEffect : 'none', 3771 closeEffect : 'none' 3772 }); 3773 }); 3774 3775 Vue.component('loading-circle', { 3776 template: `\<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; display: block; shape-rendering: auto;" width="30px" height="30px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"> 3777 <circle cx="50" cy="50" fill="none" stroke="#ffffff" stroke-width="10" r="35" stroke-dasharray="164.93361431346415 56.97787143782138"> 3778 <animateTransform attributeName="transform" type="rotate" repeatCount="indefinite" dur="1s" values="0 50 50;360 50 50" keyTimes="0;1"></animateTransform> 3779 </circle></svg>`, 3780 }); 3781 3782 var bsBody = new Vue({ 3783 el: '#bs_sea_home', 3784 data: { 3785 onGoingEventLoading: false, 3786 locale_lang: lang, 3787 locale_loc: '', 3788 locale_com: '', 3789 staticUrl:'https://blackshot.papayaplay.com', 3790 imgUrl: 'https://static.papayaplay.com/static/assets/images/', 3791 eventBanner: false, 3792 isFloatEvent: false, 3793 widthSnsSec: 0, 3794 hoverDcReload: false, 3795 topBanners: [], 3796 onGoingEventDatas:[], 3797 isNonSelectHover0:false, isNonSelectHover1:false, isNonSelectHover2:false, isNonSelectHover3:false, 3798 isSelectedHover0:false, isSelectedHover1:false, isSelectedHover2:false, isSelectedHover3:false, 3799 isSelectedClick0:false, isSelectedClick1:false, isSelectedClick2:false, isSelectedClick3:false, 3800 isEventOpenDetail:false, 3801 onGoingDetailData:[], 3802 updatePostData: [], 3803 newsEventData:[], 3804 videoDatas:[], 3805 isCharHover0:false, isCharHover1:false, isCharHover2:false, isCharHover3:false, 3806 isFaceHover0:false, isFaceHover1:false, isFaceHover2:false, isFaceHover3:false, 3807 isFaceClick0:false, isFaceClick1:false, isFaceClick2:false, isFaceClick3:false, 3808 charLeftDatas:[ 3809 { 3810 faceImg:'bs-rev-sea/home/character-story/hover/adam.png',
3811 name:'ADAM', 3812 }, 3813 { 3814 faceImg:'bs-rev-sea/home/character-story/hover/travis.png', 3815 name:'travis', 3816 }, 3817 { 3818 faceImg:'bs-rev-sea/home/character-story/hover/vanessa.png', 3819 name:'vanessa', 3820 }, 3821 { 3822 faceImg:'bs-rev-sea/home/character-story/hover/cathy.png', 3823 name:'cathy', 3824 } 3825 ], 3826 charDatas:[ 3827 { 3828 charIcon:'bs-rev-sea/home/character-story/divisions/alpha.svg', 3829 charImg:'bs-rev-sea/home/character-story/hover/adam-big.png', 3830 fname:'ADAM', 3831 lname:'GARCIA', 3832 title:'Violence is a language. And I speak it very well', 3833 born:'2009', 3834 nationality:'AMERICAN', 3835 hobby:'GUNSMITHING', 3836 mt:'FORCE RECONNAISSANICE', 3837 company:'ALPHA', 3838 detail:'Adam is a highly respected member of BlackShotâs Alpha Division. Lacking any formal rank, he shunned numerous opportunities to advance to leadership positions because of his craving for the heat of battle.' + 3839 '<br><br>Before joining BlackShot, he served in the Armyâs Combat Applications Group in Afghanistan. There, he participated in a highly classified assignment known as Operation Icarus, which led to the assassination of several rogue U.S. Marines whose crimes against the local Pashtun villagers were too enormous for the U.S. government to make public.' + 3840 '<br><br>Adam was subsequently honorably discharged after his sixth tour of duty, where an IED blinded him in one eye. He returned to his hometown Chicago to run a gun store, but his idyllic life was shattered when remnants of Operation Icarus came back to haunt him; his wife and daughter were killed by assassins in a failed attempt on his life.' + 3841 '<br><br>His life in complete ruin, Adam sought only to mete justice out to his familyâs killers. Lacking resources to find them, Adam pulled his old contacts and was hired by BlackShot, who offered to help him in exchange for one thing: Adamâs DNA.' + 3842 '<br><br>Adam agreed to the terms and rapidly proved himself to be one of the worldâs most feared mercenaries. After years of loyal servitude, BlackShotâs intelligence agents discovered the identity of his familyâs killers: agents of Blade, a PMC run by Curtis Kowalski, Adamâs former commanding officer. Kowalski tried to eliminate all witnesses to Operation Icarus when a House Intelligence Committee investigation threatened to ruin his corporation.<br><br>The fires of vengeance burn fiercely in Adamâs heart. As he leads BlackShot from one victory to another, he plots for the day he will have his revenge.<br><br>', 3843 }, 3844 { 3845 charIcon:'bs-rev-sea/home/character-story/divisions/grave.svg', 3846 charImg:'bs-rev-sea/home/character-story/hover/travis-big.png', 3847 fname:'TRAVIS', 3848 lname:'Banner', 3849 title:'If Iâm not me, then who the hell am Iâ', 3850 born:'2028', 3851 nationality:'South Korea', 3852 hobby:'Aircraft Spotting, Model Kit Building ', 3853 mt:'Reconnaissance, Combat Engineering, Cyber Intrusion', 3854 company:'Grave', 3855 detail:'A highly skilled operator in BlackShotâs Grizzly Company, Travis is one of its four most cloned soldiers, alongside Adam, Vanessa and Cathy. Unlike his counterparts, however, he remembers little about his life prior to joining BlackShot.' + 3856 '<br><br>His earliest memories are of being recruited into the 707th Special Mission Battalion in the Korean militaryâs Special Warfare Command. Other than that, he has little memory of a childhood or family.' + 3857 '<br><br>In reality, Travis was never a real person. He was created by BlackShotâs R&D Division as the perfect soldier; a hybrid of DNA from various deceased soldiers from around the world, with memories from those same soldiers implanted into him to allow him to function socially like a normal human. He is, in essence, BlackShotâs first artificially created human, with an impossibly deep skillset that includes demolition, computer hacking, firearms proficiency, hand-to-hand combat, wilderness survival, and fluency in many languages.' + 3858 '<br><br>
3858Travisâs hunger to uncover his identity grows insatiable with each passing day. Little does he know that behind the scenes, BlackShotâs scientists are using his biological data to lay the groundwork for a new army of clones.' 3859 }, 3860 { 3861 charIcon:'bs-rev-sea/home/character-story/divisions/phantom.svg', 3862 charImg:'bs-rev-sea/home/character-story/hover/vanessa-big.png', 3863 fname:'VANESSA', 3864 lname:'GREEN', 3865 title:'The real world is always in your blind spot.', 3866 born:'2032', 3867 nationality:'AMERICAN', 3868 hobby:'Hunting, Cooking', 3869 mt:'Espionage, Sniper Support', 3870 company:'Phantom', 3871 detail:'One of BlackShotâs more versatile agents, Vanessa is both an expert at intelligence gathering and marksmanship.' + 3872 '<br><br>Vanessa grew up on a farm in Ohio, where her father, a former Delta Force operator, taught her how to shoot and survive in the wilderness. She was recruited straight out of MIT by the CIA, where she excelled at using her charm to extract intelligence from unsuspecting enemies.' + 3873 '<br><br>Unfortunately, while investigating potentially illegal activities by a PMC known as Blade, Vanessa discovered the murder of her father at the hands of one of its assassins. Emotionally compromised, Vanessa made several critical blunders that resulted in the deaths of two of her fellow agents.' + 3874 '<br><br>She was dismissed from the Agency as a result, but was recruited into BlackShot at the insistence of Adam Garcia. Adam served with Vanessaâs father in Afghanistan and both participated in an extremely controversial mission called Operation Icarus. Suspecting that the deaths of his family and Vanessaâs father were related, Adam took Vanessa in as his surrogate daughter, mentoring her and standing in as the father figure she now lacked.' + 3875 '<br><br>Sometimes she goes on trips to her old family farm in Ohio to pay respects to her father, but as time goes on and her body count rises, she finds it harder and harder to feel anything with each subsequent trip.' 3876 }, 3877 { 3878 charIcon:'bs-rev-sea/home/character-story/divisions/akimbo.svg', 3879 charImg:'bs-rev-sea/home/character-story/hover/cathy-big.png', 3880 fname:'Cathy', 3881 lname:'fitzpatrick', 3882 title:'Oh, that was your arm? Itâll heal.', 3883 born:'2025', 3884 nationality:'british', 3885 hobby:'Tattoos, MMA, Crossfit', 3886 mt:'Hand-to-Hand Combat, Close Quarters Battle', 3887 company:'Akimbo', 3888 detail:'A former Sergeant in the UKâs Royal Marines, Cathy is renowned as a tough-as-nails, no-nonsense operator within BlackShot, as well as a highly respected hand-to-hand combat instructor' + 3889 '<br><br>Growing up in Luton, England, she ran a street gang that trafficked in drugs and firearms. After a gang shootout resulted in the death of her boyfriend, who was trying to get her to clean up her act, she signed up with the Royal Marines as a means to honor his memory.' + 3890 '<br><br>Though her skills were exemplary, her rebellious nature kept getting in the way. Her commanding officer recommended she sign up with BlackShot instead, which she did.' + 3891 '<br><br>Cathy enjoyed her new employment at BlackShot, thanks to the vast array of resources, contracts, and firearms available to her.' + 3892 '<br><br>Cathy now spends much of her time at BlackShot headquarters training her fellow mercenaries in advanced martial arts and shooting techniques.', 3893 }, 3894 ], 3895 charDetailDatas:[], 3896 isOpenCharFace:false, 3897 rankingData:[ 3898 { 3899 user:'xINSANExBEARx', 3900 elopoint:'30000', 3901 }, { 3902 user:'xINS23ExBEARx', 3903 elopoint:'29000', 3904 }, { 3905 user:'xI222ExBEARx', 3906 elopoint:'28000', 3907 },{ 3908 user:'xIN233NExBEARx', 3909 elopoint:'27000', 3910 },{ 3911 user:'xI3123ExBEARx', 3912 elopoint:'26000', 3913 }, { 3914 user:'xIN123ExBEARx', 3915 elopoint:'25000', 3916 }, { 3917 user:'xIN1231ExBEARx', 3918 elopoint:'24000', 3919 }, { 3920 user:'xINS234axBEARx', 3921 elopoint:'23000', 3922 },{ 3923 user:'xINSasdfasdBEARx', 3924 elopoint:'22000', 3925 },{ 3926 user:'xINSANExasdf234Rx', 3927 elopoint:'21000', 3928 } 3929 ], 3930 3931 }, 3932 methods: { 3933 fetchJson: function (lang) { 3934 var vm = this; 3935 var localeCommonUrl = BSSEA_LOC_COMMON_PATH; 3936 var localeLocalUrl = BSSEA_LOC_LOCAL_PATH; 3937 3938 this.$http.get(localeCommonUrl) 3939 .then(function (res) { 3940 this.locale_com = res.body; 3941 }); 3942 3943 this.$http.get(localeLocalUrl) 3944 .then(function (res) { 3945 this.locale_loc = res.body; 3946 }); 3947 3948 if (lang === "en") { 3949 vm.getBanners("en"); 3950 } else if (lang === "de") { 3951 vm.getBanners("de"); 3952 } else if (lang === "fr") { 3953 vm.getBanners("fr"); 3954 } else if (lang === "pt") { 3955 vm.getBanners("pt"); 3956 } else if (lang === "tr") { 3957 vm.getBanners("tr"); 3958 } else { 3959 vm.getBanners("en"); 3960 } 3961 },
3962 getBodyClick: function () { 3963 var vm = this; 3964 bsGnb._data.isChannelOpen = false; 3965 bsGnb._data.isGameOpen = false; 3966 bsGnb._data.isRankingOpen = false; 3967 //console.log("click body"); 3968 }, 3969 getBanners: function () { 3970 var vm = this; 3971 3972 vm.getOngoingEventData(); 3973 vm.getUpdatePostData(); 3974 vm.getNewPostData(); 3975 vm.getVideoData(); 3976 3977 // $.ajax({ 3978 // url: ioRootPath + "/json.do?callback=?", 3979 // type: 'GET', 3980 // data: {cm: "Service.Board.GetBanner", groupid: 51, language: lang}, 3981 // crossDomain: true, 3982 // dataType: 'json', 3983 // }) 3984 // .done(function (data) { 3985 // //console.log(data) 3986 // var code = data.ResultCode[0].Code; 3987 3988 // if (code == "10000") { 3989 // vm.to
3989pBanners = data.BannerList; 3990 3991 // setTimeout(function (e) { 3992 // $('#sea-hm-carousel').slick({ 3993 // autoplay: true, 3994 // autoplaySpeed: 5000, 3995 // slidesToShow: 1, 3996 // slidesToScroll: 1 3997 // }); 3998 3999 // $('#sea-hm-carousel').on('beforeChange', function (event, slick, currentSlide, nextSlide) { 4000 // $('.animateable').addClass('animated fadeInDown'); 4001 // $('.animateable-two').addClass('animated fadeInUp'); 4002 // $('.animateable').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () { 4003 // $('.animateable').removeClass('fadeInDown'); 4004 // }); 4005 4006 // $('.animateable-two').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function () { 4007 // $('.animateable-two').removeClass('fadeInUp'); 4008 // }); 4009 // }); 4010 // }, 800); 4011 // //init loading 4012 // vm.getOngoingEventData(); 4013 // vm.getNewPostData(); 4014 // //vm.getFaceClick(0); 4015 // } 4016 // else { 4017 // setTimeout(function (e) { 4018 // //alert("Error Code: " + code); 4019 // location.reload(); 4020 // }, 2000) 4021 // } 4022 // }) 4023 // .fail(function () { 4024 // console.log("error"); 4025 // }); 4026 }, 4027 initOngoingBanner: function() { 4028 var vm=this; 4029 var minSlideNum = 7; 4030 if( vm.onGoingEventDatas.length < minSlideNum) { // Minimum number for "slide carousel" normal operation 4031 for( var i=0; i< minSlideNum; i++) { 4032 vm.onGoingEventDatas.push(...vm.onGoingEventDatas); 4033 //console.log("ongoing event data : ", vm.onGoingEventDatas); 4034 if( vm.onGoingEventDatas.length >= minSlideNum ) { 4035 break; 4036 } 4037 } 4038 } 4039 4040 //console.log("news slider : ", vm.itemSlides); 4041 let slide_carousel = { 4042 slidesToShow: 5, 4043 slidesToScroll: 1, 4044 dots:true, 4045 arrows: true, 4046 nextArrow: $('.ongoing-slide-next'), 4047 prevArrow: $('.ongoing-slide-prev'), 4048 centerMode: true, 4049 focusOnSelect: true, 4050 autoplay: true, 4051 autoplaySpeed: 3000, 4052 responsive: [ 4053 { 4054 breakpoint: 1150, 4055 settings: { 4056 slidesToShow: 3 4057 } 4058 }, 4059 { 4060 breakpoint: 769, 4061 settings: { 4062 slidesToShow: 1 4063 } 4064 } 4065 ] 4066 }; 4067 vm.onGoingEventLoading = false; 4068 setTimeout(function () { 4069 $('.ongoing-slide-wrapper').not('.slick-initialized').slick(slide_carousel); 4070 }, 1); 4071 4072 /* setTimeout(() => { 4073 $(".ongoing-slide-wrapper").slick(slide_carousel); 4074 }, 300); */ 4075 4076 }, 4077 getOngoingEventData: function () { 4078 var vm = this; 4079 vm.onGoingEventLoading = true; 4080 $.ajax({
4081 url: ioRootPath + "/json.do?callback=?", 4082 type: 'GET', 4083 data: {cm: "Service.Board.GetBanner", groupid: 35, language: lang}, 4084 crossDomain: true, 4085 dataType: 'json', 4086 }) 4087 .done(function (data) { 4088 //console.log(data) 4089 var code = data.ResultCode[0].Code; 4090 4091 if (code == "10000") { 4092 vm.onGoingEventDatas = data.BannerList; 4093 vm.initOngoingBanner(); 4094 } 4095 else { 4096 setTimeout(function (e) { 4097 alert("Error Code: (Get Banner)" + code); 4098 //location.reload(); 4099 }, 2000) 4100 } 4101 }) 4102 .fail(function () { 4103 console.log("error"); 4104 }); 4105 }, 4106 getEventOverState:function(id){ 4107 var vm=this; 4108 if(vm.isEventOpenDetail){ 4109 vm['isSelectedHover'+id]=true; 4110 }else{ 4111 vm['isNonSelectHover'+id]=true; 4112 } 4113 }, 4114 getEventOutState:function(id){ 4115 var vm=this; 4116 if(vm.isEventOpenDetail){ 4117 vm['isSelectedHover'+id]=false 4118 }else{ 4119 vm['isNonSelectHover'+id]=false 4120 } 4121 }, 4122 getEventClickState:function(id){ 4123 var vm=this; 4124 for(let i in vm.onGoingEventDatas){ 4125 vm['isSelectedHover'+i]=false; 4126 vm['isNonSelectHover'+i]=false; 4127 vm['isSelectedClick'+i]=false; 4128 } 4129 4130 vm['isSelectedClick'+id]=true; 4131 vm.isEventOpenDetail=true; 4132 vm.onGoingDetailData=[]; 4133 vm.onGoingDetailData=vm.onGoingEventDatas[id]; 4134 }, 4135 getMobileClickState:function(id){ 4136 var vm=this; 4137 var links=vm.onGoingEventDatas[id].TargetUrl1; 4138 location.href=links; 4139 }, 4140 setEventDetailClose:function(id){ 4141 var vm=this; 4142 4143 for(let i in vm.onGoingEventDatas){ 4144 vm['isSelectedHover'+i]=false; 4145 vm['isNonSelectHover'+i]=false; 4146 vm['isSelectedClick'+i]=false; 4147 } 4148 vm.isEventOpenDetail=false; 4149 }, 4150 getNewPostData: function () { 4151 var vm = this; 4152 var newsPath = bsRootPath + '/blackshotsea.do?'; 4153 // edit hskim; 2021-06-11; Get PostList except 'Update(Event2) and OnGoing' 4154 // change CM : Service.Board.GetPostList_BS 4155 $.ajax({
4156 url: ioRootPath + "/json.do?callback=?", 4157 //url: "http://io.papayaplay.net" + "/json.do?callback=?", 4158 type: 'GET', 4159 data: {cm: "Service.Board.GetPostList_BS", type: 0, sid:1, pagenumber: 1}, 4160 crossDomain: true, 4161 dataType: 'json', 4162 }) 4163 .done(function (data) { 4164 //console.log("get new post data : ", data); 4165 vm.newsEventData=[]; 4166 var code = data.ResultCode[0].Code; 4167 4168 if (code == "10000") { 4169 vm.newsEventData = data.PostList; 4170 //console.log("get new post data : ", vm.newsEventData); 4171 // Post Type Number to String, PostDate Format Change (PostType == 9 is Update in Blackshot) 4172 for( var i=0; i<vm.newsEventData.length; i++) { 4173 if( vm.newsEventData[i].PostType === 1 ) { vm.newsEventData[i].PostTypeString = 'Notice'; } 4174 else if( vm.newsEventData[i].PostType === 2 ) { vm.newsEventData[i].PostTypeString = 'Event'; } 4175 else if( vm.newsEventData[i].PostType === 3 ) { vm.newsEventData[i].PostTypeString = 'Patch'; } 4176 else if( vm.newsEventData[i].PostType === 4 ) { vm.newsEventData[i].PostTypeString = 'Weapon'; } 4177 else if( vm.newsEventData[i].PostType === 5 ) { vm.newsEventData[i].PostTypeString = 'Maps'; } 4178 else if( vm.newsEventData[i].PostType === 6 ) { vm.newsEventData[i].PostTypeString = 'Tips'; } 4179 else if( vm.newsEventData[i].PostType === 7 ) { vm.newsEventData[i].PostTypeString = 'Sale'; } 4180 else if( vm.newsEventData[i].PostType === 8 ) { vm.newsEventData[i].PostTypeString = 'New'; } 4181 else if( vm.newsEventData[i].PostType === 9 ) { vm.newsEventData[i].PostTypeString = 'Update'; } 4182 else if( vm.newsEventData[i].PostType === 10 ) { vm.newsEventData[i].PostTypeString = 'OnGoing'; } 4183 else { vm.newsEventData[i].PostTypeString = ''; } 4184 } 4185 // for(let i=0; i<3;i++){ 4186 // vm.newsEventData.push(data.PostList[i]); 4187 // } 4188 } 4189 else { 4190 setTimeout(function (e) { 4191 alert("Error Code: (Get Post List_BS)" + code); 4192 //location.reload(); 4193 }, 2000) 4194 } 4195 }) 4196 .fail(function () { 4197 console.log("error"); 4198 }); 4199 }, 4200 getUpdatePostData: function () { 4201 var vm = this; 4202 var newsPath = bsRootPath + '/blackshotsea.do?'; 4203 // add hskim; 2021-06-11; Get PostList only 'Update(Event2)' 4204 $.ajax({
4205 url: ioRootPath + "/json.do?callback=?", 4206 //url: "http://io.papayaplay.net" + "/json.do?callback=?", 4207 type: 'GET', 4208 data: {cm: "Service.Board.GetPostList", type: 9, sid:1, pagenumber: 1}, 4209 crossDomain: true, 4210 dataType: 'json', 4211 }) 4212 .done(function (data) { 4213 //console.log("get new post data : ", data); 4214 vm.updatePostData=[]; 4215 var code = data.ResultCode[0].Code; 4216 4217 if (code == "10000") { 4218 vm.updatePostData = data.PostList; 4219 //console.log("get update post data : ", vm.updatePostData); 4220 // Post Type Number to String, PostDate Format Change (PostType == 9 is Update in Blackshot) 4221 for( var i=0; i<vm.updatePostData.length; i++) { 4222 if( vm.updatePostData[i].PostType === 9 ) { vm.updatePostData[i].PostTypeString = 'Update'; } 4223 else { vm.updatePostData[i].PostTypeString = ''; } 4224 } 4225 } 4226 else { 4227 setTimeout(function (e) { 4228 alert("Error Code: (Get Post List)" + code); 4229 //location.reload(); 4230 }, 5000) 4231 } 4232 }) 4233 .fail(function () { 4234 console.log("error"); 4235 }); 4236 }, 4237 getVideoData: function () { 4238 var vm = this; 4239 4240 $.ajax({
4241 url: ioRootPath + "/json.do?callback=?", 4242 //url: 'http://io.papayaplay.net' + "/json.do?callback=?", 4243 type: 'GET', 4244 data: {cm: "Service.Board.GetBannerByGroupName", groupname: "BS GLB Video", sid: 1, language: lang}, 4245 crossDomain: true, 4246 dataType: 'json', 4247 }) 4248 .done(function (data) { 4249 //console.log("get video data : ", data) 4250 var code = data.ResultCode[0].Code; 4251 4252 if (code == "10000") { 4253 vm.videoDatas = data.BannerList.reverse(); 4254 } 4255 else { 4256 setTimeout(function (e) { 4257 alert("Error Code: (Get Banner By Group Name)" + code); 4258 //location.reload(); 4259 }, 2000) 4260 } 4261 }) 4262 .fail(function () { 4263 console.log("error"); 4264 }); 4265 }, 4266 setCharOverState:function(id){ 4267 var vm=this; 4268 vm['isCharHover'+id]=true; 4269 }, 4270 setCharOutState:function(id){ 4271 var vm=this; 4272 vm['isCharHover'+id]=false; 4273 }, 4274 getFaceOverState:function(id){ 4275 var vm=this; 4276 vm['isFaceHover'+id]=true; 4277 }, 4278 getFaceOutState:function(id){ 4279 var vm=this; 4280 vm['isFaceHover'+id]=false; 4281 }, 4282 setFaceContentClose:function(){ 4283 var vm=this; 4284 vm.isOpenCharFace=false; 4285 }, 4286 setBodyClickContent:function(id){ 4287 var vm=this; 4288 vm.isOpenCharFace=true; 4289 vm.getFaceClick(id); 4290 }, 4291 getFaceClick:function(id){ 4292 var vm=this; 4293 vm.charDetailDatas=vm.charDatas[id]; 4294 for(let i in vm.charDatas){ 4295 vm['isFaceClick'+i]=false; 4296 } 4297 vm['isFaceClick'+id]=true; 4298 }, 4299 clickNewsLink:function(id){ 4300 var vm=this; 4301 location.href=vm.staticUrl+'/bsglb.do?tp=news.view&postid='+id; 4302 }, 4303 mediaClick:function(){ 4304 var vm=this; 4305 location.href=vm.staticUrl+'/bsglb.do?tp=media'; 4306 }, 4307 reloadDiscordWidget: function() { 4308 var vm=this; 4309 var iframes = document.getElementsByTagName("iframe"); 4310 for( var i=0; i<iframes.length; i++) { 4311 if( iframes[i].title.includes("WidgetBot") ) { 4312 iframes[i].src = iframes[i].src; 4313 } 4314 } 4315 }, 4316 handleResize: function() { 4317 var vm = this; 4318 var beforeWindowWidth = vm.widthSnsSec; 4319 if(window.innerWidth > 1490 ) { 4320 vm.widthSnsSec = 1; // Desktop width 4321 } else { 4322 vm.widthSnsSec = 2; 4323 } 4324 if( beforeWindowWidth !== 0 && beforeWindowWidth !== vm.widthSnsSec ) { 4325 location.reload(); 4326 } 4327 // if( window.innerWidth < 662 ) { 4328 // vm.flagAni = true; 4329 // } else { 4330 // vm.flagAni = false; 4331 // } 4332 }, 4333 getServerTime: function () { 4334 var vm = this; 4335 var fromServerTime = ''; 4336 var strServerTime = ''; 4337 $.ajax({
4338 url: ioRootPath + "/json.do?callback=?", 4339 type: 'GET', 4340 data: { cm: "Service.Board.GetServerTime" }, 4341 crossDomain: true, 4342 dataType: 'json', 4343 }) 4344 .done(function (res) { 4345 var code = res.ResultCode[0].Code; 4346 if (code === '10000') { 4347 fromServerTime = res.ServerTime[0].ServerTime; 4348 strServerTime = fromServerTime.slice(0, 16); 4349 4350 if( strServerTime >= "2024-07-26 00:00" && strServerTime <= "2024-08-31 23:59" ) { 4351 vm.isFloatEvent = true; 4352 } else { 4353 vm.isFloatEvent = false; 4354 } 4355 4356 if( strServerTime <= "2022-11-17 16:00" && strServerTime <= "2022-12-12 16:00" ) { 4357 console.log("wheelEvent banner ON!", strServerTime); 4358 vm.eventBanner = true; 4359 } else { 4360 console.log("wheelEvent banner OFF!", strServerTime); 4361 vm.eventBanner = false; 4362 } 4363 } 4364 }) 4365 .fail(function () { 4366 console.log("get server time error"); 4367 }); 4368 } 4369 }, 4370 filters: { 4371 capitalize:function(value){ 4372 if (!value) return '' 4373 value = value.toString() 4374 return value.charAt(0).toUpperCase() + value.slice(1) 4375 }, 4376 truncate:function(value, length){ 4377 //console.log(value); 4378 return value.slice(0, length) + (length < value.length ? '...' : ''); 4379 }, 4380 category:function(value){ 4381 if(value === undefined){ 4382 return 'bs-rev-icon-boost'; 4383 }else{ 4384 switch (value.toLowerCase()) { 4385 case 'boost': 4386 return 'bs-rev-icon-boost'; 4387 break; 4388 case 'news': 4389 return 'bs-rev-icon-calendar'; 4390 break; 4391 case 'in-game events': 4392 return 'bs-rev-icon-star'; 4393 break; 4394 case 'playtime': 4395 return 'bs-rev-icon-clock'; 4396 break; 4397 case 'sales': 4398 return 'bs-rev-icon-blackshot'; 4399 break; 4400 case 'login every day': 4401 return 'bs-rev-icon-clock'; 4402 break; 4403 } 4404 } 4405 }, 4406 mmddyy:function(value){ 4407 //console.log(value); 4408 //var date=moment(value).format('MMM Do, YYYY'); 4409 var date=moment(value).format('D MMM, YYYY'); 4410 return date; 4411 }, 4412 posttype:function(value){ 4413 //console.log(value); 4414 var vm=this; 4415 switch (value) { 4416 case 1: 4417 return bsBody._data.locale_com.common_news_notice; 4418 break; 4419 case 2: 4420 return bsBody._data.locale_com.common_news_event; 4421 break; 4422 case 3: 4423 return bsBody._data.locale_com.common_news_patch; 4424 break; 4425 case 4: 4426 return bsBody._data.locale_com.common_news_weapon; 4427 break; 4428 case 5: 4429 return bsBody._data.locale_com.common_news_maps_modes; 4430 break; 4431 case 6: 4432 return bsBody._data.locale_com.common_news_tip; 4433 break; 4434 case 7: 4435 return bsBody._data.locale_com.common_news_sale; 4436 break; 4437 case 8: 4438 return bsBody._data.locale_com.common_news_new; 4439 break; 4440 case 9: 4441 return bsBody._data.locale_com.common_news_more_event; 4442 break; 4443 } 4444 } 4445 }, 4446 beforeMount: function () { 4447 var vm=this; 4448 this.fetchJson(lang); 4449 vm.handleResize(); 4450 }, 4451 mounted: function() { 4452 var vm=this; 4453 window.addEventListener('resize', vm.handleResize); 4454 4455 document.getElementById('bsglb-bg-video').playsinline = true; 4456 document.getElementById('bsglb-bg-video').autoplay = true; 4457 document.getElementById('bsglb-bg-video').muted = true; 4458 document.getElementById('bsglb-bg-video').play(); 4459 4460 vm.getServerTime(); 4461 }, 4462 beforeDestory: function() { 4463 var vm=this; 4464 window.removeEventListener('resize',vm.handleResize); 4465 } 4466 }); 4467 4468 $(document).ready(function() { 4469 4470 let moveScroll = true; 4471 let moveInterval; 4472 let delayCnt = 0; 4473 $(window).scroll(function (e) { 4474 moveScroll = true; 4475 }); 4476 $(".side-banner-wrapper").mouseover(function (e) { 4477 e.preventDefault(); 4478 $(".side-banner-wrapper").removeClass("hide-banner"); 4479 $(".side-banner-wrapper").addClass("show-banner"); 4480 clearInterval(moveInterval); 4481 delayCnt = 0; 4482 }); 4483 $(".side-banner-wrapper").mouseout(function (e) { 4484 e.preventDefault(); 4485 moveScroll = false; 4486 setIn(); 4487 }); 4488 function setIn() { 4489 moveInterval = setInterval(function () { 4490 if (moveScroll) { 4491 $(".side-banner-wrapper").removeClass("hide-banner"); 4492 $(".side-banner-wrapper").addClass("show-banner"); 4493 delayCnt = delayCnt + 1; 4494 if( delayCnt > 10) { 4495 moveScroll = false; 4496 } 4497 } else { 4498 $(".side-banner-wrapper").removeClass("show-banner"); 4499 $(".side-banner-wrapper").addClass("hide-banner"); 4500 delayCnt = 0; 4501 } 4502 }, 1000); 4503 } 4504 setIn(); 4505 4506 }); 4507 4508</script>
4508 4509 <!-- Blackshot Content: End --> 4510 4511 <!-- Blackshot Footer: Start --> 4512 4513 4514 4515<footer id="pt_footer"> 4516 <!-- <div class="xmas--wrap-footer" style="background-image:url('https://static.papayaplay.com/static/assets/images/portal/xmas-theme/footer_snow.png')"></div> --> 4517 <div class="mobile hidden-md hidden-lg"> 4518 <div class="container"> 4519 <div class="row1 pad-top-20"> 4520 <a data-toggle="collapse" aria-controls="mobile-footer-language" data-target="#mobile-footer-language"> 4521 <span v-if="localStorage_langCurr.length > 0"> 4522 <span v-if="localStorage_langCurr === 'ru'" class="language-choice">PÑÑÑкий</span><span class="language-arrow fa fa-caret-up"></span> 4523 </span> 4524 <span v-else> 4525 <span><img src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_global.svg" /></span><span class="language-choice">English</span><span class="language-arrow fa fa-caret-down"></span> 4526 4527 4528 4529 4530 4531 </span> 4532 </a> 4533 <div class="collapse" id="mobile-footer-language"> 4534 <ul> 4535 <li><a href="https://www.papayaplay.com/set.do?lang=en" data-lang="en" @click="setLocalStorageLang('en')"><span>English</span></a></li> 4536 <li><a href="https://www.papayaplay.com/set.do?lang=fr" data-lang="fr" @click="setLocalStorageLang('fr')"><span>Français</span></a></li> 4537 <li><a href="https://www.papayaplay.com/set.do?lang=de" data-lang="de" @click="setLocalStorageLang('de')"><span>Deutsch</span></a></li> 4538 <li><a href="https://www.papayaplay.com/set.do?lang=pt" data-lang="pt" @click="setLocalStorageLang('pt')"><span>Português</span></a></li> 4539 <li><a href="https://www.papayaplay.com/set.do?lang=tr" data-lang="tr" @click="setLocalStorageLang('tr')"><span>Türk</span></a></li> 4540 <li><a href="https://www.papayaplay.com/set.do?lang=ms" data-lang="ms" @click="setLocalStorageLang('ms')"><span>Melayu</span></a></li> 4541 <li v-if="localStorage_langList.length > 0" v-for="(item, index) in localStorage_langList"> 4542 <a @click="setLocalStorageLang('ru')"><span>PÑÑÑкий</span></a> 4543 </li> 4544 </ul> 4545 </div> 4546 </div> 4547 <div class="row2 pad-top-20 pad-bot-10"><a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="papaya logo"></a></div> 4548 <div class="footer-vertigo-logo row2 pad-top-10 pad-bot-10"><a href="http://www.vertigogames.com" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/vertigo-logo.svg" alt="vertigo logo"></a></div> 4549 4550 <div class="footer-dreamex-logo row2 pad-top-10 pad-bot-10"><a href="http://www.dreamexe.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/dreamex-logo.png" alt="dreamex logo"></a></div> 4551 <div class="footer-actoz-logo row2 pad-top-10 pad-bot-10"><a href="https://www.actoz.com/english" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/actoz_logo.png" alt="actoz logo"></a></div> 4552 <div class="footer-kt-logo row2 pad-top-10 pad-bot-10"><a href="https://www.koeitecmo.co.jp/e/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/kt-logo.png" alt="KOEI logo"></a></div> 4553 <div class="footer-zemiinc-logo row2 pad-top-10 pad-bot-10"><a href="http://www.zemiinc.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/home/zemi_logo.png" alt="Zemi Interactive" style="height:17px"></a></div> 4554 4555 <div class="footer-joongwon-logo row2 pad-top-10 pad-bot-10"><a href="http://www.joongwongames.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/home/jw_logo.png" alt="JOONGWON" style="height:27px"></a></div> 4556 <!-- test Start (Joonyoung) Mobile footer company list --> 4557 <div class="footer-bluepotion-logo row2 pad-top-10 pad-bot-10"><a href="http://www.bluepotion.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/logo_bluepotion.png" alt="bluepotion" style="height:20px"></a></div> 4558 <!-- test End (Joonyoung) --> 4559 <div class="footer-imcgames-logo row2 pad-top-10 pad-bot-10"><a href="https://imc.co.kr/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo_imcgames.png" alt="imcgames" style="height:20px"></a></div> 4560 <div class="footer-dragonfly-logo row2 pad-top-10 pad-bot-10"><a href="http://www.dragonflygame.com/en/Main/HomeMain" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo_dragonfly.png" alt="dragonfly" style="height:26px"></a></div> 4561 <div class="footer-naddic-logo row2 pad-top-10 pad-bot-10"><a href=http://www.naddic.com/" target="_blank"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/naddic-logo.png" alt="naddic" style="height:26px"></a></div> 4562 <div class="row3 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=1" v-html="locale_com.Portal_Common_Terms_Service"></a></div> 4563 <div class="row4 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=2" v-html="locale_com.Portal_Common_Privacy_Policy"></a></div> 4564 <div class="row4 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=3" v-html="locale_com.Portal_Common_EULA"></a></div> 4565 <div class="row5 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=4">UGC</a></div> 4566 <div class="row5 pad-top-10 pad-bot-10"><a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=5">Game Operation Policy</a></div> 4567 4568 <!-- <p class="gnb-dark-gray pad-top-10" style="color: #b1b1b1;">Vertigo Games, Inc. CEO, Jung H. Kim, Jeil Vision Tower 12F, 12 Teheran-ro 26-gil Gangnam-gu, Seoul, Korea 06236<p> 4569 <p class="gnb-dark-gray" style="color: #b1b1b1;">Tel: +82 2 2051 9575, Fax: +82 2 2051 9558, <a class="gnb-dark-gray" style="color: #b1b1b1;" href="mailto:[email protected]">e-mail:[email protected]</a><p> 4570 <p class="gnb-dark-gray" style="color: #b1b1b1;">Company Registration: 220-87-22647, Online Business Registration: 2019
4570-SEOULGANGNAM-01375</p> --> 4571 <!-- <div class="gnb-dark-gray pad-top-10">{{locale_com.Common_Footer_Copyright_Text1}}<span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> --> 4572 <div class="gnb-dark-gray pad-top-10"> 4573 <span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span> 4574 <div class="naddic-copyright text-capitalize">â NADDIC GAMES CO., LTD All Right Reserved.</div> 4575 </div> 4576 4577 </div> 4578 </div> 4579 4580 <div class="desktop hidden-xs hidden-sm"> 4581 <div class="container"> 4582 <div class="row1"> 4583 <div class="col1 pull-left"> 4584 <a href="https://www.papayaplay.com/portal.do"><img src="https://static.papayaplay.com/static/assets/images/portal/common/papaya-logo.svg" alt="papaya logo" style="width: 160px; height: 35px;"></a> 4585 <a href="http://www.vertigogames.com" target="_blank" class="footer-vertigo-logo" style="padding-left: 15px;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/vertigo-logo.svg" alt="vertigo logo" style="width: 160px; height: 31px;"></a> 4586 4587 <a href="http://www.dreamexe.co.kr/" target="_blank" class="footer-dreamex-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/dreamex-logo.png" alt="dreamex logo" style="width: 160px; height:auto;"></a> 4588 <a href="https://www.actoz.com/english" target="_blank" class="footer-actoz-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/actoz_logo.png" alt="actoz logo" style="width: 120px;"></a> 4589 <a href="https://www.koeitecmo.co.jp/e/" target="_blank" class="footer-kt-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/kt-logo.png" alt="KOEI logo" style="width: 53px; margin-top: -5px;"></a> 4590 <a href="http://www.zemiinc.co.kr/" target="_blank" class="footer-zemiinc-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/home/zemi_logo.png" alt="Zemi Interactive" style="width: 170px; margin-top: -5px;"></a> 4591 4592 <a href="http://www.joongwongames.co.kr/" target="_blank" class="footer-joongwon-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/home/jw_logo.png" alt="JOONGWON" style="width: 120px; margin-top: -3px;"></a> 4593 <!-- test Start (Joonyoung) Web footer company logo --> 4594 <a href="http://www.bluepotion.co.kr/" target="_blank" class="footer-bluepotion-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/eos/event/preregister/logo_bluepotion.png" alt="JOONGWON" style="width: 120px; margin-top: -3px;"></a> 4595 <!-- test End (Joonyoung) --> 4596 <!-- tos (company logo) --> 4597 <a href="https://imc.co.kr/" target="_blank" class="footer-imcgames-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/tos/portal/logo_imcgames.png" alt="imcgames" style="width: 120px; margin-top: -3px;"></a> 4598 <a href="http://www.dragonflygame.com/en/Main/HomeMain" target="_blank" class="footer-dragonfly-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/sf2/portal/logo_dragonfly.png" alt="dragonfly" style="width: 120px; margin-top: -3px;"></a> 4599 <a href="http://www.naddic.com" target="_blank" class="footer-naddic-logo" style="padding-left: 15px; display: none;"><img src="https://static.papayaplay.com/static/assets/images/portal/footer/naddic-logo.png" alt="naddic" style="width: 120px; margin-top: -3px;"></a> 4600 </div> 4601 4602 <div class="col2 pull-right"> 4603 <a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms" v-html="locale_com.Portal_Common_Terms_Service"></a> 4604 <span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span> 4605 <a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=2" v-html="locale_com.Portal_Common_Privacy_Policy"></a> 4606 <span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span> 4607 <a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=3" v-html="locale_com.Portal_Common_EULA"></a> 4608 <span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span> 4609 <a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=4">UGC</a> 4610 <span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span> 4611 <a class="text-capitalize" href="https://www.papayaplay.com/portal.do?tp=terms&tab=5">Game Operation Policy</a> 4612 <span class="gnb-dark-gray bold" style="padding: 0 7px;">|</span> 4613 4614 <div class="dropdown dropup"> 4615 <a style="cursor: pointer;" class="dropdown-toggle" data-toggle="dropdown"> 4616 <div class="global-icon"><img src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_global.svg" /></div> 4617 <span v-if="localStorage_langCurr.length > 0"> 4618 <span v-if="localStorage_langCurr === 'ru'" class="language-choice">PÑÑÑкий</span><span class="language-arrow fa fa-caret-up"></span> 4619 </span> 4620 <span v-else> 4621 <span class="language-choice">English</span><span class="language-arrow fa fa-caret-up"></span> 4622 4623 4624 4625 4626 4627 </span> 4628 </a> 4629 <ul class="dropdown-menu language-dropdown"> 4630 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'en'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=en" data-lang="en" @click="set
4630LocalStorageLang('en')"><span>English</span></a></li> 4631 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'pt'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=pt" data-lang="pt" @click="setLocalStorageLang('pt')"><span>Português</span></a></li> 4632 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'fr'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=fr" data-lang="fr" @click="setLocalStorageLang('fr')"><span>Français</span></a></li> 4633 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'de'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=de" data-lang="de" @click="setLocalStorageLang('de')"><span>Deutsch</span></a></li> 4634 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'tr'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=tr" data-lang="tr" @click="setLocalStorageLang('tr')"><span>Türk</span></a></li> 4635 <li><div class="check-ico-wrapper"><img v-if="localStorage_langCurr !== 'ru' && lang === 'ms'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a href="https://www.papayaplay.com/set.do?lang=ms" data-lang="ms" @click="setLocalStorageLang('ms')"><span>Melayu</span></a></li> 4636 <li v-if="localStorage_langList.length > 0" v-for="(item, index) in localStorage_langList"> 4637 <div class="check-ico-wrapper"><img v-if="localStorage_langCurr === 'ru'" class="check-icon" src="https://static.papayaplay.com/static/assets/images/portal/gnb/2021_new/ico/ico_check.png" /></div><a @click="setLocalStorageLang('ru')"><span>PÑÑÑкий</span></a> 4638 </li> 4639 </ul> 4640 </div> 4641 </div> 4642 </div> 4643 <div class="clearfix"></div> 4644 <div style="display: flex; flex-direction: column;"> 4645 <div id="uwo-copyright" class="row2 text-left pad-top-20"> 4646 <div class="gnb-dark-gray">© KOEI TECMO GAMES CO., LTD All right reserved, </div> 4647 <div class="gnb-dark-gray">Published by Vertigo Games.</div> 4648 </div> 4649 <!-- <div class="row3 row2 text-left pad-top-20"> 4650 <p class="gnb-dark-gray pad-top-10" style="color: #b1b1b1;">Vertigo Games, Inc. CEO, Jung H. Kim, Jeil Vision Tower 12F, 12 Teheran-ro 26-gil Gangnam-gu, Seoul, Korea 06236<p> 4651 <p class="gnb-dark-gray" style="color: #b1b1b1;">Tel: +82 2 2051 9575, Fax: +82 2 2051 9558, <a class="gnb-dark-gray" style="color: #b1b1b1;" href="mailto:[email protected]">e-mail:[email protected]</a><p> 4652 <p class="gnb-dark-gray" style="color: #b1b1b1;">Company Registration: 220-87-22647, Online Business Registration: 2019-SEOULGANGNAM-01375</p> 4653 </div> --> 4654 <div id="ori-copyright" class="row2 text-left pad-top-20"> 4655 <!-- <div class="gnb-dark-gray">{{locale_com.Common_Footer_Copyright_Text1}} <span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> --> 4656 <div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> 4657 <div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text4}}</span></div> 4658 </div> 4659 <div class="naddic-copyright row2 text-left pad-top-20"> 4660 <!-- <div class="gnb-dark-gray">{{locale_com.Common_Footer_Copyright_Text1}} <span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}}</span></div> --> 4661 <div class="gnb-dark-gray"><span class="text-capitalize">â NADDIC GAMES CO., LTD All Rights Reserved. </span></div> 4662 <div class="gnb-dark-gray"><span class="text-capitalize">{{locale_com.Common_Footer_Copyright_Text2}} {{locale_com.Common_Footer_Copyright_Text4}}</span></div> 4663 </div> 4664 </div> 4665 </div> 4666 </div> 4667 <article class="cont--cookie animated fadeInUp" v-if="isCookieModal"> 4668 <div class="wrap--cbox"> 4669 <div class="left--section"></div> 4670 <div class="right--section"> 4671 <p>We use cookies on our websites. You are free to manage this via your browser setting at any time. To learn more about how we use the cookies, please see our <span class="t--link" @click="gotoUrl('https://www.papayaplay.com/portal.do?tp=privacy')">Cookies policy</span>. 4672 <br><br>You probably wonât be surprised to hear that weâve updated our Privacy Notice. Please do take the time to read our new, more informative, easier to read and easier to understand, <span class="t--link" @click="gotoUrl('https://www.papayaplay.com/portal.do?tp=privacy')">Privacy Notice</span>.</p> 4673 <div class="btn--gotit" @click="setGDPRCookie(90)">I understand</div> 4674 </div> 4675 </div> 4676 </article> 4677</footer>
4678<script> 4679 var gnb = new Vue({ 4680 el: '#pt_footer', 4681 data: { 4682 locale_lang:lang, 4683 locale_com:'', 4684 isCookieModal:true, 4685 domainName:'', 4686 localStorage_langList: [], 4687 localStorage_langCurr: '' 4688 }, 4689 methods: { 4690 fetchJson: function (lang) { 4691 var vm=this; 4692 var localeCommonUrl=PT_LOC_COMMON_PATH; 4693 4694 // if( lang === 'ko' ) { 4695 // // lang = 'pt'; 4696 // localeCommonUrl = localeCommonUrl.replace(/_(.*?)\.json$/, '_pt.json'); 4697 // } 4698 4699 this.$http.get(localeCommonUrl) 4700 .then(function (res) { 4701 //console.log(res.body) 4702 this.locale_com = res.body; 4703 }); 4704 4705 var cookieVal=$.cookie('_papaya_gdpr'); 4706 if(cookieVal=='allowed'){ 4707 vm.isCookieModal=false; 4708 }else{ 4709 vm.isCookieModal=true; 4710 } 4711 4712 vm.domainName=$(location).attr('hostname').split('.').slice(-2).join('.'); 4713 4714 }, 4715 gotoUrl:function(url){ 4716 var vm=this; 4717 location.href=url; 4718 }, 4719 setGDPRCookie:function(exp){ 4720 var vm=this; 4721 var date = new Date(); 4722 date.setTime(date.getTime() + exp*24*60*60*1000); 4723 $.cookie('_papaya_gdpr', 'allowed', {path:'/', domain:vm.domainName, expires:date}); 4724 vm.isCookieModal=false; 4725 }, 4726 setLocalStorageLang: function(selectedLang) { 4727 var vm=this; 4728 window.localStorage.setItem('langND_curr', selectedLang); 4729 if( selectedLang === 'ru' ) { 4730 location.reload(); 4731 } 4732 } 4733 }, 4734 beforeMount: function () { 4735 this.fetchJson(lang); 4736 }, 4737 created: function() { 4738 var vm=this; 4739 if(window.location.href.includes('9dragons')) { 4740 // Push all languages supported by this Service(Game) page to localStorage array. 4741 this.localStorage_langList.push('ru'); 4742 var lsLangCurr = window.localStorage.getItem('langND_curr'); 4743 //console.log("localStorage footer langND_curr : ", lsLangCurr); 4744 if( lsLangCurr == 'ru' ) { 4745 this.localStorage_langCurr = 'ru'; 4746 } 4747 } 4748 } 4749 }); 4750</script>
4750 4751 <!-- Blackshot Footer: End --> 4752 </div> 4753 4754 <!-- BugHerd: BlackShot GLB Renewal --> 4755
4755<script type="text/javascript" src="https://www.bugherd.com/sidebarv2.js?apikey=vctxnsqmffnx6vxefdp1oq" async="true"></script>
4755 4756 <!-- BugHerd: BlackShot GLB Renewal --> 4757 4758 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 4758-4759
4758 4759 <script async src="https://www.googletagmanager.com/gtag/js?id=
4759UA-40809004-4
vendor: 15 bytes, lines 4759-4760
4759"></script> 4760
4760<script> 4761
vendor: 168 bytes, lines 4761-4766
4761window.dataLayer = window.dataLayer || []; 4762 function gtag () { 4763 dataLayer.push(arguments); 4764 } 4765 gtag('js', new Date()); 4766 gtag('config', '
4766UA-40809004-4
vendor: 13 bytes, lines 4766-4768
4766'); 4767 4768
4768if (navigator.userAgent.indexOf('MSIE') !== -1 4769 || navigator.appVersion.indexOf('Trident/') > -1) { 4770 /* Microsoft Internet Explorer detected in. */ 4771 //console.log( 'IE',navigator.appVersion.indexOf('Trident/'), navigator.userAgent.indexOf('MSIE') ) 4772 $('.chromeframe').css({ 4773 'display' : 'block' 4774 }); 4775 } 4776 </script>
4776 4777 4778</body> 4779</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.