aboutsummaryrefslogtreecommitdiffhomepage
path: root/plugins/qrcode/shaarli-qrcode.js
blob: 615f54c72c3cfe42e3a8df6b8d3aa3bfc9a46c1b (plain) (blame)
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
// Show the QR-Code of a permalink (when the QR-Code icon is clicked).
function showQrCode(caller,loading)
{ 
    // Dynamic javascript lib loading: We only load qr.js if the QR code icon is clicked:
    if (typeof(qr) == 'undefined') // Load qr.js only if not present.
    {
        if (!loading)  // If javascript lib is still loading, do not append script to body.
        {
            var element = document.createElement("script");
            element.src = "plugins/qrcode/qr-1.1.3.min.js";
            document.body.appendChild(element);
        }
        setTimeout(function() { showQrCode(caller,true);}, 200); // Retry in 200 milliseconds.
        return false;
    }

    // Remove previous qrcode if present.
    removeQrcode();
    
    // Build the div which contains the QR-Code:
    var element = document.createElement('div');
    element.id = 'permalinkQrcode';

	// Make QR-Code div commit sepuku when clicked:
    if ( element.attachEvent ){
        element.attachEvent('onclick', 'this.parentNode.removeChild(this);' );

    } else {
        // Damn IE
        element.setAttribute('onclick', 'this.parentNode.removeChild(this);' );
    }
    
    // Build the QR-Code:
    var image = qr.image({size: 8,value: caller.dataset.permalink});
    if (image)
    { 
        element.appendChild(image);
        element.innerHTML += "<br>Click to close";
        caller.parentNode.appendChild(element);

        // Show the QRCode
        qrcodeImage = document.getElementById('permalinkQrcode');
        // Workaround to deal with newly created element lag for transition.
        window.getComputedStyle(qrcodeImage).opacity;
        qrcodeImage.className = 'show';
    }
    else
    {
        element.innerHTML = "Your browser does not seem to be HTML5 compatible.";
    }
    return false;
}

// Remove any displayed QR-Code
function removeQrcode()
{
    var elem = document.getElementById('permalinkQrcode');
    if (elem) {
        elem.parentNode.removeChild(elem);
    }
    return false;
}