No Fear Shakespeare | SparkNotes (2025)

`; } }); startIndex = i + 1; loaded++; } output += ``; document.querySelector('.hub-AZ-list').innerHTML += output; } /* Dynamic Font Size */ function dynamicFontSize() { const titleCardSize = document.querySelectorAll(".hub-AZ-list__card__title__link--full-card-link__text"); titleCardSize.forEach(singleTitleCard => { const singleTitleCardHeight = singleTitleCard.offsetHeight; if (singleTitleCardHeight > 231) { const newFontSize = Math.floor(231 / singleTitleCardHeight * parseInt(window.getComputedStyle(singleTitleCard).fontSize)); singleTitleCard.style.fontSize = newFontSize + "px"; } }); titleCardSize.forEach(singleTitleCard => { const singleTitleCardWidth = singleTitleCard.offsetWidth; if (singleTitleCardWidth > 141) { const newFontSize = Math.floor(141 / singleTitleCardWidth * parseInt(window.getComputedStyle(singleTitleCard).fontSize)); singleTitleCard.style.fontSize = newFontSize + "px"; } }); } /* filtering functions */ let channelSelected = "shakespeare"; let contentSelected = "NoFear"; let sortBySelected = "NormalizedTitle"; let sortOrderSelected = "ASC"; let genreSelected= ""; let searInputValue =""; const urlParams = new URLSearchParams(location.search); for (const [key, value] of urlParams) { if (key == "channelSelected") channelSelected = value; if (key == "contentSelected") contentSelected = value; if (key == "sortBySelected") sortBySelected = value; if (key == "sortOrderSelected") sortOrderSelected = value; if (key == "genreSelected") genreSelected = value; } let allTitlesArray = []; function runQuery(channel, content, sortBy, sortOrder, Genre) { $(document).ready(function () { startIndex = 0; allTitlesArray = []; let allHubDataDummyDiv = document.querySelector("#all-hub-data"); if (allHubDataDummyDiv) { allHubDataDummyDiv.innerHTML = ""; } //filter By Channel query if (channel) { if (channel == "all") channel = ""; channelSelected = channel; contentSelected = ""; genreSelected = ""; urlParams.set('channelSelected', channelSelected); urlParams.set('contentSelected', contentSelected); urlParams.set('genreSelected', genreSelected); history.pushState(null, null, "?" + urlParams.toString()); } let channelClause = ""; if (channelSelected) { channelClause = " WHERE Channel = '" + channelSelected + "'"; } //Filter by Content type query if (content) { contentSelected = content; urlParams.set('contentSelected', contentSelected); history.pushState(null, null, "?" + urlParams.toString()); } let contentClause = ""; if (contentSelected) { if (channelClause) { contentClause = " AND " + contentSelected + " = 1"; } else { contentClause = " WHERE " + contentSelected + " = 1"; } } //Filter By Genre query if (Genre) { if (Genre == "all") Genre = ""; genreSelected = Genre; urlParams.set('genreSelected', genreSelected); history.pushState(null, null, "?" + urlParams.toString()); } let genreClause = ""; if (genreSelected) { if (channelClause) { genreClause = " AND Genre = '" + genreSelected + "'"; // with only channel } else if(contentClause) { genreClause = " AND Genre = '" + genreSelected + "'"; // With channel, content type } else { genreClause = " WHERE Genre = '" + genreSelected + "'"; } } // sort Author by last name if (sortBy) { sortBySelected = sortBy; urlParams.set('sortBySelected', sortBySelected); history.pushState(null, null, "?" + urlParams.toString()); } //sort order by Title if (sortOrder) { sortOrderSelected = sortOrder; urlParams.set('sortOrderSelected', sortOrderSelected); history.pushState(null, null, "?" + urlParams.toString()); } let sqlQuery = ""; if (searchFlag === "true") { // add query for hub specific search let searchQuery = ""; if (searInputValue) { searchQuery = " WHERE LOWER(Title) = '" + searInputValue + "' OR LOWER(Title) LIKE '"+searInputValue+"%' OR LOWER(Title) LIKE '%"+searInputValue+"%' OR LOWER(Genre) = '" + searInputValue + "'"; } sqlQuery = "SELECT * FROM hubpagedata " + searchQuery + ""; } else { sqlQuery = "SELECT * FROM hubpagedata" + channelClause + contentClause + genreClause + " ORDER BY UPPER(" + sortBySelected + ") " + sortOrderSelected + ", UPPER(NormalizedTitle) " + sortOrderSelected; } //console.log(sqlQuery); let stmt = db.prepare(sqlQuery); //stmt.getAsObject({$start:1, $end:1}); // {col1:1, col2:111} while (stmt.step()) { // const row = stmt.getAsObject(); if(sortBySelected === 'AuthorLastName') { if(row.AuthorLastName && row.AuthorLastName.charAt(0) !== '$') { row.firstLetter = row.AuthorLastName.charAt(0).toUpperCase(); allTitlesArray.push(row); } } else { row.firstLetter = row.NormalizedTitle.charAt(0).toUpperCase(); allTitlesArray.push(row); } } groupTitlesByLetter(); loadTitles(); dynamicFontSize(); /* * Scroll to previously saved scroll position */ if (hubScrollTop > 0) { document.body.scrollTop = parseInt(hubScrollTop, 10); } /* Gather totals and enable/disable buttons on what content is available */ let sqlTotal = ""; if (searchFlag === "true") { // add query for hub specific search let searchTotalCount = ""; if(searInputValue) { searchTotalCount = " WHERE LOWER(Title) = '" + searInputValue + "' OR LOWER(Title) LIKE '"+searInputValue+"%' OR LOWER(Title) LIKE '%"+searInputValue+"%' OR LOWER(Genre) = '" + searInputValue + "'"; } sqlTotal = "SELECT count(*) as records FROM hubpagedata" + searchTotalCount ; } else { sqlTotal = "SELECT count(*) as records FROM hubpagedata" + channelClause + contentClause + genreClause;; } //console.log(sqlTotal); stmt = db.prepare(sqlTotal); stmt.step(); const totalRecords = stmt.get(); //document.getElementById("status").innerHTML = "" + totalRecords + " records found - [" + sqlQuery + "]"; let sqlContentTotal = "SELECT sum(NoFear) as NoFear, sum(NoFearAudio) as NoFearAudio, sum(FlashCards) as FlashCards, " + "sum(MasteryQuiz) as MasteryQuiz, sum(Infographics) as Infographics, sum(FullTexts) as FullTexts, sum(GraphicNovels) as GraphicNovels, sum(TestPrep) as TestPrep " + "FROM hubpagedata" + channelClause; //console.log(sqlContentTotal); stmt = db.prepare(sqlContentTotal); stmt.step(); const totalByContent = stmt.getAsObject(); let genreDataArray =["Novels","Poetry","Short Stories","Drama","Philosophy","Non Fiction","Comedies","Histories","Tragedies"]; let countValueSubject = []; let sqlGenreCountTotal; for (let i=0; i < genreDataArray.length ; i++) { if (genreDataArray[i] && channelClause!="") { if (contentClause != "") { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata" + channelClause + contentClause + " AND Genre = '" + genreDataArray[i] + "'"; } else { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata where Genre = '" + genreDataArray[i] + "'"; ; } } else { if (contentClause === "") { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata where Genre = '" + genreDataArray[i] + "'" ; } else { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata"+ contentClause + " AND Genre = '" + genreDataArray[i] + "'" ; } } stmt = db.prepare(sqlGenreCountTotal); stmt.step(); const genreCountQuery = stmt.getAsObject(); countValueSubject[genreDataArray[i]] = genreCountQuery.Genre; } }); } function disableBtnBasedOnQuery(channel, content, sortBy, sortOrder, Genre) { $(document).ready(function () { let channelQueryClause = ""; countFlag = "true"; let contentQueryClause = ""; let setAllQuery = "false"; channelQueryClause = " WHERE Channel = 'shakespeare'"; //query for content type based on channel if (noFearGuide === "true") { if (channelQueryClause) { contentQueryClause = " AND NoFear = 1"; } else { contentQueryClause = "WHERE NoFear = 1"; } } let genreDataArray =["Comedies","Histories","Tragedies"]; let countValueSubject = []; let sqlGenreCountTotal; if (channelQueryClause === " WHERE Channel = 'shakespeare'") { setAllQuery = "true"; } else { setAllQuery = "false"; } for (let i=0; i < genreDataArray.length ; i++) { if ((genreDataArray[i] && channelQueryClause!="")) { if ((setAllQuery === "true")) { if (contentQueryClause != "") { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata WHERE Genre = '" + genreDataArray[i] + "'" + contentQueryClause; } else { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata where Genre = '" + genreDataArray[i] + "'"; } } else { if (contentQueryClause != "") { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata" + channelQueryClause + contentQueryClause + " AND Genre = '" + genreDataArray[i] + "'"; } else { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata " + channelQueryClause + "AND Genre = '" + genreDataArray[i] + "'"; } } } else { if (contentQueryClause === "") { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata where Genre = '" + genreDataArray[i] + "'" ; } else { sqlGenreCountTotal = "SELECT COUNT(Genre) as Genre FROM hubpagedata"+ contentQueryClause + " AND Genre = '" + genreDataArray[i] + "'" ; } } //console.log(sqlGenreCountTotal); stmt = db.prepare(sqlGenreCountTotal); stmt.step(); const genreCountQuery = stmt.getAsObject(); countValueSubject[genreDataArray[i]] = genreCountQuery.Genre; } //console.log(countValueSubject); let sqlContentTotal = "SELECT sum(NoFear) as NoFear, sum(NoFearAudio) as NoFearAudio, sum(FlashCards) as FlashCards, " + "sum(MasteryQuiz) as MasteryQuiz, sum(Infographics) as Infographics, sum(FullTexts) as FullTexts, sum(GraphicNovels) as GraphicNovels, sum(TestPrep) as TestPrep " + "FROM hubpagedata" + channelQueryClause; //console.log(sqlContentTotal); stmt = db.prepare(sqlContentTotal); stmt.step(); const totalByContent = stmt.getAsObject(); //console.log(totalByContent); }); } /* Load hub.db on page load */ let db; async function fetchSQLiteHubData() { const sqlPromise = initSqlJs({ locateFile: file => `/vendor/javascripts/sql-wasm.wasm` }); const dataPromise = fetch("/sqlite/hub.db").then(res => res.arrayBuffer()); const [SQL, buf] = await Promise.all([sqlPromise, dataPromise]) db = new SQL.Database(new Uint8Array(buf)); //console.log("loaded"); // load default view runQuery(); } fetchSQLiteHubData(); //Js code for click functions //subject filter functioanality let showActiveFilter = document.querySelector('.filter-section__subject-container__title-list'); let sortingSubjectList = document.querySelector('.show-subject'); let allUnactiveSubjectList = document.querySelectorAll('.show-subject__unactive-list'); let ActiveSubjectList = document.querySelector('.show-subject__active-list'); let hubReletedDataRef = document.querySelector(".hub-AZ-list"); let comediesBtn = document.querySelector("#comedies"); let historiesBtn = document.querySelector("#histories"); let tragediesBtn = document.querySelector("#tragedies"); let allSubjects = document.querySelector("#all_subjects"); let selectedGenre = document.querySelector(".shakespeare-filter-section__subject-container__title-list"); let activeSortingType = document.querySelector('.shakespeare-filter-section__sort-container__title-list'); let allSortValues = document.querySelectorAll('.shakespeare-show-sort li'); let azBtn = document.querySelector("#AZ-sort"); let zaBtn = document.querySelector("#ZA-sort"); let mobileHubFilter = document.querySelector('.mobile-all-shakespeare-guides'); let mobileSortFilterOverlay = document.querySelector(".hubRedesign_shakespeare__mobile__sortFilterContainer"); let mobileOverlayClose = document.querySelector('.hubRedesign_shakespeare__mobile__sortFilterContainer__close'); const html = document.querySelector('html'); let mobileApplyButton = document.querySelector('.hubRedesign_shakespeare__mobile__applyCTA'); let mobileClearAll = document.querySelector(".hubRedesign_shakespeare__mobile__sortFilterContainer__clearAllCTA"); let mobileSortAZ = document.querySelector(".mobileOrderASC"); let mobileSortDESC = document.querySelector(".mobileOrderDESC"); //set flag for subjects let popupAllSubjects = "false"; let popupHistories = "false"; let popupcomedies = "false"; let popupTragedies = "false"; let applyBtnClick = "false"; let modalCloseBtnClick = "false"; // set Flag For A-Z by Title and Author let titleByASC = "false"; let titleByDESC = "false"; //hideAD let hubInterValCount = 0; let hubpwIntervalIdVal = 0; //Ref of Subject Filter Class// let mobileAllSubjects = document.querySelector('.mobile_allSubjects'); let mobileComedies = document.querySelector('.mobile_comedies'); let mobileHistories = document.querySelector('.mobile_histories'); let mobileTragedies = document.querySelector('.mobile_tragedies'); let searchInput = document.querySelector('.shakespeare_hub_search'); if (searchInput) { // add query for hub specific search searchInput.addEventListener('keyup', function(event) { searInputValue = searchInput.value.toLowerCase(); if(searInputValue !=""){ searchFlag = "true"; runQuery('','','','','',searInputValue); } else { searchFlag = "false"; runQuery('','','','',''); } }); } //check url params if ant genre selected or not setTimeout(() => { if ((urlParams.get('sortOrderSelected') === "DESC")) { if (allSortValues.length) { allSortValues.forEach((item, i) => { if(item.classList.contains('shakespeare-show-sort__unactive-list')) { item.classList.replace('shakespeare-show-sort__unactive-list', 'shakespeare-show-sort__active-list'); item.querySelector('.shakespeare-show-sort__unactive-list__img').classList.replace('shakespeare-show-sort__unactive-list__img', 'shakespeare-show-sort__active-list__img'); } else { item.classList.replace('shakespeare-show-sort__active-list', 'shakespeare-show-sort__unactive-list'); item.querySelector('.shakespeare-show-sort__active-list__img').classList.replace('shakespeare-show-sort__active-list__img', 'shakespeare-show-sort__unactive-list__img'); } }); if (activeSortingType) { activeSortingType.innerText ="Title Z - A"; } } } if ((urlParams.get('genreSelected') === "")) { if (allSubjects) { allSubjects.click(); if (selectedGenre) { selectedGenre.innerText ="All"; } } } if ((urlParams.get('genreSelected') === "Comedies")) { if (comediesBtn) { comediesBtn.click(); if (selectedGenre) { selectedGenre.innerText ="Comedies"; } } } if ((urlParams.get('genreSelected') === "Histories")) { if (historiesBtn) { historiesBtn.click(); if (selectedGenre) { selectedGenre.innerText ="Histories"; } } } if ((urlParams.get('genreSelected') === "Tragedies")) { if (tragediesBtn) { tragediesBtn.click(); if (selectedGenre) { selectedGenre.innerText ="Tragedies"; } } } if ((urlParams.get('genreSelected') === "Tragedies")) { if (tragediesBtn) { tragediesBtn.click(); if (selectedGenre) { selectedGenre.innerText ="Tragedies"; } } } }, 400); function addActiveClassForSubjects() { if (popupAllSubjects === "true") { if (mobileAllSubjects) { mobileAllSubjects.classList.remove("mobileActiveSubjectFilter"); } } else if (popupHistories === "true") { if (mobileHistories) { mobileHistories.classList.remove("mobileActiveSubjectFilter"); } } else if (popupcomedies === "true") { if (mobileComedies) { mobileComedies.classList.remove("mobileActiveSubjectFilter"); } } else if (popupTragedies === "true") { if (mobileTragedies) { mobileTragedies.classList.remove("mobileActiveSubjectFilter"); } } } function addRemoveActiveClassSorting() { if (titleByASC === "true") { if (mobileSortAZ) { mobileSortAZ.classList.remove("mobileActiveSortFilter"); } } else if (titleByDESC === "true") { if (mobileSortDESC) { mobileSortDESC.classList.remove("mobileActiveSortFilter"); } } } function setValueForFlag() { if (mobileComedies) { mobileComedies.classList.remove("mobileActiveSubjectFilter"); } if (mobileHistories) { mobileHistories.classList.remove("mobileActiveSubjectFilter"); } if (mobileTragedies) { mobileTragedies.classList.remove("mobileActiveSubjectFilter"); } if (mobileAllSubjects) { mobileAllSubjects.classList.add("mobileActiveSubjectFilter"); } } function setFlagvalueFalse() { //set flag for subjects popupAllSubjects = "true"; popupcomedies = "false"; popupHistories = "false"; popupTragedies = "false"; } function hubhidePWFromModal() { hubInterValCount++; if (ramp && typeof ramp.hideAdSlot === "function" && typeof ramp.settings.slots['pw-oop-bottom_rail'] !== 'undefined' && !isSubscribedUser) { ramp.hideAdSlot('pw-oop-bottom_rail'); // no-ads will change to the bottom stick-ad unit value once PW updates their code clearInterval(hubpwIntervalIdVal); } // PW ramp.js hasn't loaded after 30 seconds... kill interval if (hubInterValCount == 30) { clearInterval(hubpwIntervalIdVal); } } function hubcallChangePathFromModal() { hubpwIntervalIdVal = setInterval(hubhidePWFromModal, 1000); } //show bottom ad on click on cross and apply button for mobile hub function showBottomAdHubFilter() { if(!isSubscribedUser) { if(ramp && typeof ramp.showAdSlot === "function") { ramp.showAdSlot('pw-oop-bottom_rail'); } } } //click function for filter by Subject for mobile chip// if (mobileAllSubjects) { mobileAllSubjects.addEventListener('click', function(){ addActiveClassForSubjects(); popupAllSubjects = "true"; mobileAllSubjects.classList.add("mobileActiveSubjectFilter"); popupcomedies = "false"; popupHistories = "false"; popupTragedies = "false"; }); } if (mobileComedies) { mobileComedies.addEventListener('click', function(){ addActiveClassForSubjects(); popupcomedies = "true"; mobileComedies.classList.add("mobileActiveSubjectFilter"); popupAllSubjects = "false"; popupPoetry = "false"; popupShortyStory = "false"; popupDrama = "false"; popupPhilosopy = "false"; popupNovels = "false"; popupNonFiction = "false"; popupHistories = "false"; popupTragedies = "false"; }); } if (mobileHistories) { mobileHistories.addEventListener('click', function(){ addActiveClassForSubjects(); popupHistories = "true"; mobileHistories.classList.add("mobileActiveSubjectFilter"); popupAllSubjects = "false"; popupPoetry = "false"; popupShortyStory = "false"; popupDrama = "false"; popupPhilosopy = "false"; popupNovels = "false"; popupNonFiction = "false"; popupcomedies = "false"; popupTragedies = "false"; }); } if (mobileTragedies) { mobileTragedies.addEventListener('click', function(){ addActiveClassForSubjects(); popupTragedies = "true"; mobileTragedies.classList.add("mobileActiveSubjectFilter"); popupAllSubjects = "false"; popupPoetry = "false"; popupShortyStory = "false"; popupDrama = "false"; popupPhilosopy = "false"; popupNovels = "false"; popupNonFiction = "false"; popupcomedies = "false"; popupHistories = "false"; }); } //sorting click mobile if (mobileSortAZ) { mobileSortAZ.addEventListener('click', function(){ addRemoveActiveClassSorting(); titleByASC = "true"; mobileSortAZ.classList.add("mobileActiveSortFilter"); titleByDESC = "false"; }); } if (mobileSortDESC) { mobileSortDESC.addEventListener('click', function(){ addRemoveActiveClassSorting(); titleByDESC = "true"; mobileSortDESC.classList.add("mobileActiveSortFilter"); titleByASC = "false"; }); } //click function of apply button if (mobileApplyButton) { mobileApplyButton.addEventListener('click', function(){ html.style.removeProperty("overflow"); if (document.querySelector('#pw-oop-bottom_rail')) { document.querySelector('#pw-oop-bottom_rail').classList.remove("hide-bottomStickyAd"); } //run filterBy Subject query if (popupAllSubjects === "true") { runQuery('','','','', 'all'); } if (popupcomedies === "true") { runQuery('','','','', 'Comedies'); } if (popupHistories === "true") { runQuery('','','','', 'Histories'); } if (popupTragedies === "true") { runQuery('','','','', 'Tragedies'); } if (titleByASC === "true") { runQuery('', '', 'NormalizedTitle', 'ASC'); } if (titleByDESC === "true") { runQuery('', '', 'NormalizedTitle', 'DESC'); } if (mobileOverlayClose) { mobileSortFilterOverlay.classList.remove("show-sorting-guides-overlay"); } applyBtnClick = "true"; modalCloseBtnClick = "false"; removeAllList(); mobileNShubChip(); // add change path to show ad slot for popup if (!isSubscribedUser) { showBottomAdHubFilter(); } }); } if (mobileHubFilter) { mobileHubFilter.addEventListener('click', function (e) { if (mobileSortFilterOverlay) { mobileSortFilterOverlay.classList.add("show-sorting-guides-overlay"); html.style.overflow = 'hidden'; if ((modalCloseBtnClick === "true")) { if ((urlParams.get('genreSelected') === '') || (urlParams.get('genreSelected') === 'All')) { if (mobileAllSubjects) { mobileAllSubjects.click(); } } if (urlParams.get('genreSelected') === 'Comedies') { if (mobileComedies) { mobileComedies.click(); } } if (urlParams.get('genreSelected') === 'Histories') { if (mobileHistories) { mobileHistories.click(); } } if (urlParams.get('genreSelected') === 'Tragedies') { if (mobileTragedies) { mobileTragedies.click(); } } //sorting// if (( (urlParams.get('sortBySelected') === "NormalizedTitle") && (urlParams.get('sortOrderSelected') === "ASC"))) { mobileSortAZ.click(); } if ( (urlParams.get('sortBySelected') === "NormalizedTitle") && (urlParams.get('sortOrderSelected') === "DESC")) { mobileSortDESC.click(); } if ((!(urlParams.get('sortBySelected'))) || (!(urlParams.get('sortOrderSelected')))) { mobileSortAZ.click(); } } } modalCloseBtnClick = "false"; // add change path to hide ad slot for popup if (!isSubscribedUser) { hubcallChangePathFromModal(); } }); } if (mobileOverlayClose) { mobileOverlayClose.addEventListener('click', function (e) { if (mobileSortFilterOverlay) { mobileSortFilterOverlay.classList.remove("show-sorting-guides-overlay"); html.style.removeProperty("overflow"); if (document.querySelector('#pw-oop-bottom_rail')) { document.querySelector('#pw-oop-bottom_rail').classList.remove("hide-bottomStickyAd"); } modalCloseBtnClick = "true"; //add change path to show ad slot for popup if (!isSubscribedUser) { showBottomAdHubFilter(); } } }); modalCloseBtnClick = "false"; applyBtnClick === "false"; } if (mobileClearAll) { mobileClearAll.addEventListener('click', function (e) { if (mobileAllSubjects) { mobileAllSubjects.click(); mobileAllSubjects.classList.add("mobileActiveSubjectFilter"); } if (mobileSortAZ) { mobileSortAZ.click(); } titleByDESC = "false"; setFlagvalueFalse(); }) } if ((urlParams.get('genreSelected') === ' ') || (!(urlParams.get('genreSelected')))) { if (mobileAllSubjects) { mobileAllSubjects.classList.add("mobileActiveSubjectFilter"); popupAllSubjects = "true"; } } if ((urlParams.get('genreSelected')) && (urlParams.get('genreSelected') === "Tragedies")) { if (mobileTragedies) { mobileTragedies.classList.add("mobileActiveSubjectFilter"); popupTragedies = "true"; } } if ((urlParams.get('genreSelected')) && (urlParams.get('genreSelected') === "Histories")) { if (mobileHistories) { mobileHistories.classList.add("mobileActiveSubjectFilter"); popupHistories = "true"; } } if ((urlParams.get('genreSelected')) && (urlParams.get('genreSelected') === "Comedies")) { if (mobileComedies) { mobileComedies.classList.add("mobileActiveSubjectFilter"); popupcomedies = "true"; } } //Check Url params for sorting// if ((urlParams.get('sortBySelected') === "NormalizedTitle") && (urlParams.get('sortOrderSelected') === "ASC")) { if (mobileSortAZ) { mobileSortAZ.classList.add("mobileActiveSortFilter"); titleByASC = "true"; } } if ( (urlParams.get('sortBySelected') === "NormalizedTitle") && (urlParams.get('sortOrderSelected') === "DESC")) { if (mobileSortDESC) { mobileSortDESC.classList.add("mobileActiveSortFilter"); titleByDESC = "true"; } } if ((!(urlParams.get('sortBySelected'))) || (!(urlParams.get('sortOrderSelected')))) { mobileSortAZ.click(); } //on load page whatever params are present in url related functionality const mobileURLParams = new URLSearchParams(location.search); if(mobileURLParams.get('genreSelected') || mobileURLParams.get('sortOrderSelected') || mobileURLParams.get('sortBySelected')) { mobileNShubChip(); } function mobileNShubChip() { let nsSelectedGuidesList = document.querySelector('.ns-chips-container ul'); let nsAllGuidesList = document.querySelectorAll('.all-list-guides ul li'); let nsHubFilterIcon = document.querySelector('#ns-hub-filter-icon'); let nsAfterActiveChip = document.querySelector('.mobile-all-guides__filter__text'); let nsShowCountChips = document.querySelector('#ns-show-count-chips'); if(nsAllGuidesList) { nsAllGuidesList.forEach((item, i, elm) => { if(item.classList.contains('mobileActiveGuide') || item.classList.contains('mobileActiveSubjectFilter') || item.classList.contains('mobileActiveSortFilter') || item.classList.contains('active_content_type')) { let li = document.createElement('li'); if(item.innerText.trim() !== 'All' && item.innerText.trim() !== 'Title A-Z') { li.textContent = item.innerText.replace(/[0-9]/g, ''); li.append(Object.assign(document.createElement('img'), { className: item.classList.contains('mobileActiveSubjectFilter') ? 'ns-chips-container__list__guide-list__filter-select__close-img genreSelected' : item.classList.contains('mobileActiveSortFilter') ? 'ns-chips-container__list__guide-list__filter-select__close-img sortBySelected' : '' , src: '/images/redesign-hub/icon_hub_chip_close.svg' })); nsSelectedGuidesList.append(Object.assign (li, {className: 'ns-chips-container__list__guide-list__filter-select'})); document.querySelector('.ns-chips-container').classList.add('ns-show-chips'); } } }); if(nsHubFilterIcon && document.querySelectorAll('.ns-chips-container__list__guide-list li').length > 0) { let currentActiveChips = document.querySelectorAll('.ns-chips-container__list__guide-list li'); let count = 0; currentActiveChips.forEach((item, i) => { if(!item.querySelector('.sortBySelected')) { count++; } }); nsShowCountChips.removeAttribute('hidden', false); nsHubFilterIcon.setAttribute('hidden', true); nsShowCountChips.removeAttribute('hidden', false); nsShowCountChips.innerHTML = '(' + count + ')' + ''; } else { document.querySelector('.ns-chips-container').classList.remove('ns-show-chips'); nsHubFilterIcon.removeAttribute('hidden', false); nsShowCountChips.setAttribute('hidden', true); } } } //remove all chips from ns section function removeAllList() { const removeGuidesList = document.querySelectorAll('.ns-chips-container__list__guide-list li'); removeGuidesList.forEach((item, i) => { item.remove(); }); } //clear all chips and remove individual chips related functionality for ns section const clearAllList = document.querySelector('.ns-chips-container'); if(clearAllList) { clearAllList.addEventListener('click', function(e) { let removeGuidesList = document.querySelectorAll('.ns-chips-container__list__guide-list li'); if(e.target.classList.contains('ns-chips-container__clear-all__text')) { runQuery('','','','', 'all'); runQuery('', '', 'NormalizedTitle', 'ASC'); mobileClearAll.click(); mobileAllSubjects.click(); mobileSortAZ.click(); removeAllList(); clearAllChips(); } else if(e.target.classList.contains('genreSelected')) { let showCountChips = document.querySelector('#ns-show-count-chips'); if(removeGuidesList.length > 1) { removeGuidesList.forEach((item, i) => { if(item.querySelector('.genreSelected') && e.target.classList.contains('genreSelected')) { runQuery('','','','', 'all'); runQuery('', '', 'NormalizedTitle', ''); item.remove(); mobileAllSubjects.click(); showCountChips.innerHTML = '(0)' + ''; } }) } else { runQuery('','','','', 'all'); runQuery('', '', 'NormalizedTitle', 'ASC'); mobileClearAll.click(); mobileAllSubjects.click(); mobileSortAZ.click(); clearAllChips(); } } else { if(removeGuidesList.length < 2) { clearAllChips(); } removeGuidesList.forEach((item, i) => { if(item.querySelector('.sortBySelected') && e.target.classList.contains('sortBySelected')) { runQuery('', '', 'NormalizedTitle', 'ASC'); mobileSortAZ.click(); item.remove(); } }); } }); } function clearAllChips() { let chipContainer = document.querySelector('.ns-chips-container'); let nsAddHubFilterIcon = document.querySelector('#ns-hub-filter-icon'); let nsRemoveCountChips = document.querySelector('#ns-show-count-chips'); if(chipContainer) { chipContainer.classList.remove('ns-show-chips'); nsAddHubFilterIcon.removeAttribute('hidden', false); nsRemoveCountChips.innerHTML = ''; } } //Shakespeare Hub ADA for filter and sort if(allSubjects) { allSubjects.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { allSubjects.click(); allSubjects.focus(); } }); } if(tragediesBtn){ tragediesBtn.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { tragediesBtn.click(); tragediesBtn.focus(); } }); } if(historiesBtn){ historiesBtn.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { historiesBtn.click(); historiesBtn.focus(); } }); } if(comediesBtn){ comediesBtn.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { comediesBtn.click(); comediesBtn.focus(); } }); } if(zaBtn) { zaBtn.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { zaBtn.click(); zaBtn.focus(); } }); } if(azBtn) { azBtn.addEventListener("keyup", function(evt){ if(evt.keyCode === 13 || evt.button == 0) { azBtn.click(); azBtn.focus(); } }); }