Spaces:

vlcsolutions
/

vlc-e-commerce-powerbridge

Running

App Files Files Community

vlcsolutions commited on Dec 29, 2025

Commit

c2a8ece

verified ·

1 Parent(s): b8c0a79

Alert Messages : fail email means give me: Could not send an email! Please try again later, success_email means give me meeage : We have sent you an email. Please check your inbox. If you cannot view it in your primary inbox, please check your Spam or Junk folder.

Browse files

Files changed (1) hide show

index.html +18 -28

index.html CHANGED Viewed

@@ -11,8 +11,8 @@
 <main id="main" class="w-full">
   <!-- Alert Messages -->
-  <notification-component id="fail_email" class="hidden"></notification-component>
-  <notification-component id="success_email" class="hidden"></notification-component>
 <!---Twitter Card data -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="Magento Connector with Dynamics 365 Business Central">
@@ -112,10 +112,9 @@
     /* Dropdown: show on hover and keyboard focus */
     .nav-group:focus-within .nav-panel, .nav-group:hover .nav-panel{ opacity:1; visibility:visible; transform:translateY(0) }
-	<script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
-	<!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
   <script type="application/ld+json">
@@ -149,9 +148,10 @@
   "image": "https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/magento%20page.png"
 }
 </script>
   </style>
-  <script src="components/notification.js"></script>
 </head>
 <body class="font-sans antialiased bg-white">
   <a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:bg-white focus:text-[var(--vlc-navy)] focus:px-3 focus:py-2 focus:rounded">Skip to content</a>
@@ -437,15 +437,11 @@
                 return false;
             });
         });
         $(document).ready(function(){
-            function getUrlVars()
-            {
                 let vars = [], hash;
                 let hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
-                for(let i = 0; i < hashes.length; i++)
-                {
                     hash = hashes[i].split('=');
                     vars.push(hash[0]);
                     vars[hash[0]] = hash[1];
@@ -453,22 +449,16 @@
                 return vars;
             }
-            $('#fail_email').hide();
-            $('#success_email').hide();
-        let result = getUrlVars()["result"];
-        if(typeof(result) != 'undefined'){
-            const notification = document.createElement('notification-component');
-            if(result.includes('success')) {
-                notification.show('success', 'We have sent you an email. Please check your inbox. If you cannot view it in your primary inbox, please check your Spam or Junk folder.');
-            } else {
-                notification.show('error', 'Could not send an email! Please try again later.');
             }
-            document.body.appendChild(notification);
-        }
-});
-        function removeQuery() {
             let url = window.location.href;

 <main id="main" class="w-full">
   <!-- Alert Messages -->
+  <notification-component id="fail_email" class="error"></notification-component>
+  <notification-component id="success_email" class="success"></notification-component>
 <!---Twitter Card data -->
     <meta name="twitter:card" content="summary_large_image">
     <meta name="twitter:title" content="Magento Connector with Dynamics 365 Business Central">
     /* Dropdown: show on hover and keyboard focus */
     .nav-group:focus-within .nav-panel, .nav-group:hover .nav-panel{ opacity:1; visibility:visible; transform:translateY(0) }
+  <script src="components/notification.js"></script>
+  <script src="https://analytics.ahrefs.com/analytics.js" data-key="jcrS4NwPF1CB1Z4lNmgDKQ" async></script>
+<!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-GH6WBJWXS8"></script>
   <script type="application/ld+json">
   "image": "https://huggingface.co/spaces/vlcsolutions/vlc-e-commerce-powerbridge/resolve/main/images/magento%20page.png"
 }
 </script>
   </style>
 </head>
 <body class="font-sans antialiased bg-white">
   <a href="#main" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:bg-white focus:text-[var(--vlc-navy)] focus:px-3 focus:py-2 focus:rounded">Skip to content</a>
                 return false;
             });
         });
         $(document).ready(function(){
+            function getUrlVars() {
                 let vars = [], hash;
                 let hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
+                for(let i = 0; i < hashes.length; i++) {
                     hash = hashes[i].split('=');
                     vars.push(hash[0]);
                     vars[hash[0]] = hash[1];
                 return vars;
             }
+            let result = getUrlVars()["result"];
+            if(typeof(result) != 'undefined') {
+                if(result.includes('success')) {
+                    document.getElementById('success_email').show('success');
+                } else {
+                    document.getElementById('fail_email').show('error');
+                }
             }
+        });
+function removeQuery() {
             let url = window.location.href;