Cosmobeauté Vietnam Digital Showroom

<!DOCTYPE html lang="en-US"> <html lang="en-US" class="no-js no-svg"> <head> <meta charset="utf8">  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="custom" content="High value info"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script> <title>Cosmobeauté Vietnam Digital Showroom</title> <meta name="description" content=""/> <link rel="canonical" href="https://www.cosmobeauteasia.com/vietnam" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Cosmobeauté Vietnam Digital Showroom" /> <meta property="og:description" content="" /> <meta property="og:url" content="https://exhibitors.informamarkets-info.com/event/2021CBV" /> <meta property="og:site_name" content="Cosmobeauté Vietnam Digital Showroom" /> <meta property="og:image" content="https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2021CBV_2.jpg" /> <meta property="og:image:secure_url" content="https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2021CBV_2.jpg" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:description" content="" /> <meta name="twitter:title" content="Cosmobeauté Vietnam Digital Showroom" /> <meta name="twitter:image" content="https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2021CBV_2.jpg" /> <link rel="icon" href="/layout-fresh/assets/images/favicon.png" />  <link rel="stylesheet" href="/Layout-Fresh/assets/css/fonts.css"> <link rel='stylesheet' id='bfa-font-awesome-css' href='/Layout-Fresh/assets/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' /> <link rel="stylesheet" href="/Layout-Fresh/assets/css/icons.css"> <link rel="stylesheet" href="/Layout-Fresh/assets/css/style.css"> <link rel="stylesheet" href="/Layout-Fresh/assets/css/animation.css?v=3.6"> <script>var gaPropertyID = "";</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-TRJD72J');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-D4C17WFMCX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-D4C17WFMCX'); </script>  <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/ExhListOffline.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery.panzoom.min.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery.mousewheel.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/panzoom.js"></script> <link href="/Layout-Fresh/assets/css/pinchzoomer.min.css" rel="stylesheet"> <script src="/Layout-Fresh/assets/js/jquery.mousewheel.min.js"></script> <script src="/Layout-Fresh/assets/js/hammer.min.js" type="text/javascript"></script> <script src="/Layout-Fresh/assets/js/TweenMax.min.js" type="text/javascript"></script> <script src="/Layout-Fresh/assets/js/jquery.pinchzoomer.min.js" type="text/javascript"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery.dataTables.min.js"></script>  <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery.dtListNav.dt1.10.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/dataTables.responsive.min.js"></script>  <script type="text/javascript" src="/Layout-Fresh/assets/js/bootstrap.min.js"></script> <link rel="stylesheet" href="/Layout-Fresh/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="/Layout-Fresh/assets/fonts/font-awesome.min.css"> <script type="text/javascript" src="/Layout-Fresh/assets/js/bootstrap-select/dist/js/bootstrap-select.js"></script> <link rel="stylesheet" href="/Layout-Fresh/assets/js/bootstrap-select/css/bootstrap-select.min.css"> <link href="/Layout-Fresh/assets/js/icheck/skins/all.css" rel="stylesheet"> <script src="/Layout-Fresh/assets/js/icheck/icheck.min.js"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/fancybox/source/jquery.fancybox.js?v=2023101003"></script> <link rel="stylesheet" href="/Layout-Fresh/assets/js/fancybox/source/jquery.fancybox.css"> <script type="text/javascript" src="/Layout-Fresh/assets/js/colourBrightness/jquery.colourbrightness.js?v=2"></script> <script type="text/javascript" src="/Layout-Fresh/assets/js/jquery.cookie.js"></script>  <link rel="stylesheet" href="/Layout-Fresh/assets/css/theme-card/layout.css?v=35"> <link rel="stylesheet" href="/Layout-Fresh/assets/css/theme-card/datatable-to-card.css?v=43">  <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5f61eec5f5325bbf"></script> <script> var baseURL = "/event/2021CBV/en-US"; var queryString = ""; </script>    <style> </style> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TRJD72J" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="page" class="site container"> <header id="masthead" class="site-header" role="banner"> <div class="navigation-top" style="background-color: #ed207b"> <div class="wrap"> <nav id="site-navigation" class="main-navigation" role="navigation" aria-label=""> <label for="btnMobileMenu" style="float: right"> <span id="nav-icon3" class="menu-toggle" aria-controls="top-menu" aria-expanded="false"> <span></span> <span></span> <span></span> <span></span> </span> </label> </nav> <div id="informa_header" lang="en-US">></div> <script src="//event-site.informamarkets-info.com/informa/contentscript.js" ></script> <div class="header-widgets container"> <a type="button" id="btnHomepage" class="btn btn-xs pull-left" href="/event/2021CBV/en-US"> <i class="glyphicon glyphicon-home"></i> <span class=""> Homepage</span> </a> <a type="button" id="btnVisitEventWebsite" class="btn btn-xs pull-left" href="https://www.cosmobeauteasia.com/vietnam" target="_blank"> <i class="glyphicon glyphicon-link"></i> <span class="hidden-sm hidden-md hidden-lg"> Website</span> <span class="hidden-xs"> Visit Event Website</span> </a> <section id="qtranslate-5" class="widget qtranxs_widget" style="float: right"> <ul class="language-chooser language-chooser-text qtranxs_language_chooser" id="qtranslate-5-chooser"> <li class="btn btn-xs lang-en-US active"> <a href="/event/2021CBV/en-US/" hreflang="en-US" title="Eng" class="qtranxs_text qtranxs_text_en-US" style='color:#ed207b'"> <span> Eng </span> </a> </li> <li class="btn btn-xs lang-vi-VN "> <a href="/event/2021CBV/vi-VN/" hreflang="vi-VN" title="Tiếng việt" class="qtranxs_text qtranxs_text_vi-VN" "> <span> Tiếng việt </span> </a> </li> </ul><div class="qtranxs_widget_end"></div> </section> <a type="button" id="btnScrollToTop" class="btn btn-xs pull-right" href="#"> <i class="glyphicon glyphicon-arrow-up"></i> <span class="hidden-xs"> Scroll to top</span> </a> </div> </div> </div> </header> <div class="content-top-widgets"> <section id="page_in_widget-4" class="widget page_in_widget text-center"> <div style="margin-top: 30px"> <a href="https://www.cosmobeauteasia.com/vietnam" target="_blank" title=""> <img class="aligncenter size-full wp-image-5391 event-logo" src="https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2022CBV.jpg" alt="" width="1000" height="200" /> </a> </div> </section> </div> <div class="site-content-contain clearfix"> <div id="content" class="site-content"> <script type='text/javascript'> var script = document.createElement('script'); script.type = "text/javascript"; script.async=true; script.addEventListener("load", function (event) { if (window.IIRISTracker) { var cfg = {}; cfg.config = {}; cfg.config.snowplow = {}; cfg.config.snowplow.appId = 'exhibitors.informamarkets-info.com/beauty'; cfg.config.snowplow.cDomain = 'c.informamarkets-info.com'; cfg.config.td = {}; cfg.config.td.lob = 'im_emeabeauty'; cfg.config.td.domain = 'informamarkets_info'; IIRISTracker.initConfig(cfg); var irisEvt = new Event("trackerLoaded"); window.dispatchEvent(irisEvt); } }); script.src = "https://static.iris.informa.com/widgets/v2.0/iris-t.js"; document.getElementsByTagName('head')[0].appendChild(script); </script> <div id="primary" class="content-area"> <main id="main" class="site-main" role="main"> <article id="post-2" class="b4atheme-panel post-2 page type-page status-publish hentry" > <div class="panel-content"> <div class="wrap">  <div class="entry-content"> <div class="row"> <div class="divTopTitle text-left col-sm-4 col-md-6"> <h2 class="text"> <a href="/event/2021CBV/en-US"> Cosmobeauté Vietnam Digital Showroom </a> </h2> </div> <div class="divTopButton text-right col-sm-8 col-md-6"> <div class="btn btn-warning" style="background-color: #ed207b"> <h4 class="text"> <a id="My_Exhibitors" href="/event/2021CBV/en-US"> Exhibitors </a> </h4> </div> <h4 class="text separator hidden-xs"> | </h4> <div class="btn btn-secondary"> <h4 class="text"> <div> <input type="hidden" name="hi_My_Products" id="hi_My_Products" value="MY PRODUCTS"> </div> <a id="My_Products" href="/event/2021CBV/en-US/exhibitspreview"> Products </a> </h4> </div> <h4 class="text separator hidden-xs"> | </h4> <div class="btn btn-secondary"> <h4 class="text"> <a id="My_List" href="/event/2021CBV/en-US/myexhibitorlist" target="_blank"> MY LIST </a> </h4> </div> </div> <div style="clear:both"></div> </div> <div>  <div class="modal fade" id="checkModal" tabindex="-1" role="dialog" aria-labelledby="checkModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <fieldset> <label style="font-weight: normal;">This exhibitor / product has been added to your list. Please visit "My List" page to send the list to yourself via email or further manage it.</label> <input type="checkbox" id="checkbox_id" style="margin-left: 0;">    Don’t show me this message again </fieldset> </form> </div> </div> </div> </div> <div class="col"> <div class="list_con"> <a name="top"></a> <form id="search">  <div id="divSearchFilter" class="container-fluid"> <div class="row"> <div class="col-xs-12 col-md-6" > <select id="cmbExhibitorSector" onchange='sectorChanged();applyFilters();' class="bs-select form-control" data-live-search="true" data-size="10" multiple onchange="applyFilters();" data-none-selected-text="All SECTORS" data-actions-box="true"> <option catid='36424' parentID='' value='36424,36432,36433,36434,36435,36436,36437,36438,36439,36442,36443,36445,36444,36446,36448,36449,36450,39500' data-content='<span class="level-1 Filter_SubCat_36424 Filter_SubCat">Beauty Salon</span>'> Beauty Salon</option><option catid='36425' parentID='' value='36425,36456,36451,36452,36453,36454' data-content='<span class="level-1 Filter_SubCat_36425 Filter_SubCat">Hair Products and Accessories</span>'> Hair Products and Accessories</option><option catid='36426' parentID='' value='36426,36458,36459,36460,36461,39501' data-content='<span class="level-1 Filter_SubCat_36426 Filter_SubCat">Health and Wellness</span>'> Health and Wellness</option><option catid='36427' parentID='' value='36427,36465,36462,36463' data-content='<span class="level-1 Filter_SubCat_36427 Filter_SubCat">Makeup</span>'> Makeup</option><option catid='36428' parentID='' value='36428,36468,36469,36470' data-content='<span class="level-1 Filter_SubCat_36428 Filter_SubCat">Nail Products and Accessories</span>'> Nail Products and Accessories</option><option catid='36429' parentID='' value='36429,36471,36473' data-content='<span class="level-1 Filter_SubCat_36429 Filter_SubCat">Education</span>'> Education</option><option catid='36430' parentID='' value='36430,36476,36480,36477,36478,36479' data-content='<span class="level-1 Filter_SubCat_36430 Filter_SubCat">OEM/ODM/Contract Manufacturing</span>'> OEM/ODM/Contract Manufacturing</option><option catid='36431' parentID='' value='36431,36482,36483,36481,36484' data-content='<span class="level-1 Filter_SubCat_36431 Filter_SubCat">Others</span>'> Others</option> </select> </div> <div class="col-xs-12 col-md-6" maxLevelExhibitorProductCategory='2' > <select id="cmbProductCategory" class="bs-select form-control" data-live-search="true" data-size="10" multiple onchange="applyFilters();" data-none-selected-text="All Categories" data-actions-box="true"> <option catid='36424' parentID='' value='36424,36432,36433,36434,36435,36436,36437,36438,36439,36442,36443,36445,36444,36446,36448,36449,36450,39500' data-content='<span class="level-1 Filter_SubCat_36424 Filter_SubCat"><b>Beauty Salon</b></span>'> Beauty Salon</option><option catid='36432' parentID='36424' value='36432' data-content='<span class="level-2 Filter_SubCat_36432 Filter_SubCat"><b>      Aesthetic Product, Accessories & Equipment</b></span>'> --- Aesthetic Product, Accessories & Equipment6</option><option catid='36433' parentID='36424' value='36433' data-content='<span class="level-2 Filter_SubCat_36433 Filter_SubCat"><b>      Aromatherapy Products & Treatment</b></span>'> --- Aromatherapy Products & Treatment4</option><option catid='36434' parentID='36424' value='36434' data-content='<span class="level-2 Filter_SubCat_36434 Filter_SubCat"><b>      Bath Care</b></span>'> --- Bath Care1</option><option catid='36435' parentID='36424' value='36435' data-content='<span class="level-2 Filter_SubCat_36435 Filter_SubCat"><b>      Body Care</b></span>'> --- Body Care19</option><option catid='36436' parentID='36424' value='36436' data-content='<span class="level-2 Filter_SubCat_36436 Filter_SubCat"><b>      Body Enhancement & Fitness</b></span>'> --- Body Enhancement & Fitness6</option><option catid='36437' parentID='36424' value='36437' data-content='<span class="level-2 Filter_SubCat_36437 Filter_SubCat"><b>      Eye Care</b></span>'> --- Eye Care2</option><option catid='36438' parentID='36424' value='36438' data-content='<span class="level-2 Filter_SubCat_36438 Filter_SubCat"><b>      Foot Care</b></span>'> --- Foot Care4</option><option catid='36439' parentID='36424' value='36439' data-content='<span class="level-2 Filter_SubCat_36439 Filter_SubCat"><b>      Franchise</b></span>'> --- Franchise1</option><option catid='36442' parentID='36424' value='36442' data-content='<span class="level-2 Filter_SubCat_36442 Filter_SubCat"><b>      Medical Beauty Products, Services & Equipment</b></span>'> --- Medical Beauty Products, Services & Equipment15</option><option catid='36443' parentID='36424' value='36443' data-content='<span class="level-2 Filter_SubCat_36443 Filter_SubCat"><b>      Organic and Natural Skincare Products</b></span>'> --- Organic and Natural Skincare Products4</option><option catid='36445' parentID='36424' value='36445' data-content='<span class="level-2 Filter_SubCat_36445 Filter_SubCat"><b>      Perfume</b></span>'> --- Perfume1</option><option catid='36444' parentID='36424' value='36444' data-content='<span class="level-2 Filter_SubCat_36444 Filter_SubCat"><b>      Personal Care Products</b></span>'> --- Personal Care Products6</option><option catid='36446' parentID='36424' value='36446' data-content='<span class="level-2 Filter_SubCat_36446 Filter_SubCat"><b>      Salon Equipment & Furniture</b></span>'> --- Salon Equipment & Furniture3</option><option catid='36448' parentID='36424' value='36448' data-content='<span class="level-2 Filter_SubCat_36448 Filter_SubCat"><b>      Skincare Tools & Equipment</b></span>'> --- Skincare Tools & Equipment12</option><option catid='36449' parentID='36424' value='36449' data-content='<span class="level-2 Filter_SubCat_36449 Filter_SubCat"><b>      Spa Equipment</b></span>'> --- Spa Equipment3</option><option catid='36450' parentID='36424' value='36450' data-content='<span class="level-2 Filter_SubCat_36450 Filter_SubCat"><b>      Spa Products & Treatments</b></span>'> --- Spa Products & Treatments13</option><option catid='39500' parentID='36424' value='39500' data-content='<span class="level-2 Filter_SubCat_39500 Filter_SubCat"><b>      Skincare Products</b></span>'> --- Skincare Products40</option><option catid='36425' parentID='' value='36425,36456,36451,36452,36453,36454' data-content='<span class="level-1 Filter_SubCat_36425 Filter_SubCat"><b>Hair Products and Accessories</b></span>'> Hair Products and Accessories</option><option catid='36456' parentID='36425' value='36456' data-content='<span class="level-2 Filter_SubCat_36456 Filter_SubCat"><b>      Barber Tools</b></span>'> --- Barber Tools1</option><option catid='36451' parentID='36425' value='36451' data-content='<span class="level-2 Filter_SubCat_36451 Filter_SubCat"><b>      Hair Accessories</b></span>'> --- Hair Accessories1</option><option catid='36452' parentID='36425' value='36452' data-content='<span class="level-2 Filter_SubCat_36452 Filter_SubCat"><b>      Hair Care Products & Treatment</b></span>'> --- Hair Care Products & Treatment4</option><option catid='36453' parentID='36425' value='36453' data-content='<span class="level-2 Filter_SubCat_36453 Filter_SubCat"><b>      Hair Removal Equipment & Accessories</b></span>'> --- Hair Removal Equipment & Accessories1</option><option catid='36454' parentID='36425' value='36454' data-content='<span class="level-2 Filter_SubCat_36454 Filter_SubCat"><b>      Hair Salon Equipment & Furniture</b></span>'> --- Hair Salon Equipment & Furniture1</option><option catid='36426' parentID='' value='36426,36458,36459,36460,36461,39501' data-content='<span class="level-1 Filter_SubCat_36426 Filter_SubCat"><b>Health and Wellness</b></span>'> Health and Wellness</option><option catid='36458' parentID='36426' value='36458' data-content='<span class="level-2 Filter_SubCat_36458 Filter_SubCat"><b>      Health Care</b></span>'> --- Health Care4</option><option catid='36459' parentID='36426' value='36459' data-content='<span class="level-2 Filter_SubCat_36459 Filter_SubCat"><b>      Health Food & Supplements</b></span>'> --- Health Food & Supplements2</option><option catid='36460' parentID='36426' value='36460' data-content='<span class="level-2 Filter_SubCat_36460 Filter_SubCat"><b>      Slimming Care Products</b></span>'> --- Slimming Care Products7</option><option catid='36461' parentID='36426' value='36461' data-content='<span class="level-2 Filter_SubCat_36461 Filter_SubCat"><b>      Slimming Care Tools & Accessories</b></span>'> --- Slimming Care Tools & Accessories2</option><option catid='39501' parentID='36426' value='39501' data-content='<span class="level-2 Filter_SubCat_39501 Filter_SubCat"><b>      Massage Oil</b></span>'> --- Massage Oil1</option><option catid='36427' parentID='' value='36427,36465,36462,36463' data-content='<span class="level-1 Filter_SubCat_36427 Filter_SubCat"><b>Makeup</b></span>'> Makeup</option><option catid='36465' parentID='36427' value='36465' data-content='<span class="level-2 Filter_SubCat_36465 Filter_SubCat"><b>      Eyelash Products, Tools & Accessories</b></span>'> --- Eyelash Products, Tools & Accessories1</option><option catid='36462' parentID='36427' value='36462' data-content='<span class="level-2 Filter_SubCat_36462 Filter_SubCat"><b>      Makeup Products</b></span>'> --- Makeup Products19</option><option catid='36463' parentID='36427' value='36463' data-content='<span class="level-2 Filter_SubCat_36463 Filter_SubCat"><b>      Makeup Tools & Accessories</b></span>'> --- Makeup Tools & Accessories5</option><option catid='36428' parentID='' value='36428,36468,36469,36470' data-content='<span class="level-1 Filter_SubCat_36428 Filter_SubCat"><b>Nail Products and Accessories</b></span>'> Nail Products and Accessories</option><option catid='36468' parentID='36428' value='36468' data-content='<span class="level-2 Filter_SubCat_36468 Filter_SubCat"><b>      Nail Art Stickers & Décor</b></span>'> --- Nail Art Stickers & Décor2</option><option catid='36469' parentID='36428' value='36469' data-content='<span class="level-2 Filter_SubCat_36469 Filter_SubCat"><b>      Nail Tools & Cuticles Care</b></span>'> --- Nail Tools & Cuticles Care13</option><option catid='36470' parentID='36428' value='36470' data-content='<span class="level-2 Filter_SubCat_36470 Filter_SubCat"><b>      Nail Treatment (Manicure & Pedicure Products)</b></span>'> --- Nail Treatment (Manicure & Pedicure Products)1</option><option catid='36429' parentID='' value='36429,36471,36473' data-content='<span class="level-1 Filter_SubCat_36429 Filter_SubCat"><b>Education</b></span>'> Education</option><option catid='36471' parentID='36429' value='36471' data-content='<span class="level-2 Filter_SubCat_36471 Filter_SubCat"><b>      Beauty Academy</b></span>'> --- Beauty Academy2</option><option catid='36473' parentID='36429' value='36473' data-content='<span class="level-2 Filter_SubCat_36473 Filter_SubCat"><b>      Nail Academy</b></span>'> --- Nail Academy3</option><option catid='36430' parentID='' value='36430,36476,36480,36477,36478,36479' data-content='<span class="level-1 Filter_SubCat_36430 Filter_SubCat"><b>OEM/ODM/Contract Manufacturing</b></span>'> OEM/ODM/Contract Manufacturing</option><option catid='36476' parentID='36430' value='36476' data-content='<span class="level-2 Filter_SubCat_36476 Filter_SubCat"><b>      Equipment & Machinery</b></span>'> --- Equipment & Machinery7</option><option catid='36480' parentID='36430' value='36480' data-content='<span class="level-2 Filter_SubCat_36480 Filter_SubCat"><b>      Formulation</b></span>'> --- Formulation3</option><option catid='36477' parentID='36430' value='36477' data-content='<span class="level-2 Filter_SubCat_36477 Filter_SubCat"><b>      Labelling</b></span>'> --- Labelling4</option><option catid='36478' parentID='36430' value='36478' data-content='<span class="level-2 Filter_SubCat_36478 Filter_SubCat"><b>      Packaging</b></span>'> --- Packaging13</option><option catid='36479' parentID='36430' value='36479' data-content='<span class="level-2 Filter_SubCat_36479 Filter_SubCat"><b>      Raw Material & Ingredients</b></span>'> --- Raw Material & Ingredients6</option><option catid='36431' parentID='' value='36431,36482,36483,36481,36484' data-content='<span class="level-1 Filter_SubCat_36431 Filter_SubCat"><b>Others</b></span>'> Others</option><option catid='36482' parentID='36431' value='36482' data-content='<span class="level-2 Filter_SubCat_36482 Filter_SubCat"><b>      Association</b></span>'> --- Association1</option><option catid='36483' parentID='36431' value='36483' data-content='<span class="level-2 Filter_SubCat_36483 Filter_SubCat"><b>      Government Bodies</b></span>'> --- Government Bodies1</option><option catid='36481' parentID='36431' value='36481' data-content='<span class="level-2 Filter_SubCat_36481 Filter_SubCat"><b>      Publication</b></span>'> --- Publication1</option><option catid='36484' parentID='36431' value='36484' data-content='<span class="level-2 Filter_SubCat_36484 Filter_SubCat"><b>      Toiletries Products</b></span>'> --- Toiletries Products4</option> </select> </div> </div> <div class="row"> <div class="col-xs-12 col-md-6" > <select id="cmbCompanyPrefix" class="bs-select form-control" data-live-search="true" data-size="10" onchange="applyFilters();"> <option selected value=""> All Companies (A-Z) </option> <option value='A'>A</option><option value='B'>B</option><option value='C'>C</option><option value='D'>D</option><option value='E'>E</option><option value='F'>F</option><option value='G'>G</option><option value='H'>H</option><option value='J'>J</option><option value='K'>K</option><option value='M'>M</option><option value='N'>N</option><option value='O'>O</option><option value='P'>P</option><option value='Q'>Q</option><option value='R'>R</option><option value='S'>S</option><option value='T'>T</option><option value='U'>U</option><option value='V'>V</option><option value='W'>W</option><option value='Y'>Y</option><option value='Z'>Z</option> </select> </div> <div class="col-xs-12 col-md-6" > <select id="cmbCountry" class="bs-select form-control" data-live-search="true" data-size="10" multiple onchange="applyFilters();" data-none-selected-text="All Countries / Regions" data-actions-box="true"> <option value='47' data-content='<span class="Filter_Country_47 Filter_Country">CHINA</span>'>CHINA</option><option value='99' data-content='<span class="Filter_Country_99 Filter_Country">HONG KONG,S.A.R.,CHINA</span>'>HONG KONG,S.A.R.,CHINA</option><option value='116' data-content='<span class="Filter_Country_116 Filter_Country">KOREA</span>'>KOREA</option><option value='133' data-content='<span class="Filter_Country_133 Filter_Country">MALAYSIA</span>'>MALAYSIA</option><option value='189' data-content='<span class="Filter_Country_189 Filter_Country">SINGAPORE</span>'>SINGAPORE</option><option value='211' data-content='<span class="Filter_Country_211 Filter_Country">TAIWAN,CHINA</span>'>TAIWAN,CHINA</option><option value='214' data-content='<span class="Filter_Country_214 Filter_Country">THAILAND</span>'>THAILAND</option> </select> </div> </div> <div style="clear: both"></div> </div> </form> <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="5000">  <ol class="carousel-indicators"> <li data-target='#myCarousel' data-slide-to='0' class=' active'></li><li data-target='#myCarousel' data-slide-to='1' class=''></li> </ol>  <div class="carousel-inner"> <div class='item active'><a href='https://www.facebook.com/541878279580067/posts/995564714211419/' target='_blank' class='link-banner'><img src='https://exhibitors.informamarkets-info.com/Layout-Fresh/assets/images/ads/2021CBV/2021CBV_banner1.jpg' alt='' onclick='imgclick(100)'></a></div><div class='item'><a href="/cdn-cgi/l/email-protection#b1d5d8d0dfd0d99fdbc4ddd0d8d9d8f1d8dfd7dec3dcd09fd2dedc" target='_blank' class='link-banner'><img src='https://exhibitors.informamarkets-info.com/Layout-Fresh/assets/images/ads/2021CBV/2021CBV_banner3.jpg' alt='' onclick='imgclick(102)'></a></div> </div>  <a class="left carousel-control hide" href="#myCarousel" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> <span class="sr-only">Previous</span> </a> <a class="right carousel-control hide" href="#myCarousel" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> <span class="sr-only">Next</span> </a> </div> <div id="mylist" class="row" style="display: none;"> <div class="divTopButton text-right col-sm-8 col-md-6 pull-right">   <button type="button" title="" id="btnSend" class="btn btn-warning btn-xs" style="background-color: #ed207b" data-toggle="modal" data-target="#SendModal"> <h5 class="text"> <i class="glyphicon glyphicon-envelope"></i> <span class="">SEND LIST TO MYSELF</span> </h5> </button>  <button type="button" id="btnClear" class="btn btn-warning btn-xs" onclick="Clear()" style="background-color: #ed207b" data-toggle="modal" data-target="#ClearModal"> <h5 class="text"> <i class="glyphicon glyphicon-remove"></i> <span class="">CLEAR MY LIST</span> </h5> </button> </div> </div> <div id="mylist_Retrieve" class="row" style="display: none;"> <div class="divTopButton text-right col-sm-8 col-md-6 pull-right"> Did you lose your saved list? <a style="color:blue; padding:0px; text-decoration: underline;background-color:white" href="" data-toggle="modal" data-target="#RetrieveModal">Recover My Missing List</a> </div> </div> <div class="modal fade" id="SendModal" tabindex="-1" role="dialog" aria-labelledby="SendModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content" style="width: 80%;margin: auto;"> <div class="modal-header"> <h5 class="modal-title" id="SendModalLabel">Send List to Myself</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div class="form-group"> <h5 class="modal-title">Email address：</h5> <div class="sj_common_2 mt-3"> <input type="text" name="Email" id="Email" class="form-control form-control-lg" placeholder="Please enter" required> </div> <fieldset> <label style="font-weight: normal;">When you submit this form, we will send you an email with the details saved in your list. We’ll keep your information safe and handle it only in accordance with our <a style='color:blue' href='https://www.informa.com/privacy-policy/' target='_blank' class='link-banner'>Privacy Policy</a>.</label> <input type="checkbox" id="Check_Email" style="margin-left: 0;" value="coding">  I would like share my email with any companies I have added to my list. </fieldset> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" onclick="checkForm()">Send</button> </div> </div> </div> </div> <div class="modal fade" id="RetrieveModal" tabindex="-1" role="dialog" aria-labelledby="RetrieveModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content" style="width: 80%;margin: auto;"> <div class="modal-header"> <h5 class="modal-title">Recover My List</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <div> <h4 class="modal-title">Select a list to recover:</h4> <div> <label>Exhibitors list</label> <input id="Check_Exhibitors" type="checkbox"> </div> <div> <label>Products list</label> <input id="Check_Products" type="checkbox"> </div> <h4 class="modal-title">Email address：</h4> <div class="sj_common_2 mt-3"> <input type="text" name="Email" id="EmailForRetrieve" class="form-control form-control-lg" placeholder="Please enter" required> </div> </div> </form> </div> <div class="modal-footer"> <button type="button" class="btn btn-primary" onclick="Retrieve()">Retrieve</button> </div> </div> </div> </div>  <div class="modal fade" id="checkModal" tabindex="-1" role="dialog" aria-labelledby="checkModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content" style="width: 80%;margin: auto;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="modal-body"> <form> <fieldset> <label style="font-weight: normal;">This exhibitor / product has been added to your list. Please visit "My List" page to send the list to yourself via email or further manage it.</label> <input type="checkbox" id="checkbox_id" style="margin-left: 0;">    Don’t show me this message again </fieldset> </form> </div> </div> </div> </div>  <table id="dtSearch" class="display responsive mode-preview flex-ie-fix" width="100%"> <thead class="tabtop"> <th></th> <th>Exhibitor Name</th> <th style=""> Hall </th> <th style="white-space: nowrap;">Country & Region</th> <th></th> </thead> <tbody class='tbody row'> </tbody> </table>  </div> </div> <div id="footer"> DISCLAIMER: Cosmobeauté Vietnam provides an electronic search service for visitors to locate exhibitors at Cosmobeauté Vietnam 2022. Search results are based on information provided by exhibitors themselves. As a result, Cosmobeauté Vietnam does not control and is not responsible for the accuracy of information or the availability of products and services listed in the search output. <br><br> </div> </div>  </div> <div style="clear:both"></div> </div> </div> </div> </div> </article> </main> </div> <style> [maxLevelExhibitorProductCategory="2"] .bootstrap-select .dropdown-menu .level-1, [maxLevelExhibitorProductCategory="3"] .bootstrap-select .dropdown-menu .level-1 { background-color: #ed207b; } .dark [maxLevelExhibitorProductCategory="2"] .bootstrap-select .dropdown-menu .level-1, .dark [maxLevelExhibitorProductCategory="3"] .bootstrap-select .dropdown-menu .level-1 { color: #fff; } </style> </div> </div> </div> <footer id="colophon" class="site-footer" role="contentinfo"> <div id="sitefooter"> <style> .copyright { background:#ccc; padding: 10px 0 10px 0; font-size: 0.8em; } </style> <div class="copyright text-center"> © Cosmobeauté Vietnam. All Rights Reserved. <div> <div class="label_share_this_page hidden-md">Share this page</div> <div class="addthis_inline_share_toolbox"></div> </div> </div> <div id="informa_footer" lang="en-US" ppLink="SH"></div>  </div> </footer>  <div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_vertical_style" style="left:0px; top:150px;"> <a class="a2a_button_facebook"></a> <a class="a2a_button_twitter"></a> <a class="a2a_button_linkedin"></a> <a class="a2a_dd" href="https://www.addtoany.com/share"></a> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script async src="https://static.addtoany.com/menu/page.js"></script>  <script> $(document).ready(function(){ $('.navigation-top, .divTopButton .btn-warning, .btn-search, #notice_bottom .alert').colourBrightness(); $('.navigation-top').hasClass('dark') ? $('#divSearchFilter').addClass('dark') : ''; $('.navigation-top').hasClass('light') ? $('#divSearchFilter').addClass('light') : ''; }); if(self!=top){ $("#masthead, .site-footer, .content-top-widgets").hide(); $(".event-logo").css("margin-top", 0); } </script> <script> function imgclick(AdBannerID) { $.post("/api", { fn: "imgclick", "AdBannerID": AdBannerID }, function (data) { }); } </script> <script> var dataTable; var bl_old = ""; //searchExh(); //searchExhOffline(); //alert(jsonData); //handleExhibitor(jsonData); var searchDelayTimeInterval = null; var lastKeywords = ""; function sendSearchDataToGoogleAnalytics(){ var keywords = $("#dtSearch_filter").find("[type='search']").val(); if(keywords.length > 0 && keywords!=lastKeywords){ dataLayer.push({ 'event': 'search', 'event_category': 'Search', 'event_action': 'Exhibitors', 'event_label': keywords, //'event_value': null, }); lastKeywords = keywords; } } var filter = function(data){ var cmbProductCategory = $("#cmbProductCategory").val() ? $("#cmbProductCategory").val().join(",").split(",") : []; var cmbBusinessNature = $("#cmbBusinessNature").val() ? $("#cmbBusinessNature").val().join(",").split(",") : []; var cmbExhibitorType = $("#cmbExhibitorType").val() ? $("#cmbExhibitorType").val().join(",").split(",") : []; var cmbCountry = $("#cmbCountry").val() ? $("#cmbCountry").val().join("|").split("|") : []; var cmbSeekingAgentsCountry = $("#cmbSeekingAgentsCountry").val() ? $("#cmbSeekingAgentsCountry").val().join("|").split("|") : []; var cmbVenue = $("#cmbVenue").val() ? $("#cmbVenue").val().join(",").split(",") : []; var cmbFairLocation = $("#cmbFairLocation").val() ? $("#cmbFairLocation").val().join(",").split(",") : []; var cmbCompanyPrefix = $("#cmbCompanyPrefix").val() ? $("#cmbCompanyPrefix").val() : ""; var cmbShowFeaturedOnly = $("#cmbShowFeaturedOnly").val(); var cmbNew = $("#cmbNew").val(); var cmbSustainable = $("#cmbSustainable").val(); var cmbBeSustainable = $("#cmbBeSustainable").val(); //var cmbShowBookmarkedOnly = $("#cmbShowBookmarkedOnly").val(); var cmbShowBookmarkedOnly = $("#cmbShowBookmarkedOnly").hasClass("active"); var cmbLaunchType = $("#cmbLaunchType").val() ? $("#cmbLaunchType").val().join("|").split("|") : []; var cmbPavilion = $("#cmbPavilion").val() ? $("#cmbPavilion").val().join("|").split("|") : []; var cmbHashTags = $("#cmbHashTags").val() ? $("#cmbHashTags").val().join(",").split(",") : []; var PavilionFieldId = "Field02"; var HashTagsFieldId = "Field09"; return data.filter(function(obj, index){ return (cmbProductCategory.length == 0 || cmbProductCategory.filter(function(n){ return obj.ProductCategory.split(",").indexOf(n) > -1 }).length > 0) && (cmbBusinessNature.length == 0 || cmbBusinessNature.filter(function(n){ return obj.BusinessNature.split(",").indexOf(n) > -1 }).length > 0) && (cmbExhibitorType.length == 0 || cmbExhibitorType.filter(function(n){ return obj.ExhibitorType.split(",").indexOf(n) > -1 }).length > 0) && (cmbCountry.length == 0 || cmbCountry.filter(function(n){ return obj.CountryID.split(",").indexOf(n) > -1 }).length > 0) && (cmbSeekingAgentsCountry.length == 0 || cmbSeekingAgentsCountry.filter(function(n){ return obj.SeekingAgentsCountry.split("|").indexOf(n) > -1 }).length > 0 || cmbSeekingAgentsCountry.indexOf("Others") > -1 && obj.SeekingAgentsCountry.split("|").filter(Boolean).filter(function(n){ return $("#cmbSeekingAgentsCountry").find("[value='"+n+"']").length == 0 }).length > 0 ) && (cmbVenue.length == 0 || cmbVenue.filter(function(n){ return obj.Venue.indexOf(n) > -1 }).length > 0) && (cmbFairLocation.length == 0 || cmbFairLocation.filter(function(n){ return obj.FairLocation.indexOf(n) > -1 }).length > 0) && (cmbCompanyPrefix.length == 0 || obj.ExhibitorNameEn.toLowerCase().indexOf(cmbCompanyPrefix.toLowerCase()) == 0) && (cmbShowFeaturedOnly != "1" || obj.FeaturedExhibitor == "True" || obj.FeaturedExhibitor == "1" || obj.FeaturedExhibitor == "Yes" ) && (!cmbNew || (cmbNew =="True" && obj.JoinedYear == "0") || (cmbNew =="False" && obj.JoinedYear == "-1")) && (!cmbSustainable || ((cmbSustainable =="True" || cmbSustainable =="1") && (obj.Sustainable.trim()== "Sustainability solutions" || obj.Sustainable.trim() == "Yes")) || ((cmbSustainable =="False" || cmbSustainable =="0") && obj.Sustainable == "")) && (!cmbBeSustainable || ((cmbBeSustainable =="True" || cmbBeSustainable =="Be Sustainable with beauty") && (obj.BeSustainable.trim()== "Be Sustainable with beauty" || obj.BeSustainable.trim() == "Yes")) || ((cmbBeSustainable =="False" || cmbBeSustainable =="") && obj.BeSustainable == "")) && (!cmbShowBookmarkedOnly || obj.InBasket == "True" ) && (cmbLaunchType.length == 0 || cmbLaunchType.filter(function(n){ return obj.LaunchType==n }).length > 0) && (cmbPavilion.length == 0 || cmbPavilion.filter(function(n){ return obj[PavilionFieldId]==n }).length > 0) && (cmbHashTags.length == 0 || cmbHashTags.filter(function(n){ return obj[HashTagsFieldId].split("|").indexOf(n) > -1 }).length > 0) ; }); } var sortFields = [ ["FeaturedExhibitor", "desc"], ["PhotoURL", "empty_last"], ["ExhibitorNameEn", "asc"] ]; var sortLogic = function(a, b){ for(var i in sortFields){ var field = sortFields[i]; var A = a[field[0]] ? a[field[0]].trim().toUpperCase() : ""; var B = b[field[0]] ? b[field[0]].trim().toUpperCase() : ""; if(field[1]=="empty_last"){ if(A=="" && B==""){ continue; }else if(A==""){ return 1; }else if(B==""){ return -1; } }else if(field[1]=="asc"){ if(A < B){ return -1; }else if(A > B){ return 1; }else{ continue; } }else if(field[1]=="desc"){ if(A > B){ return -1; }else if(A < B){ return 1; }else{ continue; } } } return 0; } var datatableData; function applyFilters(){ dataTable.clear().rows.add(filter(datatableData).sort(sortLogic)).draw(); if ("en-US" == "vi-VN") { $("tbody").html($('tbody').html().replace("No data available in table", "Không có dữ liệu hiển thị")); } } function changeUrl() { var url = $("#cmbExhibitorType").val(); window.open(url, '_blank'); } function scrollToListTop(){ var targetScrollTop = $(".site-content-contain").offset().top - $(".navmylist_Retrieveigation-top").height() - 25; if($("body").scrollTop() > targetScrollTop){ $("body").animate({ scrollTop: targetScrollTop }); } } $(function() { dataTable = $("#dtSearch") .on( 'search.dt', function (e, settings) { //datatable.clear().add(filter(datatableData)).draw(); clearInterval(searchDelayTimeInterval); searchDelayTimeInterval = setTimeout(sendSearchDataToGoogleAnalytics, 3000) }) .on( 'page.dt', function (e, settings) { scrollToListTop(); }) .DataTable({ "dom": "lftp", "paging": true, // "pageLength": 25, "serverSide": false, "processing": true, "responsive": true, "ajax": { //"url": "/api", "url": "/api", //"url": "https://exhibitors.informamarkets-info.com/FHM2019/assets/data-exhibitors.txt", "type": "GET", "cache": true, "data": function (d) { return $.extend( {}, d, { fn: "getExhibitor", orderfields: '["FeaturedExhibitor","ExhibitorNameEn","StandNoStr","CountryEn"]', "filter[country]": ($("#cmbCountry").val() == null) ? "" : String($("#cmbCountry").val()), "filter[companyprefix]": $("#cmbCompanyPrefix").val(), "filter[productcategory]": ($("#cmbProductCategory").val() == null) ? "" : String($("#cmbProductCategory").val()), "filter[hashtags]": ($("#cmbHashTags").val() == null) ? "" : String($("#cmbHashTags").val()), "filter[businessnature]": ($("#cmbBusinessNature").val() == null) ? "" : String($("#cmbBusinessNature").val()), "filter[exhibitortype]": ($("#cmbExhibitorType").val() == null || "2021CBV" == "2024PRV" || "2021CBV" == "2025PRV") ? "" : String($("#cmbExhibitorType").val()), "filter[venue]": ($("#cmbVenue").val() == null) ? "" : String($("#cmbVenue").val()), "filter[fairlocation]": ($("#cmbFairLocation").val() == null) ? "" : String($("#cmbFairLocation").val()), "HideEmptyProducts": 0, "filter[new]": ($("#cmbNew").val() == null) ? "" : String($("#cmbNew").val()), "filter[sustainable]": ($("#cmbSustainable").val() == null) ? "" : String($("#cmbSustainable").val()), "filter[besustainable]": ($("#cmbBeSustainable").val() == null) ? "" : String($("#cmbBeSustainable").val()), "order[0][column]": 0, "order[0][dir]": "desc", "order[1][column]": 1, "order[1][dir]": "asc", start: dataTable ? dataTable.page() * dataTable.page.len() : 0, //length: dataTable ? dataTable.page.len() : 12, length: 10000, draw: 1, dt: 1, SearchLog: 1, FairID: "h78+h0GaU3sScI3XicYlYg==", FairCode: "oGqJfJV1SY8lHkqnHevx3g==", MyList: 0, Email: "", Url: "https://exhibitors.informamarkets-info.com/event/2021CBV" } ); }, "dataFilter": function(data){ var _data = JSON.parse(data); datatableData = _data.data; var ExhibitorFieldMappings = ["Address=Field01","PostalCode=Field02","FeaturedPhoto=Field08"]; for(var i in datatableData){ for(var j in ExhibitorFieldMappings){ var map = ExhibitorFieldMappings[j].split("="); datatableData[i][map[0]] = datatableData[i][map[1]]; } } _data.data.sort(sortLogic); return JSON.stringify(_data); } }, "lengthChange": 1, "lengthMenu": [ // Array(5).fill(0).map((x,i)=>(i+1)*("12" || 12)), // Array(5).fill(0).map((x,i)=>(i+1)*("12" || 12)) Array(0,0,0,0,0).map(function(x,i){return (i+1)*("12" || 12)}), Array(0,0,0,0,0).map(function(x,i){return (i+1)*("12" || 12)}) ], "pageLength": parseInt(("12") || 12), "oLanguage": { "sSearch": "Search", "sLengthMenu": "Show _MENU_ entries ", "oPaginate": { "sPrevious": "<", "sNext": ">" }, "sLoadingRecords": "Loading..." }, initComplete: function() { $("#dtSearch_filter").detach().insertAfter('[name="top"]'); $("#dtSearch_filter").find('input').addClass('form-control'); $("#dtSearch_filter").find("input").blur(function () { writeSearchLog(); }); $("#dtSearch_filter").find('label').append('<div class="btn-search" style="background-color: #ed207b"></div>'); $('.btn-search').colourBrightness(); applyFilters(); // $("tbody").replaceWith($('<div/>').addClass($("tbody").attr("class")).html($("tbody").html().replace(/<tr/g, "<div").replace(/\/tr>/g, "/div>"))); }, "createdRow": function ( row, data, index ) { $(row).addClass('col-xs-12 col-sm-6 col-md-4 col-lg-3'); }, "rowCallback": function( row, data ) { // $(row).replaceWith('<div class="abc">' + $(row).html() +'</div>') $('td', row).each(function(){ $(this).replaceWith($('<div/>').addClass($(this).attr("class")).html($(this).html())); }); }, "drawCallback": function( settings ) { //alert("4"); $("tbody").html($('tbody').html().replace(/<tr/g, "<div").replace(/\/tr>/g, "/div>")); var height = $('#page').outerHeight(true); try { window.parent.postMessage(["setHeight", height+30], "*"); } catch(err) { } }, "columnDefs": [{ "targets": [0], "sortable": false, "render": function(data,type,row,meta) { var urlCompanyName = row["ExhibitorNameEn"].toLowerCase().replace(/[\s,.&\/+%\*]/g, "-").replace("*",""); var outLink = "/event/2021CBV/en-US/exhibitor/" + row["ExhibitorID"] + "/" + urlCompanyName + ""; var logoURL = (row["PhotoURL"] == "" ? "https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2021CBV_1.jpg" : row["PhotoURL"]); var outString = ""; var standNoStr = row.StandNoStr.split("|"); var boothLocation = row.StandNoStr.split("~"); var strboothLocation = ""; if (standNoStr.length > 1) { boothLocation = standNoStr[0].split("~"); for(let i = 1;i<standNoStr.length;i++){ if (boothLocation.length > 2) { boothLocation[0] = boothLocation[0] + "," + standNoStr[i].split("~")[0]; boothLocation[1] = boothLocation[1] + "," + standNoStr[i].split("~")[1]; boothLocation[2] = boothLocation[2] + "," + standNoStr[i].split("~")[2]; strboothLocation = boothLocation[2]; } } } /* If have "New" Icon */ //outString += (row["JoinedYear"] > 0) ? "" : "<img src='/event/2021CBV/assets/images/new.gif' class='ExhList_NewIcon'><br>"; /* If have Photo/Logo */ outString += "<a href='" + outLink + "' target='_blank' class='card-image'>\ <div class='vertical-align'></div>"; //outString += (logoURL == "" ? "" : "<img src='" + logoURL + "' />"); outString += (logoURL == "" ? "" : "<span class='logourl' data='" + logoURL + "' /></span>"); outString += "<div class='label-featured " + (row.FeaturedExhibitor && row.FeaturedExhibitor != 'False' ? "" : "hide") +"'>Featured</div>"; outString += "<div class='label-is-new " + (row.IsNew=="Yes" ? "" : "hide") +"'>New</div>"; outString += "</a>"; return outString; } },{ "targets": [1], "className": "name", "render": function(data,type,row,meta) { var outString = ""; var urlCompanyName = row["ExhibitorNameEn"].toLowerCase().replace(/[\s,.&\/+%\*]/g, "-").replace("*",""); /* If no Exhibitor Page */ /* var outLink = row["LinkEn"]; if (outLink != "") { if (outLink.indexOf("http://") == -1 && outLink.indexOf("https://") == -1) { outLink = "http://" + outLink; } } */ /* If have Exhibitor Page */ var outLink = "/event/2021CBV/en-US/exhibitor/" + row["ExhibitorID"] + "/" + urlCompanyName + ""; outString += "<h4 class='card-title'><a href='" + outLink + "' target='_blank'>" + (row["ExhibitorNameEn"] != "" ? row["ExhibitorNameEn"].replace(/\s/g," ") : (row["ExhibitorNameCht"] != "" ? row["ExhibitorNameCht"] : row["ExhibitorNameEn"])) + "</a></h4>"; /* If have brand */ /* if (row["BrandEn"] != "") { outString += "<div class='ExhList_Brand hidden-xs'>Brand(s): " + row["BrandEn"] + "</div>"; } */ /* If have description */ // outString += "<div class='ExhList_Desc hidden-xs'>" + ( ["DescEn"] != "" ? row["DescEn"] : (row["DescCht"] != "" ? row["DescCht"] : row["DescEn"])) + "</div>"; return outString; } },{ "targets": [2], // "data": "StandNoStr", "className": "info flex-grow", "render": function(data,type,row,meta) { // var arrVenue = {}; // var arrBooths = row.StandNoStr.split("|"); // for (var I in arrBooths) { // var arrItem = arrBooths[I].split("~"); // var tVenue = (arrVenue[arrItem[0]] != undefined) ? arrVenue[arrItem[0]] : {}; // var tHall = (tVenue[arrItem[1]] != undefined) ? tVenue[arrItem[1]] : []; // tHall.push(arrItem[2]); // tVenue[arrItem[1]] = tHall; // arrVenue[arrItem[0]] = tVenue; // } // /*for englist: // https://hofex.jitdining.com/en/?emsid=<insert id> // for traditional chinese: // htt ps://hofex.jitdining.com/tc/?emsid=<insert id>*/ var outString = ""; // console.log(arrVenue); // // outString += showBooth(arrVenue,"booth"); // var venue = arrVenue[Object.keys(arrVenue)[0]]; var standNoStr = row.StandNoStr.split("|"); var boothLocation = row.StandNoStr.split("~"); if (standNoStr.length > 1) { boothLocation = standNoStr[0].split("~"); for(let i = 1;i<standNoStr.length;i++){ if (boothLocation.length > 2) { boothLocation[0] = boothLocation[0] + "," + standNoStr[i].split("~")[0]; boothLocation[1] = boothLocation[1] + "," + standNoStr[i].split("~")[1]; boothLocation[2] = boothLocation[2] + "," + standNoStr[i].split("~")[2]; } } } if(row.CountryEn!=""){ outString += "\ <div class='info-item'>\ <label>Country/Region: </label>\ <span>" + row.CountryEn +"</span>\ </div>"; } // outString += "\ // <div class='info-item'>\ // <label>All Venue: </label>\ // <span>" + boothLocation[0] +"</span>\ // </div>"; // outString += "\ // <div class='info-item'>\ // <label>Hall: </label>\ // <span>" + boothLocation[1] +"</span>\ // </div>"; if(row["ExhibitorTypeEn"].length > 0){ outString += "\ <div class='info-item'>\ <label>Show: </label>\ <span>" + row["ExhibitorTypeEn"] +"</span>\ </div>"; } if(boothLocation[2]){ outString += "\ <div class='info-item'>\ <label>\ Stand No.\ : </label>\ <span>" + (boothLocation[2] || "") +"</span>\ </div>"; } var categories = row.ProductCategoryEn; var category_array = categories.split(","); var category_MFS2023=""; if (category_array.length>5) { for (var i = 0; i <= 4; i++) { category_MFS2023 = category_MFS2023 + category_array[i] + "," } categories = category_MFS2023 + "etc..." } outString += "\ <div class='info-item' style='" + (categories.length > 0 ? '' : 'border-top-color: #fff;') + "'>\ <label style='" + (categories.length > 0 ? '' : 'visibility: hidden;') + "'>Category: </label>\ <span>" + categories.replace(',', ', ') +"</span>\ </div>"; return outString;/* option: full, hall, booth */ } },{ "targets": [3], /*"data": "ExhibitorTypeEn",*/ "data": "ProductCategoryEn", "sortable": false, "render": function(data,type,row,meta) { // var outString = "<div>" + data + "</div>"; var outString = ""; /* Show description on mobile */ // outDesc = (row["DescEn"] != "" ? row["DescEn"] : (row["DescCht"] != "" ? row["DescCht"] : row["DescEn"])); // outString += (outDesc != "") ? "<div class='ExhList_Desc visible-xs' style='margin: 10px 0px'><b>Description:</b> " + outDesc + "</div>" : ""; /* if have add my list */ if (row["InBasket"] == "True") { outString += "<div style='padding-bottom:5px'><a id='btnBasket_" + row["ExhibitorID"] + "' inbasket='" + row["InBasket"] + "' class='button-mini btn btn-primary w-100 button-inbasket btn-add-to-bookmark' onclick='toggleBasket(" + row["ExhibitorID"] + ")'><i class='glyphicon glyphicon-bookmark'></i> ADDED</a></div>"; } else { outString += "<div style='padding-bottom:5px'><a id='btnBasket_" + row["ExhibitorID"] + "' inbasket='" + row["InBasket"] + "' class='button-mini btn btn-grey w-100 btn-add-to-bookmark' onclick='toggleBasket(" + row["ExhibitorID"] + ")'><i class='fa fa-plus'></i> ADD TO MY LIST</a></div>"; } return outString; } },{ "targets": [4], /*"data": "ExhibitorTypeEn",*/ "sortable": false, "render": function(data,type,row,meta) { var urlCompanyName = row["ExhibitorNameEn"].toLowerCase().replace(/[\s,.&\/+%\*]/g, "-").replace("*",""); var outString = ""; var outLink = "/event/2021CBV/en-US/exhibitor/" + row["ExhibitorID"] + "/" + urlCompanyName + ""; outString += "<a href='" + outLink + "' target='_blank' class='btn btn-grey w-100 btn-find-out-more'>Find out more</a>"; // outString += "<span class='hidden'>"; // for(var i=1; i<=30; i++){ // var _i = i<10 ? "0"+i : i; // outString += row["Field" + _i] + "|||"; // } // outString += "</span>"; return outString; } } ], //"order": [[0,"desc"]], "language": { "search": "Keyword Search: ", "zeroRecords": "No result", "info": "Showing page _PAGE_ of _PAGES_ ", "lengthMenu": "Show _MENU_ entries ", "loadingRecords": "<i class='fa fa-spin fa-spinner fa-3x'></i>", "processing": "<i class='fa fa-spin fa-spinner fa-3x'></i>", "paginate": { "previous": "Previous", "next": "Next" } } }); dataTable.on('draw', function () { $('.logourl').each(function () { var src = $(this).attr('data'); var imgEl = $('<img src="' + src + '">'); $(this).append(imgEl); }); }); $.fn.dataTable.ext.errMode = 'none'; $('#dtSearch').on( 'error.dt', function ( e, settings, techNote, message ) { console.log( 'An error has been reported by DataTables: ', message ); }) $.fn.selectpicker.Constructor.DEFAULTS.selectAllText = "Select All"; $.fn.selectpicker.Constructor.DEFAULTS.deselectAllText = "Deselect All"; if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { $('.bs-select').selectpicker('mobile'); } else { $(".bs-select").selectpicker(); } }); function toggleBasket(inID) { //alert(inID + " " + $("#btnBasket_" + inID).attr("inbasket")); if ($("#btnBasket_" + inID).attr("inbasket") == "True") { removeFromBasket(inID); } else { addToBasket(inID); } } function addToBasket(inID) { $.post("/api",{ fn: "addToBasket", ExhibitorID: inID, FairID: "257", Email: "" }, function( data ) { var res = JSON.parse(data); for(var i in datatableData){ if(datatableData[i]["ExhibitorID"]==inID){ datatableData[i].InBasket = "True"; break; } } $("#countBasket").html(res["Count"]); $("#btnBasket_" + inID).addClass("button-inbasket btn-primary"); $("#btnBasket_" + inID).removeClass("btn-grey"); $("#btnBasket_" + inID).attr("inbasket","True"); //$("#btnBasket_" + inID).css("background","#FF6E69"); //var check_cookie //本地无法测试cookie，创建模仿cookie，到线上后注释掉 if ($.cookie("check_cookie_exhitor") == null) { //线上后注释 $('#checkModal').modal('show'); $("#checkbox_id").click(function () { //alert("创建cookie"); $('#checkModal').modal('hide'); $.cookie("check_cookie_exhitor", "true"); }) } $("#btnBasket_" + inID).html("<i class='glyphicon glyphicon-bookmark'></i> ADDED"); }); } function removeFromBasket(inID) { $.post("/api",{ fn: "removeFromBasket", ExhibitorID: inID, FairID: "257", Email: "" }, function( data ) { var res = JSON.parse(data); for(var i in datatableData){ if(datatableData[i]["ExhibitorID"]==inID){ datatableData[i].InBasket = "False"; } } $("#countBasket").html(res["Count"]); $("#btnBasket_" + inID).removeClass("button-inbasket btn-primary"); $("#btnBasket_" + inID).addClass("btn-grey"); $("#btnBasket_" + inID).attr("inbasket","False") $("#btnBasket_" + inID).html("<i class='fa fa-plus'></i> ADD TO MY LIST"); }); } function myChange() { var urlQuery = ""; if ($("#cmbShowBookmarkedOnly").hasClass("active")) { if (urlQuery == "") { urlQuery = "?homepage=0"; } else if (urlQuery.indexOf("homepage") == -1) { urlQuery = urlQuery + "&homepage=0"; } else { urlQuery = urlQuery.replace("homepage=1","homepage=0"); } $("#My_Exhibitors").text('MY EXHIBITORS'); $("#My_Products").text('MY PRODUCTS'); } else { if (urlQuery == "") { urlQuery = "?homepage=1"; } else if (urlQuery.indexOf("homepage") == -1) { urlQuery = urlQuery + "&homepage=1"; } else { urlQuery = urlQuery.replace("homepage=0","homepage=1"); } $("#My_Exhibitors").text('Exhibitors'); $("#My_Products").text('Products'); } $("#My_Exhibitors").attr("href","/event/2021CBV/en-US" + urlQuery); $("#My_Products").attr("href","/event/2021CBV/en-US/exhibitspreview" + urlQuery); } function showBooth(arrVenue, inMode) { // inMode = full (Venue+hall+booth), hall (hall+booth), booth var libVenueNameLang = {}; var libHallNameLang = {}; //libHallNameLang["Hall 1"] = {"En":"Hall 1","Cht":"展覽廳 1","Chs":"展览厅 1"}; var currDBLang = "En"; var outBooth = "<ul class='ExhList_BoothNo'>"; var sArrVenue = []; for (var k in arrVenue) { sArrVenue.push([k, arrVenue[k]]); } sArrVenue.sort(); for (var I in sArrVenue) { var tVenue = sArrVenue[I]; var tArrHall = tVenue[1]; switch (inMode) { case "full": outBooth += "<li><b>" + tVenue[0] + "</b><ul>"; break; } var sArrHall = []; for (var k in tArrHall) { sArrHall.push([k, tArrHall[k]]); } sArrHall.sort(); for (var J in sArrHall) { var tHall = sArrHall[J]; var sArrBooth = tHall[1]; switch (inMode) { case "full": case "hall": outBooth += "<li>" + ((libHallNameLang[tHall[0]] != undefined) ? libHallNameLang[tHall[0]][currDBLang] : tHall[0]) + "<ul>"; break; } sArrBooth.sort(); for (var K in sArrBooth) { outBooth += "<li>" + sArrBooth[K] + "</li>"; } switch (inMode) { case "full": case "hall": outBooth += "</ul></li>" break; } } switch (inMode) { case "full": outBooth += "</ul></li>" break; } } outBooth += "</ul>"; return outBooth; } function ellipsis(text, maxLength){ if(text.length > maxLength){ return text.substr(0, maxLength) + "..."; }else{ if(text.length < 30){ for(var i=0; i<30-text.length; i++){ text += " "; } } return text; } } function sectorChanged(){ var ProductCategories = $("#cmbExhibitorSector").find(":selected").map(function(){ return "[parentID=" + $(this).attr("catid") + "]"; }).get(); var vals = $("#cmbProductCategory").find(ProductCategories.join(",")).map(function () { return $(this).val(); }).get(); $("#cmbProductCategory") .selectpicker('deselectAll') .selectpicker('val', vals); } function checkForm() { var RegExEmail = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if ($("#Email").val() == "" || RegExEmail.test($("#Email").val()) == false) { alert("Please enter a valid email address"); $("#Email").focus(); return false; } else { $.post("/api", { fn: "sendEmail", Url: "https://exhibitors.informamarkets-info.com/event/2021CBV/en-US", Name: "Cosmobeauté Vietnam 2020", FairID: "257", EventLogoUrl: "https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2022CBV.jpg", Check: 1, Check_Email: $("#Check_Email").prop("checked"), Email: $("#Email").val(), mailExhibitorSubject: "Your Saved Exhibitor List for {$eventname} is Ready - Access it Here!", mailProductSubject: "Your Saved Product List for {$eventname} is Ready - Access it Here!", mailProductTitle: " Digital Showroom - Products", mailExhibitorTitle: " Digital Showroom - Exhibitors", myExhibitorDetail: "We saved your list of bookmarked exhibitors for Cosmobeauté Vietnam 2020.", myProductDetail: "We saved your list of bookmarked products for Cosmobeauté Vietnam 2020.", myDetail: "Click the link below to see your list.", myListTitle: "Go to My List", mailFrom: "Sender@informa.com", mailTo: $("#Email").val() }, function (data) { var res = JSON.parse(data); alert('"The email has been sent."'); $("#SendModal").modal("hide"); //for(var i in datatableData){ // if(datatableData[i]["ExhibitorID"]==inID){ // datatableData[i].InBasket = "False"; // } //} }); } } function Retrieve() { var check = "0"; var Check_Exhibitors = document.getElementById("Check_Exhibitors"); var Check_Products = document.getElementById("Check_Products"); if (Check_Exhibitors.checked == false && Check_Products.checked == false) { alert("Please Choose your list."); return false; } if (Check_Exhibitors.checked == true) { check = "1"; } if (Check_Products.checked == true) { check = "2"; } if (Check_Exhibitors.checked == true && Check_Products.checked == true) { check = "3"; } var RegExEmail = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if ($("#EmailForRetrieve").val() == "" || RegExEmail.test($("#EmailForRetrieve").val()) == false) { alert("Please enter a valid email address"); $("#EmailForRetrieve").focus(); return false; } else { $.post("/api", { fn: "retrieve", Url: "https://exhibitors.informamarkets-info.com/event/2021CBV/en-US".replace("exhibitors.informamarkets-info.com","exhibitorstest.informamarkets-info.com"), Url_mylist: "https://exhibitors.informamarkets-info.com/event/2021CBV/en-US".replace("exhibitors.informamarkets-info.com","exhibitorstest.informamarkets-info.com")+ "/" + "exhibitspreview", Name: "Cosmobeauté Vietnam 2020", FairID: "257", EventLogoUrl: "https://exhibitors.informamarkets-info.com/layout-fresh/assets/images/logo/2022CBV.jpg", Check: check, Email: $("#EmailForRetrieve").val(), mailExhibitorSubject: "Your Saved Exhibitor List for {$eventname} is Ready - Access it Here!", mailProductSubject: "Your Saved Product List for {$eventname} is Ready - Access it Here!", mailProductTitle: " Digital Showroom - Products", mailExhibitorTitle: " Digital Showroom - Exhibitors", myExhibitorDetail: "We saved your list of bookmarked exhibitors for Cosmobeauté Vietnam 2020.", myProductDetail: "We saved your list of bookmarked products for Cosmobeauté Vietnam 2020.", myDetail: "Click the link below to see your list.", myListTitle: "Go to My List", mailFrom: "Sender@informa.com", mailTo: $("#EmailForRetrieve").val() }, function (data) { //alert(data); if (data.indexOf("sorry") == -1) { $("#RetrieveModal").modal("hide"); alert("Your list has been sent to your email. Please check your email shortly."); } else { alert("We are sorry, but your email address cannot be found. Check your email address and try again."); } }); } } function Clear() { $.post("/api", { fn: "clearExhibitor", FairID: "257", Email: "" }, function (data) { for (var i in datatableData) { if (datatableData[i].InBasket = "True") { datatableData[i].InBasket = "False"; var inID = datatableData[i]["ExhibitorID"] $("#btnBasket_" + inID).removeClass("button-inbasket btn-primary"); $("#btnBasket_" + inID).addClass("btn-grey"); $("#btnBasket_" + inID).html("<i class='fa fa-plus'></i> ADD TO MY LIST"); } } $("#countBasket").html(0); $('#cmbShowBookmarkedOnly').removeClass('active'); myChange(); applyFilters(); alert('"Your Exhibitors list has been cleared."'); }); } function writeSearchLog() { var Keyword = $("#dtSearch_filter").find("[type='search']").val(); var ProductCategory = $("#cmbProductCategory").val() ? $("#cmbProductCategory").val().join(",") : ""; var BusinessNature = $("#cmbBusinessNature").val() ? $("#cmbBusinessNature").val().join(",") : ""; var ExhibitorType = $("#cmbExhibitorType").val() ? $("#cmbExhibitorType").val().join(",") : ""; var Country = $("#cmbCountry").val() ? $("#cmbCountry").val().join(",") : ""; var Venue = $("#cmbVenue").val() ? $("#cmbVenue").val().join(",") : ""; var FairLocation = $("#cmbFairLocation").val() ? $("#cmbFairLocation").val().join(",") : ""; var CompanyPrefix = $("#cmbCompanyPrefix").val() ? $("#cmbCompanyPrefix").val() : ""; var New = $("#cmbNew").val() ? $("#cmbNew").val() : ($("#cmbShowFeaturedOnly").val() ? $("#cmbShowFeaturedOnly").val() : ""); var cmbSeekingAgentsCountry = $("#cmbSeekingAgentsCountry").val() ? $("#cmbSeekingAgentsCountry").val().join(",") : ""; var cmbSustainable = $("#cmbSustainable").val() ? $("#cmbSustainable").val() : ""; var cmbBeSustainable = $("#cmbBeSustainable").val() ? $("#cmbBeSustainable").val() : ""; var cmbLaunchType = $("#cmbLaunchType").val() ? $("#cmbLaunchType").val().join(",") : ""; var cmbPavilion = $("#cmbPavilion").val() ? $("#cmbPavilion").val().join(",") : ""; var cmbHashTags = $("#cmbHashTags").val() ? $("#cmbHashTags").val().join(",") : ""; var bl = Keyword + ProductCategory + BusinessNature + ExhibitorType + Country + Venue + FairLocation + CompanyPrefix + New; var dtStart = dataTable.page() * dataTable.page.len(); var dtLength = 10000; if (bl != bl_old) { bl_old = bl; $.post("/api", { fn: "writeSearchLog", "Keyword": Keyword, "Country": Country, "CompanyPrefix": CompanyPrefix, "ProductCategory": ProductCategory, "BusinessNature": BusinessNature, "ExhibitorType": ExhibitorType, "Venue": Venue, "FairLocation": FairLocation, "New": New, "dtStart": dtStart, "dtLength": dtLength, "FairID": "257", "Url": "https://exhibitors.informamarkets-info.com/event/2021CBV", }, function (data) { }); } } $('select').on('hidden.bs.select', function (e) { writeSearchLog(); }); </script> </body> </html>

CINXE.COM

Cosmobeauté Vietnam Digital Showroom