CINXE.COM
support.gale.com
<!doctype html> <html lang="en"> <head> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'page_name': 'Home', 'page_section': 'Home' }); </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="Welcome to support.gale.com. Get the most from your investment with no-cost support. Hundreds of choices include everything from widgets and posters to training and your own personalized website."> <title>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 = "mt-2"> <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/public' 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 active" 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/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 " 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> <main id = "main"> <div id = "page-hero" class = "container-fluid hero-home 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">Gale Support</h1> </div> </div> <div id = "page-header" class = "row text-white ps-3 pt-3 pb-2"> <div class = "col-12 col-md text-white"> <h2 class = "h3 pt-1 pb-2 m-0">TOOLS FOR SUCCESS</h2> <p class = "mb-2 d-none d-md-block" style = "font-size:110%">Access tools to manage and promote your Gale resources. Direct URLs and MARC records simplify access, Gale Pages improve resource discovery, and promotional and training materials make it easy to reach new learners.</p> </div> <div class = "col-md-5 col-lg-4 px-4"> <label class = "d-none d-lg-block text-white mb-1">Log in:</label> <form action = "" method = "get"> <div class = "input-group"> <label for = "loc" class = "d-none">Loc</label> <input name = "loc" id = "loc" type="text" class="form-control home-input input-lg py-1 rounded" placeholder="Enter Your Location ID" aria-label = "Enter Your Location ID" autofocus> <button class="btn btn-orange px-3 py-1" type = "submit" aria-label="Enter" ><i class = "bi bi-arrow-right-circle fs-5"></i></button> </div> <!--input-group--> <a class = "hero-menu-link my-2 btn btn-primary btn-sm text-white" href = "/locid"><i class= "bi bi-search"></i> Find Your Location</a> </form> </div> </div> </div> <section class = "container-fluid bg-white"> <div class = "container pb-1 pt-3"> <div class="card py-3 border-0"> <div class = "row"> <div class = "col-xs-12 col-lg-4 d-none d-lg-block"> <a href = "/products" class = "text-white"> <img class="card-img-top border rounded" src="https://assets.gale.com/support/cards/home-products.png" alt="Laptop being viewed"> </a> </div> <div class = "col-xs-12 col-lg"> <h3 class = "card-header mt-0 mb-3 p-0 bg-white border-0"> <a href = "products" class = "h2 mt-0 mb-2 text-primary">Browse Products</a> </h3> <div class="card-body mb-4 p-0"> <p class="card-text">Save time when you鈥檙e implementing a new library solution—select your Gale product to access a one-stop shop of support materials. <a class = "text-decoration-underline" href = "/products/">View All Products <i class = "bi bi-chevron-right"></i></a></p> </div> <div class = "d-flex mb-4 small"> <div class = "me-3"> <a href = "/urls" class = "btn btn-secondary rounded-5"> <i class = "bi bi-link-45deg"></i> Direct Links </a> </div> <div class = "me-3"> <a href = "/icons" class = "btn btn-secondary rounded-5"> <i class = "bi bi-square"></i> Icons </a> </div> <div class = "me-3"> <a href = "/tlist" class = "btn btn-secondary rounded-5"> <i class = "bi bi-list"></i> Title Lists </a> </div> <div class = "me-3 d-none d-md-block"> <a href = "/marc" class = "btn btn-secondary rounded-5"> <i class = "bi bi-bookmark"></i> MaRC Records </a> </div> <div class = "me-3 d-none d-md-block"> <a href = "/vpats" class = "btn btn-secondary rounded-5"> <i class = "bi bi-eye"></i> VPats </a> </div> </div> </div> </div> </div> </div> </section> <section class = "container-fluid bg-magma"> <div class = "container py-4"> <h3 class = "h3 mb-4 text-primary">Explore Your Support Options</h3> <div class = "row row-cols-1 row-cols-md-3"> <div class = "col mb-3"> <a href = "/training" class = "card-link text-decoration-none"> <div class="card card-home h-100 p-3 border-0"> <img class="card-img-top" src="https://assets.gale.com/support/cards/home-training.png" alt="Training Materials"> <div class = "card-header px-0 bg-white border-0"> <h4 class = "mb-0 py-2 pb-1 text-dark">Training Center</h4> </div> <div class="card-body p-0"> <p class="card-text">Get started and build expertise—explore on-demand tools to take usage of Gale resources to the next level.</p> </div> </div> </a> </div> <div class = "col mb-3"> <a href = "/marketing" class = "card-link text-decoration-none"> <div class="card card-home h-100 p-3 border-0"> <img class="card-img-top" src="https://assets.gale.com/support/cards/home-marketing.png" alt=""> <div class = "card-header px-0 bg-white border-0"> <h4 class = "mb-0 py-2 pb-1 text-dark">Marketing Materials</h4> </div> <div class="card-body p-0"> <p class="card-text">Promote your Gale resource within your library, online, via social media and more.</p> </div> </div> </a> </div> <div class = "col mb-3"> <a href = "/technical" class = "card-link text-decoration-none"> <div class="card card-home h-100 p-3 border-0"> <img class="card-img-top" src="https://assets.gale.com/support/cards/home-technical.png" alt=""> <div class = "card-header px-0 bg-white border-0"> <h4 class = "mb-0 py-2 pb-1 text-dark">Technical Support</h4> </div> <div class="card-body p-0"> <p class="card-text">Unlock your library's true potential and streamline your services like never before with our innovative solutions and personalized support.</p> </div> </div> </a> </div> </div> </div> </section> <section class = "container-fluid"> <div class = "container pb-4"> <div class = "row g-5"> <div class = "col-xs-12 col-lg mb-4"> <h3 class = "h4 pt-4 pb-3 text-primary"> Most Viewed Material This Week </h3> <nav id = "page-tabs" class="nav nav-tabs d-none d-lg-flex" role="tablist"> <btn class="nav-link bg-light border-bottom active border me-3" data-bs-toggle="tab" data-bs-target="#featured-all" role="tab" aria-controls="general" aria-selected="true">All Documents</btn> <btn class="nav-link bg-light border-bottom me-3 border" data-bs-toggle="tab" data-bs-target="#featured-marketing" role="tab" aria-controls="general" aria-selected="true">Training</btn> <btn class="nav-link bg-light border-bottom me-3 border" data-bs-toggle="tab" data-bs-target="#featured-training" role="tab" aria-controls="general" aria-selected="true">Marketing</btn> <btn class="nav-link bg-light border-bottom me-3 border" data-bs-toggle="tab" data-bs-target="#featured-technical" role="tab" aria-controls="general" aria-selected="true">Technical</btn> </nav> <div class="tab-content p-1 border-0"> <div class = "tab-pane show active" id = "featured-all"> <table class = "table p-3 mt-3"> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-1-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/sushi" data-id = "sushi" data-name = "SUSHI Usage Reports" aria-label="SUSHI Usage Reports"> SUSHI Usage Reports </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/sushi" data-id = "sushi" data-name = "SUSHI Usage Reports" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-2-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video1" data-id = "galetools-video1" data-name = "Gale Tools - Cite" aria-label="Gale Tools - Cite"> Gale Tools - Cite </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video1" data-id = "galetools-video1" data-name = "Gale Tools - Cite" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-3-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video6" data-id = "galetools-video6" data-name = "Gale Tools - Topic Finder" aria-label="Gale Tools - Topic Finder"> Gale Tools - Topic Finder </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video6" data-id = "galetools-video6" data-name = "Gale Tools - Topic Finder" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-4-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/ovic-video1" data-id = "ovic-video1" data-name = "Gale In Context: Opposing Viewpoints - Topic Pages" aria-label="Gale In Context: Opposing Viewpoints - Topic Pages"> Gale In Context: Opposing Viewpoints - Topic Pages </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/ovic-video1" data-id = "ovic-video1" data-name = "Gale In Context: Opposing Viewpoints - Topic Pages" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-5-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/openurl" data-id = "openurl" data-name = "How do I construct an OpenURL for Gale content?" aria-label="How do I construct an OpenURL for Gale content?"> How do I construct an OpenURL for Gale content? </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/openurl" data-id = "openurl" data-name = "How do I construct an OpenURL for Gale content?" aria-label = "view" title = "view"></a> </td> </tr> </table> </div> <div class = "tab-pane" id = "featured-training"> <table class = "table p-3 mt-3"> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-1-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video1" data-id = "galetools-video1" data-name = "Gale Tools - Cite" aria-label="Gale Tools - Cite"> Gale Tools - Cite </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video1" data-id = "galetools-video1" data-name = "Gale Tools - Cite" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-2-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video6" data-id = "galetools-video6" data-name = "Gale Tools - Topic Finder" aria-label="Gale Tools - Topic Finder"> Gale Tools - Topic Finder </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video6" data-id = "galetools-video6" data-name = "Gale Tools - Topic Finder" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-3-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/ovic-video1" data-id = "ovic-video1" data-name = "Gale In Context: Opposing Viewpoints - Topic Pages" aria-label="Gale In Context: Opposing Viewpoints - Topic Pages"> Gale In Context: Opposing Viewpoints - Topic Pages </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/ovic-video1" data-id = "ovic-video1" data-name = "Gale In Context: Opposing Viewpoints - Topic Pages" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-4-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video3" data-id = "galetools-video3" data-name = "Gale Tools - Downloading and Sending to Google Drive and OneDrive" aria-label="Gale Tools - Downloading and Sending to Google Drive and OneDrive"> Gale Tools - Downloading and Sending to Google Drive and OneDrive </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video3" data-id = "galetools-video3" data-name = "Gale Tools - Downloading and Sending to Google Drive and OneDrive" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-5-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/galetools-video2" data-id = "galetools-video2" data-name = "Gale Tools - Highlights and Notes" aria-label="Gale Tools - Highlights and Notes"> Gale Tools - Highlights and Notes </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/galetools-video2" data-id = "galetools-video2" data-name = "Gale Tools - Highlights and Notes" aria-label = "view" title = "view"></a> </td> </tr> </table> </div> <div class = "tab-pane" id = "featured-marketing"> <table class = "table p-3 mt-3"> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-1-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/aml" data-id = "aml" data-name = "Access My Library OneSheet" aria-label="Access My Library OneSheet"> Access My Library OneSheet </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/aml" data-id = "aml" data-name = "Access My Library OneSheet" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-2-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/gale-in-context-opposing-viewpoints-bookmark" data-id = "gale-in-context-opposing-viewpoints-bookmark" data-name = "Gale In Context: Opposing Viewpoints Bookmark" aria-label="Gale In Context: Opposing Viewpoints Bookmark"> Gale In Context: Opposing Viewpoints Bookmark </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/gale-in-context-opposing-viewpoints-bookmark" data-id = "gale-in-context-opposing-viewpoints-bookmark" data-name = "Gale In Context: Opposing Viewpoints Bookmark" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-3-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/ovic-socialmedia" data-id = "ovic-socialmedia" data-name = "Gale In Context Opposing Viewpoints Social Media Posts with Instructions" aria-label="Gale In Context Opposing Viewpoints Social Media Posts with Instructions"> Gale In Context Opposing Viewpoints Social Media Posts with Instructions </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/ovic-socialmedia" data-id = "ovic-socialmedia" data-name = "Gale In Context Opposing Viewpoints Social Media Posts with Instructions" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-4-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/bic-social-media-image-instagram-3" data-id = "bic-social-media-image-instagram-3" data-name = "Gale In Context: Biography Social Media Image - Instagram (600 x 600) - Option #3" aria-label="Gale In Context: Biography Social Media Image - Instagram (600 x 600) - Option #3"> Gale In Context: Biography Social Media Image - Instagram (600 x 600) - Option #3 </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/bic-social-media-image-instagram-3" data-id = "bic-social-media-image-instagram-3" data-name = "Gale In Context: Biography Social Media Image - Instagram (600 x 600) - Option #3" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-5-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/incontext-news-templates" data-id = "incontext-news-templates" data-name = "Gale In Context Email/ Newsletter Template Toolkit" aria-label="Gale In Context Email/ Newsletter Template Toolkit"> Gale In Context Email/ Newsletter Template Toolkit </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/incontext-news-templates" data-id = "incontext-news-templates" data-name = "Gale In Context Email/ Newsletter Template Toolkit" aria-label = "view" title = "view"></a> </td> </tr> </table> </div> <div class = "tab-pane" id = "featured-technical"> <table class = "table p-3 mt-3"> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-1-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/sushi" data-id = "sushi" data-name = "SUSHI Usage Reports" aria-label="SUSHI Usage Reports"> SUSHI Usage Reports </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/sushi" data-id = "sushi" data-name = "SUSHI Usage Reports" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-2-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/openurl" data-id = "openurl" data-name = "How do I construct an OpenURL for Gale content?" aria-label="How do I construct an OpenURL for Gale content?"> How do I construct an OpenURL for Gale content? </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/openurl" data-id = "openurl" data-name = "How do I construct an OpenURL for Gale content?" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-3-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/usage" data-id = "usage" data-name = "Gale Usage Reporting Overview" aria-label="Gale Usage Reporting Overview"> Gale Usage Reporting Overview </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/usage" data-id = "usage" data-name = "Gale Usage Reporting Overview" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-4-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/ezproxy" data-id = "ezproxy" data-name = "EZ-Proxy Configurations" aria-label="EZ-Proxy Configurations"> EZ-Proxy Configurations </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/ezproxy" data-id = "ezproxy" data-name = "EZ-Proxy Configurations" aria-label = "view" title = "view"></a> </td> </tr> <tr class = "align-middle"> <td class = "text-primary h5 td-sm"> <i class = "fs-4 bi bi-5-circle"></i> </td> <td style = "width:80%;"> <a class = "gtm-doc text-primary" href = "/doc/udemy_user_accounts" data-id = "udemy_user_accounts" data-name = "Gale Presents: Udemy User Account - Sign In Help" aria-label="Gale Presents: Udemy User Account - Sign In Help"> Gale Presents: Udemy User Account - Sign In Help </a> </td> <td class = "td-sm"> <a class = "gtm-doc bi bi-arrow-right-circle text-primary fs-4" href = "/doc/udemy_user_accounts" data-id = "udemy_user_accounts" data-name = "Gale Presents: Udemy User Account - Sign In Help" aria-label = "view" title = "view"></a> </td> </tr> </table> </div> </div> </div> </div> </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#dabdbbb6bff4aebfb9b2b4b3b9bbb6a9afaaaab5a8ae9ab9bfb4bdbbbdbff4b9b5b7" class = "text-secondary"><span class="__cf_email__" data-cfemail="1c7b7d70793268797f7472757f7d706f696c6c736e685c7f79727b7d7b79327f7371">[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>