Changeset 2931635

Timestamp:

06/28/2023 05:27:41 AM (3 years ago)

Author:

smanimania

Message:

New graphic and UX interface for the setting page

Location:

developress-sticky-footer-bar/trunk

Files:

• README.txt (modified) (1 diff)
• developress_sticky_footer_bar.php (modified) (13 diffs)

developress-sticky-footer-bar/trunk/README.txt

@@ -4 +4 @@
 Requires at least: 6.0
 Tested up to: 6.2.2
-Stable tag: 2.0.8
+Stable tag: 2.0.9
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html

developress-sticky-footer-bar/trunk/developress_sticky_footer_bar.php

@@ -10 +10 @@
  *
  * @link              developress.it/roberto_paolucci
- * @since             2.0.8
+ * @since             2.0.9
  * @package           Developress_sticky_footer_bar
  *
@@ -17 +17 @@
  * Plugin URI:        developress.it/plugin/developress_sticky_footer_bar
  * Description:       Plugin per la gestione di una footer bar
- * Version:           2.0.8
+ * Version:           2.0.9
  * Author:            Roberto Paolucci - DeveloPress.it
  * Author URI:        developress.it/roberto_paolucci
@@ -118 +118 @@
     }
 
-
+    .thankyou-rightside {
+        background-color:#ffffff !important;
+    }
+    .icon-headset-developress {
+        color:#009704;
+    }   
+    
+    .icon-tab-big {
+        color:#009704;
+        font-size:21px;
+        margin-right:20px;
+    }   
 </style>        
         
@@ -140 +151 @@
     </a>
 
-    <a style="background-color:#fff; border:1px solid #e3000f; padding:5px 20px 7px 20px; color:#e3000f;font-weight:700; border-radius:5px;margin-right:5px;" class="link-info-box" href="https://developress.it/open-a-ticket/" target="_blank">
-      Open a Support Ticket <i class="fas fa-solid fa-book"></i>
-    </a>
 
     <a style="background-color:#fff; border:1px solid #9d00ca; padding:5px 20px 7px 20px; color:#9d00ca;font-weight:700; border-radius:5px;margin-right:5px;" class="link-info-box" href="https://wordpress.org/support/plugin/developress-sticky-footer-bar/" target="_blank">
@@ -207 +215 @@
   <a href="#" class="tab-label" onclick="openTab(event, 'tab4')"><i class="fas fa-code"></i> Custom CSS</a>
   <a href="#" class="tab-label" onclick="openTab(event, 'tab5')"><i class="far fa-check-circle"></i> Last Check</a>
-  <a href="#" class="tab-label" onclick="openTab(event, 'tab6')"><i class="fas fa-ad"></i> Promo</a>            
+  <a href="#" class="tab-label icon-headset-developress" onclick="openTab(event, 'tab7')"><i class="fas fa-headset "></i> Support</a>       
+  <a href="#" class="tab-label" onclick="openTab(event, 'tab6')"><i class="fas fa-ad"></i> Promo</a>    
+  
 
 <?php
@@ -215 +225 @@
             
   <div id="tab1" class="tab-content">
-    <h2>Check to activate the stiky bar</h2>
+    <h2><i class="fas fa-toggle-on icon-tab-big"></i> Check to activate the stiky bar</h2>
+      <p>
+When you have completed all the configurations, add the check mark in the box below to activate the footer bar.       
+      </p>
     <table>
 
@@ -232 +245 @@
 
   <div id="tab2" class="tab-content">
-    <h2>Background and color</h2>
+    <h2><i class="fas fa-paint-brush icon-tab-big"></i> Background and color</h2>
+<p>
+Use the color pickers to assign a background color to the footer bar and the texts within it
+</p>      
+      
     <table>
             <tr>
@@ -252 +269 @@
 
   <div id="tab3" class="tab-content">
-    <h2>Display on all devices?</h2>
+    <h2><i class="fas fa-laptop-code icon-tab-big"></i> Display on all devices?</h2>
      <p>
     Choose on which type of device to show the footer bar
@@ -273 +290 @@
 
   <div id="tab4" class="tab-content">
-    <h2>Custom CSS</h2>
+    <h2><i class="fas fa-code icon-tab-big"></i> Custom CSS</h2>
+<p>
+If you have basic knowledge of HTML and CSS, you can add styling rules inside the box below. For example you can add a different color and size to the icons    
+</p>
+      
     <table>
             <tr>
@@ -288 +309 @@
 
 <div id="tab5" class="tab-content">
-    <h2>Did you forget about…?</h2>
+    <h2><i class="far fa-check-circle icon-tab-big"></i> Did you forget about…?</h2>
     <table>
 
@@ -296 +317 @@
 <p>I remind you to assign the menu you want to display in the footer bar to the <strong>"Stikybar" position</strong> directly in <strong>Appearance &gt; Menu</strong></p>
 <p>If in doubt read the official <a href="https://developress.it/developress-plugin/developress-sticky-footer-bar/documentation/" target="_blank" rel="noopener">documentation, click here to read</a>.</p>
