dev #13538

правка

angular/src/app/directives/download-app.directive.ts

@@ -19,33 +19,54 @@ export class DownloadAppDirective implements OnInit {
     public renderer: Renderer2,
     private el: ElementRef
   ) {
-    setTimeout(() => {
+    // setTimeout(() => {
-      this.renderer.listen('window', 'beforeinstallprompt', (e) => {
+    //   this.renderer.listen('window', 'beforeinstallprompt', (e) => {
-        e.preventDefault();
+    //     e.preventDefault();
-        console.log('#: ', e);
+    //     console.log('#: ', e);
-        this.deferredPrompt = e;
+    //     this.deferredPrompt = e;
-  
+    //   });
-      });
+    //   this.renderer.listen('window', 'appinstalled', (evt) => {
-      this.renderer.listen('window', 'appinstalled', (evt) => {
+    //     console.log('INSTALLED!!!');
-        console.log('INSTALLED!!!');
+    //   });
-      });
+    //   this.getTypeDevice();
-      this.getTypeDevice();
+    // }, 0);
+    // if (
+    //   (this.deviceType == 'android' && this.deferredPrompt) ||
+    //   this.deviceType == 'ios'
+    // ) {
+    //   console.log(this.deviceType);
+    //   console.log(this.deferredPrompt);
 
-    }, 0)
+    //   this.el.nativeElement.style.display = 'block';
-    if (
+    // }
-      !(
+  }
-        (this.deviceType == 'android' && this.deferredPrompt) ||
-        this.deviceType == 'ios'
-      )
-    ) {
-      console.log(this.deviceType);
-      console.log(this.deferredPrompt);
 
-      this.el.nativeElement.style.display = 'none';
+  ngOnInit(): void {
+    this.getTypeDevice()
+    if (this.deviceType === 'ios') {
+      this.el.nativeElement.style.display = 'block';
+    }
+  }
+
+  @HostListener('window:beforeinstallprompt', ['$event'])
+  onBeforeInstallPrompt(e: any) {
+    console.log(e);
+    e.preventDefault();
+    this.deferredPrompt = e;
+  }
+
+  @HostListener('window:appinstalled', ['$event'])
+  onAppInstalled(e: any) {
+    console.log(e);
+    // Prevent Chrome 67 and earlier from automatically showing the prompt
+    e.preventDefault();
+    // Stash the event so it can be triggered later.
+    this.deferredPrompt = e;
+    if (this.deferredPrompt) {
+      this.el.nativeElement.style.display = 'block';
     }
   }
 
-  ngOnInit(): void {}
 
   getTypeDevice() {
     const userAgent = window.navigator.userAgent.toLowerCase();

angular/src/app/pages/account/account.component.html

@@ -57,7 +57,7 @@
         </li>
       </ng-container>
       <li
-        class="woocommerce-MyAccount-navigation-link"
+        class="woocommerce-MyAccount-navigation-link download-app"
         appDownloadApp
       >
         <div class="container">

angular/src/app/pages/account/account.component.scss

@@ -44,6 +44,10 @@
             // border-radius: 7px 0 0 7px;
           }
 
+          &.download-app {
+            display: none;
+          }
+
           .container {
             display: flex;
             align-items: center;