-
Notifications
You must be signed in to change notification settings - Fork 2
/
popup.js
96 lines (85 loc) · 3.45 KB
/
popup.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
// Copyright (c) 2014 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
/**
* Get the current URL.
*
* @param {function(string)} callback - called when the URL of the current tab
* is found.
*/
function getCurrentTabUrl(callback) {
// Query filter to be passed to chrome.tabs.query - see
// https://developer.chrome.com/extensions/tabs#method-query
var queryInfo = {
active: true,
currentWindow: true
};
chrome.tabs.query(queryInfo, function(tabs) {
// chrome.tabs.query invokes the callback with a list of tabs that match the
// query. When the popup is opened, there is certainly a window and at least
// one tab, so we can safely assume that |tabs| is a non-empty array.
// A window can only have one active tab at a time, so the array consists of
// exactly one tab.
var tab = tabs[0];
// A tab is a plain object that provides information about the tab.
// See https://developer.chrome.com/extensions/tabs#type-Tab
var url = tab.url;
// tab.url is only available if the "activeTab" permission is declared.
// If you want to see the URL of other tabs (e.g. after removing active:true
// from |queryInfo|), then the "tabs" permission is required to see their
// "url" properties.
console.assert(typeof url == 'string', 'tab.url should be a string');
callback(url);
});
// Most methods of the Chrome extension APIs are asynchronous. This means that
// you CANNOT do something like this:
//
// var url;
// chrome.tabs.query(queryInfo, function(tabs) {
// url = tabs[0].url;
// });
// alert(url); // Shows "undefined", because chrome.tabs.query is async.
}
function renderStatus(statusText) {
document.getElementById('status').textContent = statusText;
}
document.addEventListener('DOMContentLoaded', function() {
getCurrentTabUrl(function(url) {
console.assert(typeof url == 'string', 'The url is not a string!');
renderStatus('Scan to share this page.');
jQuery('#QR-image').qrcode({
render: "canvas",
width: 256,
height: 256,
text: url
//text: "fjdu"
});
var qrimage = document.getElementById('QR-image');
//var qrdataurl = document.getElementsByTagName("canvas")[0].toDataURL("image/png"); // This also works.
var qrdataurl = qrimage.children[0].toDataURL("image/png");
document.getElementById("qrdataURL").setAttribute("href", qrdataurl);
});
var button = document.getElementById('convert');
button.addEventListener('click', convText);
});
function convText() {
text = document.getElementById("textInput").value;
//console.log(text);
renderStatus('Scan to share the text.');
var qrimage = document.getElementById('QR-image');
qrimage.parentNode.removeChild(qrimage);
qrimage = document.createElement('div');
qrimage.id = "QR-image";
document.getElementById("imageContainer").appendChild(qrimage);
jQuery('#QR-image').qrcode({
render: "canvas",
width: 512,
height: 512,
text: unescape(encodeURIComponent(text))
//http://stackoverflow.com/questions/5396560/how-do-i-convert-special-utf-8-chars-to-their-iso-8859-1-equivalent-using-javasc
//text: "fjdu"
});
//console.log(qrimage.children[0]);
var qrdataurl = qrimage.children[0].toDataURL("image/png");
document.getElementById("qrdataURL").setAttribute("href", qrdataurl);
}