-<p>or write me an email at: <a href="mailto:[email protected]">[email protected]</a></p>
+<p>or write me an email at: <a href="mailto:[email protected]">[email protected]</a> or use the contact form in the tab "Support" of this page.
+                    
+</p>
                                     
                 </td>
@@ -306 +329 @@
             
 <div id="tab6" class="tab-content">
-    <h2>Does your site have a Web Analytics system?</h2>
+    <h2><i class="fas fa-ad icon-tab-big"></i> Does your site have a Web Analytics system?</h2>
     <p>
 How do you monitor your website traffic and events? For example: are you tracking the number of visits, the number of filled forms and the number of calls that come from the pages of your site?       
@@ -330 +353 @@
     </table>
   </div>            
+    
+  <div id="tab7" class="tab-content">
+<h2><i class="fas fa-headset  icon-tab-big"></i> Contact me </h2>
+<p>
+For plugin support, customization requests, or bug reports, use this form     
+</p>      
+    <table>
+
+                <tr>
+                   
+                   <td>
+
+
+    <iframe
+      id="JotFormIFrame-231775466350056"
+      title="Modulo"
+      onload="window.parent.scrollTo(0,0)"
+      allowtransparency="true"
+      allowfullscreen="true"
+      allow="geolocation; microphone; camera"
+      src="https://form.jotform.com/231775466350056"
+      frameborder="0"
+      style="min-width:100%;width:700px;height:539px;border:none;"
+      scrolling="no"
+    >
+    </iframe>
+    <script type="text/javascript">
+    var ifr = document.getElementById("JotFormIFrame-231775466350056");
+    if (ifr) {
+      var src = ifr.src;
+      var iframeParams = [];
+      if (window.location.href && window.location.href.indexOf("?") > -1) {
+        iframeParams = iframeParams.concat(window.location.href.substr(window.location.href.indexOf("?") + 1).split('&'));
+      }
+      if (src && src.indexOf("?") > -1) {
+        iframeParams = iframeParams.concat(src.substr(src.indexOf("?") + 1).split("&"));
+        src = src.substr(0, src.indexOf("?"))
+      }
+      iframeParams.push("isIframeEmbed=1");
+      ifr.src = src + "?" + iframeParams.join('&');
+    }
+    window.handleIFrameMessage = function(e) {
+      if (typeof e.data === 'object') { return; }
+      var args = e.data.split(":");
+      if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[(args.length - 1)]); } else { iframe = document.getElementById("JotFormIFrame"); }
+      if (!iframe) { return; }
+      switch (args[0]) {
+        case "scrollIntoView":
+          iframe.scrollIntoView();
+          break;
+        case "setHeight":
+          iframe.style.height = args[1] + "px";
+          if (!isNaN(args[1]) && parseInt(iframe.style.minHeight) > parseInt(args[1])) {
+            iframe.style.minHeight = args[1] + "px";
+          }
+          break;
+        case "collapseErrorPage":
+          if (iframe.clientHeight > window.innerHeight) {
+            iframe.style.height = window.innerHeight + "px";
+          }
+          break;
+        case "reloadPage":
+          window.location.reload();
+          break;
+        case "loadScript":
+          if( !window.isPermitted(e.origin, ['jotform.com', 'jotform.pro']) ) { break; }
+          var src = args[1];
+          if (args.length > 3) {
+              src = args[1] + ':' + args[2];
+          }
+          var script = document.createElement('script');
+          script.src = src;
+          script.type = 'text/javascript';
+          document.body.appendChild(script);
+          break;
+        case "exitFullscreen":
+          if      (window.document.exitFullscreen)        window.document.exitFullscreen();
+          else if (window.document.mozCancelFullScreen)   window.document.mozCancelFullScreen();
+          else if (window.document.mozCancelFullscreen)   window.document.mozCancelFullScreen();
+          else if (window.document.webkitExitFullscreen)  window.document.webkitExitFullscreen();
+          else if (window.document.msExitFullscreen)      window.document.msExitFullscreen();
+          break;
+      }
+      var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false;
+      if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) {
+        var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)};
+        iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*");
+      }
+    };
+    window.isPermitted = function(originUrl, whitelisted_domains) {
+      var url = document.createElement('a');
+      url.href = originUrl;
+      var hostname = url.hostname;
+      var result = false;
+      if( typeof hostname !== 'undefined' ) {
+        whitelisted_domains.forEach(function(element) {
+            if( hostname.slice((-1 * element.length - 1)) === '.'.concat(element) ||  hostname === element ) {
+                result = true;
+            }
+        });
+        return result;
+      }
+    };
+    if (window.addEventListener) {
+      window.addEventListener("message", handleIFrameMessage, false);
+    } else if (window.attachEvent) {
+      window.attachEvent("onmessage", handleIFrameMessage);
+    }
+    </script>
+                       
+                </td>
+            </tr>
+
+    </table>
+  </div>
             
   <script>