From 1f88e56f1ed706e2942b57448d226cbb5fe5e24f Mon Sep 17 00:00:00 2001
From: Pavel Dohnal <pavel@mailpoet.com>
Date: Tue, 14 Aug 2018 15:55:06 +0200
Subject: [PATCH] Skip video if already seen

[MAILPOET-1447]
---
 assets/js/src/newsletter_editor/initializer.jsx | 7 +++++--
 views/newsletter/editor.html                    | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/js/src/newsletter_editor/initializer.jsx b/assets/js/src/newsletter_editor/initializer.jsx
index 274bf6d964..d58fa349c8 100644
--- a/assets/js/src/newsletter_editor/initializer.jsx
+++ b/assets/js/src/newsletter_editor/initializer.jsx
@@ -18,15 +18,18 @@ const renderBreadcrumb = (newsletterType) => {
 
 function displayTutorial() {
   const key = `user_seen_editor_tutorial${window.config.currentUserId}`;
+  if (window.config.dragDemoUrlSettings) {
+    return;
+  }
   MailPoet.Modal.popup({
     title: MailPoet.I18n.t('tutorialVideoTitle'),
-    template: '<video style="height:640px;" src=' + window.config.dragDemoUrl + ' controls autoplay></video>',
+    template: `<video style="height:640px;" src="${window.config.dragDemoUrl}" controls autoplay></video>`,
     onCancel: () => {
       MailPoet.Ajax.post({
         api_version: window.mailpoet_api_version,
         endpoint: 'settings',
         action: 'set',
-        data: {[key]: 1},
+        data: { [key]: 1 },
       });
     },
   });
diff --git a/views/newsletter/editor.html b/views/newsletter/editor.html
index 5a01a7e339..b8fc6f7b8c 100644
--- a/views/newsletter/editor.html
+++ b/views/newsletter/editor.html
@@ -1298,6 +1298,7 @@
       },
       dragDemoUrl: '<%= image_url("newsletter_editor/editor-drag-demo.mp4") %>',
       currentUserId: '<%= current_wp_user.wp_user_id %>',
+      dragDemoUrlSettings: '<%= settings["user_seen_editor_tutorial" ~ current_wp_user.wp_user_id] %>',
     };
     wp.hooks.doAction('mailpoet_newsletters_editor_initialize', config);
   </script>