thedevs-network/kutt-extension
1
0
Fork 0
mirror of https://github.com/thedevs-network/kutt-extension.git synced 2026-02-03 13:53:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

QRCode addition

Browse Source
This commit is contained in:
abhijithvijayan
2019-01-05 01:05:47 +05:30
parent 37490c2911
commit 8ab208dab7
2 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/popup.html
View File

@@ -12,7 +12,8 @@
<h3 id="text">Shortening...</h3>
<button id="button__copy">Copy</button>
<button id="button__details">Details</button>
<button id="button">options</button>
<button id="button__qrcode">QR Code</button>
<img id="qr_code" src="#" alt="QRCode" style="display: none;"/>
<script src="js/popup.js"></script>
</body>

9
src/scripts/popup.js
View File

@@ -1,6 +1,6 @@
document.addEventListener('DOMContentLoaded', () => {
let longUrl, shortUrl;
let longUrl, shortUrl, qrSrc = 'https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=';
// 1. Pass the message and receive response
chrome.tabs.query({'active': true, 'lastFocusedWindow': true}, (tabs) => {
@@ -10,6 +10,8 @@ document.addEventListener('DOMContentLoaded', () => {
console.log(response.shortUrl);
shortUrl = response.shortUrl;
document.getElementById('text').textContent = shortUrl;
// fetch qrcode from http://goqr.me
document.getElementById('qr_code').src = `${qrSrc}${shortUrl}`;
});
});
@@ -36,5 +38,10 @@ document.addEventListener('DOMContentLoaded', () => {
win.focus();
});
// 4. QR Code
document.getElementById('button__qrcode').addEventListener('click', () => {
document.getElementById('button__qrcode').style = "display: none;";
document.getElementById('qr_code').style = '';
});
});