lecture-26-2

officialcomputerbaba · Jan 15, 2023 · 05bd59f · 05bd59f
1 parent 9c51a59
commit 05bd59f
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 14 deletions.
diff --git a/lecture-26/src/index.html b/lecture-26/src/index.html
@@ -12,6 +12,7 @@
 
 <body>
 
+    <button id="downBtn">Download</button>
 </body>
 
 </html>
diff --git a/lecture-26/src/index.ts b/lecture-26/src/index.ts
@@ -1,16 +1,22 @@
-import { EMPTY } from "rxjs";
+import { EMPTY, defer, fromEvent } from "rxjs";
+import { ajax } from "rxjs/ajax";
 
-EMPTY.subscribe({
-  // the next method will not be called
-  next: (v) => {
-    console.log("Next method ", v);
-  },
-  // the error method will not be called
-  error: (err) => {
-    console.log("Err method ", err);
-  },
-  // only the complete method will be called
-  complete: () => {
-    console.log("Completed");
-  },
+let isDownloaded = false;
+
+const download$ = defer(() => {
+  return isDownloaded ? EMPTY : ajax.get("https://httpbin.org/image/png");
+});
+
+const downBtn = document.getElementById("downBtn") as HTMLButtonElement;
+
+fromEvent(downBtn, "click").subscribe(() => {
+  download$.subscribe({
+    next: (v) => {
+      isDownloaded = true;
+      console.log("Image data", v);
+    },
+    complete: () => {
+      console.log("Download completed");
+    },
+  });
 });
-Original file line number
+Diff line change
@@ Expand Up / @@ -12,6 +12,7 @@ @@
     <body>
+        <button id="downBtn">Download</button>
     </body>
     </html>