From aceb28718e780dbca692fdd4de7076f890adb43b Mon Sep 17 00:00:00 2001
From: mama <mael.thomas@data.gouv.fr>
Date: Wed, 10 Jan 2018 12:00:44 +0100
Subject: [PATCH] Code de l'iframe.html plus standard

---
 example-integration.html |  6 +++---
 iframe.html              | 21 +++++++++++----------
 source/entry-iframe.js   |  8 +++++---
 3 files changed, 19 insertions(+), 16 deletions(-)
diff --git a/example-integration.html b/example-integration.html
index 7602f2bad..5c2637f58 100644
--- a/example-integration.html
+++ b/example-integration.html
@@ -4,7 +4,7 @@
 		<meta charset="utf-8">
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 		<meta name="viewport" content="initial-scale=1">
-		<title>Intégrateur numéro 1</title>
+		<title>Intégrateur numéro 10</title>
 	</head>
 	<style>
 		#en-tête {
@@ -24,8 +24,8 @@
 			<p>Calculez votre salaire !</p>
 		</section>
 		<section id="module">
-			<script id="script-simulateur-embauche" src="dist/simulateur.js" data-couleur="#333"></script>
+			<script id="script-simulateur-embauche" src="dist/simulateur.js" data-couleur="#333"></script><!-- Exemples de couleur : #1F4382 - #3570B8 - #4A89DC - #4A9DED-->
 		</section>
-		<!-- #1F4382 - #3570B8 - #4A89DC - #4A9DED-->
+
 	</body>
 </html>
diff --git a/iframe.html b/iframe.html
index 5719fe6d0..1385162fc 100644
--- a/iframe.html
+++ b/iframe.html
@@ -15,16 +15,17 @@
 	<body>
 		<div id="js" />
 		<script type="text/javascript">
-			var couleur =
-				window.location.search
-					.substring(1) //get rid of "?" in querystring
-					.split("=")[1],
-				scriptBeginning = '<script type="text/javascript" src="dist/bundle.js" couleur="#'
-				scriptEnd = '"><\/script>'
-			// Example colours : #1F4382 - #3570B8 - #4A89DC - #4A9DED
-			document.write(scriptBeginning + couleur + scriptEnd)
-		</script>
-		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.5/iframeResizer.contentWindow.min.js"></script>
+		var couleur = window.location.search
+	.substring(1) //get rid of "?" in querystring
+	.split('=')[1]
+
+var scriptEl = document.createElement('script')
+scriptEl.setAttribute('type', 'text/javascript')
+scriptEl.setAttribute('src', 'dist/bundle.js')
+scriptEl.setAttribute('couleur', '#' + couleur)
+document.body.appendChild(scriptEl)
+</script>
+		<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.15/iframeResizer.contentWindow.min.js"></script>
 		<script src="https://use.fontawesome.com/1da10bbdec.js"></script>
 	</body>
 </html>
diff --git a/source/entry-iframe.js b/source/entry-iframe.js
index 704a2fe2c..11254edcd 100644
--- a/source/entry-iframe.js
+++ b/source/entry-iframe.js
@@ -4,7 +4,9 @@ let script = document.getElementById('script-simulateur-embauche'),
 	src = script.getAttribute('src')
 
 document.write(`
-<iframe id="SGMAPembauche" src="${src.split('dist')[0]}iframe.html?couleur=${couleur}" width="100%" style="border: none;" scrolling="no"></iframe>
-<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.5/iframeResizer.min.js"></script>
-<script type="text/javascript">iFrameResize(null, '#SGMAPembauche')</script>
+<iframe id="simulateurEmbauche" src="${
+	src.split('dist')[0]
+}iframe.html?couleur=${couleur}" style="border: none; width: 100%" scrolling="no"></iframe>
+<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.15/iframeResizer.min.js"></script>
+<script type="text/javascript">iFrameResize(null, '#simulateurEmbauche')</script>
 `)
