remove embedcode id prefix (#472)

client/components/pages/forms/show/EmbedCode.vue

@@ -49,23 +49,16 @@ export default {
   computed: {
     embedCode() {
       // eslint-disable no-useless-escape
-      return `${this.iframeCode}<script type="text/javascript" onload="initForm('${this.form.slug}')" src="${appUrl("/widgets/iframe.min.js")}"><\/script>`
+      return `${this.iframeCode}<script type="text/javascript" onload="initEmbed('${this.form.slug}')" src="${appUrl("/widgets/iframe.min.js")}"><\/script>`
     },
     iframeCode() {
       const share_url = this.extraQueryParam
         ? this.form.share_url + "?" + this.extraQueryParam
         : this.form.share_url + this.extraQueryParam
       return (
-        '<iframe style="border:none;width:100%;" id="' +
-        this.iframeId +
-        '" src="' +
-        share_url +
-        '"></iframe>'
+        '<iframe style="border:none;width:100%;" id="' + this.form.slug + '" src="' + share_url + '"></iframe>'
       )
-    },
-    iframeId() {
-      return "form-" + this.form.slug
-    },
+    }
   },
 
   methods: {},

client/public/widgets/iframe.js

@@ -473,7 +473,7 @@
  * Starting from here is OpnForm custom code.
  * @type {string}
  */
-function initForm(formSlug) {
+function initEmbed(formSlug) {
   if (!formSlug) {
     return
   }
@@ -493,6 +493,6 @@ function initForm(formSlug) {
   })
 
   document.addEventListener("DOMContentLoaded", function () {
-    iFrameResize({log: false, checkOrigin: false}, '#form-' + formSlug)
+    iFrameResize({log: false, checkOrigin: false}, '#' + formSlug)
   })
 }

resources/views/mail/form/created.blade.php

@@ -12,8 +12,8 @@ If you want to share your form, here is the link:
 
 If you want to embed your form to your website, copy and paste the following code:
 @component('mail::panel')
-{{ '<iframe style="border:none;width:100%;" id="form-'.$form->slug.'" src="'.$form->share_url.'"></iframe>
-    <script type="text/javascript" onload="initForm(\''.$form->slug.'\')" src="'.front_url("widgets/iframe.min.js").'"></script>' }}
+{{ '<iframe style="border:none;width:100%;" id="'.$form->slug.'" src="'.$form->share_url.'"></iframe>
+    <script type="text/javascript" onload="initEmbed(\''.$form->slug.'\')" src="'.front_url("widgets/iframe.min.js").'"></script>' }}
 @endcomponent
 
 Finally, we created a **Discord channel** with all the other users to share our news and guides about OpnForm.