wdgt_tmpls

arcanus55 · Jun 30, 2024 · 2785112 · 2785112
1 parent 77ee046
commit 2785112
Show file tree

Hide file tree

Showing 8 changed files with 127 additions and 11 deletions.
diff --git a/dist/neodigm55__v3_5.js b/dist/neodigm55__v3_5.js
@@ -343,7 +343,7 @@ class NeodigmSodaPop {
             }, true)
             this._d[ neodigmOpt.N55_APP_STATE.CONTEXT ].addEventListener("mouseleave", (ev) => {  //  User focus exit
                 if( this.fOnBeforeUserExit && !sessionStorage.getItem( "n55_userExit" ) ) this.fOnBeforeUserExit()
-                sessionStorage.setItem( "n55_userExit", Date.now() )
+                sessionStorage.setItem( "n55_userExit", Date.now() )  //  Prevents firing more than once per session - close tab
             })
             this.bIsInit = true
         }

diff --git a/dist/neodigm55_v1_0_launchComplete.css b/dist/neodigm55_v1_0_launchComplete.css
@@ -17,6 +17,7 @@ All rights reserved. Redistributions of source code must retain the above copyri
 html, body {margin: 0; padding: 0;}
 input, textarea, button, select,
 a { -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; user-select: none !important; }
+BR {user-select: none;}
 
 *::-webkit-scrollbar { width: 8px; height: 8px; }
 *::-webkit-scrollbar-track { background: rgba(237, 186, 08, .2); }

diff --git a/dist/widgets/case_conversion/case_conversion__tmpl.html b/dist/widgets/case_conversion/case_conversion__tmpl.html
@@ -245,7 +245,7 @@
 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
-<!--  ||  Dont copy script tags -->
+ 
 <script> 
 
 //  Soda Pop Tmpl logic
@@ -496,7 +496,7 @@
 
 
 
-</script><!--  ||  Dont copy script tags -->
+</script> 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
     </body>

diff --git a/dist/widgets/contact_form_iframe_sfdc/contact_form_iframe_sfdc__tmpl.html b/dist/widgets/contact_form_iframe_sfdc/contact_form_iframe_sfdc__tmpl.html
@@ -0,0 +1,115 @@
+<html>
+    <head>
+        <link rel="stylesheet" href="https://arcanus55.github.io/neodigm55/dist/neodigm55__v3_5.css"></link>
+        <script src="https://arcanus55.github.io/neodigm55/dist/neodigm55__v3_5.js"></script>
+        <link rel="stylesheet" href="https://arcanus55.github.io/neodigm55/dist/neodigm55_v1_0_launchComplete.css"></link>
+    </head>
+    <body  data-n55-ampm-theme="light">
+
+<!--
+The host calls contact_form_iframe_sfdc.openCTA() which then calls neodigmSodaPop.autoOpen("contact_templ_wdgt_CTA__id")
+-->
+
+
+<!--  ||  TEMPLATE MU & CSS WDG BEGIN -->
+<template id="contact_templ_wdgt_CTA__id" data-n55-sodapop-modal="false" 
+data-n55-sodapop-size="small">
+<div>
+
+    <section class="readampm">
+        <article style="padding: 12px 12px;">
+
+            <form autocomplete="off" novalidate
+            onsubmit="return false">
+                <br>
+                <input id="contact_CTA_email" name="email" class="n55-lc__input" type="email"
+                placeholder="Email Address">
+
+                <textarea id="contact_CTA_message" name="message" class="n55-lc__input" type="text" rows="3"
+                placeholder="Message"></textarea>
+
+                <div class="h-center">
+                    <br>
+                    <a id="contact_CTA_submit" data-n55-enchanted-cta
+                    QQQQonclick="valForm('tsk_contact_us', this )"
+                    data-n55-enchanted-cta-size="small" data-n55-enchanted-cta-dont-touch="true"
+                    data-n55-theme="brand" data-n55-flash-theme="marcom"
+                    data-n55-wired4sound-click="7">
+                        <span data-n55-wired4sound-hover="3">Lets Talk <neodigm-icon class="material-symbols-outlined">chat</neodigm-icon></span><span>Contact <neodigm-icon class="material-symbols-outlined">send</neodigm-icon></span>
+                    </a>
+                </div>  
+            </form>
+        </article>
+    </section>
+</div>
+</template>
+
+<style>
+
+</style>
+<!--  ||  TEMPLATE MU & CSS WDG END -->
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!--  ||  JAVASCRIPT WDG BEGIN -->
+
+
+<script>
+const contact_form_iframe_sfdcOpt = {"sfdc_id": "123456", "theme": "info", "is_user_exit": true}
+if( typeof contact_form_iframe_sfdcCustom != 'undefined' ){  //  wdgt host script
+    for( cnfgProp in contact_form_iframe_sfdcCustom ){  //  Import Custom Objects props if exists
+        contact_form_iframe_sfdcOpt[ cnfgProp ] = contact_form_iframe_sfdcCustom[ cnfgProp ]
+    }
+}
+
+class Contact_form_iframe_sfdc {
+    constructor(_d, _sQ) {
+        this._d = _d; this._sQ = _sQ;
+        this.isInit = false;
+        this.theme = contact_form_iframe_sfdcOpt.theme || "brand"
+        this.elCTA = null;
+    }
+    init() {
+        if( !this.isInit ){
+            if( contact_form_iframe_sfdcOpt.is_user_exit ) neodigmSodaPop.setOnBeforeUserExit( function(){  //  Conditionally open when mouse leaves viewport
+                neodigmToast.q("Got Questions?|Start a Conversation!", "brand")
+                if( neodigmSodaPop && ( !neodigmSodaPop.isOpen() )) neodigmSodaPop.autoOpen("contact_templ_wdgt_CTA__id")
+            } )
+            neodigmSodaPop.setOnAfterOpen( function(){
+                this.elCTA = document.querySelector("#contact_CTA_submit")
+                if( this.elCTA ) this.elCTA.dataset.n55Theme = contact_form_iframe_sfdcOpt.theme
+                if( NeodigmClaire ) NeodigmClaire.showCanv('neodigm-sodapop', .6).setTheme( contact_form_iframe_sfdcOpt.theme ).initCanvOn('neodigm-sodapop').waxOn('neodigm-sodapop')
+                return true
+            }, "contact_templ_wdgt_CTA__id");
+            neodigmSodaPop.setOnClose( function(){
+                if( NeodigmClaire ) NeodigmClaire.showCanv('neodigm-sodapop').initCanvOff('neodigm-sodapop').waxOff('neodigm-sodapop');
+                return true
+            }, "contact_templ_wdgt_CTA__id")
+        }
+        this.isInit = true;
+        return this;
+    }
+    openCTA() {
+        neodigmSodaPop.autoOpen("contact_templ_wdgt_CTA__id")
+    }
+}
+let contact_form_iframe_sfdc = new Contact_form_iframe_sfdc( document, "contact_form_iframe_sfdc" )
+setTimeout( ()=>{ contact_form_iframe_sfdc.init() }, 2e3 )
+
+
+</script> 
+<!--  ||  JAVASCRIPT WDG BEGIN -->
+
+    </body>
+</html>
diff --git a/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html b/dist/widgets/effect_3d_spheres/effect_3d_spheres__tmpl.html
@@ -35,7 +35,7 @@
 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
