CINXE.COM
Connect - support.gale.com
<!doctype html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'page_name': 'Home', 'page_section': 'Connect' }); </script> <!-- Google Tag Manager --> <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-WWBXWPD');</script> <!-- End Google Tag Manager --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="referrer" content="unsafe-url"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="/favicon-apple.png"/> <!-- JQUERY v3.6.0 --> <script src="/ssi/plugins/jquery.js"></script> <!-- JQUERY UI (1.12.1) --> <script src="/ssi/plugins/jqueryui.js"></script> <!-- BOOTSTRAP --> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script> <!-- BOOTSTRAP SELECT --> <script src="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta3/dist/js/bootstrap-select.min.js"></script> <!-- JQUERY UI --> <script src="https://code.jquery.com/ui/1.13.0-rc.2/jquery-ui.min.js" integrity="sha256-RQLbEU539dpygNMsBGZlplus6CkitaLy0btTCHcULpI=" crossorigin="anonymous"></script> <!-- CLIPBOARD --> <script src="/ssi/plugins/clipboard.js"></script> <!-- TABLESORT --> <script src="/ssi/plugins/sorttable.js"></script> <!-- Bootstrap CSS --> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous"> <!-- BOOTSTRAP SELECT CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@1.14.0-beta2/dist/css/bootstrap-select.min.css"> <!-- BOOTSTRAP ICONS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css"> <!-- SUMMERNOTE --> <script src="/ssi/plugins/summernote.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.20/summernote-bs5.min.css" integrity="sha512-ngQ4IGzHQ3s/Hh8kMyG4FC74wzitukRMIcTOoKT3EyzFZCILOPF0twiXOQn75eDINUfKBYmzYn2AA8DkAk8veQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <!-- JQUERYUI --> <link rel = "stylesheet" href = "https://code.jquery.com/ui/1.13.0-rc.2/themes/smoothness/jquery-ui.css"> <!-- GLOBAL STYLE SHEET --> <link rel="stylesheet" href = "https://galesupport.com/global/css/styles.css?v=3.2"> <!-- LOCAL STYLE SHEET --> <link rel="stylesheet" href = "/css/styles.css?v=4.4"> <meta name = "description" content = ""> <title>Connect - support.gale.com</title> </head> <body> <a class="visually-hidden visually-hidden-focusable text-dark" href="#main">Skip to main content</a> <header class = "container-fluid bg-white text-white" id = "header"> <div class = "row"> <div class= "col-xs-12 col-md px-0 bg-white"> <a href = "https://www.gale.com" target = "_blank" rel = "noopener"> <img class = "pb-1 header-logo float-start" src = "https://assets.gale.com/galelogos/gale-blade-web.png" alt = "Gale, a Cengage Company logo"> </a> <div class = "h2 pt-3 float-start fst-normal"><a class = "text-primary" href = "/">SUPPORT</a></div> </div> <div class = "col-xs-12 col-md text-end my-auto bg-white d-print-none"> <button class="mb-2 mt-md-2 btn-xs-sm mt-1 btn-secondary float-start d-block d-md-none navbar-toggler text-center" type="button" data-bs-toggle="collapse" data-bs-target="#site-nav" aria-label="Navigation Toggle"> <i class = "bi bi-list fs-5"></i> </button> <div class = ""> <div class = ""> <a class = "text-primary" href = "/technical/status">ALL GALE RESOURCES OPERATING NORMALLY</a> <i class = "bi bi-circle-fill text-green"></i> </div> <div class = "btn-group nav-item dropdown"> <a class = "nav-item btn btn-orange btn-sm fw-bold mt-0 ms-2 dropdown-toggle border-15" data-bs-toggle="dropdown" aria-label="Sign in" aria-expanded="false"> Sign in </a> <div class="dropdown-menu dropdown-menu-end pt-2 pb-4 px-2 bg-white bg-light border border-orange rounded-0 mt-n2" style = "width:500px;"> <div class = "px-3"> <div class = "row"> <div class = "col my-auto"> <div class = "fw-bold fs-5 py-1 text-secondary">Sign in</div> </div> <div class = "col my-auto text-end"> <a class = "gtm-item bi bi-clipboard text-center fs-6 js-copy" data-clipboard-text='https://support.gale.com/connect/' data-id = "share" data-name = "Share" data-type = "link" aria-label = "Copy Link"> Get Link</a> </div> </div> <hr class = "my-2"> <div class = "py-1 text-secondary"> <form action = "" method = "get"> <div class = "mb-1"> <label class = "text-dark" for = "loc">Login</label> </div> <div class = "mb-2"> <div class = "input-group"> <input name = "loc" id = "loc" type="text" class="form-control home-signin-input" placeholder="Enter Location ID" aria-label = "Enter Location" autofocus> <button class="btn text-white bg-orange border-white" type="submit" data-dismiss="modal" aria-label="Navigation Toggle"> <i class = "bi bi-arrow-right"></i> </button> </div> </div> </form> </div> <a class = "mx-0 pt-3 text-secondary text-decoration-underline" href = "/connect"><i class = "bi bi-person-circle"></i> Connect With Us</a> </div> </div> </div> </div> </div> </div> </header><nav id = "nav" class="navbar navbar-expand-md d-print-none bg-secondary"> <div class = "container"> <div class="collapse navbar-collapse" id = "site-nav"> <ul class="navbar-nav me-auto"> <li class = "nav-item"> <a class = "nav-link text-white fw-normal " href="/">Home</a> </li> <li class = "nav-item dropdown ms-3"> <a href="#" class="nav-link dropdown-toggle text-white fw-normal " data-bs-toggle="dropdown">Product Support</a> <div class="dropdown-menu pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item text-secondary" href="/products">Browse Products</a> <hr class = "my-2"> <div class = "row"> <div class = "col"> <a class = "dropdown-item py-1 text-secondary" href="/urls">Direct URLs</a> <a class = "dropdown-item py-1 text-secondary" href="/web">Icons</a> <a class = "dropdown-item py-1 text-secondary" href="/tlist">Title Lists</a> <a class = "dropdown-item py-1 text-secondary" href="/marc">MARC Records</a> <a class = "dropdown-item py-1 text-secondary" href="/vpats">VPATS</a> </div> <div class = "col"> <a class = "dropdown-item py-1 text-secondary" href="/updates">Product Updates</a> <a class = "dropdown-item py-1 text-secondary" href="/marc/thorndike">Thorndike MARC Records</a> </div> </div> </div> </li> <li class = "nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle text-white fw-normal " data-bs-toggle="dropdown">Training Center</a> <div class="dropdown-menu pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item py-1 text-secondary" href="/training/">Training Center Home</a> <hr class = "my-2"> <div class = "row"> <div class = "col"> <a class = "dropdown-item py-1 text-secondary" href="/training/browse">Browse By Type</a> <a class = "dropdown-item py-1 text-secondary" href="/training/products">Browse By Product</a> <a class = "dropdown-item py-1 text-secondary" href="/training/subjects">Browse By K12 Subjects</a> <a class = "dropdown-item py-1 text-secondary" href="/training/tools">Browse By Tool</a> </div> <div class = "col"> <a class = "dropdown-item py-1 text-secondary" href="/training/webinars">Upcoming Webinars</a> <a class = "dropdown-item py-1 text-secondary" href="/training/webinars/recorded.php">Recorded Webinars</a> <a class = "dropdown-item py-1 text-secondary" href="/training/videos">Video Tutorials</a> <a class = "dropdown-item py-1 text-secondary" href="/training/themes">Content Specific Materials</a> <a class = "dropdown-item py-1 text-secondary" href = "/training/browse/libguides">Libguides</a> </div> </div> </div> </li> <li class = "nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle text-white fw-normal " data-bs-toggle="dropdown">Marketing Materials</a> <div class="dropdown-menu pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item py-1 text-secondary" href="/marketing/">Marketing Materials Home</a> <hr class = "my-2"> <a class = "dropdown-item py-1 text-secondary" href = "/marketing/browse/">Browse By Type</a> <a class = "dropdown-item py-1 text-secondary" href="/marketing/products">Browse By Product</a> <a class = "dropdown-item py-1 text-secondary" href="/updates">Product Updates</a> </div> </li> <li class = "nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle text-white fw-normal " data-bs-toggle="dropdown">Technical Support</a> <div class="dropdown-menu pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item py-1 text-secondary" href="/technical">Technical Support Home</a> <hr class = "my-2"> <a class = "dropdown-item py-1 text-secondary" href="/technical/browse">Technical Documents</a> <a class = "dropdown-item py-1 text-secondary" href="/technical/faq">FAQ</a> <a class = "dropdown-item py-1 text-secondary" href="/technical/status"> <i class = "bi bi-circle-fill text-green align-middle ms-2 float-end"></i> Database Status </a> </div> </li> <li class = "nav-item dropdown ms-3"> <a class="nav-link dropdown-toggle text-white fw-normal " data-bs-toggle="dropdown">Tools</a> <div class="dropdown-menu dropdown-menu-end pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item py-1 text-secondary" href="/tools/">Tools Home</a> <hr class = "my-2"> <a class = "dropdown-item py-1 text-secondary" href="/tools/aml">AccessMyLibrary</a> <a class = "dropdown-item py-1 text-secondary" href="/tools/galeadmin">Gale Admin</a> <a class = "dropdown-item py-1 text-secondary" href="/tools/galepages">Gale Pages</a> <a class = "dropdown-item py-1 text-secondary" href="/tools/usagedashboard">Usage Dashboard</a> </div> </li> <li class = "nav-item dropdown ms-3"> <a href="#" class="nav-link dropdown-toggle text-white fw-normal active" data-bs-toggle="dropdown">Connect With Us</a> <div class="dropdown-menu dropdown-menu-end pt-2 px-2 pb-3 bg-white border border-secondary border-top-0 rounded-0 mt-0"> <a class = "fw-bold dropdown-item py-1 text-secondary" href="/connect">Connect With Us Home</a> <hr class = "my-2"> <a class = "dropdown-item py-1 text-secondary" href="/connect/academic">Academic Outreach & Engagement</a> <a class = "dropdown-item py-1 text-secondary" href="/connect/success">Customer Success Manager</a> <a class = "dropdown-item py-1 text-secondary" href="/connect/support">Customer Support</a> <a class = "dropdown-item py-1 text-secondary" href="/connect/reps">Find Your Rep</a> <a class = "dropdown-item py-1 text-secondary" href="/technical">Technical Support</a> </div> </li> </ul> </div> </div> </nav> <div id = "page-hero" class = "container-fluid hero-connect pt-5"> <div class = "row pt-5 mt-5"> <div class = "col-md-3 bg-primary"> <h1 class = "h2 py-3 ps-3 m-0">Connect with Us</h1> </div> </div> <div id = "page-header" class = "row text-white ps-3 pt-3 pb-2"> <div class = "col-xs-12 col-md-9"> <h2 class = "h3">WE'VE GOT YOU COVERED</h2> <p class = "mb-2"></p> </div> </div> </div> <main id = "main"> <section class = "container-fluid bg-magma"> <div class = "container pt-5 mb-5 pb-5"> <a href = "academic.php" class = "card-link text-decoration-none"> <div class="card card-home mb-4"> <div class="row g-0"> <div class="d-none d-md-block col-md-5 col-lg-4 col-xl-3"> <img src="https://assets.gale.com/support/cards/connect-aoe.png" class="img-fluid rounded-start" alt="..."> </div> <div class="col-md"> <div class="card-body"> <h3 class = "h4 text-primary">Academic Outreach</h3> <p class="card-text">Partner with your Training & Engagement Specialist on Gale's dedicated Academic Outreach and Engagement team to drive usage and awareness of Gale resources across your campus.</p> </div> </div> </div> </div> </a> <a href = "success.php" class = "card-link text-decoration-none"> <div class="card card-home mb-4"> <div class="row g-0"> <div class="d-none d-md-block col-md-5 col-lg-4 col-xl-3"> <img src="https://assets.gale.com/support/cards/connect-csm.png" class="img-fluid rounded-start" alt="..."> </div> <div class="col-md"> <div class="card-body"> <h3 class = "h4 text-primary">Customer Success Manager</h3> <p class="card-text">Customer Success managers are dedicated to ensuring you get the most out of your partnership with Gale. Together we can provide the tools necessary to help learners thrive.</p> </div> </div> </div> </div> </a> <a href = "reps.php" class = "card-link text-decoration-none"> <div class="card card-home mb-4"> <div class="row g-0"> <div class="d-none d-md-block col-md-5 col-lg-4 col-xl-3"> <img src="https://assets.gale.com/support/cards/connect-reps.png" class="img-fluid rounded-start" alt="Find My Rep"> </div> <div class="col-md"> <div class="card-body"> <h3 class = "h4 text-primary">Find Your Rep</h3> <p class="card-text">For more information about Gale products and how to purchase, contact your Sales Representative.</p> </div> </div> </div> </div> </a> <a href = "support.php" class = "card-link text-decoration-none"> <div class="card card-home mb-4"> <div class="row g-0"> <div class="d-none d-md-block col-md-5 col-lg-4 col-xl-3"> <img src="https://assets.gale.com/support/cards/connect-customersupport.png" class="img-fluid rounded-start" alt="Customer Support"> </div> <div class="col-md"> <div class="card-body"> <h3 class = "h4 text-primary">Customer Support</h3> <p class="card-text">For help with account administration such as order status, billing, invoicing and more sign in to My Account or contact Customer Experience.</p> </div> </div> </div> </div> </a> <a href = "/technical" class = "card-link text-decoration-none"> <div class="card card-home mb-4"> <div class="row g-0"> <div class="d-none d-md-block col-md-5 col-lg-4 col-xl-3"> <img src="https://assets.gale.com/support/cards/connect-technical.png" class="img-fluid rounded-start" alt="Technical Services"> </div> <div class="col-md"> <div class="card-body"> <h3 class = "h4 text-primary">Technical Support</h3> <p class="card-text">Contact us for assistance on technical issues with your Gale products. Technical support is available around the clock from our U.S.-based team.</p> </div> </div> </div> </div> </a> </div> </section> </main> <footer class="container-fluid mt-5 bg-light pt-3 border-top border-bottom d-print-none" id = "footer"> <div class = "container mb-4"> <div class="row py-1 g-5"> <div class="d-none d-md-block col-sm-2"> <div> <div class = "fs-5 text-dark mb-2">COMPANY</div> <ul class="list-unstyled"> <li><a href="https://www.gale.com/about" class = "text-secondary" target = "_blank" rel = "noopener">About</a> </li> <li><a href="https://blog.gale.com" class = "text-secondary" target = "_blank" rel = "noopener">Blog</a> </li> <li><a href="https://www.gale.com/events/" class = "text-secondary" target = "_blank" rel = "noopener">Events</a> </li> <li><a href="https://www.gale.com/newsroom" class = "text-secondary" target = "_blank" rel = "noopener">News</a> </li> <li><a href="https://www.cengage.com/careers/" class = "text-secondary" target = "_blank" rel = "noopener">Careers</a> </li> <li><a href="https://www.gale.com/license" class = "text-secondary" target = "_blank" rel = "noopener">Partnerships</a> </li> <li><a href="https://www.gale.com/contact" class = "text-secondary" target = "_blank" rel = "noopener">Contact Us</a> </li> </ul> </div> </div> <div class="d-none d-md-block col-2"> <div> <div class = "fs-5 text-dark mb-2">MARKETS</div> <ul class="list-unstyled"> <li><a href="https://www.gale.com/academic" class = "text-secondary" target = "_blank" rel = "noopener">Academic</a> </li> <li><a href="https://www.gale.com/schools" class = "text-secondary" target = "_blank" rel = "noopener">Schools</a> </li> <li><a href="https://www.gale.com/public" class = "text-secondary" target = "_blank" rel = "noopener">Public</a> </li> <li><a href="https://www.gale.com/special" class = "text-secondary" target = "_blank" rel = "noopener">Government + Special</a> </li> </ul> </div> </div> <div class="d-none d-md-block col-2"> <div> <div class = "fs-5 text-dark mb-2">PRODUCTS</div> <ul class="list-unstyled"> <li> <a href="https://www.gale.com/primary-sources" class = "text-secondary" target = "_blank" rel = "noopener">Primary Sources</a> </li> <li> <a href="https://www.gale.com/databases" class = "text-secondary" target = "_blank" rel = "noopener">Databases</a> </li> <li> <a href="https://www.gale.com/elearning" class = "text-secondary" target = "_blank" rel = "noopener">eLearning</a> </li> <li> <a href="https://www.gale.com/gvrl" class = "text-secondary" target = "_blank" rel = "noopener">eBooks</a> </li> <li> <a href="https://www.gale.com/s?result-type=ebooks&mediaType=Print" class = "text-secondary" target = "_blank" rel = "noopener">Print</a> </li> <li> <a href="https://gale.com/thorndike" class = "text-secondary" target = "_blank" rel = "noopener">Thorndike Press</a> </li> <li> <a href="https://gale.com/fivestar" class = "text-secondary" target = "_blank" rel = "noopener">Five Star</a> </li> </ul> </div> </div> <div class="d-none d-md-block col-2"> <div> <div class = "fs-5 text-dark mb-2">SUPPORT</div> <ul class="list-unstyled"> <li> <a href="https://support.gale.com" class = "text-secondary">Support Home</a> </li> <li> <a href="https://support.gale.com/marketing" class = "text-secondary">Market Your Products</a> </li> <li> <a href="https://www.cengage.com/repfinder/gale/" class = "text-secondary" target = "_blank" rel = "noopener">Find Your Rep</a> </li> <li> <a href="https://support.gale.com/training" class = "text-secondary">Training</a> </li> <li> <a href="https://support.gale.com/technical" class = "text-secondary">Tech Support</a> </li> <li> <a href="https://admin.gale.com/galeadmin/login.gale" class = "text-secondary" target = "_blank" rel = "noopener">Gale Admin</a> </li> <li> <a href="https://info.cengage.com/LP%3D5633" class = "text-secondary" target = "_blank" rel = "noopener">Do Not Sell</a> </li> <li> <a href="https://www.gale.com/accessibility" class = "text-secondary" target = "_blank" rel = "noopener">Accessibility</a> </li> </ul> </div> </div> <div class="col-xs-12 col-md-4 mb-5 mb-md-0"> <div class = "fs-5 text-dark mb-2">CONNECT WITH GALE</div> <ul class="list-unstyled"> <li> <a class = "me-1" href="https://www.facebook.com/GaleCengage/" target = "_blank" rel = "noopener" aria-label = "Cengage on Facebook"><i class="fs-3 bi bi-facebook text-secondary"> </i><span class="sr-only"></span></a> <a class = "me-1" href="https://www.linkedin.com/company/gale" target = "_blank" rel = "noopener" aria-label = "Cengage on Linkedin"><i class="fs-3 bi bi-linkedin text-secondary"> </i><span class="sr-only"></span></a> <a class = "me-1" href="https://x.com/galecengage" target = "_blank" rel = "noopener" aria-label = "Cengage on X"><i class="fs-3 bi bi-twitter-x text-secondary"> </i><span class="sr-only"></span></a> <a class = "me-1" href="https://www.youtube.com/user/GaleCengage" target = "_blank" rel = "noopener" aria-label = "Cengage on Youtube"><i class="fs-3 bi bi-youtube text-secondary"> </i><span class="sr-only"></span></a> </li> <br/> <li> <i class = "text-dark fw-bold">For quick support in the U.S. and Canada</i><br/> <a href="tel:1-800-877-4253" class = "text-secondary">1-800-877-4253</a><br/> <a href="/cdn-cgi/l/email-protection#cfa8aea3aae1bbaaaca7a1a6acaea3bcbabfbfa0bdbb8facaaa1a8aea8aae1aca0a2" class = "text-secondary"><span class="__cf_email__" data-cfemail="b1d6d0ddd49fc5d4d2d9dfd8d2d0ddc2c4c1c1dec3c5f1d2d4dfd6d0d6d49fd2dedc">[email protected]</span></a> </li> </ul> </div> </div> </div> </footer> <div class="container-fluid bg-light mt-1 py-2 border-top d-print-none fixed-bottom"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center col-md-4 text-md-start"> © 2024 Gale, part of <a href = "https://www.cengage.com/">Cengage Group</a> </div> <div class="col-xs-12 text-center col-md-8 text-md-end"> <a href="https://www.cengagegroup.com/legal/terms-gale/"> <strong>TERMS OF USE</strong></a> | <a href="https://www.cengagegroup.com/privacy/"> <strong>PRIVACY</strong> </a> | <a href="https://www.gale.com/subscribe"> <strong>SUBSCRIBE</strong> </a> </div> </div> </div> </div> <!-- PRINTER FOOTER --> <div class="container-fluid bg-light mt-1 py-2 border-top d-none d-print-block fixed-bottom"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center col-md-4 text-md-start"> © 2024 Gale, part of <a href = "https://www.cengage.com/">Cengage Group</a> </div> </div> </div> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> $(document).ready(function() { $(".js-product-select").on('change', function() { var id = $(this).val(); var section = $(this).attr("data-section"); var link = "/" + section + "/products/" + id; window.location.href = link; }); $("#js-setting-market").on('change', function() { var id = $(this).val(); url = "/actions/setting.php?setting=market&value=" + id; $("#switch-spin").removeClass("d-none"); $.get(url, function(data) { var link = window.location.href.split('?')[0]; /* if (id != "") { link+= "?market=" + id; } */ window.location.href = link; //location.reload(); }); }); $(".js-setting").change(function() { var val = ""; var setting = $(this).attr("data-setting"); if ($(this).is(":checked")) { val = 1; } else { val = 0; } $("#switch-spin").removeClass("d-none"); url = "/actions/setting.php?setting=" + setting + "&value=" + val; $.get(url, function(data) { // RELOAD PAGE WITHOUT PARAMS var link = window.location.href.split('?')[0]; window.location.href = link; }); }); $("#js-sub").change(function() { var id = $(this).val(); var link = id; location.href = link; }); $('.toast').toast('show'); // bootstrap: initiate popover $('[data-bs-toggle="popover"]').popover({ trigger: "hover", delay: { "show" : 100, "hide" : 0 }, html: true }) $('[data-bs-toggle="popover-click"]').popover({ delay: { "show" : 100, "hide" : 0 }, html: true }) /* BOOTSTRAP MODAL SCRIPTS */ /* MODAL CLEAR ) */ $('#myModal').on('shown.bs.modal', function () { $('#myInput').trigger('focus'); }) $('body').on('hidden.bs.modal', '.modal', function () { $(this).removeData('bs.modal'); }); // MODAL TRIGGER FOR OPENING MODAL IN A NEW WINDOW $('.js-modal').on('click',function() { var url = $(this).attr("data-link"); var size = $(this).attr("data-size"); if (size == "undefined") { size = "" } size = "modal-" + size; url = encodeURI(url); $(".modal-dialog").removeClass("modal-lg"); $(".modal-dialog").removeClass("modal-xl"); $(".modal-dialog").removeClass("modal-sm"); $(".modal-dialog").addClass(size); $('.modal-content').load(url,function() { //$('#myModal').addClass("d-block"); }); }); // MODAL TRIGGER FOR MODALS ON SAME PAGE (this is just to track the hit) $('.js-modal-in').on('click',function(){ // TRACK THE STAT var doc = $(this).attr("data-doc"); var url = "/doc/track.php?doc=" + doc; $.get( url, function( data ) { //alert(data); }); }); /* DISABLE NAV LINK */ $("#site-nav .nav-link.dropdown-toggle").click(function() { return false; }); $(".header-status-login").click(function() { return false; }); /* ============== clipboard power ================= */ // THIS ALLOWS THE COPY FEATURE TO WORK IN MODALS //$.fn.modal.Constructor.prototype._enforceFocus = function() {}; // THIS TRIGGERS THE COPY $(".js-copy").on('click',function(){ $(this).removeClass("bi-clipboard"); $(this).addClass("bi-clipboard-check"); }); var clipboard = new ClipboardJS('.js-copy'); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); e.clearSelection(); }); clipboard.on('error', function(e) { console.error('Action:', e.action); console.error('Trigger:', e.trigger); }); //////////////////////// // FILTERING /////////////////////// // FILTER INPUT FIELD $(".js-filter").bind("keyup change",function() { filter(); }); // FILTER ASSIGNED $(".js-filter-assigned").bind("click",function() { filter(); }); // FILTER CATEGORIES $(".js-filter-cat").bind("click",function() { filter(); }); $(".js-filter-market").bind("click",function() { filter(); }); // FILTER NEW $(".js-filter-new").bind("click",function() { filter(); }); // FILTER UPDATED $(".js-filter-updated").bind("click",function() { filter(); }); // FILTER NEW $(".js-filter-owner").bind("click",function() { filter(); }); // MARC FILTERS $(".js-filter-invoice").bind("click",function() { marc_reset(); filter(); }); $(".js-filter-date").bind("click",function() { marc_reset(); filter(); }); // PRODUCT UPDATES FILTER // WHEN PRODUCT CLICKED, ADD IT TO THE FILTER AND DO A SEARCH $(".js-product").on("click",function() { var product = $(this).attr("data-product"); $("#topic").val(product); // CALL THE FILTER FUNCTION filter(); }); function filter() { // GET ASSIGNED var assigned = ""; if ($(".js-filter-assigned").is(":checked")) { assigned = 1; } // GET CATS var cats = []; var cat = ""; $(".js-filter-cat").each(function() { if ($(this).is(":checked")) { cat = $(this).val(); cats.push(cat); } if ($(this).is(":selected")) { cat = $(this).val(); cats.push(cat); } }); // NEW TAG var filternew = ""; $(".js-filter-new").each(function() { if ($(this).is(":checked")) { filternew = $(this).val(); } }); var filterupdated = ""; $(".js-filter-updated").each(function() { if ($(this).is(":checked")) { filterupdated = $(this).val(); } }); // PARENT TAG var filterowner = ""; $(".js-filter-owner").each(function() { if ($(this).is(":checked")) { filterowner = $(this).val(); } }); // MARKET TAG var filtermarket = ""; $(".js-filter-market").each(function() { if ($(this).is(":checked")) { filtermarket = $(this).val(); } }); // GET SEARCH var filter = $(".js-filter").val(); filter = filter.toLowerCase(); filter = filter.replace(/ /g, "_"); filter = filter.replace(/&/g, "_"); // NOW WE DO OUR FILTERING // SHOW ALL $(".js-filter-item").removeClass("d-none"); // 1) assigned filter if (assigned === 1) { $(".js-filter-item").not( "[data-assigned='assigned']").addClass("d-none"); } // 2) filter to only show the cats selected // go through each item that's still not hidden. hide it, then show it if it's in any class if (cats.length > 0) { $(".js-filter-item").each(function() { if ($(this).hasClass("d-none")) { } else { // THEY WEREN'T HIDDEN, SO NOW WE CAN CHECK IF THEY HAVE THIS CAT $(this).addClass("d-none"); for (i=0;i<cats.length;i++) { cat = cats[i]; // THIS IS KIND OF UGLY - BUT IT CHECKS ALL POSSIBLE CATEGORIES if ($(this).attr("data-cat") == cat || $(this).attr("data-family") == cat || $(this).attr("data-phase") == cat || $(this).attr("data-invoice") == cat || $(this).attr("data-date") == cat) { $(this).removeClass("d-none"); } // MARKETS if (this.hasAttribute("data-markets")) { if ($(this).attr("data-markets").includes(cat)) { $(this).removeClass("d-none"); } } } } }); // $(this).attr("data-markets").includes(cat) //$(".js-filter-item").not( "[data-cat" + cats + "]").addClass("d-none"); } // MARC OPTIONS // NEW TAG if (filternew != "") { $(".js-filter-item").not( "[data-new=" + filternew + "]").addClass("d-none"); } if (filterupdated != "") { $(".js-filter-item").not( "[data-updated=" + filterupdated + "]").addClass("d-none"); } // PARENT (consortium) OPTION if (filterowner != "") { $(".js-filter-item").not( "[data-owner=" + filterowner + "]").addClass("d-none"); } // 3) filter search if (filter != "") { $(".js-filter-item").not( "[data-item*=" + filter + "]").addClass("d-none"); } // GROUP HEADER HIDE (ON THEME PAGE ONLY) $(".js-group-header").addClass("d-none"); if (filter === "" && cat.length === 0 && filternew === "" && filterupdated === "") { $(".js-group-header").removeClass("d-none"); } } /* --------------------------------- MARC RECORDS ----------------------------------*/ // INITIATE VALUES var folder = ""; // assets folder (type of marc record) var counter = 0; // # of titles selected var arr_ids = []; // list of titles selected; var message = ""; // message response // DISPLAY INITIAL COUNTER $("#js-marc-counter").html(counter); // (checkbox) SELECT / DESELECT ALL TITLES $(".js-marc-pickall").on("click",function() { $('.js-marc-check:visible').not(this).prop('checked', this.checked); marc_prep(); }); // (checkbox) SELECT / DESELECT ONE TITLE $('.js-marc-check').on('change',marc_prep); // RESET MARC CHECKBOXES AND DOWNLOAD BUTTON function marc_reset() { // uncheck all checks $("input:checkbox").each(function() { this.checked = false; }); // disable andn set counter to 0 $("#js-marc-merge").prop('disabled', true); $("#js-marc-counter").html(0); } // (checkbox) GET ALL SELECTED TITLES. CHANGE COUNTER AND ID LIST function marc_prep() { // reset counter counter = 0; arr_ids = []; $('input:checkbox:checked:not(.js-marc-pickall)').each(function () { arr_ids.push($(this).val); // add to id array counter++; // add to counter }); // TOGGLE SUBMIT BUTTON if (counter > 0) { $("#js-marc-merge").prop('disabled', false); } else { $("#js-marc-merge").prop('disabled', true); } // SHOW NEW COUNTER $("#js-marc-counter").html(counter); }; // MERGE TITLES $("#js-marc-merge").click(function() { var button = $(this); var folder = $(this).attr("data-folder"); button.html("Merging Records <i class = 'my-auto spinner-border spinner-border-sm text-white'></i>"); var records = $("#form-marc").serialize(); var url_merge = "/marc/actions/merge.php?folder=" + folder; $.post(url_merge, records, function(data) { console.log(data); if (data == "success") { button.removeClass("btn-secondary"); button.addClass("btn-green"); button.html("Merge Completed"); } // EXPORT THE DATA TO FILE var url2 = "/marc/actions/export.php"; location.href = url2; }); }); // CUSTOMIZE ONE RECORD $(".js-marc-one").click(function() { var button = $(this); button.removeClass("bi-cloud-arrow-down"); button.html("<i class = 'text-primary spinner-border spinner-border-sm'></i>"); var record = $(this).attr("data-record"); var folder = $(this).attr("data-folder"); var url = "/marc/actions/merge.php?folder=" + folder + "&record=" + record; $.post(url, function(data) { if (data == "success") { button.removeClass("btn-secondary"); button.html("<i class = 'bi bi-cloud-check-fill'></i>"); } // EXPORT THE DATA TO FILE var url2 = "/marc/actions/export.php"; location.href = url2; }); }); // EXPORT BUTTON $(".js-export").click(function() { $(this).removeClass("btn-secondary"); $(this).addClass("btn-green"); var url = "/actions/export.php"; location.href = url; $(this).html("Export Complete"); }); // EXPORT BUTTON $(".js-export2").click(function() { $(this).removeClass("btn-maroon"); $(this).addClass("btn-green"); var url = "/actions/export2.php"; location.href = url; $(this).html("Export Complete"); }); /* WIDGETS */ // COPY HTML // we get the HTML of the widget one CLICK at a time $(".js-widget-tab-html").click(function() { // GET THE ID AND DIVS WE WILL COPY THE HTML TO var id = $(this).attr("data-id"); var copyDiv = "#js-copy-" + id; var viewDiv = "#js-view-" + id; // GET THE HTML var url = $(this).attr("data-link"); url = url+"&from=galepages"; url = encodeURI(url); $.get(url, function(data) { data_view = "<textarea disabled class = 'widget'>" + data + "</textarea>"; // NOW ADD DATA TO THE DOM $(copyDiv).attr("data-clipboard-text",data); $(viewDiv).html(data_view); }); }); }); </script> <!-- Global site tag (gtag.js) - Google Analytics --> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-45644640-1"></script> <script> //window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-45644640-1'); gtag('config', 'G-4EN4GYMTDV'); </script> <div class="modal fade container" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <!-- AJAX MODAL PAGES WILL LOAD HERE --> </div> </div> </div> </body> </html>