Reply to thread

Message

<blockquote data-quote="griimnak" data-source="post: 434006" data-attributes="member: 35695">CommittedAdded favicons to topsites display &amp; fixed css bugs[CODE=php]&lt;img src=&quot;https://www.google.com/s2/favicons?domain=${url}&quot; /&gt;[/CODE]Added another style&quot;Ball&quot; style[CODE=php]function drawBallStyle() {&nbsp; function appendBallStyle(title, url, inner) {&nbsp; &nbsp; var html = `&nbsp; &nbsp; &nbsp; &lt;a href=&quot;${url}&quot; class=&quot;tile&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;img src=&quot;https://www.google.com/s2/favicons?domain=${url}&quot; /&gt;&nbsp; &nbsp; &nbsp; &lt;/a&gt;&nbsp; &nbsp; `;&nbsp; &nbsp; document.getElementById(&quot;topsites-ball&quot;).innerHTML += html;&nbsp; }&nbsp; var inner = `&nbsp; &nbsp; &lt;div class=&quot;topsites-ball&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;div id=&quot;topsites-ball&quot; style=&quot;margin:0 auto;padding-left:5px;&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &nbsp; &lt;/div&gt;&nbsp; `;&nbsp; content.innerHTML += inner;&nbsp; for(var i=0;i&lt;data.length;i++) {&nbsp; &nbsp; appendBallStyle(data[i].title, data[i].url);&nbsp; }}[/CODE]More settings (defaults displayed below)[CODE=php]&nbsp; &nbsp; var keys =&nbsp; &nbsp; {&nbsp; &nbsp; &nbsp; &quot;name&quot;: name,&nbsp; &nbsp; &nbsp; &quot;location&quot;: location,&nbsp; &nbsp; &nbsp; &quot;theme&quot;: theme,&nbsp; &nbsp; &nbsp; &quot;background&quot;:{&quot;type&quot;:&quot;default&quot;,&quot;value&quot;:&quot;default&quot;},&nbsp; &nbsp; &nbsp; &quot;widget_clock&quot;:&quot;enabled_style1&quot;,&nbsp; &nbsp; &nbsp; &quot;widget_ctext&quot;: {&nbsp; &nbsp; &nbsp; &nbsp; &quot;enabled&quot;: &quot;false&quot;,&nbsp; &nbsp; &nbsp; &nbsp; &quot;value&quot;: &quot;&quot;&nbsp; &nbsp; &nbsp; },&nbsp; &nbsp; &nbsp; &quot;widget_topsites&quot;: &quot;enabled_ball&quot;&nbsp; &nbsp; };[/CODE]<ul>
<li data-xf-list-type="ul">Added ability to disable / enable clock</li>
<li data-xf-list-type="ul">Added ability to set custom text in place of clock</li>
</ul><img src="https://image.prntscr.com/image/JFegmvXbTTGOfaZQJ9k8jA.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />Just customization and aesthetics for newtab without Indian garbage <img src="/styles/default/xenforo/smilies/emojione/tongue.png"&nbsp; class="smilie" loading="lazy" alt=":p" title="Stick Out Tongue&nbsp; &nbsp; :p" data-shortname=":p" />Ooh that looks pretty nice. At the moment i only have intentions of supporting chrome, but I will definitely look into that if i decide otherwise.[doublepost=1526431570,1526191892][/doublepost]CommittedThumbnail generator finished<img src="https://image.prntscr.com/image/9gB3YU-5QaWLZbc-oU9i8A.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /><img src="https://image.prntscr.com/image/KmB2G53hSICXV5qYPZAHEw.png" alt="" class="fr-fic fr-dii fr-draggable " style="" />[CODE=php]/*&nbsp; Tab Query - Applies topSites thumbnails&nbsp; Compares current tab URL with data[z].url (Topsite urls)&nbsp; If data[z].url (Topsite urls) has an entry equal to active (current tab),&nbsp; Check for http vs https and match if found&nbsp; If active (current tab) exists in local storage, do nothing, otherwise&nbsp; take screenshot of matched tab and insert into local storage*/function queryTab(active, active_id) {&nbsp; var clean = active.replace(/^https:\/\//i, 'http://');&nbsp; for(var z = 0; z &lt; data.length; z++) {&nbsp; &nbsp; if (data[z].url === active) {&nbsp; &nbsp; &nbsp; match(active, active_id);&nbsp; &nbsp; } else if (data[z].url === clean) {&nbsp; &nbsp; &nbsp; match(clean, active_id);&nbsp; &nbsp; }&nbsp; }&nbsp; function match(url, active_id) {&nbsp; &nbsp; chrome.storage.local.get(null, function(resp) {&nbsp; &nbsp; &nbsp; var toWork = resp.thumbs;&nbsp; &nbsp; &nbsp; var found = false;&nbsp; &nbsp; &nbsp; var i = 0;&nbsp; &nbsp; &nbsp; for (i in toWork) {&nbsp; &nbsp; &nbsp; &nbsp; if(toWork[i].url === url) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; found = true;&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; if (found == false) {&nbsp; &nbsp; &nbsp; &nbsp; found = true;&nbsp; &nbsp; &nbsp; &nbsp; captureAndSave();&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp; &nbsp; function captureAndSave() {&nbsp; &nbsp; &nbsp; chrome.storage.local.get(null, function(resp) {&nbsp; &nbsp; &nbsp; &nbsp; var parse_obj = resp;&nbsp; &nbsp; &nbsp; &nbsp; chrome.tabs.captureVisibleTab(function(dataUrl) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; parse_obj['thumbs'].push({&quot;url&quot;: url, &quot;image&quot;: dataUrl});&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; chrome.storage.local.set(parse_obj, function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return true;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; }&nbsp; }}[/CODE]Created background daemonI'm eventually going to push message flashing here[CODE=php]/*&nbsp; Initialize OPT Daemon*/var data;// Retreive topsites on extension load / browser restartchrome.topSites.get(function(response) {&nbsp; data = response;});// Listen for tab updateschrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) {&nbsp; if(changeInfo.status == &quot;complete&quot;) {&nbsp; &nbsp; // Query tab when it is finished loading&nbsp; &nbsp; queryTab(tab.url, tabId);&nbsp; }});[/CODE]Message flashing re-write[CODE=php]/*&nbsp; Global message flashing*/function flash(message) {&nbsp; if (!chrome.storage.local) {&nbsp; &nbsp; alert(&quot;Local storage is not accessible :(&quot;);&nbsp; }&nbsp; function isEmpty(obj) {&nbsp; &nbsp; for(var key in obj) {&nbsp; &nbsp; &nbsp; if(obj.hasOwnProperty(key)) {&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; }&nbsp; &nbsp; return true;&nbsp; }&nbsp; // Set flash message&nbsp; chrome.storage.local.set({&quot;flashed_msg&quot;:message}, function() {&nbsp; &nbsp; chrome.storage.local.get({&quot;flashed_msg&quot;:message}, function(data) {&nbsp; &nbsp; &nbsp; if (!isEmpty(data.flashed_msg)) {&nbsp; &nbsp; &nbsp; &nbsp; console.log('==&gt; flash();');&nbsp; &nbsp; &nbsp; &nbsp; var html = `&lt;div class=&quot;flash fadeInLoad&quot;&gt;${data.flashed_msg}&lt;/div&gt;`;&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById(&quot;flashes&quot;).innerHTML = html;&nbsp; &nbsp; &nbsp; &nbsp; chrome.storage.local.set({&quot;flashed_msg&quot;:&quot;&quot;});&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; });&nbsp; });}[/CODE]Feel free to test out the thumbnail generator, could really use the help finding bugs, i'm sure there's going to be a few. I still suck at JSON key iteration[doublepost=1526454001][/doublepost]CommittedSupport for google doodles<img src="https://image.prntscr.com/image/rjN0juBgSQGLXDCotI8yaA.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Improved Ball style, chrome style and added Tiny style<img src="https://image.prntscr.com/image/ygUTt2zWRJW3Ft9Wc1zn_Q.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="https://image.prntscr.com/image/LT9N4x1TTdGM5LdbYc_O7Q.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> <img src="https://image.prntscr.com/image/Cd5q8FYiSzaThuNh-bM0bg.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></blockquote>

