Tabs - Version 1.5

Version Description

24-Mar-16 = * Add WYSIWYG Editor for tabs description

Download this release

Release Info

Developer wpshopmart
Plugin Icon 128x128 Tabs
Version 1.5
Comparing to
See all releases

Code changes from version 1.4 to 1.5

Files changed (5) hide show
  1. ink/admin/add-tabs-js-footer.php +23 -0
  2. ink/admin/add-tabs.php +46 -6
  3. ink/admin/menu.php +2 -0
  4. readme.txt +4 -1
  5. tabs-responsive.php +1 -1
ink/admin/add-tabs-js-footer.php CHANGED
@@ -1,10 +1,12 @@
1
  <script>
 
2
  function add_new_content(){
3
  var output = '<li class="wpsm_ac-panel single_color_box" >'+
4
  '<span class="ac_label"><?php _e("Tab Title",wpshopmart_tabs_r_text_domain); ?></span>'+
5
  '<input type="text" id="tabs_title[]" name="tabs_title[]" value="" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">'+
6
  '<span class="ac_label"l><?php _e("Tab Description",wpshopmart_tabs_r_text_domain); ?></span>'+
7
  '<textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text"></textarea>'+
 
8
  '<span class="ac_label"><?php _e("Tab Icon",wpshopmart_tabs_r_text_domain); ?></span>'+
9
  '<div class="form-group input-group" >'+
10
  ' <input data-placement="bottomRight" id="tabs_title_icon[]" name="tabs_title_icon[]" class="form-control icp icp-auto" value="fa-laptop" type="text" readonly="readonly" />'+
@@ -64,4 +66,25 @@
64
  };
65
  colorbox.init();
66
  });
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
67
  </script>
1
  <script>
2
+ var i = 1000;
3
  function add_new_content(){
4
  var output = '<li class="wpsm_ac-panel single_color_box" >'+
5
  '<span class="ac_label"><?php _e("Tab Title",wpshopmart_tabs_r_text_domain); ?></span>'+
6
  '<input type="text" id="tabs_title[]" name="tabs_title[]" value="" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">'+
7
  '<span class="ac_label"l><?php _e("Tab Description",wpshopmart_tabs_r_text_domain); ?></span>'+
8
  '<textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text"></textarea>'+
9
+ '<button type="button" class="btn btn-primary btn-block html_editor_button" data-toggle="modal" data-target=".bs-example-modal-lg" id="'+i+'" onclick="open_editor('+i+')">Use WYSIWYG Editor </button>'+
10
  '<span class="ac_label"><?php _e("Tab Icon",wpshopmart_tabs_r_text_domain); ?></span>'+
11
  '<div class="form-group input-group" >'+
12
  ' <input data-placement="bottomRight" id="tabs_title_icon[]" name="tabs_title_icon[]" class="form-control icp icp-auto" value="fa-laptop" type="text" readonly="readonly" />'+
66
  };
67
  colorbox.init();
68
  });
69
+ </script>
70
+
71
+
72
+ <script>
73
+
74
+
75
+ function open_editor(id){
76
+ var value = jQuery("#"+id).closest('li').find('textarea').val();
77
+ jQuery("#get_text").val(value);
78
+ jQuery("#get_id").val(jQuery("#"+id).attr('id'));
79
+ }
80
+
81
+
82
+ function insert_html(){
83
+ var html_text = jQuery("#get_text").val();
84
+ var id = jQuery("#get_id").val();
85
+ jQuery("#"+id).closest('li').find('textarea').val(html_text);
86
+
87
+ }
88
+
89
+
90
  </script>
ink/admin/add-tabs.php CHANGED
@@ -1,11 +1,19 @@
1
  <div style=" overflow: hidden;padding: 10px;">
 
 
 
 
 
 
 
 
2
  <h3><?php _e('Add Tabs',wpshopmart_tabs_r_text_domain); ?></h3>
3
  <input type="hidden" name="tabs_r_save_data_action" value="tabs_r_save_data_action" />
4
  <ul class="clearfix" id="colorbox_panel">
5
  <?php
6
- $De_Settings = get_option('wpsm_tabs_r_default_data');
7
- echo $De_Settings['tabs_sec_title'];
8
-
9
  $All_data = unserialize(get_post_meta( $post->ID, 'wpsm_tabs_r_data', true));
10
  $TotalCount = get_post_meta( $post->ID, 'wpsm_tabs_r_count', true );
11
  if($TotalCount)
@@ -25,6 +33,7 @@
25
  <input type="text" id="tabs_title[]" name="tabs_title[]" value="<?php echo esc_attr($tabs_title); ?>" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">
26
  <span class="ac_label"><?php _e('Tab Description',wpshopmart_tabs_r_text_domain); ?></span>
27
  <textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text"><?php echo esc_html($tabs_desc); ?></textarea>
 
28
 
29
  <span class="ac_label"><?php _e('Tab Icon',wpshopmart_tabs_r_text_domain); ?></span>