-<!--  ||  Dont copy script tags -->
+ 
 <script>
 const effect_3d_spheresConfig = {"context": "[data-n55-token='effect_3d_spheres']", "color": 0xEDBA08, "speed_x": 0.0004, "speed_y": 0.002, "camera_z": "+1500"}
 const elWdgt = document.querySelector( effect_3d_spheresConfig.context )
@@ -100,7 +100,7 @@
 }
 
 
-</script><!--  ||  Dont copy script tags -->
+</script> 
 <!--  ||  JAVASCRIPT WDG END -->
 
     </body>

diff --git a/dist/widgets/lorem_ipsum_generator/lorem_ipsum_generator__tmpl.html b/dist/widgets/lorem_ipsum_generator/lorem_ipsum_generator__tmpl.html
@@ -194,7 +194,7 @@
 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
-<!--  ||  Dont copy script tags -->
+ 
 <script> 
 
 //  Soda Pop Tmpl logic
@@ -354,7 +354,7 @@
 
 lorem_ipsum_generator.doAction('countLetters')  //  Wdgt Specific Turnaround hydrate
 
-</script><!--  ||  Dont copy script tags -->
+</script> 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
     </body>

diff --git a/dist/widgets/sandbox_share/sandbox_share__tmpl.html b/dist/widgets/sandbox_share/sandbox_share__tmpl.html
@@ -141,7 +141,7 @@
 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
-<!--  ||  Dont copy script tags -->
+ 
 <script> 
 //  sndbx share js begin
 document.addEventListener("copy", ( ev ) => {
@@ -256,7 +256,7 @@
 }
 //  sndbx share js end
 
-</script><!--  ||  Dont copy script tags -->
+</script> 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
     </body>

diff --git a/dist/widgets/web_cryptography_api/web_cryptography_api__tmpl.html b/dist/widgets/web_cryptography_api/web_cryptography_api__tmpl.html
@@ -169,7 +169,7 @@
 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
-<!--  ||  Dont copy script tags -->
+ 
 <script> 
 //  Soda Pop Tmpl logic
 /*
@@ -395,7 +395,7 @@
   neodigmMarquee.init();
   neodigmEnchantedCTA.init();
 
-</script><!--  ||  Dont copy script tags -->
+</script> 
 <!--  ||  JAVASCRIPT WDG BEGIN -->
 
     </body>