From 92ffdf54180bcdce170e88d6857ea20a1130f784 Mon Sep 17 00:00:00 2001
From: Max Chopart <max.chopart@gmail.com>
Date: Thu, 26 May 2022 11:44:35 +0200
Subject: [PATCH] [Upd #149] Updated media content story and added isIframe as
 global parameter

---
 .storybook/preview.js                |  7 ++++++
 src/stories/MediaContent.stories.tsx | 32 ++++------------------------
 2 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/.storybook/preview.js b/.storybook/preview.js
index 7f131ac4..486c5e6d 100644
--- a/.storybook/preview.js
+++ b/.storybook/preview.js
@@ -44,6 +44,12 @@ export const globalTypes = {
     defaultValue: false,
     control: { type: "boolean" },
   },
+  isIframe: {
+    name: "IFrame",
+    description: "Set IFrame to eligible media contents",
+    defaultValue: false,
+    control: { type: "boolean" },
+  },
 };
 
 const options = {
@@ -61,6 +67,7 @@ const options = {
   wizardStepButtons: true,
   enableForwardSkip: true,
   startingStep: 1,
+  isIframe: false,
   debugMode: false,
   users: [
     { id: "http://fel.cvut.cz/people/max-chopart", label: "Max Chopart" },
diff --git a/src/stories/MediaContent.stories.tsx b/src/stories/MediaContent.stories.tsx
index 2f0fc429..ce105436 100644
--- a/src/stories/MediaContent.stories.tsx
+++ b/src/stories/MediaContent.stories.tsx
@@ -10,9 +10,11 @@ const question = {
   "http://www.w3.org/2000/01/rdf-schema#label": "Job",
   "http://onto.fel.cvut.cz/ontologies/form/has-media-content": [
     "https://www.youtube.com/embed/yzXRaJCZdFI",
+    "https://www.youtube.com/watch?v=yzXRaJCZdFI",
     "https://drive.google.com/file/d/1C8vvDQX90vFDno0HpUCUNmVhW1_EchaX/preview",
     "https://drive.google.com/file/d/1ItZqsUm82nKW4ZqvKaiGUn202NEF79FC/view?usp=sharing",
     "https://drive.google.com/file/d/1ItZqsUm82nKW4ZqvKaiGUn202NEF79FC/preview",
+    "https://medecine.univ-lorraine.fr/sites/medecine.univ-lorraine.fr/files/users/documents/schema-etudes.png",
   ],
 };
 
@@ -25,33 +27,7 @@ const Template: ComponentStory<typeof MediaContent> = (args) => {
   return <MediaContent {...args} />;
 };
 
-export const YoutubeVideo = Template.bind({});
-YoutubeVideo.args = {
-  question: questionWithMedia,
-};
-
-export const ParsedUrl = Template.bind({});
-ParsedUrl.args = {
+export const Default = Template.bind({});
+Default.args = {
   question: question,
 };
-
-export const PreviewUrl = Template.bind({});
-PreviewUrl.args = {
-  iFrame: true,
-  hardcodedLink:
-    "https://drive.google.com/file/d/1ItZqsUm82nKW4ZqvKaiGUn202NEF79FC/preview",
-};
-
-export const ViewUrl = Template.bind({});
-ViewUrl.args = {
-  iFrame: true,
-  hardcodedLink:
-    "https://drive.google.com/file/d/1ItZqsUm82nKW4ZqvKaiGUn202NEF79FC/view?usp=sharing",
-};
-
-export const ExportViewUrl = Template.bind({});
-ExportViewUrl.args = {
-  iFrame: true,
-  hardcodedLink:
-    "https://drive.google.com/uc?export=view&id=1ItZqsUm82nKW4ZqvKaiGUn202NEF79FC",
-};