status-im
/
QR-Code-generator
mirror of https://github.com/status-im/QR-Code-generator.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

Tweaked {JavaScript, TypeScript, HTML} code to encapsulate the application members.

This commit is contained in:
Project Nayuki 2018-10-03 02:53:48 +00:00
parent 3ab5e7827c
commit 6d79c97c42
3 changed files with 144 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
javascript/qrcodegen-demo.js
View File

@ -24,6 +24,8 @@
"use strict"; "use strict";
var app = new function() {
function initialize() { function initialize() {
var elems = document.querySelectorAll("input[type=number], textarea"); var elems = document.querySelectorAll("input[type=number], textarea");
for (var i = 0; i < elems.length; i++) { for (var i = 0; i < elems.length; i++) {
@ -143,7 +145,7 @@ function redrawQrCode() {
} }
function handleVersionMinMax(which) { this.handleVersionMinMax = function(which) {
var minElem = document.getElementById("version-min-input"); var minElem = document.getElementById("version-min-input");
var maxElem = document.getElementById("version-max-input"); var maxElem = document.getElementById("version-max-input");
var minVal = parseInt(minElem.value, 10); var minVal = parseInt(minElem.value, 10);
@ -161,3 +163,4 @@ function handleVersionMinMax(which) {
initialize(); initialize();
}

4
javascript/qrcodegen-js-demo.html
View File

@ -95,8 +95,8 @@
<tr> <tr>
<td>Version range:</td> <td>Version range:</td>
<td> <td>
Minimum = <input type="number" value="1" min="1" max="40" step="1" id="version-min-input" style="width:4em" oninput="handleVersionMinMax('min');">, Minimum = <input type="number" value="1" min="1" max="40" step="1" id="version-min-input" style="width:4em" oninput="app.handleVersionMinMax('min');">,
maximum = <input type="number" value="40" min="1" max="40" step="1" id="version-max-input" style="width:4em" oninput="handleVersionMinMax('max');"> maximum = <input type="number" value="40" min="1" max="40" step="1" id="version-max-input" style="width:4em" oninput="app.handleVersionMinMax('max');">
</td> </td>
</tr> </tr>
<tr> <tr>

16
typescript/qrcodegen-demo.ts
View File

@ -24,26 +24,24 @@
"use strict"; "use strict";
{ namespace app {
const myWindow = window as any;
function initialize(): void { function initialize(): void {
let elems = document.querySelectorAll("input[type=number], textarea"); let elems = document.querySelectorAll("input[type=number], textarea");
for (let el of elems) { for (let el of elems) {
if (!el.id.startsWith("version-")) if (!el.id.startsWith("version-"))
(el as any).oninput = myWindow.redrawQrCode; (el as any).oninput = redrawQrCode;
} }
elems = document.querySelectorAll("input[type=radio], input[type=checkbox]"); elems = document.querySelectorAll("input[type=radio], input[type=checkbox]");
for (let el of elems) for (let el of elems)
(el as HTMLInputElement).onchange = myWindow.redrawQrCode; (el as HTMLInputElement).onchange = redrawQrCode;
myWindow.redrawQrCode(); redrawQrCode();
} }
/*---- Functions called from HTML code ----*/ /*---- Functions called from HTML code ----*/
myWindow.redrawQrCode = function(): void { function redrawQrCode(): void {
// Show/hide rows based on bitmap/vector image output // Show/hide rows based on bitmap/vector image output
const bitmapOutput: boolean = getInput("output-format-bitmap").checked; const bitmapOutput: boolean = getInput("output-format-bitmap").checked;
const scaleRow : HTMLElement = getElem("scale-row"); const scaleRow : HTMLElement = getElem("scale-row");
@ -150,7 +148,7 @@
} }
myWindow.handleVersionMinMax = function(which: "min"|"max"): void { export function handleVersionMinMax(which: "min"|"max"): void {
const minElem: HTMLInputElement = getInput("version-min-input"); const minElem: HTMLInputElement = getInput("version-min-input");
const maxElem: HTMLInputElement = getInput("version-max-input"); const maxElem: HTMLInputElement = getInput("version-max-input");
let minVal: number = parseInt(minElem.value, 10); let minVal: number = parseInt(minElem.value, 10);
@ -163,7 +161,7 @@
minVal = maxVal; minVal = maxVal;
minElem.value = minVal.toString(); minElem.value = minVal.toString();
maxElem.value = maxVal.toString(); maxElem.value = maxVal.toString();
myWindow.redrawQrCode(); redrawQrCode();
} }