Tabs - Version 1.5.9

Version Description

  • Resolve WYSIWYG editor issue
  • Update popup dialog
Download this release

Release Info

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

Code changes from version 1.5.8 to 1.5.9

assets/modal/remodal-default-theme.css ADDED
@@ -0,0 +1,312 @@
1
+ /*
2
+ * Remodal - v1.0.7
3
+ * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4
+ * http://vodkabears.github.io/remodal/
5
+ *
6
+ * Made by Ilya Makarov
7
+ * Under MIT License
8
+ */
9
+
10
+ /* ==========================================================================
11
+ Remodal's default mobile first theme
12
+ ========================================================================== */
13
+
14
+ /* Default theme styles for the background */
15
+
16
+ .remodal-bg.remodal-is-opening,
17
+ .remodal-bg.remodal-is-opened {
18
+ -webkit-filter: blur(3px);
19
+ filter: blur(3px);
20
+ }
21
+
22
+ /* Default theme styles of the overlay */
23
+
24
+ .remodal-overlay {
25
+ background: rgba(43, 46, 56, 0.9);
26
+ }
27
+
28
+ .remodal-overlay.remodal-is-opening,
29
+ .remodal-overlay.remodal-is-closing {
30
+ -webkit-animation-duration: 0.3s;
31
+ animation-duration: 0.3s;
32
+ -webkit-animation-fill-mode: forwards;
33
+ animation-fill-mode: forwards;
34
+ }
35
+
36
+ .remodal-overlay.remodal-is-opening {
37
+ -webkit-animation-name: remodal-overlay-opening-keyframes;
38
+ animation-name: remodal-overlay-opening-keyframes;
39
+ }
40
+
41
+ .remodal-overlay.remodal-is-closing {
42
+ -webkit-animation-name: remodal-overlay-closing-keyframes;
43
+ animation-name: remodal-overlay-closing-keyframes;
44
+ }
45
+
46
+ /* Default theme styles of the wrapper */
47
+
48
+ .remodal-wrapper {
49
+ padding: 10px 10px 0;
50
+ }
51
+
52
+ /* Default theme styles of the modal dialog */
53
+
54
+ .remodal {
55
+ -webkit-box-sizing: border-box;
56
+ box-sizing: border-box;
57
+ width: 100%;
58
+ margin-bottom: 10px;
59
+ padding: 35px;
60
+
61
+ -webkit-transform: translate3d(0, 0, 0);
62
+ transform: translate3d(0, 0, 0);
63
+
64
+ color: #2b2e38;
65
+ background: #fff;
66
+ }
67
+
68
+ .remodal.remodal-is-opening,
69
+ .remodal.remodal-is-closing {
70
+ -webkit-animation-duration: 0.3s;
71
+ animation-duration: 0.3s;
72
+ -webkit-animation-fill-mode: forwards;
73
+ animation-fill-mode: forwards;
74
+ }
75
+
76
+ .remodal.remodal-is-opening {
77
+ -webkit-animation-name: remodal-opening-keyframes;
78
+ animation-name: remodal-opening-keyframes;
79
+ }
80
+
81
+ .remodal.remodal-is-closing {
82
+ -webkit-animation-name: remodal-closing-keyframes;
83
+ animation-name: remodal-closing-keyframes;
84
+ }
85
+
86
+ /* Vertical align of the modal dialog */
87
+
88
+ .remodal,
89
+ .remodal-wrapper:after {
90
+ vertical-align: middle;
91
+ }
92
+
93
+ /* Close button */
94
+
95
+ .remodal-close {
96
+ position: absolute;
97
+ top: 10px;
98
+ right: 0;
99
+
100
+ display: block;
101
+ overflow: visible;
102
+
103
+ width: 35px;
104
+ height: 35px;
105
+ margin: 0;
106
+ padding: 0;
107
+
108
+ cursor: pointer;
109
+ -webkit-transition: color 0.2s;
110
+ transition: color 0.2s;
111
+ text-decoration: none;
112
+
113
+ color: #95979c;
114
+ border: 0;
115
+ outline: 0;
116
+ background: transparent;
117
+ }
118
+
119
+ .remodal-close:hover,
120
+ .remodal-close:focus {
121
+ color: #2b2e38;
122
+ }
123
+
124
+ .remodal-close:before {
125
+ font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
126
+ font-size: 25px;
127
+ line-height: 35px;
128
+
129
+ position: absolute;
130
+ top: 0;
131
+ left: 0;
132
+
133
+ display: block;
134
+
135
+ width: 35px;
136
+
137
+ content: "\00d7";
138
+ text-align: center;
139
+ }
140
+
141
+ /* Dialog buttons */
142
+
143
+ .remodal-confirm,
144
+ .remodal-cancel {
145
+ font: inherit;
146
+
147
+ display: inline-block;
148
+ overflow: visible;
149
+
150
+ min-width: 110px;
151
+ margin: 0;
152
+ padding: 12px 0;
153
+
154
+ cursor: pointer;
155
+ -webkit-transition: background 0.2s;
156
+ transition: background 0.2s;
157
+ text-align: center;
158
+ vertical-align: middle;
159
+ text-decoration: none;
160
+
161
+ border: 0;
162
+ outline: 0;
163
+ }
164
+
165
+ .remodal-confirm {
166
+ color: #fff;
167
+ background: #81c784;
168
+ }
169
+
170
+ .remodal-confirm:hover,
171
+ .remodal-confirm:focus {
172
+ background: #66bb6a;
173
+ }
174
+
175
+ .remodal-cancel {
176
+ color: #fff;
177
+ background: #e57373;
178
+ }
179
+
180
+ .remodal-cancel:hover,
181
+ .remodal-cancel:focus {
182
+ background: #ef5350;
183
+ }
184
+
185
+ /* Remove inner padding and border in Firefox 4+ for the button tag. */
186
+
187
+ .remodal-confirm::-moz-focus-inner,
188
+ .remodal-cancel::-moz-focus-inner,
189
+ .remodal-close::-moz-focus-inner {
190
+ padding: 0;
191
+
192
+ border: 0;
193
+ }
194
+
195
+ /* Keyframes
196
+ ========================================================================== */
197
+
198
+ @-webkit-keyframes remodal-opening-keyframes {
199
+ from {
200
+ -webkit-transform: scale(1.05);
201
+ transform: scale(1.05);
202
+
203
+ opacity: 0;
204
+ }
205
+ to {
206
+ -webkit-transform: none;
207
+ transform: none;
208
+
209
+ opacity: 1;
210
+ }
211
+ }
212
+
213
+ @keyframes remodal-opening-keyframes {
214
+ from {
215
+ -webkit-transform: scale(1.05);
216
+ transform: scale(1.05);
217
+
218
+ opacity: 0;
219
+ }
220
+ to {
221
+ -webkit-transform: none;
222
+ transform: none;
223
+
224
+ opacity: 1;
225
+ }
226
+ }
227
+
228
+ @-webkit-keyframes remodal-closing-keyframes {
229
+ from {
230
+ -webkit-transform: scale(1);
231
+ transform: scale(1);
232
+
233
+ opacity: 1;
234
+ }
235
+ to {
236
+ -webkit-transform: scale(0.95);
237
+ transform: scale(0.95);
238
+
239
+ opacity: 0;
240
+ }
241
+ }
242
+
243
+ @keyframes remodal-closing-keyframes {
244
+ from {
245
+ -webkit-transform: scale(1);
246
+ transform: scale(1);
247
+
248
+ opacity: 1;
249
+ }
250
+ to {
251
+ -webkit-transform: scale(0.95);
252
+ transform: scale(0.95);
253
+
254
+ opacity: 0;
255
+ }
256
+ }
257
+
258
+ @-webkit-keyframes remodal-overlay-opening-keyframes {
259
+ from {
260
+ opacity: 0;
261
+ }
262
+ to {
263
+ opacity: 1;
264
+ }
265
+ }
266
+
267
+ @keyframes remodal-overlay-opening-keyframes {
268
+ from {
269
+ opacity: 0;
270
+ }
271
+ to {
272
+ opacity: 1;
273
+ }
274
+ }
275
+
276
+ @-webkit-keyframes remodal-overlay-closing-keyframes {
277
+ from {
278
+ opacity: 1;
279
+ }
280
+ to {
281
+ opacity: 0;
282
+ }
283
+ }
284
+
285
+ @keyframes remodal-overlay-closing-keyframes {
286
+ from {
287
+ opacity: 1;
288
+ }
289
+ to {
290
+ opacity: 0;
291
+ }
292
+ }
293
+
294
+ /* Media queries
295
+ ========================================================================== */
296
+
297
+ @media only screen and (min-width: 641px) {
298
+ .remodal {
299
+ max-width: 900px;
300
+ }
301
+ }
302
+
303
+ /* IE8
304
+ ========================================================================== */
305
+
306
+ .lt-ie9 .remodal-overlay {
307
+ background: #2b2e38;
308
+ }
309
+
310
+ .lt-ie9 .remodal {
311
+ width: 700px;
312
+ }
assets/modal/remodal.css ADDED
@@ -0,0 +1,94 @@
1
+ /*
2
+ * Remodal - v1.0.7
3
+ * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4
+ * http://vodkabears.github.io/remodal/
5
+ *
6
+ * Made by Ilya Makarov
7
+ * Under MIT License
8
+ */
9
+
10
+ /* ==========================================================================
11
+ Remodal's necessary styles
12
+ ========================================================================== */
13
+
14
+ /* Hide scroll bar */
15
+
16
+ html.remodal-is-locked {
17
+ overflow: hidden;
18
+
19
+ -ms-touch-action: none;
20
+ touch-action: none;
21
+ }
22
+
23
+ /* Anti FOUC */
24
+
25
+ .remodal,
26
+ [data-remodal-id] {
27
+ display: none;
28
+ }
29
+
30
+ /* Necessary styles of the overlay */
31
+
32
+ .remodal-overlay {
33
+ position: fixed;
34
+ z-index: 9999;
35
+ top: -5000px;
36
+ right: -5000px;
37
+ bottom: -5000px;
38
+ left: -5000px;
39
+
40
+ display: none;
41
+ }
42
+
43
+ /* Necessary styles of the wrapper */
44
+
45
+ .remodal-wrapper {
46
+ position: fixed;
47
+ z-index: 10000;
48
+ top: 0;
49
+ right: 0;
50
+ bottom: 0;
51
+ left: 0;
52
+
53
+ display: none;
54
+ overflow: auto;
55
+
56
+ text-align: center;
57
+
58
+ -webkit-overflow-scrolling: touch;
59
+ }
60
+
61
+ .remodal-wrapper:after {
62
+ display: inline-block;
63
+
64
+ height: 100%;
65
+ margin-left: -0.05em;
66
+
67
+ content: "";
68
+ }
69
+
70
+ /* Fix iPad, iPhone glitches */
71
+
72
+ .remodal-overlay,
73
+ .remodal-wrapper {
74
+ -webkit-backface-visibility: hidden;
75
+ backface-visibility: hidden;
76
+ }
77
+
78
+ /* Necessary styles of the modal dialog */
79
+
80
+ .remodal {
81
+ position: relative;
82
+
83
+ outline: none;
84
+
85
+ -webkit-text-size-adjust: 100%;
86
+ -moz-text-size-adjust: 100%;
87
+ -ms-text-size-adjust: 100%;
88
+ text-size-adjust: 100%;
89
+ }
90
+
91
+ .remodal-is-initialized {
92
+ /* Disable Anti-FOUC */
93
+ display: inline-block;
94
+ }
assets/modal/remodal.min.js ADDED
@@ -0,0 +1,10 @@
1
+ /*
2
+ * Remodal - v1.0.7
3
+ * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
4
+ * http://vodkabears.github.io/remodal/
5
+ *
6
+ * Made by Ilya Makarov
7
+ * Under MIT License
8
+ */
9
+
10
+ !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],function(c){return b(a,c)}):"object"==typeof exports?b(a,require("jquery")):b(a,a.jQuery||a.Zepto)}(this,function(a,b){"use strict";function c(a){if(w&&"none"===a.css("animation-name")&&"none"===a.css("-webkit-animation-name")&&"none"===a.css("-moz-animation-name")&&"none"===a.css("-o-animation-name")&&"none"===a.css("-ms-animation-name"))return 0;var b,c,d,e,f=a.css("animation-duration")||a.css("-webkit-animation-duration")||a.css("-moz-animation-duration")||a.css("-o-animation-duration")||a.css("-ms-animation-duration")||"0s",g=a.css("animation-delay")||a.css("-webkit-animation-delay")||a.css("-moz-animation-delay")||a.css("-o-animation-delay")||a.css("-ms-animation-delay")||"0s",h=a.css("animation-iteration-count")||a.css("-webkit-animation-iteration-count")||a.css("-moz-animation-iteration-count")||a.css("-o-animation-iteration-count")||a.css("-ms-animation-iteration-count")||"1";for(f=f.split(", "),g=g.split(", "),h=h.split(", "),e=0,c=f.length,b=Number.NEGATIVE_INFINITY;c>e;e++)d=parseFloat(f[e])*parseInt(h[e],10)+parseFloat(g[e]),d>b&&(b=d);return b}function d(){if(b(document.body).height()<=b(window).height())return 0;var a,c,d=document.createElement("div"),e=document.createElement("div");return d.style.visibility="hidden",d.style.width="100px",document.body.appendChild(d),a=d.offsetWidth,d.style.overflow="scroll",e.style.width="100%",d.appendChild(e),c=e.offsetWidth,d.parentNode.removeChild(d),a-c}function e(){if(!x){var a,c,e=b("html"),f=k("is-locked");e.hasClass(f)||(c=b(document.body),a=parseInt(c.css("padding-right"),10)+d(),c.css("padding-right",a+"px"),e.addClass(f))}}function f(){if(!x){var a,c,e=b("html"),f=k("is-locked");e.hasClass(f)&&(c=b(document.body),a=parseInt(c.css("padding-right"),10)-d(),c.css("padding-right",a+"px"),e.removeClass(f))}}function g(a,b,c,d){var e=k("is",b),f=[k("is",u.CLOSING),k("is",u.OPENING),k("is",u.CLOSED),k("is",u.OPENED)].join(" ");a.$bg.removeClass(f).addClass(e),a.$overlay.removeClass(f).addClass(e),a.$wrapper.removeClass(f).addClass(e),a.$modal.removeClass(f).addClass(e),a.state=b,!c&&a.$modal.trigger({type:b,reason:d},[{reason:d}])}function h(a,d,e){var f=0,g=function(a){a.target===this&&f++},h=function(a){a.target===this&&0===--f&&(b.each(["$bg","$overlay","$wrapper","$modal"],function(a,b){e[b].off(r+" "+s)}),d())};b.each(["$bg","$overlay","$wrapper","$modal"],function(a,b){e[b].on(r,g).on(s,h)}),a(),0===c(e.$bg)&&0===c(e.$overlay)&&0===c(e.$wrapper)&&0===c(e.$modal)&&(b.each(["$bg","$overlay","$wrapper","$modal"],function(a,b){e[b].off(r+" "+s)}),d())}function i(a){a.state!==u.CLOSED&&(b.each(["$bg","$overlay","$wrapper","$modal"],function(b,c){a[c].off(r+" "+s)}),a.$bg.removeClass(a.settings.modifier),a.$overlay.removeClass(a.settings.modifier).hide(),a.$wrapper.hide(),f(),g(a,u.CLOSED,!0))}function j(a){var b,c,d,e,f={};for(a=a.replace(/\s*:\s*/g,":").replace(/\s*,\s*/g,","),b=a.split(","),e=0,c=b.length;c>e;e++)b[e]=b[e].split(":"),d=b[e][1],("string"==typeof d||d instanceof String)&&(d="true"===d||("false"===d?!1:d)),("string"==typeof d||d instanceof String)&&(d=isNaN(d)?d:+d),f[b[e][0]]=d;return f}function k(){for(var a=q,b=0;b<arguments.length;++b)a+="-"+arguments[b];return a}function l(){var a,c,d=location.hash.replace("#","");if(d){try{c=b("[data-"+p+'-id="'+d+'"]')}catch(e){}c&&c.length&&(a=b[p].lookup[c.data(p)],a&&a.settings.hashTracking&&a.open())}else n&&n.state===u.OPENED&&n.settings.hashTracking&&n.close()}function m(a,c){var d=b(document.body),e=this;e.settings=b.extend({},t,c),e.index=b[p].lookup.push(e)-1,e.state=u.CLOSED,e.$overlay=b("."+k("overlay")),e.$overlay.length||(e.$overlay=b("<div>").addClass(k("overlay")+" "+k("is",u.CLOSED)).hide(),d.append(e.$overlay)),e.$bg=b("."+k("bg")).addClass(k("is",u.CLOSED)),e.$modal=a.addClass(q+" "+k("is-initialized")+" "+e.settings.modifier+" "+k("is",u.CLOSED)).attr("tabindex","-1"),e.$wrapper=b("<div>").addClass(k("wrapper")+" "+e.settings.modifier+" "+k("is",u.CLOSED)).hide().append(e.$modal),d.append(e.$wrapper),e.$wrapper.on("click."+q,"[data-"+p+'-action="close"]',function(a){a.preventDefault(),e.close()}),e.$wrapper.on("click."+q,"[data-"+p+'-action="cancel"]',function(a){a.preventDefault(),e.$modal.trigger(v.CANCELLATION),e.settings.closeOnCancel&&e.close(v.CANCELLATION)}),e.$wrapper.on("click."+q,"[data-"+p+'-action="confirm"]',function(a){a.preventDefault(),e.$modal.trigger(v.CONFIRMATION),e.settings.closeOnConfirm&&e.close(v.CONFIRMATION)}),e.$wrapper.on("click."+q,function(a){var c=b(a.target);c.hasClass(k("wrapper"))&&e.settings.closeOnOutsideClick&&e.close()})}var n,o,p="remodal",q=a.REMODAL_GLOBALS&&a.REMODAL_GLOBALS.NAMESPACE||p,r=b.map(["animationstart","webkitAnimationStart","MSAnimationStart","oAnimationStart"],function(a){return a+"."+q}).join(" "),s=b.map(["animationend","webkitAnimationEnd","MSAnimationEnd","oAnimationEnd"],function(a){return a+"."+q}).join(" "),t=b.extend({hashTracking:!0,closeOnConfirm:!0,closeOnCancel:!0,closeOnEscape:!0,closeOnOutsideClick:!0,modifier:""},a.REMODAL_GLOBALS&&a.REMODAL_GLOBALS.DEFAULTS),u={CLOSING:"closing",CLOSED:"closed",OPENING:"opening",OPENED:"opened"},v={CONFIRMATION:"confirmation",CANCELLATION:"cancellation"},w=function(){var a=document.createElement("div").style;return void 0!==a.animationName||void 0!==a.WebkitAnimationName||void 0!==a.MozAnimationName||void 0!==a.msAnimationName||void 0!==a.OAnimationName}(),x=/iPad|iPhone|iPod/.test(navigator.platform);m.prototype.open=function(){var a,c=this;c.state!==u.OPENING&&c.state!==u.CLOSING&&(a=c.$modal.attr("data-"+p+"-id"),a&&c.settings.hashTracking&&(o=b(window).scrollTop(),location.hash=a),n&&n!==c&&i(n),n=c,e(),c.$bg.addClass(c.settings.modifier),c.$overlay.addClass(c.settings.modifier).show(),c.$wrapper.show().scrollTop(0),c.$modal.focus(),h(function(){g(c,u.OPENING)},function(){g(c,u.OPENED)},c))},m.prototype.close=function(a){var c=this;c.state!==u.OPENING&&c.state!==u.CLOSING&&(c.settings.hashTracking&&c.$modal.attr("data-"+p+"-id")===location.hash.substr(1)&&(location.hash="",b(window).scrollTop(o)),h(function(){g(c,u.CLOSING,!1,a)},function(){c.$bg.removeClass(c.settings.modifier),c.$overlay.removeClass(c.settings.modifier).hide(),c.$wrapper.hide(),f(),g(c,u.CLOSED,!1,a)},c))},m.prototype.getState=function(){return this.state},m.prototype.destroy=function(){var a,c=b[p].lookup;i(this),this.$wrapper.remove(),delete c[this.index],a=b.grep(c,function(a){return!!a}).length,0===a&&(this.$overlay.remove(),this.$bg.removeClass(k("is",u.CLOSING)+" "+k("is",u.OPENING)+" "+k("is",u.CLOSED)+" "+k("is",u.OPENED)))},b[p]={lookup:[]},b.fn[p]=function(a){var c,d;return this.each(function(e,f){d=b(f),null==d.data(p)?(c=new m(d,a),d.data(p,c.index),c.settings.hashTracking&&d.attr("data-"+p+"-id")===location.hash.substr(1)&&c.open()):c=b[p].lookup[d.data(p)]}),c},b(document).ready(function(){b(document).on("click","[data-"+p+"-target]",function(a){a.preventDefault();var c=a.currentTarget,d=c.getAttribute("data-"+p+"-target"),e=b("[data-"+p+'-id="'+d+'"]');b[p].lookup[e.data(p)].open()}),b(document).find("."+q).each(function(a,c){var d=b(c),e=d.data(p+"-options");e?("string"==typeof e||e instanceof String)&&(e=j(e)):e={},d[p](e)}),b(document).on("keydown."+q,function(a){n&&n.settings.closeOnEscape&&n.state===u.OPENED&&27===a.keyCode&&n.close()}),b(window).on("hashchange."+q,l)})});
ink/admin/add-tabs-js-footer.php CHANGED
@@ -6,7 +6,7 @@ var j = 1000;
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="'+j+'" onclick="open_editor('+j+')">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" />'+
@@ -74,13 +74,17 @@ var j = 1000;
74
75
76
function open_editor(id){
77
var value = jQuery("#"+id).closest('li').find('textarea').val();
78
jQuery("#get_text").val(value);
79
jQuery("#get_id").val(jQuery("#"+id).attr('id'));
80
}
81
82
83
function insert_html(){
84
var html_text = jQuery("#get_text").val();
85
var id = jQuery("#get_id").val();
86
jQuery("#"+id).closest('li').find('textarea').val(html_text);
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
+ '<a type="button" class="btn btn-primary btn-block html_editor_button" data-remodal-target="modal" href="#" id="'+j+'" onclick="open_editor('+j+')">Use WYSIWYG Editor </a>'+
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" />'+
74
75
76
function open_editor(id){
77
+
78
+
79
var value = jQuery("#"+id).closest('li').find('textarea').val();
80
+ jQuery("#get_text-html").click();
81
jQuery("#get_text").val(value);
82
jQuery("#get_id").val(jQuery("#"+id).attr('id'));
83
}
84
85
86
function insert_html(){
87
+ jQuery("#get_text-html").click();
88
var html_text = jQuery("#get_text").val();
89
var id = jQuery("#get_id").val();
90
jQuery("#"+id).closest('li').find('textarea').val(html_text);
ink/admin/add-tabs.php CHANGED
@@ -33,7 +33,7 @@
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">
@@ -67,8 +67,8 @@
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" />
@@ -90,34 +90,23 @@
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;">
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
+ <a type="button" class="btn btn-primary btn-block html_editor_button" data-remodal-target="modal" href="#" id="<?php echo $i; ?>" onclick="open_editor(<?php echo $i; ?>)">Use WYSIWYG Editor </a>
37
38
<span class="ac_label"><?php _e('Tab Icon',wpshopmart_tabs_r_text_domain); ?></span>
39
<div class="form-group input-group">
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
+ <a type="button" class="btn btn-primary btn-block html_editor_button" data-remodal-target="modal" href="#" id="<?php echo $i; ?>" onclick="open_editor(<?php echo $i; ?>)">Use WYSIWYG Editor </a>
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" />
90
?>
91
</ul>
92
<!-- Modal -->
93
+ <!-- Modal -->
94
+ <div class="remodal" data-remodal-options=" closeOnOutsideClick: false" data-remodal-id="modal" role="dialog" aria-labelledby="modal1Title" aria-describedby="modal1Desc">
95
+ <button data-remodal-action="close" class="remodal-close" aria-label="Close"></button>
96
+ <div>
97
+ <h2 id="modal1Title">Accordion Editor</h2>
98
+ <p id="modal1Desc">
99
+ <?php
100
+ $content = '';
101
+ $editor_id = 'get_text';
102
+ wp_editor( $content, $editor_id );
103
+ ?>
104
+ <input type="hidden" value="" id="get_id" />
105
+ </p>
106
</div>
107
+ <br>
108
+ <button data-remodal-action="cancel" class="remodal-cancel">Cancel</button>
109
+ <button data-remodal-action="confirm" class="remodal-confirm" onclick="insert_html()">Insert Code</button>
110
</div>
111
112
<div style="display:block;margin-top:20px;overflow:hidden;width: 100%;float:left;">
ink/admin/menu.php CHANGED
@@ -53,6 +53,10 @@ class wpsm_tabs_r {
53
//icon picker
54
wp_enqueue_script('wpsm_tabs_r_font-icon-picker-js',wpshopmart_tabs_r_directory_url.'assets/js/fontawesome-iconpicker.js',array('jquery'));
55
wp_enqueue_script('wpsm_tabs_r_call-icon-picker-js',wpshopmart_tabs_r_directory_url.'assets/js/call-icon-picker.js',array('jquery'), false, true);
56
}
57
}
58
53
//icon picker
54
wp_enqueue_script('wpsm_tabs_r_font-icon-picker-js',wpshopmart_tabs_r_directory_url.'assets/js/fontawesome-iconpicker.js',array('jquery'));
55
wp_enqueue_script('wpsm_tabs_r_call-icon-picker-js',wpshopmart_tabs_r_directory_url.'assets/js/call-icon-picker.js',array('jquery'), false, true);
56
+ wp_enqueue_style('wpsm_tabs_r_remodal-css', wpshopmart_tabs_r_directory_url .'assets/modal/remodal.css');
57
+ wp_enqueue_style('wpsm_tabs_r_remodal-default-theme-css', wpshopmart_tabs_r_directory_url .'assets/modal/remodal-default-theme.css');
58
+ wp_enqueue_script('wpsm_tabs_r_min-js',wpshopmart_tabs_r_directory_url.'assets/modal/remodal.min.js',array('jquery'), false, true);
59
+
60
}
61
}
62
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: wpshopmart
3
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.5.2
7
- Stable tag: 1.5.8
8
License: GPLv2 or later
9
License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
@@ -106,6 +106,10 @@ Please use WordPress support forum to ask any query regarding any issue.
106
107
== Changelog ==
108
109
= 1.5.8 =
110
* Small update in css file
111
3
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.5.3
7
+ Stable tag: 1.5.9
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.9 =
110
+ * Resolve WYSIWYG editor issue
111
+ * Update popup dialog
112
+
113
= 1.5.8 =
114
* Small update in css file
115
tabs-responsive.php CHANGED
@@ -1,7 +1,7 @@
1
<?php
2
/**
3
* Plugin Name: Tabs Responsive
4
- * Version: 1.5.8
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.9
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