admin-content.php
4 years ago
folder-deactivate-form.php
4 years ago
folder-popup.php
4 years ago
general-settings.php
4 years ago
help.php
5 years ago
media-cleaning.php
4 years ago
media-replace.php
5 years ago
recommended-plugins.php
5 years ago
update.php
4 years ago
upgrade-table.php
4 years ago
upgrade-to-pro.php
5 years ago
help.php
86 lines
| 1 | <?php |
| 2 | if ( ! defined( 'ABSPATH' ) ) exit; |
| 3 | ?> |
| 4 | <style> |
| 5 | .folder-help-btn{position:fixed;right:20px;bottom:20px;z-index:1001}.folder-help-btn a{display:block;border:3px solid #fff;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:relative}.folder-help-btn a img{width:100%;height:auto;display:block;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.folder-help-form{position:fixed;right:85px;border:1px solid #e9edf0;bottom:25px;background:#fff;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;width:320px;z-index:1001;direction:ltr;opacity:0;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;display:none}.folder-help-form.active{opacity:1;pointer-events:inherit;display:block}.folder-help-header{background:#f4f4f4;border-bottom:solid 1px #e9edf0;padding:5px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px 10px 0 0;font-size:16px;text-align:right}.folder-help-header b{float:left}.folder-help-content{margin-bottom:10px;padding:20px 20px 10px}.folder-help-form p{margin:0 0 1em}.folder-form-field{margin-bottom:10px}.folder-form-field input,.folder-form-field textarea{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px;width:100%;box-sizing:border-box;border:1px solid #c5c5c5}.folder-form-field textarea{width:100%;height:100px;margin-bottom:10px}.folder-help-button{border:none;padding:8px 0;width:100%;background:#ff6624;color:#fff;border-radius:18px;cursor:pointer}.folder-help-form .error-message{font-weight:400;font-size:14px;display:block}.folder-help-form input.input-error,.folder-help-form textarea.input-error{border-color:#dc3232}.folder-help-btn span.tooltiptext{position:absolute;background:#000;font-size:12px;color:#fff;top:-35px;width:140%;text-align:center;left:-20%;border-radius:5px;direction:ltr}p.error-p,p.success-p{margin:0;font-size:14px;text-align:center}.folder-help-btn span.tooltiptext:after{bottom:-20px;content:"";transform:translateX(-50%);height:10px;width:0;border-width:10px 5px 0;border-style:solid;border-color:#000 transparent transparent;left:50%;position:absolute}.folder-help-btn{display:none}p.success-p{color:green}p.error-p{color:#dc3232}html[dir=rtl] .folder-help-btn{left:20px;right:auto}html[dir=rtl] .folder-help-form{left:85px;right:auto}.folder-popup-body h3{line-height:24px}.folder-popup-overlay .form-control input{width:100%;margin:0 0 15px 0}body.plugins-php .tooltiptext{display:none} |
| 6 | </style> |
| 7 | <div class="folder-help-form"> |
| 8 | <form action="<?php echo esc_url(admin_url( 'admin-ajax.php' )) ?>" method="post" id="folder-help-form"> |
| 9 | <div class="folder-help-header"> |
| 10 | <b>Gal Dubinski</b> Co-Founder at Premio |
| 11 | </div> |
| 12 | <div class="folder-help-content"> |
| 13 | <p><?php esc_html_e("Hello! Are you experiencing any problems with Folders? Please let me know :)", 'folders'); ?></p> |
| 14 | <div class="folder-form-field"> |
| 15 | <input type="text" name="user_email" id="user_email" placeholder="<?php esc_html_e("Email", 'folders'); ?>"> |
| 16 | </div> |
| 17 | <div class="folder-form-field"> |
| 18 | <textarea type="text" name="textarea_text" id="textarea_text" placeholder="<?php esc_html_e("How can I help you?", 'folders'); ?>"></textarea> |
| 19 | </div> |
| 20 | <div class="form-button"> |
| 21 | <button type="submit" class="folder-help-button" ><?php esc_html_e("Chat") ?></button> |
| 22 | <input type="hidden" name="action" value="wcp_folder_send_message_to_owner" > |
| 23 | <input type="hidden" id="folder_help_nonce" name="folder_help_nonce" value="<?php echo esc_attr(wp_create_nonce('wcp_folder_help_nonce')) ?>" > |
| 24 | </div> |
| 25 | </div> |
| 26 | </form> |
| 27 | </div> |
| 28 | <div class="folder-help-btn"> |
| 29 | <!-- Free/Pro Only URL Change --> |
| 30 | <a class="folder-help-tooltip" href="javascript:;"><img src="<?php echo esc_url(WCP_FOLDER_URL."assets/images/owner.png") ?>" alt="<?php esc_html_e("Need help?", 'folders'); ?>" /></a> |
| 31 | <span class="tooltiptext">Need help?</span> |
| 32 | </div> |
| 33 | <script> |
| 34 | jQuery(document).ready(function(){ |
| 35 | jQuery("#folder-help-form").submit(function(){ |
| 36 | jQuery(".folder-help-button").attr("disabled",true); |
| 37 | jQuery(".folder-help-button").text("<?php esc_html_e("Sending Request...") ?>"); |
| 38 | formData = jQuery(this).serialize(); |
| 39 | jQuery.ajax({ |
| 40 | url: "<?php echo esc_url(admin_url( 'admin-ajax.php' )) ?>", |
| 41 | data: formData, |
| 42 | type: "post", |
| 43 | success: function(responseText){ |
| 44 | jQuery("#folder-help-form").find(".error-message").remove(); |
| 45 | jQuery("#folder-help-form").find(".input-error").removeClass("input-error"); |
| 46 | responseText = responseText.slice(0, - 1); |
| 47 | responseArray = jQuery.parseJSON(responseText); |
| 48 | if(responseArray.error == 1) { |
| 49 | jQuery(".folder-help-button").attr("disabled",false); |
| 50 | jQuery(".folder-help-button").text("<?php esc_html_e("Chat", 'folders'); ?>"); |
| 51 | for(i=0;i<responseArray.errors.length;i++) { |
| 52 | jQuery("#"+responseArray.errors[i]['key']).addClass("input-error"); |
| 53 | jQuery("#"+responseArray.errors[i]['key']).after('<span class="error-message">'+responseArray.errors[i]['message']+'</span>'); |
| 54 | } |
| 55 | } else if(responseArray.status == 1) { |
| 56 | jQuery(".folder-help-button").text("<?php esc_html_e("Done!", 'folders'); ?>"); |
| 57 | setTimeout(function(){ |
| 58 | jQuery(".folder-help-header").remove(); |
| 59 | jQuery(".folder-help-content").html("<p class='success-p'><?php esc_html_e("Your message is sent successfully.", 'folders'); ?></p>"); |
| 60 | },1000); |
| 61 | } else if(responseArray.status == 0) { |
| 62 | jQuery(".folder-help-content").html("<p class='error-p'><?php printf(esc_html__("There is some problem in sending request. Please send us mail on %s", 'folders'), "<a href='mailto:contact@premio.io'>contact@premio.io</a>"); ?></p>"); |
| 63 | } |
| 64 | } |
| 65 | }); |
| 66 | return false; |
| 67 | }); |
| 68 | jQuery(".folder-help-tooltip").click(function(e){ |
| 69 | e.stopPropagation(); |
| 70 | jQuery(".folder-help-btn").toggle(); |
| 71 | jQuery(".folder-help-form").toggleClass("active"); |
| 72 | |
| 73 | }); |
| 74 | jQuery(".folder-help-form").click(function(e){ |
| 75 | e.stopPropagation(); |
| 76 | }); |
| 77 | jQuery("body").click(function(){ |
| 78 | jQuery(".folder-help-form").removeClass("active"); |
| 79 | if(jQuery(".folder-help-form").hasClass("active")) { |
| 80 | jQuery(".folder-help-btn").show(); |
| 81 | } else { |
| 82 | jQuery(".folder-help-btn").hide(); |
| 83 | } |
| 84 | }); |
| 85 | }); |
| 86 | </script> |