felixfoertsch/webextensions-examples
1
0
Fork 0
mirror of https://github.com/mdn/webextensions-examples.git synced 2026-04-16 06:18:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #101 from kartik95/history-deleter-panel-bug

Browse Source 
Big fix for WebExtensions Panel auto-resize problem
This commit is contained in:
wbamberg
2016-10-13 10:29:00 -07:00
committed by GitHub
parent 27935267bd 8ca2a258ae
commit 88c113b753
3 changed files with 47 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
history-deleter/history.css
View File

@@ -1,4 +1,32 @@
html, body {
margin: 0.2em;
width: 350px;
margin: 0.3em;
width: auto;
min-width: 250px;
max-width: 500px;
background-color: #f8f8f8;
}
div {
margin-left: 0.5em;
margin-right: 0.5em;
border-bottom: 1px solid grey;
}
#history-title {
font-weight: bold;
margin-left: 0.5em;
margin-right: 0.5em;
}
#history {
display: block;
word-wrap: break-word;
margin: 0.5em;
text-decoration: none;
}
#clear {
text-decoration: none;
margin-left: 0.5em;
margin-right: 0.5em;
}

6
history-deleter/history.html
View File

@@ -7,9 +7,11 @@
</head>
<body>
<p>History for this domain (limited to 5 results):</p>
<p id="history-title">History for <span class="domain"></span> (Last 5 results) :</p>
<div></div>
<p id="history"></p>
<p><a href="#" id="clear">Clear history for this domain</a></p>
<div></div>
<p><a href="#" id="clear">Clear history for <span class="domain"></span></a></p>
<script src="history.js"></script>
</body>

14
history-deleter/history.js
View File

@@ -2,9 +2,17 @@
function get_hostname(url) {
var a = document.createElement('a');
a.href = url;
set_domain(a.hostname);
return a.hostname;
}
function set_domain(domain) {
spans = document.getElementsByClassName('domain');
[].slice.call(spans).forEach(function(span) {
span.textContent = domain;
});
}
function no_history(hostname) {
document.getElementById('history').innerHTML = `No history for ${hostname}.`;
}
@@ -27,8 +35,12 @@ chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
for (var k in results) {
var history = results[k];
var li = document.createElement('p');
var a = document.createElement('a');
var url = document.createTextNode(history.url);
li.appendChild(url);
a.href = history.url;
a.target = '_blank';
a.appendChild(url);
li.appendChild(a);
list.appendChild(li);
}
}