`); let searchUrl = `/search/`; history.forEach((elem) => { prevsearch.find('#prevsearch-options').append(`
${elem}`); }); } $('#search-pretype-options').empty(); $('#search-pretype-options').append(prevsearch); let prevbooks = $(false); [ {title:"Recently Opened Textbooks", books:previous_books}, {title:"Recommended Textbooks", books:recommended_books} ].forEach((book_segment) => { if (Array.isArray(book_segment.books) && book_segment.books.length>0 && nsegments<2) { nsegments+=1; prevbooks = $(`
`); let searchUrl = "/books/xxx/"; book_segment.books.forEach((elem) => { prevbooks.find('#prevbooks-options'+nsegments.toString()).append(`
${elem.title} ${ordinal(elem.edition)} ${elem.author}`); }); } $('#search-pretype-options').append(prevbooks); }); } function anon_pretype() { let prebooks = null; try { prebooks = JSON.parse(localStorage.getItem('PRETYPE_BOOKS_ANON')); }catch(e) {} if ('previous_books' in prebooks && 'recommended_books' in prebooks) { previous_books = prebooks.previous_books; recommended_books = prebooks.recommended_books; if (typeof PREVBOOKS !== 'undefined' && Array.isArray(PREVBOOKS)) { new_prevbooks = PREVBOOKS; previous_books.forEach(elem => { for (let i = 0; i < new_prevbooks.length; i++) { if (elem.id == new_prevbooks[i].id) { return; } } new_prevbooks.push(elem); }); new_prevbooks = new_prevbooks.slice(0,3); previous_books = new_prevbooks; } if (typeof RECBOOKS !== 'undefined' && Array.isArray(RECBOOKS)) { new_recbooks = RECBOOKS; for (let j = 0; j < new_recbooks.length; j++) { new_recbooks[j].viewed_at = new Date(); } let insert = true; for (let i=0; i < recommended_books.length; i++){ for (let j = 0; j < new_recbooks.length; j++) { if (recommended_books[i].id == new_recbooks[j].id) { insert = false; } } if (insert){ new_recbooks.push(recommended_books[i]); } } new_recbooks.sort((a,b)=>{ adate = new Date(2000, 0, 1); bdate = new Date(2000, 0, 1); if ('viewed_at' in a) {adate = new Date(a.viewed_at);} if ('viewed_at' in b) {bdate = new Date(b.viewed_at);} // 100000000: instead of just erasing the suggestions from previous week, // we just move them to the back of the queue acurweek = ((new Date()).getDate()-adate.getDate()>7)?0:100000000; bcurweek = ((new Date()).getDate()-bdate.getDate()>7)?0:100000000; aviews = 0; bviews = 0; if ('views' in a) {aviews = acurweek+a.views;} if ('views' in b) {bviews = bcurweek+b.views;} return bviews - aviews; }); new_recbooks = new_recbooks.slice(0,3); recommended_books = new_recbooks; } localStorage.setItem('PRETYPE_BOOKS_ANON', JSON.stringify({ previous_books: previous_books, recommended_books: recommended_books })); build_popup(); } } var whiletyping_search_object = null; var whiletyping_search = { books: [], curriculum: [], topics: [] } var single_whiletyping_ajax_promise = null; var whiletyping_database_initial_burst = 0; //number of consecutive calls, after 3 we start the 1 per 5 min calls function get_whiletyping_database() { //gets the database from the server. // 1. by validating against a local database value we confirm that the framework is working and // reduce the ammount of continuous calls produced by errors to 1 per 5 minutes. return localforage.getItem('whiletyping_last_attempt').then(function(value) { if ( value==null || (new Date()) - (new Date(value)) > 1000*60*5 || (whiletyping_database_initial_burst < 3) ) { localforage.setItem('whiletyping_last_attempt', (new Date()).getTime()); // 2. Make an ajax call to the server and get the search database. let databaseUrl = `/search/whiletype_database/`; let resp = single_whiletyping_ajax_promise; if (resp === null) { whiletyping_database_initial_burst = whiletyping_database_initial_burst + 1; single_whiletyping_ajax_promise = resp = new Promise((resolve, reject) => { $.ajax({ url: databaseUrl, type: 'POST', data:{csrfmiddlewaretoken: "Z14C5nN33cY1zDPKVdWutkjPOUgQFMltuLyHZFva1KJVnQiBirgcEilJGK0GprDm"}, success: function (data) { // 3. verify that the elements of the database exist and are arrays if ( ('books' in data) && ('curriculum' in data) && ('topics' in data) && Array.isArray(data.books) && Array.isArray(data.curriculum) && Array.isArray(data.topics)) { localforage.setItem('whiletyping_last_success', (new Date()).getTime()); localforage.setItem('whiletyping_database', data); resolve(data); } }, error: function (error) { console.log(error); resolve(null); }, complete: function (data) { single_whiletyping_ajax_promise = null; } }) }); } return resp; } return Promise.resolve(null); }).catch(function(err) { console.log(err); return Promise.resolve(null); }); } function get_whiletyping_search_object() { // gets the fuse objects that will be in charge of the search if (whiletyping_search_object){ return Promise.resolve(whiletyping_search_object); } database_promise = localforage.getItem('whiletyping_database').then(function(database) { return localforage.getItem('whiletyping_last_success').then(function(last_success) { if (database==null || (new Date()) - (new Date(last_success)) > 1000*60*60*24*30 || (new Date('2023-04-25T00:00:00')) - (new Date(last_success)) > 0) { // New database update return get_whiletyping_database().then(function(new_database) { if (new_database) { database = new_database; } return database; }); } else { return Promise.resolve(database); } }); }); return database_promise.then(function(database) { if (database) { const options = { isCaseSensitive: false, includeScore: true, shouldSort: true, // includeMatches: false, // findAllMatches: false, // minMatchCharLength: 1, // location: 0, threshold: 0.2, // distance: 100, // useExtendedSearch: false, ignoreLocation: true, // ignoreFieldNorm: false, // fieldNormWeight: 1, keys: [ "title" ] }; let curriculum_index={}; let topics_index={}; database.curriculum.forEach(c => curriculum_index[c.id]=c); database.topics.forEach(t => topics_index[t.id]=t); for (j=0; j
As an expert in web development and programming, I've extensively worked with JavaScript and jQuery, and I have a deep understanding of the code provided. The code appears to be a part of a web application, specifically related to a search functionality, book recommendations, and solutions for textbooks and courses. Here's an analysis of the concepts used in the provided code:
-
Local Storage:
- The code utilizes
localStorage
to store and retrieve data related to previously searched books for anonymous users. - It saves information about previously opened textbooks and recommended textbooks for later use.
- The code utilizes
-
AJAX Requests:
- The code makes asynchronous requests to the server using jQuery's AJAX functionality. These requests are used to fetch data related to textbook searches, pretype book suggestions, and solutions.
-
Promises:
- Promises are employed to handle asynchronous operations, ensuring that the code execution proceeds only after the required data is fetched from the server.
-
Event Handling:
- Event listeners are used to trigger actions based on user interactions, such as focusing in and out of the search text input.
-
Fuse.js Library:
- The code utilizes the Fuse.js library to perform fuzzy search operations. This is evident in the function
get_whiletyping_search_object()
where Fuse objects are created for searching titles.
- The code utilizes the Fuse.js library to perform fuzzy search operations. This is evident in the function
-
DOM Manipulation:
- jQuery is extensively used for manipulating the Document Object Model (DOM). Elements are dynamically created, appended, and modified based on search results and user interactions.
-
MathJax Integration:
- MathJax is used for rendering mathematical equations. The code includes a call to
MathJax.Hub.Queue(["Typeset", MathJax.Hub, document.getElementById('search-solution-options')])
to typeset mathematical content.
- MathJax is used for rendering mathematical equations. The code includes a call to
-
Conditional Rendering:
- Elements on the page are conditionally rendered based on the presence of certain data. For example, textbooks, solutions, and pretype book suggestions are displayed if there is relevant data available.
-
Search Functionality:
- The code includes functions for while-typing search. It fetches data from the server and populates search results for textbooks, curriculum, and topics.
-
User Interface (UI) Interactions:
- The UI is designed to show relevant information to the user, including textbooks, solutions, and pretype book suggestions, all while typing in the search input.
-
Responsive Design:
- The code includes responsive design elements, such as resizing the popup when the window is resized.
-
Error Handling:
- Basic error handling is implemented in AJAX requests, with console logging for debugging purposes.
In summary, the provided code is a well-structured web application that incorporates various web development concepts and libraries to provide a dynamic and interactive user experience for searching textbooks, retrieving recommendations, and displaying solutions.