The community is here to help you with specific coding, algorithm, or language problems. let loaderArea = $('#loaderArea'); let eventArea = $('#eventArea'); let itemsPerPage = 10; let currentPage = 1; let totalItems = 0; //this will be rewriiten on response of assks on line 307 let arr_cont = []; var already_rendered = false; var reads_list_name = ''; var store_name = READStore; $(document).ready(function(){ //taoh_blogs_init(); getreadslistdata(); }); function getreadslistdata(queryString=''){ loader(true, loaderArea); // Open or create a database getIntaoDb(dbName).then((db) => { var currpage = currentPage-1; var reads_list_hash = queryString+currpage+itemsPerPage; reads_list_name = 'reads_'+crc32(reads_list_hash); console.log(reads_list_name); const datareadsrequest = db.transaction(store_name).objectStore(store_name).get(reads_list_name); // get main data datareadsrequest.onsuccess = ()=> { console.log(datareadsrequest); const readsstoredatares = datareadsrequest.result; if(readsstoredatares !== undefined && readsstoredatares !== null && readsstoredatares !== "" && readsstoredatares !== "undefined" && readsstoredatares !== "null"){ const readsstoredata = datareadsrequest.result.values; already_rendered = true; //render_asks_template(asks, listChatRooms); render_blog_template(readsstoredata, eventArea); //taoh_blogs_init(queryString); }else{ taoh_blogs_init(queryString); //taoh_blogs_init(); } } }).catch((error) => { console.log('Getreadslistdata Error:', error); }); } jQuery.ajaxSetup({ beforeSend: function() { $('.spinner-border').show(); }, complete: function(){ $('.spinner-border').hide(); }, success: function() {} }); $("div").removeClass("card card-item"); //show_pagination('#pagination') function show_pagination(holder) { return $(holder).pagination({ items: totalItems, itemsOnPage: itemsPerPage, currentPage: currentPage, onInit: function() { $("#pagination ul").addClass('pagination'); $("#pagination ul li.disabled").addClass('page-link text-gray'); $("#pagination ul li.active").addClass('page-link bg-primary text-white'); }, onPageClick: function(pageNumber, event) { $("#pagination ul").addClass('pagination'); $("#pagination ul li.disabled").addClass('page-link text-gray'); $("#pagination ul li.active").addClass('page-link bg-primary text-white'); currentPage = pageNumber; //taoh_blogs_init(); already_rendered = false; getreadslistdata(); console.log(pageNumber); } }); } function taoh_blogs_init(queryString="") { var data = { 'taoh_action': 'taoh_central_get', 'ops': 'list', 'offset': currentPage, 'limit': itemsPerPage, 'filters': queryString, };console.log(data); jQuery.post("https://devv.unmeta.net/club/ajax?uslo=2", data, function(response) { console.log(response); //render_blog_template(response, eventArea); indx_reads_list(response); if(!already_rendered){ render_blog_template(response, eventArea); } }).fail(function() { console.log( "Network issue!" ); }) } function call_iframe(e,el) { console.log('video --- ',$(el).closest('.blog_video').attr('data-video')); console.log('video id --- ',$(el).attr('data-video')); video_id = $(el).attr('data-video'); $(el).closest('.blog_video').css('display','none'); var image_div = ``; $(el).closest('.td-post-image').html(image_div); } function render_blog_template(data, slot) { loader(false, loaderArea); slot.empty(); var type_num = typeof(data.output.count); if(data.output === false || type_num === 'object') { slot.append('

No posts to display!

'); return false; } totalItems = data.output.count; $.each(data.output.list, function(i, v){ arr_cont.push(v.conttoken.toString()); var prefix = 'https://cdn.tao.ai'; if(v.blurb.media_type == 'youtube'){ var video_id = getYoutubeId(v.blurb.media_url); v.blurb.image = "http://img.youtube.com/vi/"+video_id+"/maxresdefault.jpg"; var image_div = ``; }else{ v.blurb.image = prefix+"/images/ig/"+encodeURIComponent(v.title)+"/"+v['category'][0]+"/notitle.png"; var image_div = ``; } console.log('descp ---------- ',v.blurb.description); let Str = decode(v.blurb.description); let decodedStr = decodeURIComponent(Str).replace(/\+/g, ' '); console.log('decode descp ---------- ',decodedStr); slot.append(` ` ); }); if(totalItems >= 11) { $('#pagination').show(); show_pagination('#pagination'); }else{ $('#pagination').hide(); } //taoh_metrix_ajax('reads',arr_cont); kalpana check } function indx_reads_list(readslistdata){ var reads_taoh_data = { taoh_data:reads_list_name,values : readslistdata }; let reads_setting_time = new Date(); reads_setting_time = reads_setting_time.setMinutes(reads_setting_time.getMinutes() + 600); var reads_setting_timedata = { taoh_ttl: reads_list_name,time:reads_setting_time }; obj_data = { [store_name]:reads_taoh_data,[TTLStore] : reads_setting_timedata }; Object.keys(obj_data).forEach(key => { // console.log(key, obj_data[key]); IntaoDB.setItem(key,obj_data[key]).catch((err) => console.log('Storage failed', err)); }); return false; } // indexed db form submit setInterval(function(){ checkTTL(reads_list_name,store_name); },30000); //Trending Bar Start var text = ["check+blog+test<\/a>","site+map+blog+test<\/a>","30-Day+Job+Search+Plan%3A+A+Step-by-Step+Guide+to+Landing+Your+Next+Role<\/a>","Posting+blog+check+image+saving<\/a>","Mastering Perseverance A Field Guide for Professionals<\/a>"];console.log(text); var counter = 0; var elem = document.getElementById("changeText"); var inst = setInterval(change, 3000); function change() { elem.innerHTML = text[counter]; //$('#changeText').val(text[counter]); counter++; if (counter >= text.length) { counter = 0; // clearInterval(inst); // uncomment this if you want to stop refreshing after one cycle } } //Trending Bar End $('.claimedRight').each(function (f) { var newstr = $(this).text().substring(0,250)+'....'; $(this).text(newstr); });