CINXE.COM
GREEN BUILDING COUNCIL INDONESIA | GBCI
<!DOCTYPE html> <!-- بسم الله الر حمن الر حيم Copyright (C) 2020 Muhammad Iqbal (市丸 零) <iqbal@indesc.com> This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program. If not, see <http://www.gnu.org/licenses/>. --> <html dir="ltr" lang="en"> <head> <!-- Meta Tags --> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content="Lembaga KONSIL BANGUNAN HIJAU INDONESIA atau GREEN BUILDING COUNCIL INDONESIA / GBCI didirikan pada tahun 2009 dan diselenggarakan oleh sinergi di antara para pemangku kepentingannya, meliputi : profesional bidang jasa konstruksi, kalangan industri sektor bangunan dan properti, pemerintah, institusi pendidikan dan penelitian, asosiasi profesi dan masyarakat peduli lingkungan. Green Building Council Indonesia (GBCI) adalah Emerging Member dari World Green Building Council (WGBC) yang berpusat di Toronto, Kanada. WGBC saat ini beranggotakan 90 negara dan mengakui hanya ada satu GBC di setiap negara. GBCI melakukan berbagai kegiatan pendidikan masyarakat secara luas serta menyelenggarakan Sertifikasi Bangunan Hijau di Indonesia berdasarkan perangkat penilaian khas Indonesia yang diberi nama GREENSHIP. Dan website ini dikembangkan oleh Tim KAWAN." /> <meta name="keywords" content="green building council indonesia, green, building, greenship, council, gedung, new building, existing building. interior, bangunan hijau, rumah, tim kawan" /> <meta name="author" content="Tim KAWAN Indonesia powered by Muhammad Iqbal (市丸 零) <iqbal@indesc.com> & Tim KAWAN" /> <!-- Page Title --> <title>GREEN BUILDING COUNCIL INDONESIA | GBCI</title> <!-- Favicon and Touch Icons --> <link href="/public/umum/images/favicon.png" rel="shortcut icon" type="image/png" /> <link href="/public/umum/images/apple-touch-icon.png" rel="apple-touch-icon" /> <link href="/public/umum/images/apple-touch-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" /> <link href="/public/umum/images/apple-touch-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" /> <link href="/public/umum/images/apple-touch-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" /> <!-- Stylesheet --> <link href="/public/umum/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/animate.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/css/css-plugin-collections.css" rel="stylesheet" /> <!-- CSS | sweet alert --> <link href="/public/akses/plugins/sweet-alert/sweetalert.css" rel="stylesheet" /> <!-- CSS | menuzord megamenu skins --> <link href="/public/umum/css/menuzord-skins/menuzord-boxed.css" rel="stylesheet" id="menuzord-menu-skins" /> <!-- CSS | Main style file --> <link href="/public/umum/css/style-main.css" rel="stylesheet" type="text/css" /> <!-- CSS | Preloader Styles --> <link href="/public/umum/css/preloader.css" rel="stylesheet" type="text/css" /> <!-- CSS | Custom Margin Padding Collection --> <link href="/public/umum/css/custom-bootstrap-margin-padding.css" rel="stylesheet" type="text/css" /> <!-- CSS | Responsive media queries --> <link href="/public/umum/css/responsive.css" rel="stylesheet" type="text/css" /> <!-- CSS | Style css. This is the file where you can place your own custom css code. Just uncomment it and use it. --> <!-- <link href="css/style.css" rel="stylesheet" type="text/css"> --> <!-- Revolution Slider 5.x CSS settings --> <link href="/public/umum/js/revolution-slider/css/settings.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/layers.css" rel="stylesheet" type="text/css" /> <link href="/public/umum/js/revolution-slider/css/navigation.css" rel="stylesheet" type="text/css" /> <!-- CSS | Theme Color --> <link href="/public/umum/css/colors/theme-skin-green.css" rel="stylesheet" type="text/css" /> <!-- external javascripts --> <script src="/public/umum/js/jquery-2.2.4.min.js"></script> <script src="/public/umum/js/jquery-ui.min.js"></script> <script src="/public/umum/js/bootstrap.min.js"></script> <!-- JS | jquery plugin collection for this theme --> <script src="/public/umum/js/jquery-plugin-collection.js"></script> <!-- Revolution Slider 5.x SCRIPTS --> <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.tools.min.js"></script> <script src="/public/umum/js/revolution-slider/js/jquery.themepunch.revolution.min.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> .boxed-layout .header { margin-bottom: 0; } .menuzord-menu { background: none; } #navbar-top-mobile { display: block; } #navbar-top-desktop { display: none; } @media (min-width: 900px) { #navbar-top-mobile { display: none; } #navbar-top-desktop { display: block; } } .menuzord-menu ul.dropdown li a { background-color: rgba(0, 0, 0, 0.3); } .menuzord-responsive .menuzord-menu ul.dropdown, .menuzord-responsive .menuzord-menu ul.dropdown li ul.dropdown { /*background: rgba(0, 0, 0, 0.3);*/ background: #333; } .menuzord-menu .li a { color: #43814e; } .menuzord-menu > li { padding: 18px; } .header-nav.navbar-white { /*background-color: rgba(0, 0, 0, 0.3);*/ } .menuzord-menu ul.dropdown { border: none; } .menuzord-responsive .menuzord-menu ul.dropdown li a { border-bottom: none; } .menuzord-menu > li.nospace { padding: 0; } .menuzord-menu > li.nospace > a { padding: 0 5px; } .menuzord-brand img { max-height: 70px; } .menuzord-brand { margin: -20px 30px 0 0; } .footer-img img { height: 50px; } @media (min-width: 990px) { .hideonwidth { display: none !important; } } .footer-img img{ height: 76px; } </style> <!-- Driver.js untuk fitur tourguide --> <script src="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.js.iife.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/driver.js@1.0.1/dist/driver.css" /> <!-- Internal Data table css --> <link href="/public/akses/plugins/datatable/css/jquery.dataTables.min.css" rel="stylesheet"> <style> .table-responsive th::before, table.dataTable thead .sorting::after, table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting_desc::after { content: ""; } </style> <style> .container-100 { width: 90%; } .fix-height { min-height: 750px; } .layer-overlay.overlay-green-light::before { background-color: rgba(16, 196, 92, 0.33); } ol { list-style-type: disc; margin: 0 25px; } </style> </head> <body class=""> <div id="wrapper" class="clearfix"> <!-- Header --> <header id="header" class="header"> <div class="header-nav navbar-fixed-top header-dark navbar-white navbar-transparent bg-transparent-1 navbar-sticky-animated animated-active"> <div class="header-nav-wrapper"> <div class="container"> <nav class="menuzord default" style="padding-top: 5px;"> <ul class="menuzord-menu pull-right flip sm-pull-none hidden-xs hidden-sm"> <li class="nospace text-green-moss"><a href="/admin" class="text-green-moss">Sign In</a> |</li> <li class="nospace"><a href="/admin/auth/signup" class="text-green-moss">Sign Up</a></li> <ul class="styled-icons icon-dark icon-circled icon-sm pull-right flip sm-pull-none sm-text-center mt-sm-15 hidden-xs hidden-sm"> <li> </li> </ul> </ul> </nav> <nav id="menuzord-right" class="menuzord default"> <a class="menuzord-brand pull-left flip" href="/web"> <img src="/public/umum/images/logo-wide.png" alt=""> </a> <ul class="menuzord-menu"> <li class="list-inline sm-text-center text-green-moss hideonwidth"> <a href="/admin" class="text-green-moss btn btn-transparent"><i class="fa fa-user"></i> Sign In</a> </li> <li><a href="javascript:void(0)" class="text-green-moss">ABOUT US</a> <ul class="dropdown"> <li><a href="/structure" class="text-green-moss">Our Organization</a></li> <li><a href="/founding" class="text-green-moss">Corporate & Core Founder</a></li> <li style="display: none;"><a href="/board" class="text-green-moss">Committee & Assessment Board</a></li> <li><a href="/about/representative" class="text-green-moss">Representative</a></li> <li><a href="/about/partner" class="text-green-moss">Partner</a></li> <li><a href="/ethics" class="text-green-moss">Code of Ethics</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">GREENSHIP</a> <ul class="dropdown"> <li><a href="https://nz.gbcindonesia.org/netzero" class="text-green-moss">Net Zero</a></li> <li><a href="/greens/new" class="text-green-moss">New Building</a></li> <li><a href="/greens/existing" class="text-green-moss">Existing Building</a></li> <li><a href="/greens/interior" class="text-green-moss">Interior</a></li> <li><a href="/greens/homes" class="text-green-moss">Homes</a></li> <li><a href="/greens/neighborhood" class="text-green-moss">Neighborhood</a></li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">PROGRAM</a> <ul class="dropdown"> <li><a href="/greenshipnzcc/greenship_solution_endorsement" class="text-green-moss">GSE</a></li> <li><a href="/certification" class="text-green-moss">Certification</a></li> <li><a href="/corpmember" class="text-green-moss">Corporate Member</a></li> <li><a href="/trainings" class="text-green-moss">Education/Training</a></li> <li><a href="/events" class="text-green-moss">Event</a></li> <li><a href="/volunteer" class="text-green-moss">Volunteer</a> </li> </ul> </li> <li><a href="javascript:void(0)" class="text-green-moss">EXPLORE</a> <ul class="dropdown"> <li><a href="/certbuilding" class="text-green-moss">Certified Building</a></li> <li><a href="/member" class="text-green-moss">Member List</a></li> <li><a href="/resource" class="text-green-moss">Resources</a></li> <li><a href="/etalase" class="text-green-moss">Etalase</a></li> <li><a href="/profesional" class="text-green-moss">Greenship Professional</a></li> <li><a href="/edgeauditor" class="text-green-moss">Edge Auditor</a></li> </ul> </li> <li><a href="/news" class="text-green-moss">NEWS</a></li> </ul> </nav> </div> </div> </div> </header> <!-- NAVBAR WEBSITE --> <!-- Start main-content --> <div class="main-content"> <!-- Section: home --> <section id="home" class="divider"> <div class="row"> <div class="col-md-12 layer-overlay" data-bg-img="/public/umum/temp/bg-training.jpeg" style="background-position: bottom; background-size: cover;"> <div class="container pt-200 pb-200"> <div class="row"> <div class="col-md-12 text-left"> <h1 class="text-white">Education/Training</h1> <div class="text-white font-weight-400"> <p>As a transformation agency, GBC Indonesia invites all levels of society to know and understand the concept of green buildings and apply it in their lives and activities. </p> For this reason, GBC Indonesia prepares 4 regular training : <ol style="list-style: decimal; margin-left: 20px;"> <li>GREENSHIP Associate (GA) Training</li> <li>GREENSHIP Professional (GP) Training</li> <li>EDGE Experts</li> <li>EDGE Auditor</li> </ol> </div> <div> <br> <a class="btn btn-colored btn-theme-colored btn-xl mt-15 md-opjjpmhoiojifppkkcdabiobhakljdgm_doc" href="#section2">View Schedule</a> </div> </div> </div> </div> </div> </div> </section> <section> <div class="container pt-10 pb-10"> <!-- Heading --> <div class="row"> <div class="col-md-12"> <h2>What's On</h2> <h4>GREENSHIP Associate (GA) Training</h4> <p>GREENSHIP Associate (GA) training is a basic level education on green building, with the aim of providing insight into the principles related to green building. In GA training, participants will be introduced to green movement, the basic concept of the GREENSHIP Rating Tools assessment, the certification process and the values carried in GREENSHIP. After attending the GA training, participants can have the same view, understanding and knowledge of the principles of green building and GREENSHIP.</p> <p> <b>Training objectives:</b> <ol> <li>Understand what climate change is</li> <li>Understand why green building</li> <li>Understand the basic and philosophy of green building.</li> <li>Become a Green Ambassador</li> <li>Creating a Green Team in the company</li> </ol> </p> <p> <b>Prerequisite:</b> <ol> <li>Minimum a high school graduated or equivalent</li> </ol> </p> <p>This training has also been packaged Online so that participants have the opportunity to take part in training with a more flexible time in their busy activities or work and can be accessed anywhere safely. To maintain the quality of training, at each change of topic, participants are required to fill out a quiz with specific target points to be able to access the next training module. And at the end of the training, each participant is required to write an essay on topics related to green building.</p> <h4>GREENSHIP Professional (GP) Training</h4> <p>An advanced education of GREENSHIP Associate, in order to achieve competency as a profession that can play a role as an expert for green building implementation; working together with design team, consultants, contractors, engineers, building owners and GREENSHIP certification team in implementing the concept of green building based on the applicable criteria from GREENSHIP rating tools.</p> <p> <b>Training objectives:</b> <ol> <li>Become an Green Building Expert/Consultant</li> <li>Understand the procedures for measuring the use of energy, water, air, green products, and waste management</li> <li>Conduct an overall analysis of the opportunities and constraints of a building becoming a green building based on the criteria for the GREENSHIP assessment tool.</li> <li>Devise strategies for achieving green buildings by working with consultants, building owners and project implementation teams to achieve the desired GREENSHIP certification targets.</li> </ol> </p> <p> <b>Prerequisite:</b> <ol> <li>Passed GREENSHIP Associate (GA) Training</li> </ol> </p> <p>Minimum Bachelor degree in Engineering or Architects, or non-engineering background with at least 3 years experience working in the building industry (construction or building management) The implementation of GP Training during the Covid 19 pandemic is held live streaming for 5 days from 08.00 to 18.00 WIB followed by working on project group assignments and ending with group project exam and writing exam.</p> <p>In addition to these regular trainings, GBC Indonesia holds regular workshops for those who wish to deepen a topic related to green building criteria. GREENSHIP Prefessional (GP) graduates who attend the workshop, will get KUM (points for the extension of the GP profession).</p> <h4>EDGE Experts</h4> <p> In conducting certification, building owners often need the help of experts to assist in the certification process. EDGE Experts are experienced experts who can assist building owners and design teams through the EDGE certification process. EDGE Expert can perform software simulations and provide suggestions for the best solution according to the client's aspirations to meet EDGE standards. With skills, insight and in-depth understanding of EDGE, an EDGE Expert can provide a cost-benefit analysis of the green building concept that will be applied. By becoming an EDGE Expert, you can help your clients to better understand green building principles, EDGE standards and tools and facilitate clients in filling out applications when needed. </p> <p><b>EDGE Expert Qualifications:</b> <ol> <li>Passed GREENSHIP Professional Training, <b>or</b> </li> <li>Have a minimum of 3 years experience working in the construction industry and minimum education S1 </li> </ol> </p> <p><b>EDGE Expert Training Prerequisites:</b></p> <p>There are no prerequisites for anyone interested in joining the EDGE Expert Training. EDGE Clients or other interested Parties who are not interested in qualifying as an EDGE Expert will be encouraged to attend this Training.</p> <p></p> <h4>EDGE Auditors</h4> <p>EDGE Auditors are those who have passed the EDGE exam, attended EDGE Auditor training, and signed an agreement with GBC Indonesia. EDGE Auditor is tasked with examining and reviewing all evidence submitted by the project team (including EDGE Experts) in meeting EDGE standards. The EDGE Auditor will conduct a design (document) audit as well as a field audit and present the results of the audit to the certification partner and be responsible for the audit results. Professional certificates for EDGE Auditors are valid for 2 (two) years and can be extended by meeting applicable regulations, including a track record of professionalism in handling EDGE certification projects and not violating the applicable professional ethics.</p> <p><b>Stages of becoming an EDGE Auditor:</b></p> <p>I. Qualified EDGE Auditor:</p> 1. Registered as an accredited EDGE Expert (including having attended EDGE Expert training and passing the EDGE Exam) <p>2. The applicant may submit proof of application that matches the qualifications in the form of one of the following:</p> </p> <ol> <li>i. Current curriculum vitae, signed by the applicant; and</li> <li>ii. Relevant project records;</li> <li>iii. Alternative evidence, which will be considered on a case by case basis.</li> </ol> <p></p> <p>II. Following the EDGE Auditor Training:</p> <p>Participants have attended the EDGE Expert Training and have passed the EDGE Exam. Participants can register by completing the proof of application. New candidates will be invited to attend training after their application is approved.</p> <p>Information related to training & workshops can contact <a href="/cdn-cgi/l/email-protection#1a6e687b737473747d5a7d787973747e75747f69737b3475687d"><b><span class="__cf_email__" data-cfemail="651117040c0b0c0b02250207060c0b010a0b00160c044b0a1702">[email protected]</span></b></a></p> </div> </div> </div> </section> <section id="section2"> <div class="container pt-10"> <div class="section-content"> <div class="row"> <div class="col-md-12"> <h4>Check out what's coming up.</h4> <div class="row"> <div class="col-md-3"> <form class="form" action="#"> <table class="table no-border"> <tbody> <tr> <td> <select class="form-control" id="what-select"> </select> </td> </tr> </tbody> </table> </form> </div> <div class="col-md-3"> <form class="form" action="#"> <table class="table no-border"> <tbody> <tr> <td> <select class="form-control" id="schedule-select"> </select> </td> </tr> </tbody> </table> </form> </div> <div class="col-md-3"> <form class="form" action="#"> <table class="table no-border"> <tbody> <tr> <td> <select class="form-control" id="note-select"> </select> </td> </tr> </tbody> </table> </form> </div> </div> </div> <div class="col-md-12 mt-30"> <div class="table-responsive"> <table class="table text-md-nowrap table-striped table-hover tbl-shopping-cart" id="data-tabel" width="100%"> <thead> <tr> <th class="border-bottom-0">Course</th> <th class="border-bottom-0">Month</th> <th class="border-bottom-0">Price</th> <th class="wd-5p border-bottom-0"></th> </tr> </thead> <tbody></tbody> </table> </div> </div> </div> </div> </div> </section> </div> <!-- end main-content --> <!-- Footer --> <footer id="footer" class="footer bg-black-222" data-bg-img="/public/umum/images/footer-bg.png" > <div class="container pt-70 pb-40"> <div class="row"> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <div class="footer-img"> <img class="mt-10 mb-15" alt="" src="/public/umum/images/logo-wide.png" /> <img class="mt-10 mb-15 ml-15" alt="" src="/public/umum/images/wgbc-footer-new.png" /> </div> <p class="font-16 mb-10"> GBC Indonesia is an Established Member of World Green Building Council. World GBC is a global action network comprised of around 70 Green Building Councils around the globe. </p> <a class="font-14" href="https://www.worldgbc.org/about-us" ><i class="fa fa-angle-double-right text-theme-colored"></i> Read more</a > <ul class="styled-icons icon-dark mt-20"> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".1s" data-wow-offset="10" > <a href="https://www.facebook.com/greenbuildingcouncilindonesia" target="_blank" data-bg-color="#3B5998" ><i class="fa fa-facebook"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".2s" data-wow-offset="10" > <a href="https://twitter.com/gbcindonesia" target="_blank" data-bg-color="#02B0E8" ><i class="fa fa-twitter"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="#" target="_blank" data-bg-color="#C13584" ><i class="fa fa-instagram"></i ></a> </li> <li class="wow fadeInLeft" data-wow-duration="1.5s" data-wow-delay=".3s" data-wow-offset="10" > <a href="https://www.linkedin.com/in/gbcindonesia/" target="_blank" data-bg-color="#0E76A8" ><i class="fa fa-linkedin"></i ></a> </li> </ul> <p class="font-16 mb-10">Internet connection Supported By:</p> <div class="footer-img"> <img src="/public/umum/images/bizznet.png" alt="" class="" /> </div> </div> </div> <div class="col-sm-6 col-md-6"> <div class="widget dark"> <h5 class="widget-title line-bottom">Quick Contact</h5> <ul class="list-border"> <li><a href="javascript:void(0)"><span class="__cf_email__" data-cfemail="771e191118371015141e1913181912041e1659180510">[email protected]</span></a></li> <li> <a href="javascript:void(0)" class="lineheight-20" >Official Office<br />Gedung Office 8, Lantai 18 Unit A, SCBD Lot.28 Jl Jend Sudirman Kav. 52-53<br />Senayan - Kebayoran Baru<br />Jakarta Selatan 12190 <br /> (+62) 21 2960 8012<br /></a> </li> <li> <a href="javascript:void(0)" class="lineheight-20" >Studio Office<br />Jl. Al Barkah 1 No. 29<br />Cilandak Barat - Cilandak<br />Jakarta Selatan 12430<br /> (+62) 21 2765 8660<br />(+62) 21 2765 8662</a > </li> </ul> </div> </div> <div class="col-sm-6 col-md-3"> <div class="widget dark"> <h5 class="widget-title line-bottom">Useful Links</h5> <ul class="list angle-double-right list-border"> <li><a href="/netzero">Net Zero</a></li> <li><a href="javascript:void(0)">Resources</a></li> <li><a href="javascript:void(0)">Event</a></li> <li><a href="javascript:void(0)">Volunteer</a></li> <li><a href="/news">News</a></li> </ul> </div> </div> </div> </div> <div class="footer-bottom bg-black-333"> <div class="container pt-20 pb-20"> <div class="row"> <div class="col-md-6"> <p class="font-11 text-black-777 m-0"> Copyright © 2024 GREEN BUILDING COUNCIL INDONESIA. All Rights Reserved </p> </div> <div class="col-md-6 text-right"> <div class="widget no-border m-0"> <ul class="list-inline sm-text-center mt-5 font-12"> <li> <a href="javascript:void(0)">FAQ</a> </li> <li>|</li> <li> <a href="javascript:void(0)">Login</a> </li> </ul> </div> </div> </div> </div> </div> </footer> <a class="scrollToTop" href="javascript:void(0)" ><i class="fa fa-angle-up"></i ></a> </div> <!-- end wrapper --> <!-- Internal Data tables --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="/public/akses/plugins/datatable/js/jquery.dataTables.min.js"></script> <!-- Numeral.js --> <script src="/public/umum/js/numeral/numeral.min.js"></script> <script> $(document).ready(function () { numeral.register("locale", "id", { delimiters: { thousands: ".", decimal: "," } }); numeral.locale("id"); fillSelects(); var trainings = $('#data-tabel').DataTable({ "sDom": "t", "ajax": { url: '/api/training/preview/0/0/0', cache: true }, "rowId": "kode", "autoWidth": false, "columns": [ null, { "data": "datetime[0].datetime" }, null, null ], 'iDisplayLength': 100, "columnDefs": [ { "render": function (data, type, row, meta) { return row.title + '<ul class="variation"><li class="variation-size">Type: <span>' + row.typeString + '</span></li></ul>'; }, "targets": [0] }, { "render": function (data, type, row, meta) { let date = ''; let time = ''; if (row.datetime.length != 0) { let d = row.datetime[0].datetime.split(" "); date = d[0].substring(3, 5); time = d[1].substring(0, 5); } return date + '<ul st class="variation"><li class="variation-size">Time: <span>' + time + '</span></li></ul>'; }, "targets": [1] }, { "render": function (data, type, row, meta) { return 'Rp ' + numeral(row.price).format('0,0'); }, "targets": [2] }, { "width": "80px", "render": function (data, type, row, meta) { return '<div class="text-center"><a href="/training/' + row.kode + '" style="font-size: 12px;" class="btn btn-theme-colored">Detail</a></div>'; }, "targets": [3] } ], "order": [[1, "asc"], [0, "asc"]] }); $("#what-select").change(function () { trainings.ajax.url("/api/training/preview/" + $(this).val() + "/" + $("#schedule-select").val() + "/" + $("#note-select").val()).load(); trainings.columns.adjust().draw(); }); $("#schedule-select").change(function () { trainings.ajax.url("/api/training/preview/" + $("#what-select").val() + "/" + $(this).val() + "/" + $("#note-select").val()).load(); trainings.columns.adjust().draw(); }); $("#note-select").change(function () { trainings.ajax.url("/api/training/preview/" + $("#what-select").val() + "/" + $("#schedule-select").val() + "/" + $(this).val()).load(); trainings.columns.adjust().draw(); }); }); function fillSelects() { var defaults = { what: "What", schedule: "When", note: "Where" }; $.each(["what", "schedule", "note"], function (at, value) { $.ajax({ url: "/api/training/filter/" + value, dataType: "json", type: "GET", cache: false }).done(function (response) { var opts = "<option value='0'>" + defaults[value] + "</option>"; $.each(response.results, function (key, val) { opts += "<option value='" + val.id + "'>" + val.text + "</option>"; }); $('#' + value + '-select').append(opts); }); }); } </script> <!-- Footer Scripts --> <!-- JS | Custom script for all pages --> <script src="/public/umum/js/custom.js"></script> <script src="/public/umum/js/jquery.render.min.js"></script> <script src="/public/umum/js/jquery.ellipsis.min.js"></script> <!-- jQuery LoadingOverlay --> <script src="/public/akses/plugins/loadingoverlay.min.js"></script> <!-- SLIDER REVOLUTION 5.0 EXTENSIONS (Load Extensions only on Local File Systems ! The following part can be removed on Server for On Demand Loading) <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="/public/umum/js/revolution-slider/js/extensions/revolution.extension.video.min.js"></script> --> <script> $(document).ready(function () { // Burger bar // var burgerBar = $("#header .burger-bar"); // var nav = $("#header nav"); // var overlay = $("#overlay"); // $("#menuzord-right").on("click", function (event) { // if(event.target.className === 'showhide'){ // $(event.currentTarget).trigger('click') // } // }); // $("#menuzord-right").on("click", function (event) { // console.log(event.target) // if (event.target.className === 'showhide') { // console.log('overlay on') // overlay.toggleClass("burger-bar-overlay"); // } // }); $(".main-content").on("click", function () { // overlay.removeClass("burger-bar-overlay"); console.log('on click', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); $(window).on("scroll", function () { console.log('on scroll', ) if($('.menuzord-menu.menuzord-right.menuzord-indented.scrollable').css('display') === 'block'){ $(".showhide").trigger("click"); } }); }); </script> </body> </html>