open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Support "breadcrumbs" new style links

Browse Source 
Adds support for 'new style' links that resemble the page URL. Requires stylesheet support to enable it.
https://userstyles.org/styles/110560/breadcrumbs-new-style-links-stylish-for-chrome
This commit is contained in:
hideheader 2015-02-18 13:56:39 -05:00
parent 110c31d495
commit 2862754f63
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
popup.js
View File

@ -19,7 +19,9 @@ chrome.tabs.getSelected(null, function(tab) {
document.querySelector("#find-styles a").href = "https://userstyles.org/styles/browse/all/" + encodeURIComponent("file" === urlWillWork[1] ? "file:" : tab.url); document.querySelector("#find-styles a").href = "https://userstyles.org/styles/browse/all/" + encodeURIComponent("file" === urlWillWork[1] ? "file:" : tab.url);
// Write new style links // Write new style links
var writeStyleLinks = [] var writeStyleLinks = [],
container = document.createElement('span');
container.id = "match";
// For this URL // For this URL
var urlLink = writeStyleTemplate.cloneNode(true); var urlLink = writeStyleTemplate.cloneNode(true);
@ -38,17 +40,19 @@ chrome.tabs.getSelected(null, function(tab) {
var domainLink = writeStyleTemplate.cloneNode(true); var domainLink = writeStyleTemplate.cloneNode(true);
domainLink.href = "edit.html?domain=" + encodeURIComponent(domain); domainLink.href = "edit.html?domain=" + encodeURIComponent(domain);
domainLink.appendChild(document.createTextNode(domain)); domainLink.appendChild(document.createTextNode(domain));
domainLink.setAttribute("subdomain", domain.substring(0, domain.indexOf(".")));
writeStyleLinks.push(domainLink); writeStyleLinks.push(domainLink);
}); });
var writeStyle = document.querySelector("#write-style"); var writeStyle = document.querySelector("#write-style");
writeStyleLinks.forEach(function(link, index) { writeStyleLinks.forEach(function(link, index) {
if (index > 0) { if (index > 0) {
writeStyle.appendChild(document.createTextNode(" ")); container.appendChild(document.createTextNode(" "));
} }
link.addEventListener("click", openLinkInTabOrWindow, false); link.addEventListener("click", openLinkInTabOrWindow, false);
writeStyle.appendChild(link); container.appendChild(link);
}); });
writeStyle.appendChild(container);
}); });
function showStyles(styles) { function showStyles(styles) {