You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2018/12/13 14:14:07 UTC
[myfaces-tobago] 01/02: TOBAGO-1633: Use TypeScript instead of
JavaScript.
This is an automated email from the ASF dual-hosted git repository.
lofwyr pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/myfaces-tobago.git
commit 4de3751ad9d7f2721306886d57212835419ea50f
Author: Udo Schnurpfeil <lo...@apache.org>
AuthorDate: Wed Dec 12 22:36:21 2018 +0100
TOBAGO-1633: Use TypeScript instead of JavaScript.
using a loop for all matching elements
---
.../webapp/content/10-intro/20-docker/docker.js | 6 +-
.../content/10-intro/20-docker/docker.js.map | 2 +-
.../webapp/content/10-intro/20-docker/docker.ts | 64 +++++++++++-----------
3 files changed, 38 insertions(+), 34 deletions(-)
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js
index be2c235..2b9e57c 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js
@@ -37,7 +37,7 @@ var Demo;
}
try {
var result = document.execCommand("copy");
- alert("result: " + result);
+ console.debug("result: " + result);
}
catch (error) {
console.error("Copying text not possible");
@@ -46,7 +46,9 @@ var Demo;
}
return ToClipboardButton;
}());
- var init = function () { return new ToClipboardButton(document.querySelector("[data-copy-clipboard-from]")); };
+ var init = function () {
+ document.querySelectorAll("[data-copy-clipboard-from]").forEach(function (value) { return new ToClipboardButton(value); });
+ };
Tobago.registerListener(init, Tobago.Phase.DOCUMENT_READY);
Tobago.registerListener(init, Tobago.Phase.AFTER_UPDATE);
})(ToClipboardButton = Demo.ToClipboardButton || (Demo.ToClipboardButton = {}));
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js.map b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js.map
index 3ce7225..4b780f5 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js.map
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.js.map
@@ -1 +1 @@
-{"version":3,"file":"docker.js","sourceRoot":"","sources":["docker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,IAAO,IAAI,CAuCV;AAvCD,WAAO,IAAI;IAAC,IAAA,iBAAiB,CAuC5B;IAvCW,WAAA,mBAAiB;QAEzB;YAEI,2BAAY,OAAoB;gBAE5B;mBACG;gBACH,OAAO,CAAC,gBAAgB,CACpB,OAAO,EACP,UAAC,KAAiB;oBACd,IAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;oBAC9D,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;oBAElD,IAAI,MAAM,CAAC,YAAY,EAAE;wBACrB,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;wBACxC,IAAM,KA [...]
\ No newline at end of file
+{"version":3,"file":"docker.js","sourceRoot":"","sources":["docker.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,IAAO,IAAI,CAyCV;AAzCD,WAAO,IAAI;IAAC,IAAA,iBAAiB,CAyC5B;IAzCW,WAAA,mBAAiB;QAE3B;YAEE,2BAAY,OAAoB;gBAE9B;mBACG;gBACH,OAAO,CAAC,gBAAgB,CACpB,OAAO,EACP,UAAC,KAAiB;oBAChB,IAAM,IAAI,GAAG,OAAO,CAAC,YAAY,CAAC,0BAA0B,CAAC,CAAC;oBAC9D,IAAM,WAAW,GAAG,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;oBAElD,IAAI,MAAM,CAAC,YAAY,EAAE;wBACvB,IAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;wBACxC,IAAM,K [...]
\ No newline at end of file
diff --git a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.ts b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.ts
index 9b03408..b5704a3 100644
--- a/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.ts
+++ b/tobago-example/tobago-example-demo/src/main/webapp/content/10-intro/20-docker/docker.ts
@@ -17,41 +17,43 @@
module Demo.ToClipboardButton {
- class ToClipboardButton {
+ class ToClipboardButton {
- constructor(element: HTMLElement) {
+ constructor(element: HTMLElement) {
- /* Copy the command lines to the clipboard.
- */
- element.addEventListener(
- "click",
- (event: MouseEvent) => {
- const from = element.getAttribute("data-copy-clipboard-from");
- const commandLine = document.getElementById(from);
+ /* Copy the command lines to the clipboard.
+ */
+ element.addEventListener(
+ "click",
+ (event: MouseEvent) => {
+ const from = element.getAttribute("data-copy-clipboard-from");
+ const commandLine = document.getElementById(from);
- if (window.getSelection) {
- const selection = window.getSelection();
- const range = document.createRange();
- range.selectNodeContents(commandLine);
- selection.removeAllRanges();
- selection.addRange(range);
- } else {
- console.warn("Text select not possible: Unsupported browser.");
- }
- try {
- const result = document.execCommand("copy");
- alert("result: " + result);
- } catch (error) {
- console.error("Copying text not possible");
- }
- });
- }
+ if (window.getSelection) {
+ const selection = window.getSelection();
+ const range = document.createRange();
+ range.selectNodeContents(commandLine);
+ selection.removeAllRanges();
+ selection.addRange(range);
+ } else {
+ console.warn("Text select not possible: Unsupported browser.");
+ }
+ try {
+ const result = document.execCommand("copy");
+ console.debug("result: " + result);
+ } catch (error) {
+ console.error("Copying text not possible");
+ }
+ });
}
+ }
- const init = () => new ToClipboardButton(
- document.querySelector("[data-copy-clipboard-from]")
- );
+ const init = function () {
+ document.querySelectorAll<HTMLElement>("[data-copy-clipboard-from]").forEach(
+ (value) => new ToClipboardButton(value)
+ )
+ };
- Tobago.registerListener(init, Tobago.Phase.DOCUMENT_READY, Tobago.Phase.Order.LATER);
- Tobago.registerListener(init, Tobago.Phase.AFTER_UPDATE);
+ Tobago.registerListener(init, Tobago.Phase.DOCUMENT_READY);
+ Tobago.registerListener(init, Tobago.Phase.AFTER_UPDATE);
}