CINXE.COM

ALLPRINT INDONESIA | Gallery

<!DOCTYPE html> <html lang="en"> <head> <meta name="title" content="Gallery"> <meta name="description" content="Gallery"> <meta name="keyword" content="Gallery"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ALLPRINT INDONESIA | Gallery </title> <!-- CSS ========================= --> <!-- Main Style CSS --> <link rel="shortcut icon" href="https://allprint.co.id/uploads/setting/data-favicon-site-31.png" type="image/x-icon"> <link rel="icon" href="https://allprint.co.id/uploads/setting/data-favicon-site-31.png" type="image/x-icon"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/bootstrap.min.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/owl.carousel.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/owl.theme.default.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/style.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/font-awesome.min.css"> <link rel="stylesheet" type="text/css" href="https://allprint.co.id/html/frontend/assets/css/magnific-popup.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/animate.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/colorbox.css"> <link rel="stylesheet" href="https://allprint.co.id/html/frontend/assets/css/responsive.css"> <style type="text/css"> .form-control{ padding-left: 12px !important; color: black !important; } .logo { padding: 7px 0; padding-top: 10px; } .slider-content.text-left { margin-top: 40px; } .header-dark ul.navbar-nav > li > a { color: #000000 !important; } .header-dark ul.navbar-nav > li > a.ticket-btn{ color: #ffffff !important; background: #b92228 !important; } ul.navbar-nav > li:hover > a { background: #b92228 !important; color: #ffffff !important; } .header-ticket .ticket-btn { color: #ffffff !important; background: #b92228 !important; } .header-ticket .ticket-btn:hover, .header-ticket .ticket-btn:focus { background: #b92228 !important; color: #ffffff !important; } .dropdown-menu li a { color: #000000 !important; } .dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #b92228 !important; background: none !important; } .btn.btn-primary { background: #b92229 !important; border: 2px solid transparent; } .schedule-tab .nav-tabs > li > a.api-button { background: #b92228 !important; color: #ffffff !important; } .schedule-tab .nav-tabs > li.active > a.api-button{ background: #b92228 !important; color:#ffffff !important; } .btn-primary:hover, .btn-dark:hover, .btn-white.btn-primary:hover { background: #b92228 !important; color: #ffffff !important; } a { color: #ffffff !important; } .card-title a { font-weight: bold; text-transform: uppercase; color: #b92229 !important; } .btn.btn-menu{ background: #b92228 !important; color: white !important; } .btn.btn-menu.active{ background: #b92229 !important; color: white !important; } .btn.btn-menu:hover{ color: yellow !important; border: 2px solid transparent !important; } .digital-bg{ background: #b92228 !important; } .btn.text-normal{ letter-spacing: 0px !important; text-transform: none !important; } span a { color: #b92229 !important; } .pagination li a { color: #b92229 !important; } #main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right:hover { background: #42264c; } #main-slide .owl-nav button { color: #ffffff !important; background: #b92228 !important; } .gallery-container .gallery-icon { position: absolute; top: 50%; margin-top: -25px; left: 50%; margin-left: -25px; z-index: 1; width: 50px; height: 50px; line-height: 50px; text-align: center; border-radius: 100%; background: #b92229 !important; border: 2px solid transparent; color: #ffffff !important; opacity: 0; -webkit-transform: perspective(1px) scale3d(0, 0, 0); transform: perspective(1px) scale3d(0, 0, 0); -webkit-transition: all 400ms; transition: all 400ms; } .schedule-tab .nav-tabs > li.active > a { background: #C82222; color: #fff; } .schedule-slot-speaker-name { color: #C82222; margin: 0; font-size: 16px; } .section-title, .intro-title { font-size: 18px; line-height: 28px; font-weight: 500; margin: 0; color: #c82122; } .page-banner-area { position: relative; min-height: 320px; color: #fff; background-position: 50% 50%; -webkit-background-size: cover; background-size: cover; -webkit-backface-visibility: hidden; } #main-slide .slider-content.text-left { left: 10%; max-width: 800px; padding-top: 170px; } .footer{ background-color: #b92228 !important; color: #ffffff !important } </style> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"/> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" integrity="sha512-nMNlpuaDPrqlEls3IX/Q56H36qvBASwb3ipuo3MxeWbsQB1881ox0cRv7UPTgBlriqoynt35KjEwgGUeUXIPnw==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <style> .card { display: flex; flex-direction: column; margin-bottom: 3rem; } .card-image { background-color: #fff; border: solid 15px #eaeaea; margin-bottom: 15px; display: block; text-align: center; height: 150px; } .card-image.large-image{ height: 250px; } .card-image .vertical-align{ display: inline-block; height: 100%; width: 1px; vertical-align: middle; } .card-image img{ margin: auto; max-width: calc(100% - 10px); max-height: 100%; } .label-featured { color: #fff; background-color: #6f9f22; font-family: 'Oswald', sans-serif !important; font-size: 13px; text-transform: uppercase; padding-left: 26px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 10px; background-image: url("../../images/icona-prodotto-green.png"); background-size: 20px 20px; background-repeat: no-repeat; background-position: 3px 0; position: absolute; z-index: 1; top: -5px; left: 5px; } .label-is-new { color: #fff; background-color: #ea0b0b; font-family: 'Oswald', sans-serif !important; font-size: 13px; text-transform: uppercase; padding-left: 6px; padding-right: 6px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-bottom: 10px; background-size: 20px 20px; background-repeat: no-repeat; background-position: 3px 0; position: absolute; z-index: 1; top: -5px; right: 5px; } .card-title { margin-top: 0px; } .flex-grow { /*flex: 1 0 auto;*/ flex-grow: 1; /*flex-shrink: 1;*/ /*flex-basis: 0;*/ color: #000; } .info { list-style: none; padding: 0; /* margin-bottom: 10px; */ } .info-item { font-weight: normal; font-style: normal; font-size: 12px; padding: 5px 0; } .info .info-item:not(:first-child) { border-top: 1px solid #c8c8c8; } .info-item label { font-weight: bold; text-transform: uppercase; padding-right: 5px; margin-bottom: 0; color: #495057; font-family: 'Oswald', sans-serif !important; } .info-item span { white-space: normal; } .brand{ background: #f5f5f5; background-size: 60%; padding: 30px; margin-bottom: 30px; } .brand img{ margin: auto; } .product{ background: #f5f5f5; background-size: 60%; padding: 30px; margin-bottom: 30px; } .product img{ margin: auto; } .info-item-email a{ color: #337ab7 } .cover-photo{ background-color: #fff; } .cover-photo img{ max-height: 300px; } .carousel-inner > .item img { margin: 0 auto; } .livenow { width: 30px; padding: 10px 40px 12px 40px; margin: 0 auto; display: inline-block; } .livenow > div { vertical-align: middle; width: 22px; height: 22px; border-radius: 100%; position: absolute; margin: 0 auto; border:3px solid red; -webkit-animation: live 1.4s infinite ease-in-out; animation: live 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both; animation-fill-mode: both; &:nth-child(1) { background-color:grey; background-color:red; -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } &:nth-child(2) { -webkit-animation-delay: 0.16s; animation-delay: 0.16s; } &:nth-child(3) { -webkit-animation-delay: 0.42s; animation-delay: 0.42s; border:3px solid rgba(255,255,255,0.5); } &:nth-child(4) { border:3px solid red; -webkit-animation-delay: -0.42s; animation-delay: -0.42s; } } @-webkit-keyframes live { 0%, 80%, 100% { -webkit-transform: scale(0.6) } 40% { -webkit-transform: scale(1.0) } } @keyframes live { 0%, 80%, 100% { transform: scale(0.6); -webkit-transform: scale(0.6); } 40% { transform: scale(1.0); -webkit-transform: scale(1.0); } } </style> </head> <body> <div class="body-inner"> <header id="header" class="header-dark navbar-fixed-top" style="background: #ffffff;"> <div class="container"> <div class="row"> <div class="navbar-header"> <div class="logo"> <a href="#"> <img src="https://allprint.co.id/uploads/setting/logo-site-31.png" alt="" style="width:170px"> </a> </div> </div> <div class="site-nav-inner"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <nav class="collapse navbar-collapse navbar-responsive-collapse pull-right"> <ul class="nav navbar-nav"> <li><a href="/">Home</a></li> <li><a href="https://allprint.co.id/events-23" target="_self">EVENTS</a></li> <li><a href="https://allprint.co.id/gallery-22" target="_self">GALLERY</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" target="_self">EXHIBITOR <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu menu-center" role="menu"> <li><a href="https://register.kristaonline.com/exhibitor/allprintindonesia" target="_self">Book a Stand</a></li> <li><a href="https://allprint.co.id/exhibitor-list-22" target="_self">Exhibitors’ List</a></li> <li><a href="https://allprint.co.id/exhibitor-profile-22" target="_self">Exhibitors&#039; Profile</a></li> <li><a href="https://allprint.co.id/exhibitor-visa" target="_self">Exhibitors&#039; Visa</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" target="_self">VISITOR <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu menu-center" role="menu"> <li><a href="https://register.kristaonline.com/visitor/allprintindonesia" target="_self">Visitor Registration</a></li> <li><a href="https://allprint.co.id/seminar-registration-22" target="_self">Seminar Registration</a></li> <li><a href="https://allprint.co.id/hotel-partners-22" target="_self">Hotel Partners</a></li> <li><a href="https://allprint.co.id/transportation-22" target="_self">Transportation</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" target="_self">Information <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu menu-center" role="menu"> <li><a href="https://allprint.co.id/market-overview-22" target="_self">Market Overview</a></li> <li><a href="https://allprint.co.id/exhibition-brochure-22" target="_self">Exhibition Brochure</a></li> <li><a href="https://allprint.co.id/exhibition-catalogue-22" target="_self">Exhibition Catalogue</a></li> <li><a href="https://allprint.co.id/exhibition-show-report-22" target="_self">Exhibition Post Show Report</a></li> <li><a href="https://allprint.co.id/exhibition-facts-figures-22" target="_self">Exhibition Facts &amp; Figures</a></li> <li><a href="https://allprint.co.id/exhibition-floor-plan-22" target="_self">Exhibition Floor Plan</a></li> <li><a href="https://allprint.co.id/exhibition-logo-22" target="_self">Exhibition Logo</a></li> </ul> </li> <li><a href="https://allprint.co.id/contact-20" target="_self">CONTACT</a></li> <li class="dropdown"> <a href="https://allprint.co.id/digital-ehub" class="dropdown-toggle" target="_self">Digital eHub <i class="fa fa-angle-down"></i></a> <ul class="dropdown-menu menu-center" role="menu"> <li><a href="https://allprint.co.id/exhibitor-list-22" target="_self">Digital Showcase</a></li> <li><a href="https://allprint.co.id/webinar" target="_self">Programme</a></li> </ul> </li> <li><a href="https://allprint.co.id/about-us-22" target="_self">ABOUT US</a></li> <li><a href="https://allprint.co.id/user/login" class="user-login">Login</a></li> <li class="header-ticket"> </li> </ul> </nav> </div> </div> </div> </header> <div id="page-banner-area" class="page-banner-area"> <img src="https://allprint.co.id/uploads/page/page-banner-1594092610-0.png"> </div> <section id="event-gallery-section" class="event-gallery-section sec-ptb-100 clearfix" style="background: #f5f5f5;"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="button-group filters-button-group mb-30 text-center"> <button class="button is-checked" data-filter=".all-gallery"> All <strong>Photos</strong> </button> <button class="button" data-filter=".photo-gallery"> Exhibitor <strong>Photos</strong> </button> <button class="button" data-filter=".video-gallery"> Exhibitor <strong>Videos</strong> </button> </div> </div> </div> <div class="grid clearfix popup-gallery" data-isotope="{ &quot;masonry&quot;: { &quot;columnWidth&quot;: 0 } }"> <div class="grid-item all-gallery photo-gallery show-first" data-category="photo-gallery"> <div class="boxPhoto"> <a class="" href="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685016-0.JPG"> <img src="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685016-0.JPG" class="gallery-img"> </a> </div> </div> <div class="grid-item all-gallery photo-gallery show-first" data-category="photo-gallery"> <div class="boxPhoto"> <a class="" href="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685016-1.JPG"> <img src="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685016-1.JPG" class="gallery-img"> </a> </div> </div> <div class="grid-item all-gallery photo-gallery show-first" data-category="photo-gallery"> <div class="boxPhoto"> <a class="" href="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685017-2.JPG"> <img src="https://allprint.co.id/uploads/gallery-foto/gallery-foto-1593685017-2.JPG" class="gallery-img"> </a> </div> </div> <div class="grid-item all-gallery video-gallery show-first" data-category="video-gallery"> <div class="boxPhoto"> <a class="popup-youtube" href="https://www.youtube.com/watch?v=XaurzMr-UkM"> <img src="uploads/gallery-foto/gallery-video-cover-1593685017-0.PNG" class="gallery-img"> </a> </div> </div> <div class="grid-item all-gallery video-gallery show-first" data-category="video-gallery"> <div class="boxPhoto"> <a class="popup-youtube" href="https://www.youtube.com/watch?v=p-w0OOZUVQ8"> <img src="uploads/gallery-foto/gallery-video-cover-1593685018-1.PNG" class="gallery-img"> </a> </div> </div> </div> </div> </section> <section id="main-container" class="main-container"> <div class="container"> <div class="row text-center"> <h2 class="section-title">Gallery Video Event 2019</h2> <h3 class="section-sub-title">ALLPRINT INDONESIA Video Highlights 2019</h3> </div> <iframe width="100%" height="615" src="https://www.youtube.com/embed/p-w0OOZUVQ8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </section> </div> <!-- Footer --> <footer id="footer" class="footer text-center"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer-logo"> <p> <img class="logo-krista" src="https://allprint.co.id/html/frontend/assets/img/krista-white.png" alt="krista logo" /> </p> </div> <div class="footer-social"> <ul> <li><a href="#"><i class="fa fa-facebook"></i></a></li> <li><a href="#"><i class="fa fa-youtube"></i></a></li> <li><a href="#"><i class="fa fa-instagram"></i></a></li> </ul> </div> <div class="copyright-info"> <span>&copy; 2024 - ALLPRINT INDONESIA</span> </div> </div> </div> </div> <div id="back-to-top" data-spy="affix" data-offset-top="10" class="back-to-top affix"> <button class="btn btn-primary" title="Back to Top"> <i class="fa fa-angle-up"></i> </button> </div> </footer> <div class="modal fade" id="modalFilter" tabindex="-1" role="dialog" aria-labelledby="exampleModalScrollableTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-scrollable" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalScrollableTitle">Exhibitor List</h5> </div> <div class="modal-body"> <div class="row"> <div class="col-12 col-lg-12"> <div class="listExhibitor"> <form autocomplete="off" action="/action_page.php"> <div class="autocomplete" style="width:300px;"> <input id="myInput" type="text" name="myCountry" placeholder="Exhibitor Name"> </div> <button type="submit">Find</button> </form> <ul> <li> <a href="#"> Exhibitor 1 </a> </li> <li> <a href="#"> Exhibitor 2 </a> </li> <li> <a href="#"> Exhibitor 3 </a> </li> <li> <a href="#"> Exhibitor 4 </a> </li> <li> <a href="#"> Exhibitor 5 </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <!-- End Footer --> <!-- Javascript Files ================================================== --> <!-- initialize jQuery Library --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/jquery.js"></script> <!-- Bootstrap jQuery --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/bootstrap.min.js"></script> <!-- Counter --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/jquery.counterup.min.js"></script> <!-- Countdown --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/jquery.jCounter.js"></script> <!-- Waypoints --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/waypoints.min.js"></script> <!-- Color box for Popup--> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/jquery.colorbox.js"></script> <!-- Smoothscroll --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/smoothscroll.js"></script> <!-- Template custom --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/custom.js"></script> <!-- ANimated Pie Chart --> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/jquery.easypiechart.js"></script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/owl.carousel.js"></script> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/isotope.pkgd.js"></script> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/imagesloaded.pkgd.js"></script> <script type="text/javascript" src="https://allprint.co.id/html/frontend/assets/js/custom-local.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> function myFunction() { // var x = document.getElementById("filterBy").value; // if (x == 'name' || x == 'years') { // $('#modalFilter').modal('show') // } // console.log(x) } // Set the date we're counting down to var countDownDate = new Date("October 12,2022 10:00:00").getTime(); var countDownDates = new Date("October 12,2022 10:00:00"); // Update the count down every 1 second var x = setInterval(function () { // Get today's date and time var now = new Date().getTime(); var nows = new Date(); // Find the distance between now and the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // If the count down is finished, write some text if (distance < 0) { clearInterval(x); // document.getElementById("demo").innerHTML = "EXPIRED"; document.getElementById("demo").remove(); $('.user-login').attr('style','padding-right: 0px;'); }else{ var nowDay = nows.getDay(); var nowMonth = nows.getMonth(); var nowYear = nows.getFullYear(); var setDay = countDownDates.getDay(); var setMonth = countDownDates.getMonth(); var setYear = countDownDates.getFullYear(); // console.log(monthDiff(new Date(nowYear, nowMonth,nowDay),new Date(setYear, setMonth,setDay))); var difference = (countDownDates.getDate() - nows.getDate()) / 30 + countDownDates.getMonth() - nows.getMonth() + (12 * (countDownDates.getFullYear() - nows.getFullYear())); if (difference <= 6) { if ($('#demo').length == 0) { $('.header-ticket').append('<a id="demo" class="ticket-btn btn-primary" href="#" style="color:#FFF;">41W : 1D : 16H : 25M</a>'); $('.user-login').attr('style','padding-right: 10px;'); } // Display the result in the element with id="demo" document.getElementById("demo").innerHTML = days + "D : " + hours + "H : " + minutes + "M : " + seconds + "S "; }else{ clearInterval(x); // document.getElementById("demo").innerHTML = "EXPIRED"; document.getElementById("demo").remove(); $('.user-login').attr('style','padding-right: 0px;'); } } }, 1000); </script> <script> function autocomplete(inp, arr) { var currentFocus; inp.addEventListener("input", function (e) { var a, b, i, val = this.value; closeAllLists(); if (!val) { return false; } currentFocus = -1; a = document.createElement("DIV"); a.setAttribute("id", this.id + "autocomplete-list"); a.setAttribute("class", "autocomplete-items"); this.parentNode.appendChild(a); for (i = 0; i < arr.length; i++) { if (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) { b = document.createElement("DIV"); b.innerHTML = "<strong>" + arr[i].substr(0, val.length) + "</strong>"; b.innerHTML += arr[i].substr(val.length); b.innerHTML += "<input type='hidden' value='" + arr[i] + "'>"; b.addEventListener("click", function (e) { inp.value = this.getElementsByTagName("input")[0].value; closeAllLists(); }); a.appendChild(b); } } }); inp.addEventListener("keydown", function (e) { var x = document.getElementById(this.id + "autocomplete-list"); if (x) x = x.getElementsByTagName("div"); if (e.keyCode == 40) { currentFocus++; addActive(x); } else if (e.keyCode == 38) { currentFocus--; addActive(x); } else if (e.keyCode == 13) { e.preventDefault(); if (currentFocus > -1) { if (x) x[currentFocus].click(); } } }); function addActive(x) { if (!x) return false; removeActive(x); if (currentFocus >= x.length) currentFocus = 0; if (currentFocus < 0) currentFocus = (x.length - 1); x[currentFocus].classList.add("autocomplete-active"); } function removeActive(x) { for (var i = 0; i < x.length; i++) { x[i].classList.remove("autocomplete-active"); } } function closeAllLists(elmnt) { var x = document.getElementsByClassName("autocomplete-items"); for (var i = 0; i < x.length; i++) { if (elmnt != x[i] && elmnt != inp) { x[i].parentNode.removeChild(x[i]); } } } document.addEventListener("click", function (e) { closeAllLists(e.target); }); } var countries = ["East Food Indonesia", "Surabaya Printing", "Bali Expo", "Bali Interfood", "All Printing Indonesia", "Indo Sign", "Bali Expo", "Surabaya Expo", "Advertising Expo", "East Food", "Surabaya Printing"]; autocomplete(document.getElementById("myInput"), countries); </script> <script type="text/javascript"> $(document).ready(function () { $('.popup-gallery').magnificPopup({ delegate: 'a', type: 'image', tLoading: 'Loading image #%curr%...', mainClass: 'mfp-img-mobile', gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] // Will preload 0 - before current, and 1 after the current image }, image: { tError: '<a href="%url%">The image #%curr%</a> could not be loaded.', // titleSrc: function(item) { // return item.el.attr('title') + '<small>by Marsel Van Oosten</small>'; // } } }); $('.popup-youtube, .popup-vimeo, .popup-gmaps').magnificPopup({ disableOn: 700, type: 'iframe', mainClass: 'mfp-fade', removalDelay: 160, preloader: false, fixedContentPos: false, gallery: { enabled: true, navigateByImgClick: true, preload: [0, 1] // Will preload 0 - before current, and 1 after the current image }, }); $("#othertext").attr("disabled", true); $("#other").change(function () { if (this.checked) { $("#othertext").attr("disabled", false); } else { $("#othertext").attr("disabled", true); } }); // search exibition LIST $('#search-exibition').on('keyup', function () { var value = $(this).val(); var _url = "https://allprint.co.id/page/ajax"; var _url_api = $(this).attr('data-url'); if (value.length < 1) { $.get(_url, {'api': _url_api, 'type': 'exibition_search', 'value': ''}, function (result) { if (result.status) { var html = ''; for (let index = 0; index < result.data.length; index++) { html += '<tr>'; html += '<td class="tg-0pky">' + result.data[index]['exhibitor_name'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['country'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['stand_name'] + '</td>'; html += '</tr>'; } $('.exibition-result').html(html); } }); } else if (value.length >= 3) { $.get(_url, {'api': _url_api, 'type': 'exibition_search', 'value': value}, function (result) { if (result.status) { var html = ''; for (let index = 0; index < result.data.length; index++) { html += '<tr>'; html += '<td class="tg-0pky">' + result.data[index]['exhibitor_name'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['country'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['stand_name'] + '</td>'; html += '</tr>'; } $('.exibition-result').html(html); } }); } }); // filter exibition LIST $('#filterBy').on('change', function () { var value = $(this).val(); var _url = "https://allprint.co.id/page/ajax"; var _url_api = $(this).attr('data-url'); $.get(_url, {'api': _url_api, 'type': 'exibition_sort', 'sort': value}, function (result) { if (result.status) { var html = ''; for (let index = 0; index < result.data.length; index++) { html += '<tr>'; html += '<td class="tg-0pky">' + result.data[index]['exhibitor_name'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['country'] + '</td>'; html += '<td class="tg-c3ow">' + result.data[index]['stand_name'] + '</td>'; html += '</tr>'; } $('.exibition-result').html(html); } }); }); }); </script> <script> $(document).ready(function () { $("#main-slide").owlCarousel({ nav: true, loop: true, margin: 2, dots: false, //autoplayHoverPause: true, // Stops autoplay autoplay: true, autoplayTimeout: 8000, autoplaySpeed: 3000, responsive: { 0: { items: 1 }, 600: { items: 1 }, 1000: { items: 1 } } }); }) </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-178756193-3"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-178756193-3'); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/gasparesganga-jquery-loading-overlay@2.1.7/dist/loadingoverlay.min.js"></script> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> <script> $(document).ready(function(){ $('#blankCheckbox').on('click',function(){ return false; }); $('select').select2(); var default_url = "https://allprint.co.id/api/ajax"; $(document).on('show.bs.modal','#modalProductIndex',function(e){ var id = $(e.relatedTarget).data('id'); var jenis = $(e.relatedTarget).data('jenis'); $.ajax({ url: default_url, data:{type:'get-modal-data',id: id,jenis: jenis}, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.more-result').html(data.html); } }); }); $(document).on('click','.btn-webinar',function(){ var _val = $(this).attr('data-name'); $.ajax({ url: default_url, data:{type:'add-webinar-track',name: _val}, type: "GET", beforeSend: function() { }, success: function(data) { } }); }); if ($('.exhibitor').length) { loadContent(default_url); } if ($('.product-exhibitor').length) { loadContentproduct(default_url); } function loadContent(default_url){ var curentUrl = "https://allprint.co.id/gallery-22"; var sample = curentUrl.split('?'); var _temp = ""; if (sample[0] == '') { _temp = sample[1].split('='); }else{ _temp[1] = 1; } var url_string = window.location.href; var url = new URL(url_string); var product = url.searchParams.get("product"); var country = url.searchParams.get("country"); $.ajax({ url: default_url, // data:{country: _country ? _country : 2,search: _search,type:'search'}, data:{type:'search',page: _temp[1] ? _temp[1]:1,category: product,country: country}, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); getCategory(); getCountry(); } }); } function loadContentproduct(url){ var curentUrl = "https://allprint.co.id/gallery-22"; var sample = curentUrl.split('?'); var _temp = ""; if (sample[0] == '') { _temp = sample[1].split('='); }else{ _temp[1] = 1; } $.ajax({ url: url, data:{type:'searchProduct',page: _temp[1] ? _temp[1]:1}, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); getCategory(); getCountry(); } }); } $(document).on('click','.btn-bookmark',function(){ var _val = JSON.parse($(this).parent().find('.data-item').val()); var _this = $(this); _val.type = 'bookmark'; $.ajax({ url: default_url, data:_val, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); if (data.status == false) { Swal.fire({ icon: 'error', title: 'Oops...', text: data.message, }) }else{ Swal.fire({ icon: 'success', title: 'Success', text: "Bookmark Success", }) _this.css("cssText","background-color: gray !important;color: white !important;"); // _this.attr('disabled', true); _this.html('Bookmarked'); _this.removeClass('btn-bookmark'); _this.addClass('btn-remove-bookmark'); _this.attr('data-id',data.data.id); } } }); }); $(document).on('click','.btn-remove-bookmark',function(){ var _val = $(this).attr('data-id'); var _this = $(this); $.ajax({ url: default_url, data:{ type: 'remove-bookmark',id: _val}, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); if (data.status == false) { Swal.fire({ icon: 'error', title: 'Oops...', text: data.message, }) }else{ Swal.fire({ icon: 'success', title: 'Success', text: "Remove Bookmark Success", }) // $('.result-bookmark').html(data.html); _this.css("cssText","color: white !important;background: red !important;"); // _this.attr('disabled', true); _this.html('Bookmark'); _this.removeClass('btn-remove-bookmark'); _this.addClass('btn-bookmark') } } }); }); $('body .exhibitor').on('click', '.paginate a', function(e) { e.preventDefault(); var url = $(this).attr('href'); var sample = url.split('='); var country = $('.country-select').val(); var category = $('.category-select').val(); var sort = $('.sorting').val(); var sendReq = {type: "search", page: sample[1]}; if (country != '') { sendReq.country = country; } if (category != '') { sendReq.category = category; } if (sort != '') { sendReq.sorting = sort; } var curentUrl = "https://allprint.co.id/gallery-22?page="+sample[1]; $.ajax({ url: default_url, data:sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); window.history.pushState("", "", curentUrl); }); $('body .product-exhibitor').on('click', '.paginate a', function(e) { e.preventDefault(); var url = $(this).attr('href'); var sample = url.split('='); var country = $('.country-select').val(); var category = $('.category-select').val(); var sort = $('.sorting').val(); var sendReq = {type: "searchProduct", page: sample[1]}; if (country != '') { sendReq.country = country; } if (category != '') { sendReq.category = category; } if (sort != '') { sendReq.sorting = sort; } var curentUrl = "https://allprint.co.id/gallery-22?page="+sample[1]; $.ajax({ url: default_url, data:sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); window.history.pushState("", "", curentUrl); }); function getCategory(){ var url_string = window.location.href; var url = new URL(url_string); var category = url.searchParams.get("product"); $.ajax({ url: default_url, data:{type:'category'}, type: "GET", beforeSend: function() { $(".category-container").LoadingOverlay("show"); }, success: function(result) { $(".category-container").LoadingOverlay("hide"); $.each(result.data, function (index) { selected = ''; if (result.data[index].id == 0) { selected = 'selected'; } if (category != '') { if (result.data[index].id == category) { selected = 'selected'; } } $(".category-select").append(GetOption(selected,result.data[index].name, result.data[index].id)); }); $(".category-select").select2({ placeolder: 'Category' }); $('.btn-search').attr('disabled',false); } }); } function getCountry(){ var url_string = window.location.href; var url = new URL(url_string); var country = url.searchParams.get("country"); $.ajax({ url: default_url, data:{type:'country'}, type: "GET", beforeSend: function() { $(".country-container").LoadingOverlay("show"); }, success: function(result) { $(".country-container").LoadingOverlay("hide"); $.each(result.data, function (index) { // if (result.data[index].id == 102 || result.data[index].id == 114) { selected = ''; if (result.data[index].id == 0) { selected = 'selected'; } if (country != '') { if (result.data[index].id == country) { selected = 'selected'; } } $(".country-select").append(GetOption(selected,result.data[index].name, result.data[index].id)); // } }); $(".country-select").select2({ placeolder: 'country' }); $('.btn-search').attr('disabled',false); } }); } function GetOption(selected,text, value) { return "<option value = '" + value + "' "+selected+">" + text + "</option>" } $('.btn-search').on('click',function(){ var _search = $('input[name=search]').val(); var typePage = $('.btn-menu.active').html(); if (typePage == 'Exhibitor') { var sendReq = {type: "search",search: _search}; }else{ var sendReq = {type: "searchProduct",search: _search}; } $.ajax({ url: default_url, data:sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); }); $('input[name=search]').on('keyup',function(){ var _search = $(this).val(); var typePage = $('.btn-menu.active').html(); if (typePage == 'Exhibitor') { var sendReq = {type: "search",search: _search}; }else{ var sendReq = {type: "searchProduct",search: _search}; } $.ajax({ url: default_url, data:sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); }); $(document).on('change','.sorting',function(){ var param = $(this).val(); var country = $('.country-select').val(); var category = $('.category-select').val(); var typePage = $('.btn-menu.active').html(); if (typePage == 'Exhibitor') { var sendReq = {type: "search",sorting: param}; }else{ var sendReq = {type: "searchProduct",sorting: param}; } if (country != '') { sendReq.country = country; } if (category != '') { sendReq.category = category; } $.ajax({ url: default_url, data: sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); }); $(document).on('change','.category-select',function(){ var param = $(this).val(); var country = $('.country-select').val(); var sort = $('.sorting').val(); var typePage = $('.btn-menu.active').html(); if (typePage == 'Exhibitor') { var sendReq = {type: "search",category: param}; }else{ var sendReq = {type: "searchProduct",category: param}; } if (country != '') { sendReq.country = country; } if (sort != '') { sendReq.sorting = sort; } $.ajax({ url: default_url, data: sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); }); $(document).on('change','.country-select',function(){ var param = $(this).val(); var category = $('.category-select').val(); var sort = $('.sorting').val(); var typePage = $('.btn-menu.active').html(); if (typePage == 'Exhibitor') { var sendReq = {type: "search",country: param}; }else{ var sendReq = {type: "searchProduct",country: param}; } if (category != '') { sendReq.category = category; } if (sort != '') { sendReq.sorting = sort; } $.ajax({ url: default_url, data: sendReq, type: "GET", beforeSend: function() { $.LoadingOverlay("show"); }, success: function(data) { $.LoadingOverlay("hide"); $('.result-ajax').html(data.html); } }); }); }); $(function() { $(".fancybox").fancybox(); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10