30
  <div class="form-group input-group">
@@ -42,7 +51,7 @@
42
 
43
  </li>
44
  <?php
45
-
46
  } // end of foreach
47
  }else{
48
  echo "<h2>No Tabs Found</h2>";
@@ -58,7 +67,8 @@
58
  <input type="text" id="tabs_title[]" name="tabs_title[]" value="Sample Title" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">
59
  <span class="ac_label"><?php _e('Tab Description',wpshopmart_tabs_r_text_domain); ?></span>
60
  <textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text">Sample Description</textarea>
61
-
 
62
  <span class="ac_label"><?php _e('Tab Icon',wpshopmart_tabs_r_text_domain); ?></span>
63
  <div class="form-group input-group">
64
  <input data-placement="bottomRight" id="tabs_title_icon[]" name="tabs_title_icon[]" class="form-control icp icp-auto" value="fa-laptop" type="text" readonly="readonly" />
@@ -79,7 +89,37 @@
79
  }
80
  ?>
81
  </ul>
82
-
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
83
  <div style="display:block;margin-top:20px;overflow:hidden;width: 100%;float:left;">
84
  <a class="wpsm_ac-panel add_wpsm_ac_new" id="add_new_ac" onclick="add_new_content()" >
85
  <?php _e('Add New Tabs', wpshopmart_tabs_r_text_domain); ?>
1
  <div style=" overflow: hidden;padding: 10px;">
2
+ <style>
3
+ .html_editor_button{
4
+ border-radius:0px;
5
+ background-color: #9C9C9C;
6
+ border-color: #9C9C9C;
7
+ margin-bottom:20px;
8
+ }
9
+ </style>
10
  <h3><?php _e('Add Tabs',wpshopmart_tabs_r_text_domain); ?></h3>
11
  <input type="hidden" name="tabs_r_save_data_action" value="tabs_r_save_data_action" />
12
  <ul class="clearfix" id="colorbox_panel">
13
  <?php
14
+
15
+
16
+ $i=1;
17
  $All_data = unserialize(get_post_meta( $post->ID, 'wpsm_tabs_r_data', true));
18
  $TotalCount = get_post_meta( $post->ID, 'wpsm_tabs_r_count', true );
19
  if($TotalCount)
33
  <input type="text" id="tabs_title[]" name="tabs_title[]" value="<?php echo esc_attr($tabs_title); ?>" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">
34
  <span class="ac_label"><?php _e('Tab Description',wpshopmart_tabs_r_text_domain); ?></span>
35
  <textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text"><?php echo esc_html($tabs_desc); ?></textarea>
36
+ <button type="button" class="btn btn-primary btn-block html_editor_button" data-toggle="modal" data-target=".bs-example-modal-lg" id="<?php echo $i; ?>" onclick="open_editor(<?php echo $i; ?>)">Use WYSIWYG Editor </button>
37
 
38
  <span class="ac_label"><?php _e('Tab Icon',wpshopmart_tabs_r_text_domain); ?></span>
39
  <div class="form-group input-group">
51
 
52
  </li>
53
  <?php
54
+ $i++;
55
  } // end of foreach
56
  }else{
57
  echo "<h2>No Tabs Found</h2>";
67
  <input type="text" id="tabs_title[]" name="tabs_title[]" value="Sample Title" placeholder="Enter Tab Title Here" class="wpsm_ac_label_text">
68
  <span class="ac_label"><?php _e('Tab Description',wpshopmart_tabs_r_text_domain); ?></span>
69
  <textarea id="tabs_desc[]" name="tabs_desc[]" placeholder="Enter Tab Description Here" class="wpsm_ac_label_text">Sample Description</textarea>
70
+ <button type="button" class="btn btn-primary btn-block html_editor_button" data-toggle="modal" data-target=".bs-example-modal-lg" id="<?php echo $i; ?>" onclick="open_editor(<?php echo $i; ?>)">Use WYSIWYG Editor </button>
71
+
72
  <span class="ac_label"><?php _e('Tab Icon',wpshopmart_tabs_r_text_domain); ?></span>
73
  <div class="form-group input-group">
74
  <input data-placement="bottomRight" id="tabs_title_icon[]" name="tabs_title_icon[]" class="form-control icp icp-auto" value="fa-laptop" type="text" readonly="readonly" />
89
  }
90
  ?>
91
  </ul>