[QUOTE="griimnak, post: 434006, member: 35695"] [SIZE=7][B]Committed[/B][/SIZE] [SIZE=5][B]Added favicons to topsites display & fixed css bugs[/B][/SIZE] [CODE=php] <img src="https://www.google.com/s2/favicons?domain=${url}" /> [/CODE] [SIZE=5][B]Added another style[/B][/SIZE] "Ball" style [CODE=php] function drawBallStyle() { function appendBallStyle(title, url, inner) { var html = ` <a href="${url}" class="tile"> <img src="https://www.google.com/s2/favicons?domain=${url}" /> </a> `; document.getElementById("topsites-ball").innerHTML += html; } var inner = ` <div class="topsites-ball"> <div id="topsites-ball" style="margin:0 auto;padding-left:5px;"> </div> </div> `; content.innerHTML += inner; for(var i=0;i<data.length;i++) { appendBallStyle(data[i].title, data[i].url); } } [/CODE] [SIZE=5][B]More settings (defaults displayed below)[/B][/SIZE] [CODE=php] var keys = { "name": name, "location": location, "theme": theme, "background":{"type":"default","value":"default"}, "widget_clock":"enabled_style1", "widget_ctext": { "enabled": "false", "value": "" }, "widget_topsites": "enabled_ball" }; [/CODE] [LIST] [*]Added ability to disable / enable clock [*]Added ability to set custom text in place of clock [/LIST] [IMG]https://image.prntscr.com/image/JFegmvXbTTGOfaZQJ9k8jA.png[/IMG] Just customization and aesthetics for newtab without Indian garbage :p Ooh that looks pretty nice. At the moment i only have intentions of supporting chrome, but I will definitely look into that if i decide otherwise. [doublepost=1526431570,1526191892][/doublepost][B][SIZE=7]Committed[/SIZE][/B] [SIZE=6][B]Thumbnail generator finished[/B][/SIZE] [IMG]https://image.prntscr.com/image/9gB3YU-5QaWLZbc-oU9i8A.png[/IMG] [IMG]https://image.prntscr.com/image/KmB2G53hSICXV5qYPZAHEw.png[/IMG] [CODE=php] /* Tab Query - Applies topSites thumbnails Compares current tab URL with data[z].url (Topsite urls) If data[z].url (Topsite urls) has an entry equal to active (current tab), Check for http vs https and match if found If active (current tab) exists in local storage, do nothing, otherwise take screenshot of matched tab and insert into local storage */ function queryTab(active, active_id) { var clean = active.replace(/^https:\/\//i, 'http://'); for(var z = 0; z < data.length; z++) { if (data[z].url === active) { match(active, active_id); } else if (data[z].url === clean) { match(clean, active_id); } } function match(url, active_id) { chrome.storage.local.get(null, function(resp) { var toWork = resp.thumbs; var found = false; var i = 0; for (i in toWork) { if(toWork[i].url === url) { found = true; } } if (found == false) { found = true; captureAndSave(); } }); function captureAndSave() { chrome.storage.local.get(null, function(resp) { var parse_obj = resp; chrome.tabs.captureVisibleTab(function(dataUrl) { parse_obj['thumbs'].push({"url": url, "image": dataUrl}); chrome.storage.local.set(parse_obj, function() { return true; }); }); }); } } } [/CODE] [B][SIZE=6]Created background daemon[/SIZE][/B] I'm eventually going to push message flashing here [CODE=php] /* Initialize OPT Daemon */ var data; // Retreive topsites on extension load / browser restart chrome.topSites.get(function(response) { data = response; }); // Listen for tab updates chrome.tabs.onUpdated.addListener(function(tabId, changeInfo, tab) { if(changeInfo.status == "complete") { // Query tab when it is finished loading queryTab(tab.url, tabId); } }); [/CODE] [B][SIZE=6]Message flashing re-write[/SIZE][/B] [CODE=php] /* Global message flashing */ function flash(message) { if (!chrome.storage.local) { alert("Local storage is not accessible :("); } function isEmpty(obj) { for(var key in obj) { if(obj.hasOwnProperty(key)) { return false; } } return true; } // Set flash message chrome.storage.local.set({"flashed_msg":message}, function() { chrome.storage.local.get({"flashed_msg":message}, function(data) { if (!isEmpty(data.flashed_msg)) { console.log('==> flash();'); var html = `<div class="flash fadeInLoad">${data.flashed_msg}</div>`; document.getElementById("flashes").innerHTML = html; chrome.storage.local.set({"flashed_msg":""}); } }); }); } [/CODE] Feel free to test out the thumbnail generator, could really use the help finding bugs, i'm sure there's going to be a few. I still suck at JSON key iteration [doublepost=1526454001][/doublepost][B][SIZE=7]Committed[/SIZE][/B] [B][SIZE=6]Support for google doodles[/SIZE][/B] [IMG]https://image.prntscr.com/image/rjN0juBgSQGLXDCotI8yaA.png[/IMG] [SIZE=6][B]Improved Ball style, chrome style and added Tiny style[/B][/SIZE] [IMG]https://image.prntscr.com/image/ygUTt2zWRJW3Ft9Wc1zn_Q.png[/IMG] [IMG]https://image.prntscr.com/image/LT9N4x1TTdGM5LdbYc_O7Q.png[/IMG] [IMG]https://image.prntscr.com/image/Cd5q8FYiSzaThuNh-bM0bg.png[/IMG] [/QUOTE]

Verification

Reply to thread

Connect with us

Newest members