/********************************* ** Contributed to everything.js ** ** Feel free to learn from this ** ** Ask Gordon if not understand ** *********************************/ /********************************* ** Structure Overview Region ** *********************************/ /*** Utility ***/ // $id(id) // randInt(min, max) // randColor() // randThemeColor() // matchesPolyfill() /*** Feature functions ***/ // reverseOrder() // inputHandler() // // incl(isthis, inthis) // // showHide(dom, containing) // newShowHide() // filterByLevel() // filterByCourse() // filterBySeries() // setFontSize(size) // modifyCSSVar(ns) // changeLang(lang) // // loopOverArr(dom,lang) // // changeText(lang) /*** Click event delegation ***/ // handleClick(e) // // menuAddClass() // // menuRemoveClass() // // openMenu() // // closeMenu() // // findLink(id) // // toggleSearchBar() // // functionMapper(elem) // // filterOptionChosen(type, keyword) // // toggleFilLvl() // // toggleFilCourse() // // toggleFilSeries() // // toggleFontSizePanel() // // toggleColorPanel() // // toggleLangPanel() /*** Initial rendering ***/ // generateLink(obj) // fillNewEntry(parent,obj) // renderListEntry(obj) // appendSuppListEntry() // renderFullList() // openingAnimation(callback) // loadEJavatar() // addClickHandler() // addInputHandler() // main() /********************************* ** Developer's Options Region ** *********************************/ var switches = { functionTracer : false, printTarget : false, matchTracer : false, }; var flags = { menuOpened : false, isReversed : false, isFilteringLevel : false, isFilteringCourse : false, isFilteringSeries : false, isSearching : false, colorPanelShowing : false, }; /********************************* ** Data Declaration Region ** *********************************/ var comp = { slCode : { prefix : 'https://code.sololearn.com/', suffix : '/?ref=app' }, slPost : { prefix : 'https://www.sololearn.com/post/', suffix : '/?ref=app', } }; var categories = { authors : new Set(), series : new Set(), courses : new Set(), lessons : new Set(), levels : new Set() }; var listEntries = []; var suppEntries = []; var namespace = ["js","gc","cp19","if"]; var data = [ { id : '0', // (int unique not null) category : "main", // (main entry) // "supp" (supplementary) follow : '', // (id) type : "slPost", // "slCode", "extRef" slNum : '86823', url : '', author : 'everything.js' , // (SL name or SL id?) series : '', authNo : '', course : 'ES6', lesson : '', level : 'senior', desc : { en : 'ECMAScript 6 tutorial with nice interface and lots of examples', cn : 'ECMAScript 6教程，界面漂亮，有很多例子', ru : 'Учебник по ECMAScript 6 с приятным интерфейсом и множеством примеров', es : 'ECMAScript 6 tutorial con una interfaz agradable y muchos ejemplos', de : 'ECMAScript 6 Tutorial mit netter Oberfläche und vielen Beispielen', fr : 'ECMAScript 6 avec une interface agréable et de nombreux exemples', } }, { id : '1', // (int unique not null) category: "supp", // (main entry) // "supp" (supplementary) follow : '0', // (id) type : "extRef", // "slPost", // "slCode", "extRef" slNum : '86823', url : 'http://es6-features.org', /* new key */ author : '', // 'everything.js' , // (SL name or SL id?) series : '', authNo : '', course : 'ES6', lesson : '', level : 'senior', desc : { en : 'ECMAScript 6 - New Features : Overview and Comparison', cn : 'ECMAScript 6 - 新功能：概述和比較', ru : 'ECMAScript 6 - Новые функции: обзор и сравнение', es : 'ECMAScript 6 - Nuevas características: descripción general y comparación', de : 'ECMAScript 6 - Neue Funktionen: Überblick und Vergleich', fr : 'ECMAScript 6 - Nouvelles fonctionnalités: présentation et comparaison', } }, { id : '2', // (int unique not null) category : "main", // (main entry) // "supp" (supplementary) follow : '', // (id) type : "slPost", // "slCode", "extRef" slNum : '88526', url : '', author : '', series : '', authNo : '', course : 'Array', lesson : '', level : 'junior', desc : { en : 'Weekend Quiz #1 How to find the second "o" in "Sololearn" ?', cn : '怎樣找出「Sololearn」之中第二個 o 的 index?', ru : 'Как найти второе «о» в «Sololearn»?', es : '¿Cómo encontrar la segunda "o" en "Sololearn"?', de : 'Wie finde ich das zweite "o" in "Sololearn"?', fr : 'Comment trouver le deuxième "o" dans "Sololearn"?', } }, { id : '3', // (int unique not null) category: "supp", // (main entry) // "supp" (supplementary) follow : '2', // (id) type : "slCode", // "slPost", // "slCode", "extRef" slNum : 'W7KP0g47oznW', url : '', author : '', // 'everything.js' , // (SL name or SL id?) series : '', authNo : '', course : 'Array', lesson : '', level : 'junior', desc : { en : 'Quiz #1 Array.prototype.indexOf()', cn : 'Array 方法 indexOf()', ru : 'Тест № 1 Array.prototype.indexOf()', es : 'Prueba #1 Array.prototype.indexOf()', de : 'Quiz #1 Array.prototype.indexOf()', fr : 'Quiz #1 Array.prototype.indexOf()', } }, { id : '4', category : "main", follow : '', type : "slPost", slNum : '89268', url : '', author : '', series : '', authNo : '', course : 'Set', lesson : '', level : 'senior', desc : { en : 'How to make your code faster using JavaScript Sets?', cn : '怎樣用集來令程式更快？', ru : 'Как сделать ваш код быстрее, используя наборы JavaScript?', es : '¿Cómo hacer que tu código sea más rápido usando los Conjuntos de JavaScript?', de : 'Wie Sie Ihren Code mit JavaScript-Sets schneller machen können?', fr : 'Comment rendre votre code plus rapide en utilisant JavaScript Sets?', } }, { id : '5', category : "supp", follow : '4', type : "extRef", slNum : '', url : 'https://medium.com/@bretcameron/how-to-make-your-code-faster-using-javascript-sets-b432457a4a77', author : '', series : '', authNo : '', course : 'Set', lesson : '', level : 'senior', desc : { en : 'How to make your code faster using JavaScript Sets?', cn : '怎樣用集來令程式更快？', ru : 'Как сделать ваш код быстрее, используя наборы JavaScript?', es : '¿Cómo hacer que tu código sea más rápido usando los Conjuntos de JavaScript?', de : 'Wie Sie Ihren Code mit JavaScript-Sets schneller machen können?', fr : 'Comment rendre votre code plus rapide en utilisant JavaScript Sets?', } }, { id : '6', category : "main", follow : '', type : "slPost", slNum : '89912', url : '', author : '', series : '', authNo : '', course : 'ES6', lesson : '', level : 'senior', desc : { en : 'Free online ebook - Exploring ES6', cn : '免费在线电子书 - 探索ES6', ru : 'Бесплатная электронная книга - Изучение ES6', es : 'Libro electrónico gratuito en línea - Explorando ES6', de : 'Kostenloses Online-Ebook - Exploring ES6', fr : 'Ebook en ligne gratuit - Exploring ES6', } }, { id : '7', category : "supp", follow : '6', type : "extRef", slNum : '', url : 'http://exploringjs.com/es6.html', author : '', series : '', authNo : '', course : 'ES6', lesson : '', level : 'senior', desc : { en : 'Free online ebook - Exploring ES6', cn : '免费在线电子书 - 探索ES6', ru : 'Бесплатная электронная книга - Изучение ES6', es : 'Libro electrónico gratuito en línea - Explorando ES6', de : 'Kostenloses Online-Ebook - Exploring ES6', fr : 'Ebook en ligne gratuit - Exploring ES6', } }, { id : '8', category : "main", follow : '', type : "slPost", slNum : '90236', url : '', author : '', series : '', authNo : '', course : 'jQuery', lesson : '', level : 'beginner', desc : { en : "Update projects to latest jQuery version v3.4.0, which includes fix for the 'Prototype Pollution' vulnerability", cn : "将项目更新到最新的jQuery版本v3.4.0，其中包括修复“原型污染”漏洞", ru : 'Обновите проекты до последней версии jQuery v3.4.0, которая включает исправление уязвимости «загрязнение прототипа»', es : "Actualice los proyectos a la última versión de jQuery v3.4.0, que incluye una solución para la vulnerabilidad 'Prototype Pollution'", de : 'Aktualisieren Sie Projekte auf die neueste jQuery-Version v3.4.0, die ein Update für die Sicherheitsanfälligkeit "Prototype Pollution" enthält', fr : "Mise à jour des projets vers la dernière version de jQuery v3.4.0, qui inclut un correctif pour la vulnérabilité 'Prototype Pollution'", } }, { id : '9', category : "supp", follow : '8', type : "extRef", slNum : '', url : 'https://securityaffairs.co/wordpress/84340/hacking/jquery-javascript-library-flaw.html', author : '', series : '', authNo : '', course : 'jQuery', lesson : '', level : 'beginner', desc : { en : "jQuery JavaScript library flaw opens the doors for attacks on hundreds of millions of websites", cn : "jQuery JavaScript库漏洞为数亿个网站的攻击打开了大门", ru : 'Недостаток библиотеки jQuery JavaScript открывает двери для атак на сотни миллионов сайтов', es : "La falla de la biblioteca jQuery JavaScript abre las puertas a los ataques a cientos de millones de sitios web", de : 'Der jQuery JavaScript-Bibliotheksfehler öffnet die Türen für Angriffe auf Hunderte Millionen Websites', fr : "Une faille dans la bibliothèque JavaScript de jQuery ouvre la porte à des attaques sur des centaines de millions de sites Web", } }, { id : '10', category : "main", follow : '', type : "slPost", slNum : '90592', url : '', author : '', series : '', authNo : '', course : 'Node.js', lesson : '', level : 'beginner', desc : { en : "Introducing Node.js 12", cn : "介紹 Node.js 12", ru : 'введения Node.js 12', es : "introduciendo Node.js 12", de : 'einführen Node.js 12', fr : "introduisant Node.js 12", } }, { id : '11', category : "supp", follow : '10', type : "extRef", slNum : '', url : 'https://medium.com/@nodejs/introducing-node-js-12-76c41a1b3f3f', author : '', series : '', authNo : '', course : 'Node.js', lesson : '', level : 'beginner', desc : { en : "Introducing Node.js 12", cn : "介紹 Node.js 12", ru : 'введения Node.js 12', es : "introduciendo Node.js 12", de : 'einführen Node.js 12', fr : "introduisant Node.js 12", } }, { id : '12', category : "main", follow : '', type : "slPost", slNum : '90595', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : 'beginner', desc : { en : "Is JavaScript a hard programming language to learn?", cn : "JavaScript是一种难以学习的编程语言吗？", ru : 'Является ли JavaScript сложным языком программирования для изучения?', es : "¿Es JavaScript un lenguaje de programación difícil de aprender?", de : 'Ist JavaScript eine schwer zu erlernende Programmiersprache?', fr : "JavaScript est-il un langage de programmation difficile à apprendre?", } }, { id : '13', category : "supp", follow : '12', type : "extRef", slNum : '', url : 'https://skillcrush.com/2018/06/27/how-hard-is-it-to-learn-javascript/', author : '', series : '', authNo : '', course : '', lesson : '', level : 'beginner', desc : { en : "Is JavaScript a hard programming language to learn?", cn : "JavaScript是一种难以学习的编程语言吗？", ru : 'Является ли JavaScript сложным языком программирования для изучения?', es : "¿Es JavaScript un lenguaje de programación difícil de aprender?", de : 'Ist JavaScript eine schwer zu erlernende Programmiersprache?', fr : "JavaScript est-il un langage de programmation difficile à apprendre?", } }, { id : '14', category : "main", follow : '', type : "slPost", slNum : '90678', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : 'professional', desc : { en : "What is 'call stack'?", cn : "什么是'呼叫堆疊'？", ru : 'Что такое «call stack»?', es : "¿Qué es 'call stack'?", de : 'Was ist "call stack"?', fr : "Qu'est-ce que la 'call stack'?", } }, { id : '15', category : "supp", follow : '14', type : "extRef", slNum : '', url : 'https://youtu.be/8aGhZQkoFbQ', author : '', series : '', authNo : '', course : '', lesson : '', level : 'professional', desc : { en : "What the heck is the event loop anyway? | Philip Roberts | JSConf EU", cn : "到底是什么事件循环？", ru : 'Какого черта цикл событий в любом случае?', es : "¿Qué diablos es el bucle de eventos de todos modos?", de : 'Was zum Teufel ist die Event-Schleife überhaupt?', fr : "Que diable est la boucle d'événements de toute façon?", } }, { id : '16', category : "main", follow : '', type : "slPost", slNum : '90825', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : 'junior', desc : { en : "Cannot read property of null. What's that?", cn : "无法读取null属性。那是什么？", ru : 'Невозможно прочитать свойство null. Что это такое?', es : "No se puede leer la propiedad de null. ¿Que es eso?", de : 'Eigenschaft von null kann nicht gelesen werden. Was ist das?', fr : "Impossible de lire la propriété de null. Qu'est-ce que c'est?", } }, { id : '17', category : "supp", follow : '16', type : "slCode", slNum : 'W8qiO41gHNfu', url : '', author : 'Calviղ', series : '', authNo : '', course : '', lesson : '', level : 'junior', desc : { en : "Sequence of JavaScript script execution", cn : "JavaScript脚本执行的顺序", ru : 'Последовательность выполнения скрипта JavaScript', es : "Secuencia de ejecución de script JavaScript", de : 'Reihenfolge der JavaScript-Skriptausführung', fr : "Séquence d'exécution du script JavaScript", } }, { id : '18', category : "main", follow : '', type : "slPost", slNum : '45261', url : '', author : 'David Carroll', series : '', authNo : '', course : 'Closures', lesson : '', level : 'professional', desc : { en : "Understanding JavaScript Closures for different levels", cn : "了解不同级别的JavaScript闭包", ru : 'Понимание JavaScript-замыканий для разных уровней', es : "Entendiendo los cierres de JavaScript para diferentes niveles", de : 'Grundlegendes zu JavaScript-Closures für verschiedene Ebenen', fr : "Comprendre les fermetures JavaScript pour différents niveaux", } }, { id : '19', category : "supp", follow : '18', type : "extRef", slNum : '', url : 'http://ngninja.com/posts/javascript-closures-made-super-easy', author : '', series : '', authNo : '', course : 'Closures', lesson : '', level : 'junior', desc : { en : "JavaScript closures made super easy", cn : "JavaScript闭包非常简单", ru : 'JavaScript закрытие стало очень простым', es : "Los cierres de JavaScript son súper fáciles.", de : 'JavaScript-Verschlüsse sind super einfach', fr : "Fermeture de JavaScript rendue super facile", } }, { id : '20', category : "supp", follow : '18', type : "extRef", slNum : '', url : 'https://medium.com/@hidace/cleaning-up-javascript-with-modular-design-patterns-487266a386b3', author : '', series : '', authNo : '', course : 'Closures', lesson : '', level : 'senior', desc : { en : "Cleaning up Javascript with the Module Design Pattern & RequireJS", cn : "使用模块设计模式和RequireJS清理Javascript", ru : 'Очистка Javascript с помощью шаблона проектирования модулей и RequireJS', es : "Limpiando Javascript con el Módulo de Diseño de Módulo y RequireJS", de : 'Javascript mit dem Modul Design Pattern & RequireJS bereinigen', fr : "Nettoyer Javascript avec le module Design Pattern & RequireJS", } }, { id : '21', category : "supp", follow : '18', type : "extRef", slNum : '', url : 'https://davidshariff.com/blog/javascript-scope-chain-and-closures/', author : '', series : '', authNo : '', course : '', lesson : '', level : 'professional', desc : { en : "Identifier Resolution and Closures in the JavaScript Scope Chain", cn : "JavaScript范围链中的标识符解析和闭包", ru : 'Разрешение идентификаторов и замыкания в цепочке областей действия JavaScript', es : "Resolución de identificadores y cierres en la cadena de alcance de JavaScript", de : 'Bezeichnerauflösung und Closures in der JavaScript-Scope-Chain', fr : "Résolution et fermetures d'identifiants dans la chaîne d'étendue de JavaScript", } }, { id : '22', category : "main", follow : '', type : "slPost", slNum : '39014', url : '', author : 'Morpheus', series : 'Morpheus JS Fact Series', authNo : '23', course : 'ES6', lesson : 'let', level : 'junior', desc : { en : "Use of 'let' and 'const' is always suggested over using the old 'var'", cn : "始终建议使用'let'和'const'而不使用旧的'var'", ru : 'Использование "let" и "const" всегда рекомендуется по сравнению со старым "var"', es : "El uso de 'let' y 'const' siempre se sugiere sobre el uso del antiguo 'var'", de : "Die Verwendung von 'let' und 'const' wird immer empfohlen, wenn Sie die alte 'var' verwenden.", fr : "L'utilisation de 'let' et 'const' est toujours suggérée par rapport à l'ancien 'var'", } }, { id : '23', category : "supp", follow : '22', type : "slCode", slNum : 'WdGAFeNRAe9M', url : '', author : 'Morpheus', series : 'Morpheus JS Fact Series', authNo : '23', course : 'ES6', lesson : 'let', level : 'junior', desc : { en : "Let Vs Var in Javascript", cn : "Let Vs Var in Javascript", ru : 'Let Vs Var in Javascript', es : "Let Vs Var in Javascript", de : 'Let Vs Var in Javascript', fr : "Let Vs Var in Javascript", } }, { id : '24', category : "main", follow : '', type : "slPost", slNum : '91896', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : 'professional', desc : { en : "Weekend Quiz #2 How to make the code output 0, 1, 2?", cn : "Weekend Quiz #2 How to make the code output 0, 1, 2?", ru : 'Weekend Quiz #2 How to make the code output 0, 1, 2?', es : "Weekend Quiz #2 How to make the code output 0, 1, 2?", de : 'Weekend Quiz #2 How to make the code output 0, 1, 2?', fr : "Weekend Quiz #2 How to make the code output 0, 1, 2?", } }, { id : '25', category : "supp", follow : '24', type : "slCode", slNum : 'Wh2ENDDNg9V5', url : '', author : 'Morpheus', series : '', authNo : '', course : 'setTimeout', lesson : '', level : 'Senior', desc : { en : "Let, Var differences with SetTimeout", cn : "Let, Var differences with SetTimeout", ru : 'Let, Var differences with SetTimeout', es : "Let, Var differences with SetTimeout", de : 'Let, Var differences with SetTimeout', fr : "Let, Var differences with SetTimeout", } }, { id : '26', category : "main", follow : '', type : "slPost", slNum : '91966', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "Piston Challenge by ChillPill", cn : "活塞挑戰 by ChillPill", ru : 'Piston Challenge by ChillPill', es : "Piston Challenge by ChillPill", de : 'Piston Challenge by ChillPill', fr : "Piston Challenge by ChillPill", } }, { id : '27', category : "main", follow : '', type : "slPost", slNum : '92040', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "Learn Chemistry in SoloLearn with these codes built with JavaScript", cn : "Learn Chemistry in SoloLearn with these codes built with JavaScript", ru : 'Learn Chemistry in SoloLearn with these codes built with JavaScript', es : "Learn Chemistry in SoloLearn with these codes built with JavaScript", de : 'Learn Chemistry in SoloLearn with these codes built with JavaScript', fr : "Learn Chemistry in SoloLearn with these codes built with JavaScript", } }, { id : '28', category : "main", follow : '', type : "slPost", slNum : '92317', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "Fractal, Chaos, Iterated Function System", cn : "Fractal, Chaos, Iterated Function System", ru : 'Fractal, Chaos, Iterated Function System', es : "Fractal, Chaos, Iterated Function System", de : 'Fractal, Chaos, Iterated Function System', fr : "Fractal, Chaos, Iterated Function System", } }, { id : '29', category : "main", follow : '', type : "slPost", slNum : '92744', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "Rendering 3D objects with three.js", cn : "Rendering 3D objects with three.js", ru : 'Rendering 3D objects with three.js', es : "Rendering 3D objects with three.js", de : 'Rendering 3D objects with three.js', fr : "Rendering 3D objects with three.js", } }, /* { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ /* { id : '', category : "main", follow : '', type : "slPost", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } }, { id : '', category : "supp", follow : '', type : "", slNum : '', url : '', author : '', series : '', authNo : '', course : '', lesson : '', level : '', desc : { en : "", cn : "", ru : '', es : "", de : '', fr : "", } },*/ ]; /********************************* ** Utility Function Region ** *********************************/ function $id(id) { return document.getElementById(id); } // randInt(min, max) function randInt(min,max){ return Math.floor(Math.random()*(max-min)+min); } // randColor() function randColor(){ return namespace[randInt(0,namespace.length)]; } function randThemeColor(){ modifyCSSVar(randColor()); } function matchesPolyfill(){ /** reference : https://developer.mozilla.org/en-US/docs/Web/API/Element/matches **/ if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype .matchesSelector || Element.prototype .mozMatchesSelector || Element.prototype .msMatchesSelector || Element.prototype .oMatchesSelector || Element.prototype .webkitMatchesSelector || function(s) { var matches = ( this.document || this.ownerDocument ).querySelectorAll(s), i = matches.length; while (--i >= 0 && matches.item(i) !== this) { } return i > -1; }; } } // close matchesPolyfill() /********************************* ** Feature Functions Region ** *********************************/ function reverseOrder(){ $id("list-ctnr").innerHTML = ""; if(flags.isReversed){ for(var i=0;i-1;j--){ $id("list-ctnr") .appendChild(listEntries[j]); } } flags.isReversed = !flags.isReversed; } // close reverseOrder() function inputHandler(){ var searchArray = $id("searchBar").value.split(" "); for(var i=0; i < listEntries.length; i++ ){ var containing = true; var inThis = listEntries[i].innerHTML; for(var j=0 ; j < searchArray.length; j++){ incl( searchArray[j], inThis); } // close for j //showHide( listEntries[i], containing); listEntries[i].dataset.containAllStrings = containing; newShowHide(); } // close for i function incl(isthis, inthis){ var reg = new RegExp("\\b" + isthis); if (inthis.match(reg)===null){ containing = false; } } // close incl() function showHide(dom, containing){ if(containing){ dom.style.display = "block"; }else{ dom.style.display = "none"; } } // close showHide() } // close inputHandler() function newShowHide(){ if(switches.functionTracer){ console.log("newShowHide()"); } for(var i = 0; i < listEntries.length; i++ ){ //console.log(listEntries[i].dataset.containAllStrings); var searchMatch = !flags.isSearching || listEntries[i].dataset.containAllStrings; //console.log("searchMatch = " + searchMatch); //console.log(typeof searchMatch); //console.log(typeof listEntries[i].dataset.levelFit); var levelMatch = !flags.isFilteringLevel || listEntries[i].dataset.levelFit; //console.log("levelMatch = " + levelMatch); var courseMatch = !flags.isFilteringCourse || listEntries[i].dataset.courseFit; var seriesMatch = !flags.isFilteringSeries || listEntries[i].dataset.seriesFit; var fulfilledAll = !(searchMatch == "false") && !( levelMatch == "false") && !(courseMatch == "false") && !(seriesMatch == "false"); //console.log("fulfilledAll = " + fulfilledAll); //console.log(typeof fulfilledAll) if(fulfilledAll){ //console.log("in if code block"); listEntries[i].style.display = "block"; }else{ //console.log("in else code block"); listEntries[i].style.display = "none"; } } } // close newShowHide() function filterByLevel(keyword){ if(switches.functionTracer){ console.log("filterByLevel()"); } for(var i=0; i < listEntries.length; i++ ){ var thisID = listEntries[i].dataset.id; var thisLevel = data[thisID].level; //console.log(thisLevel); if(thisLevel==keyword){ listEntries[i].dataset.levelFit = "true"; }else{ listEntries[i].dataset.levelFit = "false"; } } // close for newShowHide(); } // close filterByLevel() function filterByCourse(keyword){ if(switches.functionTracer){ console.log("filterByCourse()"); } for(var i=0; i < listEntries.length; i++ ){ var thisID = listEntries[i].dataset.id; var thisCourse = data[thisID].course; //console.log(thisLevel); if(thisCourse==keyword){ listEntries[i].dataset.courseFit = "true"; }else{ listEntries[i].dataset.courseFit = "false"; } } // close for newShowHide(); } // close filterByCourse() function filterBySeries(keyword){ if(switches.functionTracer){ console.log("filterBySeries()"); } for(var i=0; i < listEntries.length; i++ ){ var thisID = listEntries[i].dataset.id; var thisSeries = data[thisID].series; //console.log(thisLevel); if(thisSeries==keyword){ listEntries[i].dataset.seriesFit = "true"; }else{ listEntries[i].dataset.seriesFit = "false"; } } // close for newShowHide(); } // close filterBySeries() function setFont(size){ document.body.className = ""; document.body.classList.add("font-"+size); } // close setFont() function modifyCSSVar(ns){ function setC(prop,col){ document.documentElement.style.setProperty('--'+prop, 'var(--'+col+')'); } setC("currentBackground",ns+"BG"); setC("currentFront",ns+"FT"); setC("borderColor",ns+"Bdr"); setC("curLgt",ns+"Lgt"); setC("curDrk",ns+"Drk"); } // close modifyCSSVar() function changeLang(lang){ lang = lang.toLowerCase(); loopOverArr(listEntries,lang); loopOverArr(suppEntries,lang); function loopOverArr(arr,lang) { for(var i = 0; i "+obj.course+" "+obj.level+""; parent.appendChild(child2); } // close fillNewEntry() function renderListEntry(obj) { var newEntry = document.createElement("div"); fillNewEntry(newEntry,obj); newEntry.dataset.id = obj.id; var num = listEntries.length; listEntries[num] = newEntry; } // close renderListEntry() function appendSuppListEntry(obj){ var newEntry = document.createElement("div"); fillNewEntry(newEntry,obj); newEntry.dataset.id = obj.id; for(var i = 0; i < listEntries.length; i++){ if(listEntries[i].dataset.id == obj.follow){ listEntries[i].appendChild(newEntry); } // close if } // close for suppEntries.push(newEntry); } // close appendSuppListEntry() function renderFullList() { if(switches.functionTracer) console.log("renderFullList()"); for(var i=0; i

in progress v 0.9.1