92
+ <!-- Modal -->
93
+ <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" data-keyboard="false">
94
+ <div class="modal-dialog modal-lg" role="document">
95
+ <div class="modal-content">
96
+ <div class="modal-header">
97
+ <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
98
+ <h4 class="modal-title" id="myModalLabel">Html Editor Area</h4>
99
+ </div>
100
+ <div class="modal-body">
101
+ <style>
102
+ .switch-tmce {
103
+ display: none;
104
+ }
105
+ </style>
106
+ <?php
107
+
108
+ $content = '';
109
+ $editor_id = 'get_text';
110
+
111
+ wp_editor( $content, $editor_id );
112
+
113
+ ?>
114
+ <input type="hidden" value="" id="get_id" />
115
+ </div>
116
+ <div class="modal-footer">
117
+ <button type="button" class="btn btn-primary" data-dismiss="modal" onclick="insert_html()">Insert Code In Description</button>
118
+ </div>
119
+ </div>
120
+ </div>
121
+ </div>
122
+
123
  <div style="display:block;margin-top:20px;overflow:hidden;width: 100%;float:left;">
124
  <a class="wpsm_ac-panel add_wpsm_ac_new" id="add_new_ac" onclick="add_new_content()" >
125
  <?php _e('Add New Tabs', wpshopmart_tabs_r_text_domain); ?>
ink/admin/menu.php CHANGED
@@ -41,6 +41,8 @@ class wpsm_tabs_r {
41
  wp_enqueue_style('wpsm_tabs_r_line-edtor', wpshopmart_tabs_r_directory_url.'assets/css/jquery-linedtextarea.css');
42
  wp_enqueue_script( 'wpsm_tabs_r-line-edit-js', wpshopmart_tabs_r_directory_url.'assets/js/jquery-linedtextarea.js');
43
 
 
 
44
  //tooltip
45
  wp_enqueue_style('wpsm_tabs_r_tooltip', wpshopmart_tabs_r_directory_url.'assets/tooltip/darktooltip.css');
46
  wp_enqueue_script( 'wpsm_tabs_r-tooltip-js', wpshopmart_tabs_r_directory_url.'assets/tooltip/jquery.darktooltip.js');
41
  wp_enqueue_style('wpsm_tabs_r_line-edtor', wpshopmart_tabs_r_directory_url.'assets/css/jquery-linedtextarea.css');
42
  wp_enqueue_script( 'wpsm_tabs_r-line-edit-js', wpshopmart_tabs_r_directory_url.'assets/js/jquery-linedtextarea.js');
43
 
44
+ wp_enqueue_script( 'wpsm_tabs_bootstrap-js', wpshopmart_tabs_r_directory_url.'assets/js/bootstrap.js');
45
+
46
  //tooltip
47
  wp_enqueue_style('wpsm_tabs_r_tooltip', wpshopmart_tabs_r_directory_url.'assets/tooltip/darktooltip.css');
48
  wp_enqueue_script( 'wpsm_tabs_r-tooltip-js', wpshopmart_tabs_r_directory_url.'assets/tooltip/jquery.darktooltip.js');
readme.txt CHANGED
@@ -4,7 +4,7 @@ Donate link: http://www.wpshopmart.com
4
  Tags: tab, tabs, responsive tabs, animation, animated tab, css3 tabs, bootstrap tabs, tabs content, responsive, shortcode, widget, wordpress tabs, wp tabs, accordion, collapse, toggle, bootstrap tab, jquery, tab widget, tab shortcode, jquery tabs, sidebar, plugin, html, html5, html5 tabs
5
  Requires at least: 3.3
6
  Tested up to: 4.4.2
7
- Stable tag: 1.4
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -106,6 +106,9 @@ Please use WordPress support forum to ask any query regarding any issue.
106
 
107
  == Changelog ==
108
 
 
 
 
109
  = 1.4 09-Mar-16 =
110
  * Support link update.
111
 
4
  Tags: tab, tabs, responsive tabs, animation, animated tab, css3 tabs, bootstrap tabs, tabs content, responsive, shortcode, widget, wordpress tabs, wp tabs, accordion, collapse, toggle, bootstrap tab, jquery, tab widget, tab shortcode, jquery tabs, sidebar, plugin, html, html5, html5 tabs
5
  Requires at least: 3.3
6
  Tested up to: 4.4.2
7
+ Stable tag: 1.5
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
106
 
107
  == Changelog ==
108
 
109
+ = 1.5 24-Mar-16 =
110
+ * Add WYSIWYG Editor for tabs description
111
+
112
  = 1.4 09-Mar-16 =
113
  * Support link update.
114
 
tabs-responsive.php CHANGED
@@ -1,7 +1,7 @@
1
  <?php
2
  /**
3
  * Plugin Name: Tabs Responsive
4
- * Version: 1.4
5
  * Description: Tabs Responsive is the most easiest drag & drop Tabs builder for WordPress. You can add unlimited Tabs with unlimited color Scheme.
6
  * Author: wpshopmart
7
  * Author URI: http://www.wpshopmart.com
1
  <?php
2
  /**
3
  * Plugin Name: Tabs Responsive
4
+ * Version: 1.5
5
  * Description: Tabs Responsive is the most easiest drag & drop Tabs builder for WordPress. You can add unlimited Tabs with unlimited color Scheme.
6
  * Author: wpshopmart
7
  * Author URI: http://www.wpshopmart.com