Slider by WD – Responsive Slider - Version 1.1.29

Version Description

  • Added: Text, image, hotspot layers click actions.
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Slider by WD – Responsive Slider
Version 1.1.29
Comparing to
See all releases

Code changes from version 1.1.28 to 1.1.29

Files changed (32) hide show
  1. admin/controllers/WDSControllerSliders_wds.php +1182 -1178
  2. admin/controllers/WDSControllerUninstall_wds.php +57 -57
  3. admin/controllers/WDSControllerWidgetSlideshow.php +60 -60
  4. admin/models/WDSModelSliders_wds.php +250 -250
  5. admin/models/WDSModelUninstall_wds.php +38 -38
  6. admin/models/WDSModelWidgetSlideshow.php +36 -36
  7. admin/views/WDSViewSliders_wds.php +3113 -3113
  8. admin/views/WDSViewUninstall_wds.php +130 -130
  9. admin/views/WDSViewWDSShortcode.php +88 -88
  10. admin/views/WDSViewWidgetSlideshow.php +86 -86
  11. css/wds_effects.css +336 -336
  12. css/wds_tables.css +1702 -1702
  13. css/wds_tables_320.css +294 -294
  14. css/wds_tables_640.css +284 -284
  15. demo_sliders/demo_sliders.php +36 -36
  16. demo_sliders/style.css +78 -78
  17. featured/featured.php +158 -158
  18. featured/featured_themes.php +91 -91
  19. featured/style.css +200 -200
  20. featured/themes_style.css +185 -185
  21. filemanager/UploadHandler.php +984 -984
  22. filemanager/controller.php +316 -316
  23. filemanager/css/default.css +575 -575
  24. filemanager/css/default_view_list.css +125 -125
  25. filemanager/css/default_view_thumbs.css +96 -96
  26. filemanager/css/index.html +1 -1
  27. filemanager/images/btn_icons/index.html +1 -1
  28. filemanager/images/file_icons/index.html +8 -8
  29. filemanager/images/index.html +8 -8
  30. filemanager/js/default.js +560 -560
  31. filemanager/js/jq_uploader/index.html +8 -8
  32. filemanager/js/jq_uploader/jquery.fileupload.js +0 -264
admin/controllers/WDSControllerSliders_wds.php CHANGED
@@ -1,1179 +1,1183 @@
1
- <?php
2
-
3
- class WDSControllerSliders_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constructor & Destructor //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- public function __construct() {
17
- }
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- // Public Methods //
20
- ////////////////////////////////////////////////////////////////////////////////////////
21
- public function execute() {
22
- $task = WDW_S_Library::get('task');
23
- $id = WDW_S_Library::get('current_id', 0);
24
- $message = WDW_S_Library::get('message');
25
- echo WDW_S_Library::message_id($message);
26
- if (method_exists($this, $task)) {
27
- check_admin_referer('nonce_wd', 'nonce_wd');
28
- $this->$task($id);
29
- }
30
- else {
31
- $this->display();
32
- }
33
- }
34
-
35
- public function display() {
36
- require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
37
- $model = new WDSModelSliders_wds();
38
-
39
- require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
40
- $view = new WDSViewSliders_wds($model);
41
- $view->display();
42
- }
43
-
44
- public function add() {
45
- require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
46
- $model = new WDSModelSliders_wds();
47
-
48
- require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
49
- $view = new WDSViewSliders_wds($model);
50
- $view->edit(0);
51
- }
52
-
53
- public function edit() {
54
- require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
55
- $model = new WDSModelSliders_wds();
56
-
57
- require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
58
- $view = new WDSViewSliders_wds($model);
59
- $id = ((isset($_POST['current_id']) && esc_html(stripslashes($_POST['current_id'])) != '') ? esc_html(stripslashes($_POST['current_id'])) : 0);
60
- $view->edit($id);
61
- }
62
-
63
- public function save() {
64
- $page = WDW_S_Library::get('page');
65
- WDW_S_Library::spider_redirect(add_query_arg(array('page' => $page, 'task' => 'display', 'message' => 1), admin_url('admin.php')));
66
- }
67
-
68
- public function apply() {
69
- $this->save_slider_db();
70
- $this->save_slide_db();
71
- $this->edit();
72
- }
73
-
74
- // public function save_slide() {
75
- // $this->save_slide_db();
76
- // $this->edit();
77
- // }
78
-
79
- public function save_slider_db() {
80
- global $wpdb;
81
- $del_slide_ids_string = (isset($_POST['del_slide_ids_string']) ? substr(esc_html(stripslashes($_POST['del_slide_ids_string'])), 0, -1) : '');
82
- if ($del_slide_ids_string) {
83
- $wpdb->query('DELETE FROM ' . $wpdb->prefix . 'wdsslide WHERE id IN (' . $del_slide_ids_string . ')');
84
- }
85
- if (get_option("wds_theme_version")) {
86
- $allow = FALSE;
87
- }
88
- else {
89
- $allow = TRUE;
90
- }
91
- $slider_id = (isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0);
92
- $name = ((isset($_POST['name'])) ? esc_html(stripslashes($_POST['name'])) : '');
93
- $published = ((isset($_POST['published'])) ? (int) esc_html(stripslashes($_POST['published'])) : 1);
94
- $full_width = ((isset($_POST['full_width'])) ? (int) esc_html(stripslashes($_POST['full_width'])) : 0);
95
- $spider_uploader = ((isset($_POST['spider_uploader'])) ? (int) esc_html(stripslashes($_POST['spider_uploader'])) : 0);
96
- $width = ((isset($_POST['width'])) ? (int) esc_html(stripslashes($_POST['width'])) : 800);
97
- $height = ((isset($_POST['height'])) ? (int) esc_html((stripslashes($_POST['height']))) : 300);
98
- $bg_fit = ((isset($_POST['bg_fit'])) ? esc_html(stripslashes($_POST['bg_fit'])) : 'cover');
99
- $align = ((isset($_POST['align'])) ? esc_html(stripslashes($_POST['align'])) : 'center');
100
- $effect = ((isset($_POST['effect'])) ? esc_html(stripslashes($_POST['effect'])) : 'fade');
101
- $time_intervval = ((isset($_POST['time_intervval'])) ? (int) esc_html(stripslashes($_POST['time_intervval'])) : 5);
102
- $autoplay = ((isset($_POST['autoplay'])) ? (int) esc_html(stripslashes($_POST['autoplay'])) : 0);
103
- $shuffle = ((isset($_POST['shuffle'])) ? (int) esc_html(stripslashes($_POST['shuffle'])) : 0);
104
- $music = ((isset($_POST['music'])) ? (int) esc_html(stripslashes($_POST['music'])) : 0);
105
- $music_url = ((isset($_POST['music_url'])) ? esc_html(stripslashes($_POST['music_url'])) : '');
106
- $preload_images = ((isset($_POST['preload_images'])) ? (int) esc_html(stripslashes($_POST['preload_images'])) : 1);
107
- $background_color = ((isset($_POST['background_color'])) ? esc_html(stripslashes($_POST['background_color'])) : '000000');
108
- $background_transparent = ((isset($_POST['background_transparent'])) ? esc_html(stripslashes($_POST['background_transparent'])) : 100);
109
- $glb_border_width = ((isset($_POST['glb_border_width'])) ? (int) esc_html(stripslashes($_POST['glb_border_width'])) : 0);
110
- $glb_border_style = ((isset($_POST['glb_border_style'])) ? esc_html(stripslashes($_POST['glb_border_style'])) : 'none');
111
- $glb_border_color = ((isset($_POST['glb_border_color'])) ? esc_html(stripslashes($_POST['glb_border_color'])) : '000000');
112
- $glb_border_radius = ((isset($_POST['glb_border_radius'])) ? esc_html(stripslashes($_POST['glb_border_radius'])) : '');
113
- $glb_margin = ((isset($_POST['glb_margin'])) ? (int) esc_html(stripslashes($_POST['glb_margin'])) : 0);
114
- $glb_box_shadow = ((isset($_POST['glb_box_shadow'])) ? esc_html(stripslashes($_POST['glb_box_shadow'])) : '');
115
- $image_right_click = ((isset($_POST['image_right_click'])) ? (int) esc_html(stripslashes($_POST['image_right_click'])) : 0);
116
- $layer_out_next = ((isset($_POST['layer_out_next'])) ? (int) esc_html(stripslashes($_POST['layer_out_next'])) : 0);
117
- $prev_next_butt = ((isset($_POST['prev_next_butt'])) ? (int) esc_html(stripslashes($_POST['prev_next_butt'])) : 1);
118
- $play_paus_butt = ((isset($_POST['play_paus_butt'])) ? (int) esc_html(stripslashes($_POST['play_paus_butt'])) : 0);
119
- $navigation = ((isset($_POST['navigation'])) ? esc_html(stripslashes($_POST['navigation'])) : 'hover');
120
- $rl_butt_style = ((isset($_POST['rl_butt_style']) && $allow) ? esc_html(stripslashes($_POST['rl_butt_style'])) : 'fa-angle');
121
- $rl_butt_size = ((isset($_POST['rl_butt_size']) && $allow) ? (int) esc_html(stripslashes($_POST['rl_butt_size'])) : 40);
122
- $pp_butt_size = ((isset($_POST['pp_butt_size']) && $allow) ? (int) esc_html(stripslashes($_POST['pp_butt_size'])) : 40);
123
- $butts_color = ((isset($_POST['butts_color']) && $allow) ? esc_html(stripslashes($_POST['butts_color'])) : '000000');
124
- $butts_transparent = ((isset($_POST['butts_transparent']) && $allow) ? (int) esc_html(stripslashes($_POST['butts_transparent'])) : 100);
125
- $hover_color = ((isset($_POST['hover_color']) && $allow) ? esc_html(stripslashes($_POST['hover_color'])) : '000000');
126
- $nav_border_width = ((isset($_POST['nav_border_width']) && $allow) ? (int) esc_html(stripslashes($_POST['nav_border_width'])) : 0);
127
- $nav_border_style = ((isset($_POST['nav_border_style']) && $allow) ? esc_html(stripslashes($_POST['nav_border_style'])) : 'none');
128
- $nav_border_color = ((isset($_POST['nav_border_color'])) ? esc_html(stripslashes($_POST['nav_border_color'])) : 'FFFFFF');
129
- $nav_border_radius = ((isset($_POST['nav_border_radius']) && $allow) ? esc_html(stripslashes($_POST['nav_border_radius'])) : '20px');
130
- $nav_bg_color = ((isset($_POST['nav_bg_color']) && $allow) ? esc_html(stripslashes($_POST['nav_bg_color'])) : 'FFFFFF');
131
- $bull_position = ((isset($_POST['bull_position'])) ? esc_html(stripslashes($_POST['bull_position'])) : 'bottom');
132
- if (isset($_POST['enable_bullets']) && (esc_html(stripslashes($_POST['enable_bullets'])) == 0)) {
133
- $bull_position = 'none';
134
- }
135
- $bull_style = ((isset($_POST['bull_style']) && $allow) ? esc_html(stripslashes($_POST['bull_style'])) : 'fa-square-o');
136
- $bull_size = ((isset($_POST['bull_size']) && $allow) ? (int) esc_html(stripslashes($_POST['bull_size'])) : 20);
137
- $bull_color = ((isset($_POST['bull_color']) && $allow) ? esc_html(stripslashes($_POST['bull_color'])) : 'FFFFFF');
138
- $bull_act_color = ((isset($_POST['bull_act_color']) && $allow) ? esc_html(stripslashes($_POST['bull_act_color'])) : 'FFFFFF');
139
- $bull_margin = ((isset($_POST['bull_margin']) && $allow) ? (int) esc_html(stripslashes($_POST['bull_margin'])) : 3);
140
- $film_pos = ((isset($_POST['film_pos'])) ? esc_html(stripslashes($_POST['film_pos'])) : 'none');
141
- if (isset($_POST['enable_filmstrip']) && (esc_html(stripslashes($_POST['enable_filmstrip'])) == 0)) {
142
- $film_pos = 'none';
143
- }
144
- $film_thumb_width = ((isset($_POST['film_thumb_width'])) ? (int) esc_html(stripslashes($_POST['film_thumb_width'])) : 100);
145
- $film_thumb_height = ((isset($_POST['film_thumb_height'])) ? (int) esc_html(stripslashes($_POST['film_thumb_height'])) : 50);
146
- $film_bg_color = ((isset($_POST['film_bg_color'])) ? esc_html(stripslashes($_POST['film_bg_color'])) : '000000');
147
- $film_tmb_margin = ((isset($_POST['film_tmb_margin'])) ? (int) esc_html(stripslashes($_POST['film_tmb_margin'])) : 0);
148
- $film_act_border_width = ((isset($_POST['film_act_border_width'])) ? (int) esc_html(stripslashes($_POST['film_act_border_width'])) : 0);
149
- $film_act_border_style = ((isset($_POST['film_act_border_style'])) ? esc_html(stripslashes($_POST['film_act_border_style'])) : 'none');
150
- $film_act_border_color = ((isset($_POST['film_act_border_color'])) ? esc_html(stripslashes($_POST['film_act_border_color'])) : 'FFFFFF');
151
- $film_dac_transparent = ((isset($_POST['film_dac_transparent'])) ? (int) esc_html(stripslashes($_POST['film_dac_transparent'])) : 50);
152
- $built_in_watermark_type = (isset($_POST['built_in_watermark_type']) ? esc_html(stripslashes($_POST['built_in_watermark_type'])) : 'none');
153
- $built_in_watermark_position = (isset($_POST['built_in_watermark_position']) ? esc_html(stripslashes($_POST['built_in_watermark_position'])) : 'middle-center');
154
- $built_in_watermark_size = (isset($_POST['built_in_watermark_size']) ? esc_html(stripslashes($_POST['built_in_watermark_size'])) : 15);
155
- $built_in_watermark_url = (isset($_POST['built_in_watermark_url']) ? esc_html(stripslashes($_POST['built_in_watermark_url'])) : '');
156
- $built_in_watermark_text = (isset($_POST['built_in_watermark_text']) ? esc_html(stripslashes($_POST['built_in_watermark_text'])) : 'web-dorado.com');
157
- $built_in_watermark_opacity = (isset($_POST['built_in_watermark_opacity']) ? esc_html(stripslashes($_POST['built_in_watermark_opacity'])) : 70);
158
- $built_in_watermark_font_size = (isset($_POST['built_in_watermark_font_size']) ? esc_html(stripslashes($_POST['built_in_watermark_font_size'])) : 20);
159
- $built_in_watermark_font = (isset($_POST['built_in_watermark_font']) ? esc_html(stripslashes($_POST['built_in_watermark_font'])) : '');
160
- $built_in_watermark_color = (isset($_POST['built_in_watermark_color']) ? esc_html(stripslashes($_POST['built_in_watermark_color'])) : 'FFFFFF');
161
- $css = (isset($_POST['css']) ? htmlspecialchars_decode((stripslashes($_POST['css'])), ENT_QUOTES) : '');
162
- $timer_bar_type = (isset($_POST['timer_bar_type']) ? esc_html(stripslashes($_POST['timer_bar_type'])) : 'top');
163
- if (isset($_POST['enable_time_bar']) && (esc_html(stripslashes($_POST['enable_time_bar'])) == 0)) {
164
- $timer_bar_type = 'none';
165
- }
166
- $timer_bar_size = (isset($_POST['timer_bar_size']) ? esc_html(stripslashes($_POST['timer_bar_size'])) : 5);
167
- $timer_bar_color = (isset($_POST['timer_bar_color']) ? esc_html(stripslashes($_POST['timer_bar_color'])) : 'BBBBBB');
168
- $timer_bar_transparent = (isset($_POST['timer_bar_transparent']) ? esc_html(stripslashes($_POST['timer_bar_transparent'])) : 50);
169
- $stop_animation = ((isset($_POST['stop_animation'])) ? (int) esc_html(stripslashes($_POST['stop_animation'])) : 0);
170
- $right_butt_url = (isset($_POST['right_butt_url']) ? esc_html(stripslashes($_POST['right_butt_url'])) : '');
171
- $left_butt_url = (isset($_POST['left_butt_url']) ? esc_html(stripslashes($_POST['left_butt_url'])) : '');
172
- $right_butt_hov_url = (isset($_POST['right_butt_hov_url']) ? esc_html(stripslashes($_POST['right_butt_hov_url'])) : '');
173
- $left_butt_hov_url = (isset($_POST['left_butt_hov_url']) ? esc_html(stripslashes($_POST['left_butt_hov_url'])) : '');
174
- $rl_butt_img_or_not = (isset($_POST['rl_butt_img_or_not']) ? esc_html(stripslashes($_POST['rl_butt_img_or_not'])) : 'style');
175
- $bullets_img_main_url = (isset($_POST['bullets_img_main_url']) ? esc_html(stripslashes($_POST['bullets_img_main_url'])) : '');
176
- $bullets_img_hov_url = (isset($_POST['bullets_img_hov_url']) ? esc_html(stripslashes($_POST['bullets_img_hov_url'])) : '');
177
- $bull_butt_img_or_not = (isset($_POST['bull_butt_img_or_not']) ? esc_html(stripslashes($_POST['bull_butt_img_or_not'])) : 'style');
178
- $play_paus_butt_img_or_not = (isset($_POST['play_paus_butt_img_or_not']) ? esc_html(stripslashes($_POST['play_paus_butt_img_or_not'])) : 'style');
179
- $play_butt_url = (isset($_POST['play_butt_url']) ? esc_html(stripslashes($_POST['play_butt_url'])) : '');
180
- $play_butt_hov_url = (isset($_POST['play_butt_hov_url']) ? esc_html(stripslashes($_POST['play_butt_hov_url'])) : '');
181
- $paus_butt_url = (isset($_POST['paus_butt_url']) ? esc_html(stripslashes($_POST['paus_butt_url'])) : '');
182
- $paus_butt_hov_url = (isset($_POST['paus_butt_hov_url']) ? esc_html(stripslashes($_POST['paus_butt_hov_url'])) : '');
183
- $start_slide_num = ((isset($_POST['start_slide_num'])) ? (int) stripslashes($_POST['start_slide_num']) : 1);
184
- $effect_duration = ((isset($_POST['effect_duration'])) ? (int) stripslashes($_POST['effect_duration']) : 800);
185
- $carousel = 0;
186
- $carousel_image_counts = 7;
187
- $carousel_image_parameters = 0.85;
188
- $carousel_fit_containerWidth = 0;
189
- $carousel_width = 1000;
190
- $parallax_effect = 0;
191
- $mouse_swipe_nav = ((isset($_POST['mouse_swipe_nav'])) ? (int) esc_html(stripslashes($_POST['mouse_swipe_nav'])) : 0);
192
- $bull_hover = ((isset($_POST['bull_hover'])) ? (int) esc_html(stripslashes($_POST['bull_hover'])) : 1);
193
- $touch_swipe_nav = ((isset($_POST['touch_swipe_nav'])) ? (int) esc_html(stripslashes($_POST['touch_swipe_nav'])) : 1);
194
- $mouse_wheel_nav = ((isset($_POST['mouse_wheel_nav'])) ? (int) esc_html(stripslashes($_POST['mouse_wheel_nav'])) : 0);
195
- $keyboard_nav = ((isset($_POST['keyboard_nav'])) ? (int) esc_html(stripslashes($_POST['keyboard_nav'])) : 0);
196
- $possib_add_ffamily = ((isset($_POST['possib_add_ffamily'])) ? esc_html(stripslashes($_POST['possib_add_ffamily'])) : '');
197
- $show_thumbnail = ((isset($_POST['show_thumbnail'])) ? (int) esc_html(stripslashes($_POST['show_thumbnail'])) : 0);
198
- $thumb_size = ((isset($_POST['thumb_size'])) ? esc_html(stripslashes($_POST['thumb_size'])) : '0.3');
199
- $fixed_bg = ((isset($_POST['fixed_bg'])) ? (int) esc_html(stripslashes($_POST['fixed_bg'])) : 0);
200
- $smart_crop = ((isset($_POST['smart_crop'])) ? (int) esc_html(stripslashes($_POST['smart_crop'])) : 0);
201
- $crop_image_position = ((isset($_POST['crop_image_position'])) ? esc_html(stripslashes($_POST['crop_image_position'])) : 'middle-center');
202
- $javascript = ((isset($_POST['javascript'])) ? esc_html(stripslashes($_POST['javascript'])) : '');
203
- $carousel_degree = ((isset($_POST['carousel_degree'])) ? (int) esc_html(stripslashes($_POST['carousel_degree'])) : 0);
204
- $carousel_grayscale = ((isset($_POST['carousel_grayscale'])) ? (int) esc_html(stripslashes($_POST['carousel_grayscale'])) : 0);
205
- $carousel_transparency = ((isset($_POST['carousel_transparency'])) ? (int) esc_html(stripslashes($_POST['carousel_transparency'])) : 0);
206
- $bull_back_act_color = ((isset($_POST['bull_back_act_color'])) ? esc_html(stripslashes($_POST['bull_back_act_color'])) : '000000');
207
- $bull_back_color = ((isset($_POST['bull_back_color'])) ? esc_html(stripslashes($_POST['bull_back_color'])) : 'CCCCCC');
208
- $bull_radius = ((isset($_POST['bull_radius'])) ? esc_html(stripslashes($_POST['bull_radius'])) : '20px');
209
- $possib_add_google_fonts = ((isset($_POST['possib_add_google_fonts'])) ? (int) esc_html(stripslashes($_POST['possib_add_google_fonts'])) : 0);
210
- $possib_add_ffamily_google = ((isset($_POST['possib_add_ffamily_google'])) ? esc_html(stripslashes($_POST['possib_add_ffamily_google'])) : '');
211
- $slider_loop = ((isset($_POST['slider_loop'])) ? (int) esc_html(stripslashes($_POST['slider_loop'])) : 1);
212
- $data = array(
213
- 'name' => $name,
214
- 'published' => $published,
215
- 'full_width' => $full_width,
216
- 'width' => $width,
217
- 'height' => $height,
218
- 'bg_fit' => $bg_fit,
219
- 'align' => $align,
220
- 'effect' => $effect,
221
- 'time_intervval' => $time_intervval,
222
- 'autoplay' => $autoplay,
223
- 'shuffle' => $shuffle,
224
- 'music' => $music,
225
- 'music_url' => $music_url,
226
- 'preload_images' => $preload_images,
227
- 'background_color' => $background_color,
228
- 'background_transparent' => $background_transparent,
229
- 'glb_border_width' => $glb_border_width,
230
- 'glb_border_style' => $glb_border_style,
231
- 'glb_border_color' => $glb_border_color,
232
- 'glb_border_radius' => $glb_border_radius,
233
- 'glb_margin' => $glb_margin,
234
- 'glb_box_shadow' => $glb_box_shadow,
235
- 'image_right_click' => $image_right_click,
236
- 'prev_next_butt' => $prev_next_butt,
237
- 'play_paus_butt' => $play_paus_butt,
238
- 'navigation' => $navigation,
239
- 'rl_butt_style' => $rl_butt_style,
240
- 'rl_butt_size' => $rl_butt_size,
241
- 'pp_butt_size' => $pp_butt_size,
242
- 'butts_color' => $butts_color,
243
- 'butts_transparent' => $butts_transparent,
244
- 'hover_color' => $hover_color,
245
- 'nav_border_width' => $nav_border_width,
246
- 'nav_border_style' => $nav_border_style,
247
- 'nav_border_color' => $nav_border_color,
248
- 'nav_border_radius' => $nav_border_radius,
249
- 'nav_bg_color' => $nav_bg_color,
250
- 'bull_position' => $bull_position,
251
- 'bull_style' => $bull_style,
252
- 'bull_size' => $bull_size,
253
- 'bull_color' => $bull_color,
254
- 'bull_act_color' => $bull_act_color,
255
- 'bull_margin' => $bull_margin,
256
- 'film_pos' => $film_pos,
257
- 'film_thumb_width' => $film_thumb_width,
258
- 'film_thumb_height' => $film_thumb_height,
259
- 'film_bg_color' => $film_bg_color,
260
- 'film_tmb_margin' => $film_tmb_margin,
261
- 'film_act_border_width' => $film_act_border_width,
262
- 'film_act_border_style' => $film_act_border_style,
263
- 'film_act_border_color' => $film_act_border_color,
264
- 'film_dac_transparent' => $film_dac_transparent,
265
- 'built_in_watermark_type' => $built_in_watermark_type,
266
- 'built_in_watermark_position' => $built_in_watermark_position,
267
- 'built_in_watermark_size' => $built_in_watermark_size,
268
- 'built_in_watermark_url' => $built_in_watermark_url,
269
- 'built_in_watermark_text' => $built_in_watermark_text,
270
- 'built_in_watermark_opacity' => $built_in_watermark_opacity,
271
- 'built_in_watermark_font_size' => $built_in_watermark_font_size,
272
- 'built_in_watermark_font' => $built_in_watermark_font,
273
- 'built_in_watermark_color' => $built_in_watermark_color,
274
- 'css' => $css,
275
- 'timer_bar_type' => $timer_bar_type,
276
- 'timer_bar_size' => $timer_bar_size,
277
- 'timer_bar_color' => $timer_bar_color,
278
- 'timer_bar_transparent' => $timer_bar_transparent,
279
- 'layer_out_next' => $layer_out_next,
280
- 'spider_uploader' => $spider_uploader,
281
- 'stop_animation' => $stop_animation,
282
- 'right_butt_url' => $right_butt_url,
283
- 'left_butt_url' => $left_butt_url,
284
- 'right_butt_hov_url' => $right_butt_hov_url,
285
- 'left_butt_hov_url' => $left_butt_hov_url,
286
- 'rl_butt_img_or_not' => $rl_butt_img_or_not,
287
- 'bullets_img_main_url' => $bullets_img_main_url,
288
- 'bullets_img_hov_url' => $bullets_img_hov_url,
289
- 'bull_butt_img_or_not' => $bull_butt_img_or_not,
290
- 'play_paus_butt_img_or_not' => $play_paus_butt_img_or_not,
291
- 'play_butt_url' => $play_butt_url,
292
- 'play_butt_hov_url' => $play_butt_hov_url,
293
- 'paus_butt_url' => $paus_butt_url,
294
- 'paus_butt_hov_url' => $paus_butt_hov_url,
295
- 'start_slide_num' => $start_slide_num,
296
- 'effect_duration' => $effect_duration,
297
- 'carousel' => $carousel,
298
- 'carousel_image_counts' => $carousel_image_counts,
299
- 'carousel_image_parameters' => $carousel_image_parameters,
300
- 'carousel_fit_containerWidth' => $carousel_fit_containerWidth,
301
- 'carousel_width' => $carousel_width,
302
- 'parallax_effect' => $parallax_effect,
303
- 'mouse_swipe_nav' => $mouse_swipe_nav,
304
- 'bull_hover' => $bull_hover,
305
- 'touch_swipe_nav' => $touch_swipe_nav,
306
- 'mouse_wheel_nav' => $mouse_wheel_nav,
307
- 'keyboard_nav' => $keyboard_nav,
308
- 'possib_add_ffamily' => $possib_add_ffamily,
309
- 'show_thumbnail' => $show_thumbnail,
310
- 'thumb_size' => $thumb_size,
311
- 'fixed_bg' => $fixed_bg,
312
- 'smart_crop' => $smart_crop,
313
- 'crop_image_position' => $crop_image_position,
314
- 'javascript' => $javascript,
315
- 'carousel_degree' => $carousel_degree,
316
- 'carousel_grayscale' => $carousel_grayscale,
317
- 'carousel_transparency' => $carousel_transparency,
318
- 'bull_back_act_color' => $bull_back_act_color,
319
- 'bull_back_color' => $bull_back_color,
320
- 'bull_radius' => $bull_radius,
321
- 'possib_add_google_fonts' => $possib_add_google_fonts,
322
- 'possib_add_ffamily_google' => $possib_add_ffamily_google,
323
- 'slider_loop' => $slider_loop,
324
- );
325
-
326
- if (!$slider_id) {
327
- $save = $wpdb->insert($wpdb->prefix . 'wdsslider', $data);
328
- $_POST['current_id'] = (int) $wpdb->insert_id;
329
- }
330
- else {
331
- $save = $wpdb->update($wpdb->prefix . 'wdsslider', $data, array('id' => $slider_id));
332
- }
333
- if ($save !== FALSE) {
334
- return 1;
335
- }
336
- else {
337
- return 2;
338
- }
339
- }
340
-
341
- public function save_slide_db() {
342
- global $wpdb;
343
- $slider_id = (isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0);
344
- if (!$slider_id) {
345
- $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
346
- }
347
- $slide_ids_string = (isset($_POST['slide_ids_string']) ? esc_html(stripslashes($_POST['slide_ids_string'])) : '');
348
- $slide_id_array = explode(',', $slide_ids_string);
349
- if (get_option("wds_theme_version")) {
350
- $allow = FALSE;
351
- }
352
- else {
353
- $allow = TRUE;
354
- }
355
- foreach ($slide_id_array as $slide_id) {
356
- if ($slide_id) {
357
- $del_layer_ids_string = (isset($_POST['slide' . $slide_id . '_del_layer_ids_string']) ? substr(esc_html(stripslashes($_POST['slide' . $slide_id . '_del_layer_ids_string'])), 0, -1) : '');
358
- if ($del_layer_ids_string) {
359
- $wpdb->query('DELETE FROM ' . $wpdb->prefix . 'wdslayer WHERE id IN (' . $del_layer_ids_string . ')');
360
- }
361
- $title = ((isset($_POST['title' . $slide_id])) ? esc_html(stripslashes($_POST['title' . $slide_id])) : '');
362
- $type = ((isset($_POST['type' . $slide_id])) ? esc_html(stripslashes($_POST['type' . $slide_id])) : '');
363
- $order = ((isset($_POST['order' . $slide_id])) ? esc_html(stripslashes($_POST['order' . $slide_id])) : '');
364
- $published = ((isset($_POST['published' . $slide_id])) ? esc_html(stripslashes($_POST['published' . $slide_id])) : '');
365
- $target_attr_slide = ((isset($_POST['target_attr_slide' . $slide_id])) ? esc_html(stripslashes($_POST['target_attr_slide' . $slide_id])) : 0);
366
- $link = ((isset($_POST['link' . $slide_id])) ? esc_html(stripslashes($_POST['link' . $slide_id])) : '');
367
- $image_url = ((isset($_POST['image_url' . $slide_id])) ? esc_html(stripslashes($_POST['image_url' . $slide_id])) : '');
368
- $thumb_url = ((isset($_POST['thumb_url' . $slide_id])) ? esc_html(stripslashes($_POST['thumb_url' . $slide_id])) : '');
369
- if (strpos($slide_id, 'pr') !== FALSE) {
370
- $save = $wpdb->insert($wpdb->prefix . 'wdsslide', array(
371
- 'slider_id' => $slider_id,
372
- 'title' => $title,
373
- 'type' => $type,
374
- 'order' => $order,
375
- 'published' => $published,
376
- 'link' => $link,
377
- 'image_url' => $image_url,
378
- 'thumb_url' => $thumb_url,
379
- 'target_attr_slide' => $target_attr_slide,
380
- 'youtube_rel_video' => 0,
381
- 'video_loop' => 0,
382
- ));
383
- if ($allow) {
384
- $slide_id_pr = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');
385
- $this->save_layer_db($slide_id, $slide_id_pr);
386
- }
387
- }
388
- else {
389
- $save = $wpdb->update($wpdb->prefix . 'wdsslide', array(
390
- 'slider_id' => $slider_id,
391
- 'title' => $title,
392
- 'type' => $type,
393
- 'order' => $order,
394
- 'published' => $published,
395
- 'link' => $link,
396
- 'image_url' => $image_url,
397
- 'thumb_url' => $thumb_url,
398
- 'target_attr_slide' => $target_attr_slide,
399
- ), array('id' => $slide_id));
400
- if ($allow) {
401
- $this->save_layer_db($slide_id, $slide_id);
402
- }
403
- }
404
- }
405
- }
406
- }
407
-
408
- public function save_layer_db($slide_id, $slide_id_pr) {
409
- global $wpdb;
410
- $layer_ids_string = (isset($_POST['slide' . $slide_id . '_layer_ids_string']) ? esc_html(stripslashes($_POST['slide' . $slide_id . '_layer_ids_string'])) : '');
411
- $layer_id_array = explode(',', $layer_ids_string);
412
- foreach ($layer_id_array as $layer_id) {
413
- if ($layer_id) {
414
- $prefix = 'slide' . $slide_id . '_layer' . $layer_id;
415
- $json_string = (isset($_POST[$prefix . '_json']) ? stripslashes($_POST[$prefix . '_json']) : '');
416
- $params_array = json_decode($json_string, TRUE);
417
- $title = ((isset($params_array['title'])) ? esc_html(stripslashes($params_array['title'])) : '');
418
- $type = ((isset($params_array['type'])) ? esc_html(stripslashes($params_array['type'])) : '');
419
- $depth = ((isset($params_array['depth'])) ? esc_html(stripslashes($params_array['depth'])) : '');
420
- $text = ((isset($params_array['text'])) ? stripslashes($params_array['text']) : '');
421
- $link = ((isset($params_array['link'])) ? esc_html(stripslashes($params_array['link'])) : '');
422
- $target_attr_layer = ((isset($params_array['target_attr_layer'])) ? esc_html(stripslashes($params_array['target_attr_layer'])) : 0);
423
- $left = ((isset($params_array['left'])) ? esc_html(stripslashes($params_array['left'])) : '');
424
- $top = ((isset($params_array['top'])) ? esc_html(stripslashes($params_array['top'])) : '');
425
- $start = ((isset($params_array['start'])) ? esc_html(stripslashes($params_array['start'])) : '');
426
- $end = ((isset($params_array['end'])) ? esc_html(stripslashes($params_array['end'])) : '');
427
- $published = ((isset($params_array['published'])) ? esc_html(stripslashes($params_array['published'])) : '');
428
- $color = ((isset($params_array['color'])) ? esc_html(stripslashes($params_array['color'])) : '');
429
- $size = ((isset($params_array['size'])) ? esc_html(stripslashes($params_array['size'])) : '');
430
- $ffamily = ((isset($params_array['ffamily'])) ? esc_html(stripslashes($params_array['ffamily'])) : '');
431
- $fweight = ((isset($params_array['fweight'])) ? esc_html(stripslashes($params_array['fweight'])) : '');
432
- $padding = ((isset($params_array['padding'])) ? esc_html(stripslashes($params_array['padding'])) : '');
433
- $fbgcolor = ((isset($params_array['fbgcolor'])) ? esc_html(stripslashes($params_array['fbgcolor'])) : '');
434
- $transparent = ((isset($params_array['transparent'])) ? esc_html(stripslashes($params_array['transparent'])) : '');
435
- $border_width = ((isset($params_array['border_width'])) ? esc_html(stripslashes($params_array['border_width'])) : '');
436
- $border_style = ((isset($params_array['border_style'])) ? esc_html(stripslashes($params_array['border_style'])) : '');
437
- $border_color = ((isset($params_array['border_color'])) ? esc_html(stripslashes($params_array['border_color'])) : '');
438
- $border_radius = ((isset($params_array['border_radius'])) ? esc_html(stripslashes($params_array['border_radius'])) : '');
439
- $shadow = ((isset($params_array['shadow'])) ? esc_html(stripslashes($params_array['shadow'])) : '');
440
- $image_url = ((isset($params_array['image_url'])) ? esc_html(stripslashes($params_array['image_url'])) : '');
441
- $image_width = ((isset($params_array['image_width'])) ? esc_html(stripslashes($params_array['image_width'])) : '');
442
- $image_height = ((isset($params_array['image_height'])) ? esc_html(stripslashes($params_array['image_height'])) : '');
443
- $image_scale = ((isset($params_array['image_scale'])) ? esc_html(stripslashes($params_array['image_scale'])) : '');
444
- $alt = ((isset($params_array['alt'])) ? esc_html(stripslashes($params_array['alt'])) : '');
445
- $imgtransparent = ((isset($params_array['imgtransparent'])) ? esc_html(stripslashes($params_array['imgtransparent'])) : '');
446
- $social_button = ((isset($params_array['social_button'])) ? esc_html(stripslashes($params_array['social_button'])) : '');
447
- $hover_color = ((isset($params_array['hover_color'])) ? esc_html(stripslashes($params_array['hover_color'])) : '');
448
- $layer_effect_in = ((isset($params_array['layer_effect_in'])) ? esc_html(stripslashes($params_array['layer_effect_in'])) : '');
449
- $layer_effect_out = ((isset($params_array['layer_effect_out'])) ? esc_html(stripslashes($params_array['layer_effect_out'])) : '');
450
- $duration_eff_in = ((isset($params_array['duration_eff_in'])) ? esc_html(stripslashes($params_array['duration_eff_in'])) : 3);
451
- $duration_eff_out = ((isset($params_array['duration_eff_out'])) ? esc_html(stripslashes($params_array['duration_eff_out'])) : 3);
452
-
453
- $hotp_width = ((isset($params_array['hotp_width'])) ? esc_html(stripslashes($params_array['hotp_width'])) : '');
454
- $hotp_fbgcolor = ((isset($params_array['hotp_fbgcolor'])) ? esc_html(stripslashes($params_array['hotp_fbgcolor'])) : '');
455
- $hotp_border_width = ((isset($params_array['hotp_border_width'])) ? esc_html(stripslashes($params_array['hotp_border_width'])) : '');
456
- $hotp_border_style = ((isset($params_array['hotp_border_style'])) ? esc_html(stripslashes($params_array['hotp_border_style'])) : '');
457
- $hotp_border_color = ((isset($params_array['hotp_border_color'])) ? esc_html(stripslashes($params_array['hotp_border_color'])) : '');
458
- $hotp_border_radius = ((isset($params_array['hotp_border_radius'])) ? esc_html(stripslashes($params_array['hotp_border_radius'])) : '');
459
- $hotp_text_position = ((isset($params_array['hotp_text_position'])) ? esc_html(stripslashes($params_array['hotp_text_position'])) : '');
460
- $google_fonts = ((isset($params_array['google_fonts'])) ? esc_html(stripslashes($params_array['google_fonts'])) : 0);
461
- $add_class = ((isset($params_array['add_class'])) ? esc_html(stripslashes($params_array['add_class'])) : '');
462
- if ($title) {
463
- if (strpos($layer_id, 'pr_') !== FALSE) {
464
- $save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
465
- 'slide_id' => $slide_id_pr,
466
- 'title' => $title,
467
- 'type' => $type,
468
- 'depth' => $depth,
469
- 'text' => $text,
470
- 'link' => $link,
471
- 'left' => $left,
472
- 'top' => $top,
473
- 'start' => $start,
474
- 'end' => $end,
475
- 'published' => $published,
476
- 'color' => $color,
477
- 'size' => $size,
478
- 'ffamily' => $ffamily,
479
- 'fweight' => $fweight,
480
- 'padding' => $padding,
481
- 'fbgcolor' => $fbgcolor,
482
- 'transparent' => $transparent,
483
- 'border_width' => $border_width,
484
- 'border_style' => $border_style,
485
- 'border_color' => $border_color,
486
- 'border_radius' => $border_radius,
487
- 'shadow' => $shadow,
488
- 'image_url' => $image_url,
489
- 'image_width' => $image_width,
490
- 'image_height' => $image_height,
491
- 'image_scale' => $image_scale,
492
- 'alt' => $alt,
493
- 'imgtransparent' => $imgtransparent,
494
- 'social_button' => $social_button,
495
- 'hover_color' => $hover_color,
496
- 'layer_effect_in' => $layer_effect_in,
497
- 'layer_effect_out' => $layer_effect_out,
498
- 'duration_eff_in' => $duration_eff_in,
499
- 'duration_eff_out' => $duration_eff_out,
500
- 'target_attr_layer' => $target_attr_layer,
501
- 'hotp_width' => $hotp_width,
502
- 'hotp_fbgcolor' => $hotp_fbgcolor,
503
- 'hotp_border_width' => $hotp_border_width,
504
- 'hotp_border_style' => $hotp_border_style,
505
- 'hotp_border_color' => $hotp_border_color,
506
- 'hotp_border_radius' => $hotp_border_radius,
507
- 'hotp_text_position' => $hotp_text_position,
508
- 'google_fonts' => $google_fonts,
509
- 'add_class' => $add_class,
510
- 'layer_video_loop' => 0,
511
- 'youtube_rel_layer_video' => 0,
512
- 'hotspot_animation' => 0,
513
- ));
514
- }
515
- else {
516
- $save = $wpdb->update($wpdb->prefix . 'wdslayer', array(
517
- 'title' => $title,
518
- 'type' => $type,
519
- 'depth' => $depth,
520
- 'text' => $text,
521
- 'link' => $link,
522
- 'left' => $left,
523
- 'top' => $top,
524
- 'start' => $start,
525
- 'end' => $end,
526
- 'published' => $published,
527
- 'color' => $color,
528
- 'size' => $size,
529
- 'ffamily' => $ffamily,
530
- 'fweight' => $fweight,
531
- 'padding' => $padding,
532
- 'fbgcolor' => $fbgcolor,
533
- 'transparent' => $transparent,
534
- 'border_width' => $border_width,
535
- 'border_style' => $border_style,
536
- 'border_color' => $border_color,
537
- 'border_radius' => $border_radius,
538
- 'shadow' => $shadow,
539
- 'image_url' => $image_url,
540
- 'image_width' => $image_width,
541
- 'image_height' => $image_height,
542
- 'image_scale' => $image_scale,
543
- 'alt' => $alt,
544
- 'imgtransparent' => $imgtransparent,
545
- 'social_button' => $social_button,
546
- 'hover_color' => $hover_color,
547
- 'layer_effect_in' => $layer_effect_in,
548
- 'layer_effect_out' => $layer_effect_out,
549
- 'duration_eff_in' => $duration_eff_in,
550
- 'duration_eff_out' => $duration_eff_out,
551
- 'target_attr_layer' => $target_attr_layer,
552
- 'hotp_width' => $hotp_width,
553
- 'hotp_fbgcolor' => $hotp_fbgcolor,
554
- 'hotp_border_width' => $hotp_border_width,
555
- 'hotp_border_style' => $hotp_border_style,
556
- 'hotp_border_color' => $hotp_border_color,
557
- 'hotp_border_radius' => $hotp_border_radius,
558
- 'hotp_text_position' => $hotp_text_position,
559
- 'google_fonts' => $google_fonts,
560
- 'add_class' => $add_class,
561
- ), array('id' => $layer_id));
562
- }
563
- }
564
- }
565
- }
566
- }
567
-
568
- public function set_watermark() {
569
- global $wpdb;
570
- $slider_id = WDW_S_Library::get('current_id', 0);
571
- if (!$slider_id) {
572
- $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
573
- }
574
-
575
- $slider_images = $wpdb->get_col($wpdb->prepare('SELECT image_url FROM ' . $wpdb->prefix . 'wdsslide WHERE `slider_id`="%d"', $slider_id));
576
- $slider = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE `id`="%d"', $slider_id));
577
-
578
- switch ($slider->built_in_watermark_type) {
579
- case 'text': {
580
- foreach ($slider_images as $slider_image) {
581
- if ($slider_image) {
582
- $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
583
- $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
584
- $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
585
- $image_name = substr($slider_image_dir, $last_slash_pos);
586
- $new_image = $dest_dir . '.original/' . $image_name;
587
- if (!is_dir($dest_dir . '.original')) {
588
- mkdir($dest_dir . '.original', 0777);
589
- }
590
- if (!file_exists($new_image)) {
591
- copy($slider_image_dir, $new_image);
592
- }
593
- $this->set_text_watermark($slider_image_dir, $slider_image_dir, $slider->built_in_watermark_text, $slider->built_in_watermark_font, $slider->built_in_watermark_font_size, '#' . $slider->built_in_watermark_color, $slider->built_in_watermark_opacity, $slider->built_in_watermark_position);
594
- }
595
- }
596
- break;
597
- }
598
- case 'image': {
599
- foreach ($slider_images as $slider_image) {
600
- if ($slider_image) {
601
- $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
602
- $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
603
- $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
604
- $image_name = substr($slider_image_dir, $last_slash_pos);
605
- $new_image = $dest_dir . '.original/' . $image_name;
606
- if (!is_dir($dest_dir . '.original')) {
607
- mkdir($dest_dir . '.original', 0777);
608
- }
609
- if (!file_exists($new_image)) {
610
- copy($slider_image_dir, $new_image);
611
- }
612
- $watermark_image_dir = str_replace(site_url() . '/', ABSPATH, $slider->built_in_watermark_url);
613
- $this->set_image_watermark($slider_image_dir, $slider_image_dir, $watermark_image_dir, $slider->built_in_watermark_size, $slider->built_in_watermark_size, $slider->built_in_watermark_position);
614
- }
615
- }
616
- break;
617
- }
618
- default: {
619
- break;
620
- }
621
- }
622
- }
623
-
624
- public function reset_watermark() {
625
- global $wpdb;
626
- $slider_id = WDW_S_Library::get('current_id', 0);
627
- if (!$slider_id) {
628
- $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
629
- }
630
- $slider_images = $wpdb->get_col($wpdb->prepare('SELECT image_url FROM ' . $wpdb->prefix . 'wdsslide WHERE `slider_id`="%d"', $slider_id));
631
- foreach ($slider_images as $slider_image) {
632
- if ($slider_image) {
633
- $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
634
- $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
635
- $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
636
- $image_name = substr($slider_image_dir, $last_slash_pos);
637
- $new_image = $dest_dir . '.original/' . $image_name;
638
- if (file_exists($new_image)) {
639
- copy($new_image, $slider_image_dir);
640
- }
641
- else {
642
- // For 1.0.1 version.
643
- $last_dot_pos = strrpos($slider_image_dir, '.');
644
- $base_name = substr($slider_image_dir, 0, $last_dot_pos);
645
- $ext = substr($slider_image_dir, strlen($base_name));
646
- $new_image = $base_name . '-original' . $ext;
647
- if (file_exists($new_image)) {
648
- copy($new_image, $slider_image_dir);
649
- }
650
- }
651
- }
652
- }
653
- }
654
-
655
- public function reset() {
656
- global $wpdb;
657
- $slider_id = WDW_S_Library::get('current_id', 0);
658
- if (!$slider_id) {
659
- $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
660
- }
661
-
662
- require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
663
- $model = new WDSModelSliders_wds();
664
-
665
- require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
666
- $view = new WDSViewSliders_wds($model);
667
- echo WDW_S_Library::message('Changes must be saved.', 'wd_error');
668
- $view->edit($slider_id, TRUE);
669
- }
670
- public function duplicate() {
671
- $slider_id = WDW_S_Library::get('current_id', 0);
672
- $new_slider_id = $this->duplicate_tabels($slider_id);
673
- require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
674
- $model = new WDSModelSliders_wds();
675
- require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
676
- $view = new WDSViewSliders_wds($model);
677
- echo WDW_S_Library::message('Item Succesfully Duplicated.', 'wd_updated');
678
- $view->edit($new_slider_id);
679
- }
680
-
681
- public function duplicate_all($id) {
682
- global $wpdb;
683
- $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
684
- foreach ($sliders_ids_col as $slider_id) {
685
- if (isset($_POST['check_' . $slider_id])) {
686
- $this->duplicate_tabels($slider_id);
687
- }
688
- }
689
- echo WDW_S_Library::message('Items Succesfully Duplicated.', 'wd_updated');
690
- $this->display();
691
- }
692
-
693
- public function duplicate_tabels($slider_id) {
694
- global $wpdb;
695
- if ($slider_id) {
696
- $slider_row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider where id="%d"', $slider_id));
697
- }
698
- if ($slider_row) {
699
- $save = $wpdb->insert($wpdb->prefix . 'wdsslider', array(
700
- 'name' => $slider_row->name,
701
- 'published' => $slider_row->published,
702
- 'full_width' => $slider_row->full_width,
703
- 'width' => $slider_row->width,
704
- 'height' => $slider_row->height,
705
- 'bg_fit' => $slider_row->bg_fit,
706
- 'align' => $slider_row->align,
707
- 'effect' => $slider_row->effect,
708
- 'time_intervval' => $slider_row->time_intervval,
709
- 'autoplay' => $slider_row->autoplay,
710
- 'shuffle' => $slider_row->shuffle,
711
- 'music' => $slider_row->music,
712
- 'music_url' => $slider_row->music_url,
713
- 'preload_images' => $slider_row->preload_images,
714
- 'background_color' => $slider_row->background_color,
715
- 'background_transparent' =>$slider_row-> background_transparent,
716
- 'glb_border_width' => $slider_row->glb_border_width,
717
- 'glb_border_style' => $slider_row->glb_border_style,
718
- 'glb_border_color' => $slider_row->glb_border_color,
719
- 'glb_border_radius' => $slider_row->glb_border_radius,
720
- 'glb_margin' => $slider_row->glb_margin,
721
- 'glb_box_shadow' => $slider_row->glb_box_shadow,
722
- 'image_right_click' => $slider_row->image_right_click,
723
- 'prev_next_butt' => $slider_row->prev_next_butt,
724
- 'play_paus_butt' => $slider_row->play_paus_butt,
725
- 'navigation' => $slider_row->navigation,
726
- 'rl_butt_style' => $slider_row->rl_butt_style,
727
- 'rl_butt_size' => $slider_row->rl_butt_size,
728
- 'pp_butt_size' => $slider_row->pp_butt_size,
729
- 'butts_color' => $slider_row->butts_color,
730
- 'butts_transparent' => $slider_row->butts_transparent,
731
- 'hover_color' => $slider_row->hover_color,
732
- 'nav_border_width' => $slider_row->nav_border_width,
733
- 'nav_border_style' => $slider_row->nav_border_style,
734
- 'nav_border_color' => $slider_row->nav_border_color,
735
- 'nav_border_radius' => $slider_row->nav_border_radius,
736
- 'nav_bg_color' => $slider_row->nav_bg_color,
737
- 'bull_position' => $slider_row->bull_position,
738
- 'bull_style' => $slider_row->bull_style,
739
- 'bull_size' => $slider_row->bull_size,
740
- 'bull_color' => $slider_row->bull_color,
741
- 'bull_act_color' => $slider_row->bull_act_color,
742
- 'bull_margin' => $slider_row->bull_margin,
743
- 'film_pos' => $slider_row->film_pos,
744
- 'film_thumb_width' => $slider_row->film_thumb_width,
745
- 'film_thumb_height' => $slider_row->film_thumb_height,
746
- 'film_bg_color' => $slider_row->film_bg_color,
747
- 'film_tmb_margin' => $slider_row->film_tmb_margin,
748
- 'film_act_border_width' => $slider_row->film_act_border_width,
749
- 'film_act_border_style' => $slider_row->film_act_border_style,
750
- 'film_act_border_color' => $slider_row->film_act_border_color,
751
- 'film_dac_transparent' => $slider_row->film_dac_transparent,
752
- 'built_in_watermark_type' => $slider_row->built_in_watermark_type,
753
- 'built_in_watermark_position' => $slider_row->built_in_watermark_position,
754
- 'built_in_watermark_size' => $slider_row->built_in_watermark_size,
755
- 'built_in_watermark_url' => $slider_row->built_in_watermark_url,
756
- 'built_in_watermark_text' => $slider_row->built_in_watermark_text,
757
- 'built_in_watermark_opacity' => $slider_row->built_in_watermark_opacity,
758
- 'built_in_watermark_font_size' => $slider_row->built_in_watermark_font_size,
759
- 'built_in_watermark_font' => $slider_row->built_in_watermark_font,
760
- 'built_in_watermark_color' => $slider_row->built_in_watermark_color,
761
- 'css' => $slider_row->css,
762
- 'timer_bar_type' => $slider_row->timer_bar_type,
763
- 'timer_bar_size' => $slider_row->timer_bar_size,
764
- 'timer_bar_color' => $slider_row->timer_bar_color,
765
- 'timer_bar_transparent' => $slider_row->timer_bar_transparent,
766
- 'layer_out_next' => $slider_row->layer_out_next,
767
- 'spider_uploader' => $slider_row->spider_uploader,
768
- 'stop_animation' => $slider_row->stop_animation,
769
- 'right_butt_url' => $slider_row->right_butt_url,
770
- 'left_butt_url' => $slider_row->left_butt_url,
771
- 'right_butt_hov_url' => $slider_row->right_butt_hov_url,
772
- 'left_butt_hov_url' => $slider_row->left_butt_hov_url,
773
- 'rl_butt_img_or_not' => $slider_row->rl_butt_img_or_not,
774
- 'bullets_img_main_url' => $slider_row->bullets_img_main_url,
775
- 'bullets_img_hov_url' => $slider_row->bullets_img_hov_url,
776
- 'bull_butt_img_or_not' => $slider_row->bull_butt_img_or_not,
777
- 'play_paus_butt_img_or_not' => $slider_row->play_paus_butt_img_or_not,
778
- 'play_butt_url' => $slider_row->play_butt_url,
779
- 'play_butt_hov_url' => $slider_row->play_butt_hov_url,
780
- 'paus_butt_url' => $slider_row->paus_butt_url,
781
- 'paus_butt_hov_url' => $slider_row->paus_butt_hov_url,
782
- 'start_slide_num' => $slider_row->start_slide_num,
783
- 'effect_duration' => $slider_row->effect_duration,
784
- 'carousel' => $slider_row->carousel,
785
- 'carousel_image_counts' => $slider_row->carousel_image_counts,
786
- 'carousel_image_parameters' => $slider_row->carousel_image_parameters,
787
- 'carousel_fit_containerWidth' => $slider_row->carousel_fit_containerWidth,
788
- 'carousel_width' => $slider_row->carousel_width,
789
- 'parallax_effect' => $slider_row->parallax_effect,
790
- 'carousel_degree' => $slider_row->carousel_degree,
791
- 'carousel_grayscale' => $slider_row->carousel_grayscale,
792
- 'carousel_transparency' => $slider_row->carousel_transparency,
793
- 'bull_back_act_color' => $slider_row->bull_back_act_color,
794
- 'bull_back_color' => $slider_row->bull_back_color,
795
- 'bull_radius' => $slider_row->bull_radius,
796
- 'smart_crop' => $slider_row->smart_crop,
797
- 'crop_image_position' => $slider_row->crop_image_position,
798
- 'possib_add_google_fonts' => $slider_row->possib_add_google_fonts,
799
- 'possib_add_ffamily' => $slider_row->possib_add_ffamily,
800
- 'possib_add_ffamily_google' => $slider_row->possib_add_ffamily_google,
801
- 'slider_loop' => $slider_row->slider_loop,
802
- ));
803
- $new_slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
804
-
805
- $slider_slides = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslide where slider_id="%d"', $slider_id));
806
- if ($slider_slides) {
807
- foreach ($slider_slides as $single_slide) {
808
- $save = $wpdb->insert($wpdb->prefix . 'wdsslide', array(
809
- 'slider_id' => $new_slider_id,
810
- 'title' => $single_slide->title,
811
- 'type' => $single_slide->type,
812
- 'order' => $single_slide->order,
813
- 'published' => $single_slide->published,
814
- 'link' => $single_slide->link,
815
- 'image_url' => $single_slide->image_url,
816
- 'thumb_url' => $single_slide->thumb_url,
817
- 'target_attr_slide' => $single_slide->target_attr_slide,
818
- 'youtube_rel_video' => $single_slide->youtube_rel_video,
819
- 'video_loop' => $single_slide->video_loop,
820
- ));
821
- $new_slide_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');
822
- $slider_layer = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdslayer where slide_id="%d"', $single_slide->id));
823
- if ($slider_layer){
824
- foreach ($slider_layer as $layer_id) {
825
- if ($layer_id) {
826
- $save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
827
- 'slide_id' => $new_slide_id,
828
- 'title' => $layer_id->title,
829
- 'type' => $layer_id->type,
830
- 'depth' => $layer_id->depth,
831
- 'text' => $layer_id->text,
832
- 'link' => $layer_id->link,
833
- 'left' => $layer_id->left,
834
- 'top' => $layer_id->top,
835
- 'start' => $layer_id->start,
836
- 'end' => $layer_id->end,
837
- 'published' => $layer_id->published,
838
- 'color' => $layer_id->color,
839
- 'size' => $layer_id->size,
840
- 'ffamily' => $layer_id->ffamily,
841
- 'fweight' => $layer_id->fweight,
842
- 'padding' => $layer_id->padding,
843
- 'fbgcolor' => $layer_id->fbgcolor,
844
- 'transparent' => $layer_id->transparent,
845
- 'border_width' => $layer_id->border_width,
846
- 'border_style' => $layer_id->border_style,
847
- 'border_color' => $layer_id->border_color,
848
- 'border_radius' => $layer_id->border_radius,
849
- 'shadow' => $layer_id->shadow,
850
- 'image_url' => $layer_id->image_url,
851
- 'image_width' => $layer_id->image_width,
852
- 'image_height' => $layer_id->image_height,
853
- 'image_scale' => $layer_id->image_scale,
854
- 'alt' => $layer_id->alt,
855
- 'imgtransparent' => $layer_id->imgtransparent,
856
- 'social_button' => $layer_id->social_button,
857
- 'hover_color' => $layer_id->hover_color,
858
- 'layer_effect_in' => $layer_id->layer_effect_in,
859
- 'layer_effect_out' => $layer_id->layer_effect_out,
860
- 'duration_eff_in' => $layer_id->duration_eff_in,
861
- 'duration_eff_out' => $layer_id->duration_eff_out,
862
- 'target_attr_layer' => $layer_id->target_attr_layer,
863
- 'hotp_width' => $layer_id->hotp_width,
864
- 'hotp_fbgcolor' => $layer_id->hotp_fbgcolor,
865
- 'hotp_border_width' => $layer_id->hotp_border_width,
866
- 'hotp_border_style' => $layer_id->hotp_border_style,
867
- 'hotp_border_color' => $layer_id->hotp_border_color,
868
- 'hotp_border_radius' => $layer_id->hotp_border_radius,
869
- 'hotp_text_position' => $layer_id->hotp_text_position,
870
- 'google_fonts' => $layer_id->google_fonts,
871
- 'add_class' => $layer_id->add_class,
872
- 'layer_video_loop' => $layer_id->layer_video_loop,
873
- 'youtube_rel_layer_video' => $layer_id->youtube_rel_layer_video,
874
- 'hotspot_animation' => $layer_id->hotspot_animation,
875
- ));
876
-
877
- }
878
- }
879
- }
880
- }
881
- }
882
-
883
- }
884
- return $new_slider_id;
885
- }
886
-
887
- function bwg_hex2rgb($hex) {
888
- $hex = str_replace("#", "", $hex);
889
- if (strlen($hex) == 3) {
890
- $r = hexdec(substr($hex,0,1).substr($hex,0,1));
891
- $g = hexdec(substr($hex,1,1).substr($hex,1,1));
892
- $b = hexdec(substr($hex,2,1).substr($hex,2,1));
893
- }
894
- else {
895
- $r = hexdec(substr($hex,0,2));
896
- $g = hexdec(substr($hex,2,2));
897
- $b = hexdec(substr($hex,4,2));
898
- }
899
- $rgb = array($r, $g, $b);
900
- return $rgb;
901
- }
902
-
903
- function bwg_imagettfbboxdimensions($font_size, $font_angle, $font, $text) {
904
- $box = @ImageTTFBBox($font_size, $font_angle, $font, $text) or die;
905
- $max_x = max(array($box[0], $box[2], $box[4], $box[6]));
906
- $max_y = max(array($box[1], $box[3], $box[5], $box[7]));
907
- $min_x = min(array($box[0], $box[2], $box[4], $box[6]));
908
- $min_y = min(array($box[1], $box[3], $box[5], $box[7]));
909
- return array(
910
- "width" => ($max_x - $min_x),
911
- "height" => ($max_y - $min_y)
912
- );
913
- }
914
-
915
- function set_text_watermark($original_filename, $dest_filename, $watermark_text, $watermark_font, $watermark_font_size, $watermark_color, $watermark_transparency, $watermark_position) {
916
- $original_filename = htmlspecialchars_decode($original_filename, ENT_COMPAT | ENT_QUOTES);
917
- $dest_filename = htmlspecialchars_decode($dest_filename, ENT_COMPAT | ENT_QUOTES);
918
-
919
- $watermark_transparency = 127 - ((100 - $watermark_transparency) * 1.27);
920
- list($width, $height, $type) = getimagesize($original_filename);
921
- $watermark_image = imagecreatetruecolor($width, $height);
922
-
923
- $watermark_color = $this->bwg_hex2rgb($watermark_color);
924
- $watermark_color = imagecolorallocatealpha($watermark_image, $watermark_color[0], $watermark_color[1], $watermark_color[2], $watermark_transparency);
925
- $watermark_font = WD_S_DIR . '/fonts/' . $watermark_font;
926
- $watermark_font_size = ($height * $watermark_font_size / 500);
927
- $watermark_position = explode('-', $watermark_position);
928
- $watermark_sizes = $this->bwg_imagettfbboxdimensions($watermark_font_size, 0, $watermark_font, $watermark_text);
929
-
930
- $top = $height - 5;
931
- $left = $width - $watermark_sizes['width'] - 5;
932
- switch ($watermark_position[0]) {
933
- case 'top':
934
- $top = $watermark_sizes['height'] + 5;
935
- break;
936
- case 'middle':
937
- $top = ($height + $watermark_sizes['height']) / 2;
938
- break;
939
- }
940
- switch ($watermark_position[1]) {
941
- case 'left':
942
- $left = 5;
943
- break;
944
- case 'center':
945
- $left = ($width - $watermark_sizes['width']) / 2;
946
- break;
947
- }
948
- @ini_set('memory_limit', '-1');
949
- if ($type == 2) {
950
- $image = imagecreatefromjpeg($original_filename);
951
- imagettftext($image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
952
- imagejpeg ($image, $dest_filename, 100);
953
- imagedestroy($image);
954
- }
955
- elseif ($type == 3) {
956
- $image = imagecreatefrompng($original_filename);
957
- imagettftext($image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
958
- imageColorAllocateAlpha($image, 0, 0, 0, 127);
959
- imagealphablending($image, FALSE);
960
- imagesavealpha($image, TRUE);
961
- imagepng($image, $dest_filename, 9);
962
- imagedestroy($image);
963
- }
964
- elseif ($type == 1) {
965
- $image = imagecreatefromgif($original_filename);
966
- imageColorAllocateAlpha($watermark_image, 0, 0, 0, 127);
967
- imagecopy($watermark_image, $image, 0, 0, 0, 0, $width, $height);
968
- imagettftext($watermark_image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
969
- imagealphablending($watermark_image, FALSE);
970
- imagesavealpha($watermark_image, TRUE);
971
- imagegif($watermark_image, $dest_filename);
972
- imagedestroy($image);
973
- }
974
- imagedestroy($watermark_image);
975
- @ini_restore('memory_limit');
976
- }
977
-
978
- function set_image_watermark($original_filename, $dest_filename, $watermark_url, $watermark_height, $watermark_width, $watermark_position) {
979
- $original_filename = htmlspecialchars_decode($original_filename, ENT_COMPAT | ENT_QUOTES);
980
- $dest_filename = htmlspecialchars_decode($dest_filename, ENT_COMPAT | ENT_QUOTES);
981
- $watermark_url = htmlspecialchars_decode($watermark_url, ENT_COMPAT | ENT_QUOTES);
982
-
983
- list($width, $height, $type) = getimagesize($original_filename);
984
- list($width_watermark, $height_watermark, $type_watermark) = getimagesize($watermark_url);
985
-
986
- $watermark_width = $width * $watermark_width / 100;
987
- $watermark_height = $height_watermark * $watermark_width / $width_watermark;
988
-
989
- $watermark_position = explode('-', $watermark_position);
990
- $top = $height - $watermark_height - 5;
991
- $left = $width - $watermark_width - 5;
992
- switch ($watermark_position[0]) {
993
- case 'top':
994
- $top = 5;
995
- break;
996
- case 'middle':
997
- $top = ($height - $watermark_height) / 2;
998
- break;
999
- }
1000
- switch ($watermark_position[1]) {
1001
- case 'left':
1002
- $left = 5;
1003
- break;
1004
- case 'center':
1005
- $left = ($width - $watermark_width) / 2;
1006
- break;
1007
- }
1008
- @ini_set('memory_limit', '-1');
1009
- if ($type_watermark == 2) {
1010
- $watermark_image = imagecreatefromjpeg($watermark_url);
1011
- }
1012
- elseif ($type_watermark == 3) {
1013
- $watermark_image = imagecreatefrompng($watermark_url);
1014
- }
1015
- elseif ($type_watermark == 1) {
1016
- $watermark_image = imagecreatefromgif($watermark_url);
1017
- }
1018
- else {
1019
- return false;
1020
- }
1021
-
1022
- $watermark_image_resized = imagecreatetruecolor($watermark_width, $watermark_height);
1023
- imagecolorallocatealpha($watermark_image_resized, 255, 255, 255, 127);
1024
- imagealphablending($watermark_image_resized, FALSE);
1025
- imagesavealpha($watermark_image_resized, TRUE);
1026
- imagecopyresampled ($watermark_image_resized, $watermark_image, 0, 0, 0, 0, $watermark_width, $watermark_height, $width_watermark, $height_watermark);
1027
-
1028
- if ($type == 2) {
1029
- $image = imagecreatefromjpeg($original_filename);
1030
- imagecopy($image, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1031
- if ($dest_filename <> '') {
1032
- imagejpeg ($image, $dest_filename, 100);
1033
- } else {
1034
- header('Content-Type: image/jpeg');
1035
- imagejpeg($image, null, 100);
1036
- };
1037
- imagedestroy($image);
1038
- }
1039
- elseif ($type == 3) {
1040
- $image = imagecreatefrompng($original_filename);
1041
- imagecopy($image, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1042
- imagealphablending($image, FALSE);
1043
- imagesavealpha($image, TRUE);
1044
- imagepng($image, $dest_filename, 9);
1045
- imagedestroy($image);
1046
- }
1047
- elseif ($type == 1) {
1048
- $image = imagecreatefromgif($original_filename);
1049
- $tempimage = imagecreatetruecolor($width, $height);
1050
- imagecopy($tempimage, $image, 0, 0, 0, 0, $width, $height);
1051
- imagecopy($tempimage, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1052
- imagegif($tempimage, $dest_filename);
1053
- imagedestroy($image);
1054
- imagedestroy($tempimage);
1055
- }
1056
- imagedestroy($watermark_image);
1057
- @ini_restore('memory_limit');
1058
- }
1059
-
1060
- public function delete($id) {
1061
- global $wpdb;
1062
- $query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id);
1063
- if ($wpdb->query($query)) {
1064
- $query_image = $wpdb->prepare('DELETE t1.*, t2.* FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $id);
1065
- $wpdb->query($query_image);
1066
- echo WDW_S_Library::message('Item Succesfully Deleted.', 'wd_updated');
1067
- }
1068
- else {
1069
- echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1070
- }
1071
- $this->display();
1072
- }
1073
-
1074
- public function delete_all() {
1075
- global $wpdb;
1076
- $flag = FALSE;
1077
- $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1078
- foreach ($sliders_ids_col as $slider_id) {
1079
- if (isset($_POST['check_' . $slider_id]) || isset($_POST['check_all_items'])) {
1080
- $flag = TRUE;
1081
- $query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $slider_id);
1082
- $wpdb->query($query);
1083
- $query_image = $wpdb->prepare('DELETE t1.*, t2.* FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $slider_id);
1084
- $wpdb->query($query_image);
1085
- }
1086
- }
1087
- if ($flag) {
1088
- echo WDW_S_Library::message('Items Succesfully Deleted.', 'wd_updated');
1089
- }
1090
- else {
1091
- echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1092
- }
1093
- $this->display();
1094
- }
1095
-
1096
- public function publish($id) {
1097
- global $wpdb;
1098
- $save = $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 1), array('id' => $id));
1099
- if ($save !== FALSE) {
1100
- echo WDW_S_Library::message('Item Succesfully Published.', 'wd_updated');
1101
- }
1102
- else {
1103
- echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1104
- }
1105
- $this->display();
1106
- }
1107
-
1108
- public function publish_all() {
1109
- global $wpdb;
1110
- $flag = FALSE;
1111
- if (isset($_POST['check_all_items'])) {
1112
- $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdsslider SET published=1');
1113
- $flag = TRUE;
1114
- }
1115
- else {
1116
- $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1117
- foreach ($sliders_ids_col as $slider_id) {
1118
- if (isset($_POST['check_' . $slider_id])) {
1119
- $flag = TRUE;
1120
- $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 1), array('id' => $slider_id));
1121
- }
1122
- }
1123
- }
1124
- if ($flag) {
1125
- echo WDW_S_Library::message('Items Succesfully Published.', 'wd_updated');
1126
- }
1127
- else {
1128
- echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1129
- }
1130
- $this->display();
1131
- }
1132
-
1133
- public function unpublish($id) {
1134
- global $wpdb;
1135
- $save = $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 0), array('id' => $id));
1136
- if ($save !== FALSE) {
1137
- echo WDW_S_Library::message('Item Succesfully Unpublished.', 'wd_updated');
1138
- }
1139
- else {
1140
- echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1141
- }
1142
- $this->display();
1143
- }
1144
-
1145
- public function unpublish_all() {
1146
- global $wpdb;
1147
- $flag = FALSE;
1148
- if (isset($_POST['check_all_items'])) {
1149
- $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdsslider SET published=0');
1150
- $flag = TRUE;
1151
- }
1152
- else {
1153
- $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1154
- foreach ($sliders_ids_col as $slider_id) {
1155
- if (isset($_POST['check_' . $slider_id])) {
1156
- $flag = TRUE;
1157
- $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 0), array('id' => $slider_id));
1158
- }
1159
- }
1160
- }
1161
- if ($flag) {
1162
- echo WDW_S_Library::message('Items Succesfully Unpublished.', 'wd_updated');
1163
- }
1164
- else {
1165
- echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1166
- }
1167
- $this->display();
1168
- }
1169
-
1170
- ////////////////////////////////////////////////////////////////////////////////////////
1171
- // Getters & Setters //
1172
- ////////////////////////////////////////////////////////////////////////////////////////
1173
- ////////////////////////////////////////////////////////////////////////////////////////
1174
- // Private Methods //
1175
- ////////////////////////////////////////////////////////////////////////////////////////
1176
- ////////////////////////////////////////////////////////////////////////////////////////
1177
- // Listeners //
1178
- ////////////////////////////////////////////////////////////////////////////////////////
 
 
 
 
1179
  }
1
+ <?php
2
+
3
+ class WDSControllerSliders_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constructor & Destructor //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ public function __construct() {
17
+ }
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ // Public Methods //
20
+ ////////////////////////////////////////////////////////////////////////////////////////
21
+ public function execute() {
22
+ $task = WDW_S_Library::get('task');
23
+ $id = WDW_S_Library::get('current_id', 0);
24
+ $message = WDW_S_Library::get('message');
25
+ echo WDW_S_Library::message_id($message);
26
+ if (method_exists($this, $task)) {
27
+ check_admin_referer('nonce_wd', 'nonce_wd');
28
+ $this->$task($id);
29
+ }
30
+ else {
31
+ $this->display();
32
+ }
33
+ }
34
+
35
+ public function display() {
36
+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
37
+ $model = new WDSModelSliders_wds();
38
+
39
+ require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
40
+ $view = new WDSViewSliders_wds($model);
41
+ $view->display();
42
+ }
43
+
44
+ public function add() {
45
+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
46
+ $model = new WDSModelSliders_wds();
47
+
48
+ require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
49
+ $view = new WDSViewSliders_wds($model);
50
+ $view->edit(0);
51
+ }
52
+
53
+ public function edit() {
54
+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
55
+ $model = new WDSModelSliders_wds();
56
+
57
+ require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
58
+ $view = new WDSViewSliders_wds($model);
59
+ $id = ((isset($_POST['current_id']) && esc_html(stripslashes($_POST['current_id'])) != '') ? esc_html(stripslashes($_POST['current_id'])) : 0);
60
+ $view->edit($id);
61
+ }
62
+
63
+ public function save() {
64
+ $page = WDW_S_Library::get('page');
65
+ WDW_S_Library::spider_redirect(add_query_arg(array('page' => $page, 'task' => 'display', 'message' => 1), admin_url('admin.php')));
66
+ }
67
+
68
+ public function apply() {
69
+ $this->save_slider_db();
70
+ $this->save_slide_db();
71
+ $this->edit();
72
+ }
73
+
74
+ // public function save_slide() {
75
+ // $this->save_slide_db();
76
+ // $this->edit();
77
+ // }
78
+
79
+ public function save_slider_db() {
80
+ global $wpdb;
81
+ $del_slide_ids_string = (isset($_POST['del_slide_ids_string']) ? substr(esc_html(stripslashes($_POST['del_slide_ids_string'])), 0, -1) : '');
82
+ if ($del_slide_ids_string) {
83
+ $wpdb->query('DELETE FROM ' . $wpdb->prefix . 'wdsslide WHERE id IN (' . $del_slide_ids_string . ')');
84
+ }
85
+ if (get_option("wds_theme_version")) {
86
+ $allow = FALSE;
87
+ }
88
+ else {
89
+ $allow = TRUE;
90
+ }
91
+ $slider_id = (isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0);
92
+ $name = ((isset($_POST['name'])) ? esc_html(stripslashes($_POST['name'])) : '');
93
+ $published = ((isset($_POST['published'])) ? (int) esc_html(stripslashes($_POST['published'])) : 1);
94
+ $full_width = ((isset($_POST['full_width'])) ? (int) esc_html(stripslashes($_POST['full_width'])) : 0);
95
+ $spider_uploader = ((isset($_POST['spider_uploader'])) ? (int) esc_html(stripslashes($_POST['spider_uploader'])) : 0);
96
+ $width = ((isset($_POST['width'])) ? (int) esc_html(stripslashes($_POST['width'])) : 800);
97
+ $height = ((isset($_POST['height'])) ? (int) esc_html((stripslashes($_POST['height']))) : 300);
98
+ $bg_fit = ((isset($_POST['bg_fit'])) ? esc_html(stripslashes($_POST['bg_fit'])) : 'cover');
99
+ $align = ((isset($_POST['align'])) ? esc_html(stripslashes($_POST['align'])) : 'center');
100
+ $effect = ((isset($_POST['effect'])) ? esc_html(stripslashes($_POST['effect'])) : 'fade');
101
+ $time_intervval = ((isset($_POST['time_intervval'])) ? (int) esc_html(stripslashes($_POST['time_intervval'])) : 5);
102
+ $autoplay = ((isset($_POST['autoplay'])) ? (int) esc_html(stripslashes($_POST['autoplay'])) : 0);
103
+ $shuffle = ((isset($_POST['shuffle'])) ? (int) esc_html(stripslashes($_POST['shuffle'])) : 0);
104
+ $music = ((isset($_POST['music'])) ? (int) esc_html(stripslashes($_POST['music'])) : 0);
105
+ $music_url = ((isset($_POST['music_url'])) ? esc_html(stripslashes($_POST['music_url'])) : '');
106
+ $preload_images = ((isset($_POST['preload_images'])) ? (int) esc_html(stripslashes($_POST['preload_images'])) : 1);
107
+ $background_color = ((isset($_POST['background_color'])) ? esc_html(stripslashes($_POST['background_color'])) : '000000');
108
+ $background_transparent = ((isset($_POST['background_transparent'])) ? esc_html(stripslashes($_POST['background_transparent'])) : 100);
109
+ $glb_border_width = ((isset($_POST['glb_border_width'])) ? (int) esc_html(stripslashes($_POST['glb_border_width'])) : 0);
110
+ $glb_border_style = ((isset($_POST['glb_border_style'])) ? esc_html(stripslashes($_POST['glb_border_style'])) : 'none');
111
+ $glb_border_color = ((isset($_POST['glb_border_color'])) ? esc_html(stripslashes($_POST['glb_border_color'])) : '000000');
112
+ $glb_border_radius = ((isset($_POST['glb_border_radius'])) ? esc_html(stripslashes($_POST['glb_border_radius'])) : '');
113
+ $glb_margin = ((isset($_POST['glb_margin'])) ? (int) esc_html(stripslashes($_POST['glb_margin'])) : 0);
114
+ $glb_box_shadow = ((isset($_POST['glb_box_shadow'])) ? esc_html(stripslashes($_POST['glb_box_shadow'])) : '');
115
+ $image_right_click = ((isset($_POST['image_right_click'])) ? (int) esc_html(stripslashes($_POST['image_right_click'])) : 0);
116
+ $layer_out_next = ((isset($_POST['layer_out_next'])) ? (int) esc_html(stripslashes($_POST['layer_out_next'])) : 0);
117
+ $prev_next_butt = ((isset($_POST['prev_next_butt'])) ? (int) esc_html(stripslashes($_POST['prev_next_butt'])) : 1);
118
+ $play_paus_butt = ((isset($_POST['play_paus_butt'])) ? (int) esc_html(stripslashes($_POST['play_paus_butt'])) : 0);
119
+ $navigation = ((isset($_POST['navigation'])) ? esc_html(stripslashes($_POST['navigation'])) : 'hover');
120
+ $rl_butt_style = ((isset($_POST['rl_butt_style']) && $allow) ? esc_html(stripslashes($_POST['rl_butt_style'])) : 'fa-angle');
121
+ $rl_butt_size = ((isset($_POST['rl_butt_size']) && $allow) ? (int) esc_html(stripslashes($_POST['rl_butt_size'])) : 40);
122
+ $pp_butt_size = ((isset($_POST['pp_butt_size']) && $allow) ? (int) esc_html(stripslashes($_POST['pp_butt_size'])) : 40);
123
+ $butts_color = ((isset($_POST['butts_color']) && $allow) ? esc_html(stripslashes($_POST['butts_color'])) : '000000');
124
+ $butts_transparent = ((isset($_POST['butts_transparent']) && $allow) ? (int) esc_html(stripslashes($_POST['butts_transparent'])) : 100);
125
+ $hover_color = ((isset($_POST['hover_color']) && $allow) ? esc_html(stripslashes($_POST['hover_color'])) : '000000');
126
+ $nav_border_width = ((isset($_POST['nav_border_width']) && $allow) ? (int) esc_html(stripslashes($_POST['nav_border_width'])) : 0);
127
+ $nav_border_style = ((isset($_POST['nav_border_style']) && $allow) ? esc_html(stripslashes($_POST['nav_border_style'])) : 'none');
128
+ $nav_border_color = ((isset($_POST['nav_border_color'])) ? esc_html(stripslashes($_POST['nav_border_color'])) : 'FFFFFF');
129
+ $nav_border_radius = ((isset($_POST['nav_border_radius']) && $allow) ? esc_html(stripslashes($_POST['nav_border_radius'])) : '20px');
130
+ $nav_bg_color = ((isset($_POST['nav_bg_color']) && $allow) ? esc_html(stripslashes($_POST['nav_bg_color'])) : 'FFFFFF');
131
+ $bull_position = ((isset($_POST['bull_position'])) ? esc_html(stripslashes($_POST['bull_position'])) : 'bottom');
132
+ if (isset($_POST['enable_bullets']) && (esc_html(stripslashes($_POST['enable_bullets'])) == 0)) {
133
+ $bull_position = 'none';
134
+ }
135
+ $bull_style = ((isset($_POST['bull_style']) && $allow) ? esc_html(stripslashes($_POST['bull_style'])) : 'fa-square-o');
136
+ $bull_size = ((isset($_POST['bull_size']) && $allow) ? (int) esc_html(stripslashes($_POST['bull_size'])) : 20);
137
+ $bull_color = ((isset($_POST['bull_color']) && $allow) ? esc_html(stripslashes($_POST['bull_color'])) : 'FFFFFF');
138
+ $bull_act_color = ((isset($_POST['bull_act_color']) && $allow) ? esc_html(stripslashes($_POST['bull_act_color'])) : 'FFFFFF');
139
+ $bull_margin = ((isset($_POST['bull_margin']) && $allow) ? (int) esc_html(stripslashes($_POST['bull_margin'])) : 3);
140
+ $film_pos = ((isset($_POST['film_pos'])) ? esc_html(stripslashes($_POST['film_pos'])) : 'none');
141
+ if (isset($_POST['enable_filmstrip']) && (esc_html(stripslashes($_POST['enable_filmstrip'])) == 0)) {
142
+ $film_pos = 'none';
143
+ }
144
+ $film_thumb_width = ((isset($_POST['film_thumb_width'])) ? (int) esc_html(stripslashes($_POST['film_thumb_width'])) : 100);
145
+ $film_thumb_height = ((isset($_POST['film_thumb_height'])) ? (int) esc_html(stripslashes($_POST['film_thumb_height'])) : 50);
146
+ $film_bg_color = ((isset($_POST['film_bg_color'])) ? esc_html(stripslashes($_POST['film_bg_color'])) : '000000');
147
+ $film_tmb_margin = ((isset($_POST['film_tmb_margin'])) ? (int) esc_html(stripslashes($_POST['film_tmb_margin'])) : 0);
148
+ $film_act_border_width = ((isset($_POST['film_act_border_width'])) ? (int) esc_html(stripslashes($_POST['film_act_border_width'])) : 0);
149
+ $film_act_border_style = ((isset($_POST['film_act_border_style'])) ? esc_html(stripslashes($_POST['film_act_border_style'])) : 'none');
150
+ $film_act_border_color = ((isset($_POST['film_act_border_color'])) ? esc_html(stripslashes($_POST['film_act_border_color'])) : 'FFFFFF');
151
+ $film_dac_transparent = ((isset($_POST['film_dac_transparent'])) ? (int) esc_html(stripslashes($_POST['film_dac_transparent'])) : 50);
152
+ $built_in_watermark_type = (isset($_POST['built_in_watermark_type']) ? esc_html(stripslashes($_POST['built_in_watermark_type'])) : 'none');
153
+ $built_in_watermark_position = (isset($_POST['built_in_watermark_position']) ? esc_html(stripslashes($_POST['built_in_watermark_position'])) : 'middle-center');
154
+ $built_in_watermark_size = (isset($_POST['built_in_watermark_size']) ? esc_html(stripslashes($_POST['built_in_watermark_size'])) : 15);
155
+ $built_in_watermark_url = (isset($_POST['built_in_watermark_url']) ? esc_html(stripslashes($_POST['built_in_watermark_url'])) : '');
156
+ $built_in_watermark_text = (isset($_POST['built_in_watermark_text']) ? esc_html(stripslashes($_POST['built_in_watermark_text'])) : 'web-dorado.com');
157
+ $built_in_watermark_opacity = (isset($_POST['built_in_watermark_opacity']) ? esc_html(stripslashes($_POST['built_in_watermark_opacity'])) : 70);
158
+ $built_in_watermark_font_size = (isset($_POST['built_in_watermark_font_size']) ? esc_html(stripslashes($_POST['built_in_watermark_font_size'])) : 20);
159
+ $built_in_watermark_font = (isset($_POST['built_in_watermark_font']) ? esc_html(stripslashes($_POST['built_in_watermark_font'])) : '');
160
+ $built_in_watermark_color = (isset($_POST['built_in_watermark_color']) ? esc_html(stripslashes($_POST['built_in_watermark_color'])) : 'FFFFFF');
161
+ $css = (isset($_POST['css']) ? htmlspecialchars_decode((stripslashes($_POST['css'])), ENT_QUOTES) : '');
162
+ $timer_bar_type = (isset($_POST['timer_bar_type']) ? esc_html(stripslashes($_POST['timer_bar_type'])) : 'top');
163
+ if (isset($_POST['enable_time_bar']) && (esc_html(stripslashes($_POST['enable_time_bar'])) == 0)) {
164
+ $timer_bar_type = 'none';
165
+ }
166
+ $timer_bar_size = (isset($_POST['timer_bar_size']) ? esc_html(stripslashes($_POST['timer_bar_size'])) : 5);
167
+ $timer_bar_color = (isset($_POST['timer_bar_color']) ? esc_html(stripslashes($_POST['timer_bar_color'])) : 'BBBBBB');
168
+ $timer_bar_transparent = (isset($_POST['timer_bar_transparent']) ? esc_html(stripslashes($_POST['timer_bar_transparent'])) : 50);
169
+ $stop_animation = ((isset($_POST['stop_animation'])) ? (int) esc_html(stripslashes($_POST['stop_animation'])) : 0);
170
+ $right_butt_url = (isset($_POST['right_butt_url']) ? esc_html(stripslashes($_POST['right_butt_url'])) : '');
171
+ $left_butt_url = (isset($_POST['left_butt_url']) ? esc_html(stripslashes($_POST['left_butt_url'])) : '');
172
+ $right_butt_hov_url = (isset($_POST['right_butt_hov_url']) ? esc_html(stripslashes($_POST['right_butt_hov_url'])) : '');
173
+ $left_butt_hov_url = (isset($_POST['left_butt_hov_url']) ? esc_html(stripslashes($_POST['left_butt_hov_url'])) : '');
174
+ $rl_butt_img_or_not = (isset($_POST['rl_butt_img_or_not']) ? esc_html(stripslashes($_POST['rl_butt_img_or_not'])) : 'style');
175
+ $bullets_img_main_url = (isset($_POST['bullets_img_main_url']) ? esc_html(stripslashes($_POST['bullets_img_main_url'])) : '');
176
+ $bullets_img_hov_url = (isset($_POST['bullets_img_hov_url']) ? esc_html(stripslashes($_POST['bullets_img_hov_url'])) : '');
177
+ $bull_butt_img_or_not = (isset($_POST['bull_butt_img_or_not']) ? esc_html(stripslashes($_POST['bull_butt_img_or_not'])) : 'style');
178
+ $play_paus_butt_img_or_not = (isset($_POST['play_paus_butt_img_or_not']) ? esc_html(stripslashes($_POST['play_paus_butt_img_or_not'])) : 'style');
179
+ $play_butt_url = (isset($_POST['play_butt_url']) ? esc_html(stripslashes($_POST['play_butt_url'])) : '');
180
+ $play_butt_hov_url = (isset($_POST['play_butt_hov_url']) ? esc_html(stripslashes($_POST['play_butt_hov_url'])) : '');
181
+ $paus_butt_url = (isset($_POST['paus_butt_url']) ? esc_html(stripslashes($_POST['paus_butt_url'])) : '');
182
+ $paus_butt_hov_url = (isset($_POST['paus_butt_hov_url']) ? esc_html(stripslashes($_POST['paus_butt_hov_url'])) : '');
183
+ $start_slide_num = ((isset($_POST['start_slide_num'])) ? (int) stripslashes($_POST['start_slide_num']) : 1);
184
+ $effect_duration = ((isset($_POST['effect_duration'])) ? (int) stripslashes($_POST['effect_duration']) : 800);
185
+ $carousel = 0;
186
+ $carousel_image_counts = 7;
187
+ $carousel_image_parameters = 0.85;
188
+ $carousel_fit_containerWidth = 0;
189
+ $carousel_width = 1000;
190
+ $parallax_effect = 0;
191
+ $mouse_swipe_nav = ((isset($_POST['mouse_swipe_nav'])) ? (int) esc_html(stripslashes($_POST['mouse_swipe_nav'])) : 0);
192
+ $bull_hover = ((isset($_POST['bull_hover'])) ? (int) esc_html(stripslashes($_POST['bull_hover'])) : 1);
193
+ $touch_swipe_nav = ((isset($_POST['touch_swipe_nav'])) ? (int) esc_html(stripslashes($_POST['touch_swipe_nav'])) : 1);
194
+ $mouse_wheel_nav = ((isset($_POST['mouse_wheel_nav'])) ? (int) esc_html(stripslashes($_POST['mouse_wheel_nav'])) : 0);
195
+ $keyboard_nav = ((isset($_POST['keyboard_nav'])) ? (int) esc_html(stripslashes($_POST['keyboard_nav'])) : 0);
196
+ $possib_add_ffamily = ((isset($_POST['possib_add_ffamily'])) ? esc_html(stripslashes($_POST['possib_add_ffamily'])) : '');
197
+ $show_thumbnail = ((isset($_POST['show_thumbnail'])) ? (int) esc_html(stripslashes($_POST['show_thumbnail'])) : 0);
198
+ $thumb_size = ((isset($_POST['thumb_size'])) ? esc_html(stripslashes($_POST['thumb_size'])) : '0.3');
199
+ $fixed_bg = ((isset($_POST['fixed_bg'])) ? (int) esc_html(stripslashes($_POST['fixed_bg'])) : 0);
200
+ $smart_crop = ((isset($_POST['smart_crop'])) ? (int) esc_html(stripslashes($_POST['smart_crop'])) : 0);
201
+ $crop_image_position = ((isset($_POST['crop_image_position'])) ? esc_html(stripslashes($_POST['crop_image_position'])) : 'middle-center');
202
+ $javascript = ((isset($_POST['javascript'])) ? esc_html(stripslashes($_POST['javascript'])) : '');
203
+ $carousel_degree = ((isset($_POST['carousel_degree'])) ? (int) esc_html(stripslashes($_POST['carousel_degree'])) : 0);
204
+ $carousel_grayscale = ((isset($_POST['carousel_grayscale'])) ? (int) esc_html(stripslashes($_POST['carousel_grayscale'])) : 0);
205
+ $carousel_transparency = ((isset($_POST['carousel_transparency'])) ? (int) esc_html(stripslashes($_POST['carousel_transparency'])) : 0);
206
+ $bull_back_act_color = ((isset($_POST['bull_back_act_color'])) ? esc_html(stripslashes($_POST['bull_back_act_color'])) : '000000');
207
+ $bull_back_color = ((isset($_POST['bull_back_color'])) ? esc_html(stripslashes($_POST['bull_back_color'])) : 'CCCCCC');
208
+ $bull_radius = ((isset($_POST['bull_radius'])) ? esc_html(stripslashes($_POST['bull_radius'])) : '20px');
209
+ $possib_add_google_fonts = ((isset($_POST['possib_add_google_fonts'])) ? (int) esc_html(stripslashes($_POST['possib_add_google_fonts'])) : 0);
210
+ $possib_add_ffamily_google = ((isset($_POST['possib_add_ffamily_google'])) ? esc_html(stripslashes($_POST['possib_add_ffamily_google'])) : '');
211
+ $slider_loop = ((isset($_POST['slider_loop'])) ? (int) esc_html(stripslashes($_POST['slider_loop'])) : 1);
212
+ $data = array(
213
+ 'name' => $name,
214
+ 'published' => $published,
215
+ 'full_width' => $full_width,
216
+ 'width' => $width,
217
+ 'height' => $height,
218
+ 'bg_fit' => $bg_fit,
219
+ 'align' => $align,
220
+ 'effect' => $effect,
221
+ 'time_intervval' => $time_intervval,
222
+ 'autoplay' => $autoplay,
223
+ 'shuffle' => $shuffle,
224
+ 'music' => $music,
225
+ 'music_url' => $music_url,
226
+ 'preload_images' => $preload_images,
227
+ 'background_color' => $background_color,
228
+ 'background_transparent' => $background_transparent,
229
+ 'glb_border_width' => $glb_border_width,
230
+ 'glb_border_style' => $glb_border_style,
231
+ 'glb_border_color' => $glb_border_color,
232
+ 'glb_border_radius' => $glb_border_radius,
233
+ 'glb_margin' => $glb_margin,
234
+ 'glb_box_shadow' => $glb_box_shadow,
235
+ 'image_right_click' => $image_right_click,
236
+ 'prev_next_butt' => $prev_next_butt,
237
+ 'play_paus_butt' => $play_paus_butt,
238
+ 'navigation' => $navigation,
239
+ 'rl_butt_style' => $rl_butt_style,
240
+ 'rl_butt_size' => $rl_butt_size,
241
+ 'pp_butt_size' => $pp_butt_size,
242
+ 'butts_color' => $butts_color,
243
+ 'butts_transparent' => $butts_transparent,
244
+ 'hover_color' => $hover_color,
245
+ 'nav_border_width' => $nav_border_width,
246
+ 'nav_border_style' => $nav_border_style,
247
+ 'nav_border_color' => $nav_border_color,
248
+ 'nav_border_radius' => $nav_border_radius,
249
+ 'nav_bg_color' => $nav_bg_color,
250
+ 'bull_position' => $bull_position,
251
+ 'bull_style' => $bull_style,
252
+ 'bull_size' => $bull_size,
253
+ 'bull_color' => $bull_color,
254
+ 'bull_act_color' => $bull_act_color,
255
+ 'bull_margin' => $bull_margin,
256
+ 'film_pos' => $film_pos,
257
+ 'film_thumb_width' => $film_thumb_width,
258
+ 'film_thumb_height' => $film_thumb_height,
259
+ 'film_bg_color' => $film_bg_color,
260
+ 'film_tmb_margin' => $film_tmb_margin,
261
+ 'film_act_border_width' => $film_act_border_width,
262
+ 'film_act_border_style' => $film_act_border_style,
263
+ 'film_act_border_color' => $film_act_border_color,
264
+ 'film_dac_transparent' => $film_dac_transparent,
265
+ 'built_in_watermark_type' => $built_in_watermark_type,
266
+ 'built_in_watermark_position' => $built_in_watermark_position,
267
+ 'built_in_watermark_size' => $built_in_watermark_size,
268
+ 'built_in_watermark_url' => $built_in_watermark_url,
269
+ 'built_in_watermark_text' => $built_in_watermark_text,
270
+ 'built_in_watermark_opacity' => $built_in_watermark_opacity,
271
+ 'built_in_watermark_font_size' => $built_in_watermark_font_size,
272
+ 'built_in_watermark_font' => $built_in_watermark_font,
273
+ 'built_in_watermark_color' => $built_in_watermark_color,
274
+ 'css' => $css,
275
+ 'timer_bar_type' => $timer_bar_type,
276
+ 'timer_bar_size' => $timer_bar_size,
277
+ 'timer_bar_color' => $timer_bar_color,
278
+ 'timer_bar_transparent' => $timer_bar_transparent,
279
+ 'layer_out_next' => $layer_out_next,
280
+ 'spider_uploader' => $spider_uploader,
281
+ 'stop_animation' => $stop_animation,
282
+ 'right_butt_url' => $right_butt_url,
283
+ 'left_butt_url' => $left_butt_url,
284
+ 'right_butt_hov_url' => $right_butt_hov_url,
285
+ 'left_butt_hov_url' => $left_butt_hov_url,
286
+ 'rl_butt_img_or_not' => $rl_butt_img_or_not,
287
+ 'bullets_img_main_url' => $bullets_img_main_url,
288
+ 'bullets_img_hov_url' => $bullets_img_hov_url,
289
+ 'bull_butt_img_or_not' => $bull_butt_img_or_not,
290
+ 'play_paus_butt_img_or_not' => $play_paus_butt_img_or_not,
291
+ 'play_butt_url' => $play_butt_url,
292
+ 'play_butt_hov_url' => $play_butt_hov_url,
293
+ 'paus_butt_url' => $paus_butt_url,
294
+ 'paus_butt_hov_url' => $paus_butt_hov_url,
295
+ 'start_slide_num' => $start_slide_num,
296
+ 'effect_duration' => $effect_duration,
297
+ 'carousel' => $carousel,
298
+ 'carousel_image_counts' => $carousel_image_counts,
299
+ 'carousel_image_parameters' => $carousel_image_parameters,
300
+ 'carousel_fit_containerWidth' => $carousel_fit_containerWidth,
301
+ 'carousel_width' => $carousel_width,
302
+ 'parallax_effect' => $parallax_effect,
303
+ 'mouse_swipe_nav' => $mouse_swipe_nav,
304
+ 'bull_hover' => $bull_hover,
305
+ 'touch_swipe_nav' => $touch_swipe_nav,
306
+ 'mouse_wheel_nav' => $mouse_wheel_nav,
307
+ 'keyboard_nav' => $keyboard_nav,
308
+ 'possib_add_ffamily' => $possib_add_ffamily,
309
+ 'show_thumbnail' => $show_thumbnail,
310
+ 'thumb_size' => $thumb_size,
311
+ 'fixed_bg' => $fixed_bg,
312
+ 'smart_crop' => $smart_crop,
313
+ 'crop_image_position' => $crop_image_position,
314
+ 'javascript' => $javascript,
315
+ 'carousel_degree' => $carousel_degree,
316
+ 'carousel_grayscale' => $carousel_grayscale,
317
+ 'carousel_transparency' => $carousel_transparency,
318
+ 'bull_back_act_color' => $bull_back_act_color,
319
+ 'bull_back_color' => $bull_back_color,
320
+ 'bull_radius' => $bull_radius,
321
+ 'possib_add_google_fonts' => $possib_add_google_fonts,
322
+ 'possib_add_ffamily_google' => $possib_add_ffamily_google,
323
+ 'slider_loop' => $slider_loop,
324
+ );
325
+
326
+ if (!$slider_id) {
327
+ $save = $wpdb->insert($wpdb->prefix . 'wdsslider', $data);
328
+ $_POST['current_id'] = (int) $wpdb->insert_id;
329
+ }
330
+ else {
331
+ $save = $wpdb->update($wpdb->prefix . 'wdsslider', $data, array('id' => $slider_id));
332
+ }
333
+ if ($save !== FALSE) {
334
+ return 1;
335
+ }
336
+ else {
337
+ return 2;
338
+ }
339
+ }
340
+
341
+ public function save_slide_db() {
342
+ global $wpdb;
343
+ $slider_id = (isset($_POST['current_id']) ? (int) $_POST['current_id'] : 0);
344
+ if (!$slider_id) {
345
+ $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
346
+ }
347
+ $slide_ids_string = (isset($_POST['slide_ids_string']) ? esc_html(stripslashes($_POST['slide_ids_string'])) : '');
348
+ $slide_id_array = explode(',', $slide_ids_string);
349
+ if (get_option("wds_theme_version")) {
350
+ $allow = FALSE;
351
+ }
352
+ else {
353
+ $allow = TRUE;
354
+ }
355
+ foreach ($slide_id_array as $slide_id) {
356
+ if ($slide_id) {
357
+ $del_layer_ids_string = (isset($_POST['slide' . $slide_id . '_del_layer_ids_string']) ? substr(esc_html(stripslashes($_POST['slide' . $slide_id . '_del_layer_ids_string'])), 0, -1) : '');
358
+ if ($del_layer_ids_string) {
359
+ $wpdb->query('DELETE FROM ' . $wpdb->prefix . 'wdslayer WHERE id IN (' . $del_layer_ids_string . ')');
360
+ }
361
+ $title = ((isset($_POST['title' . $slide_id])) ? esc_html(stripslashes($_POST['title' . $slide_id])) : '');
362
+ $type = ((isset($_POST['type' . $slide_id])) ? esc_html(stripslashes($_POST['type' . $slide_id])) : '');
363
+ $order = ((isset($_POST['order' . $slide_id])) ? esc_html(stripslashes($_POST['order' . $slide_id])) : '');
364
+ $published = ((isset($_POST['published' . $slide_id])) ? esc_html(stripslashes($_POST['published' . $slide_id])) : '');
365
+ $target_attr_slide = ((isset($_POST['target_attr_slide' . $slide_id])) ? esc_html(stripslashes($_POST['target_attr_slide' . $slide_id])) : 0);
366
+ $link = ((isset($_POST['link' . $slide_id])) ? esc_html(stripslashes($_POST['link' . $slide_id])) : '');
367
+ $image_url = ((isset($_POST['image_url' . $slide_id])) ? esc_html(stripslashes($_POST['image_url' . $slide_id])) : '');
368
+ $thumb_url = ((isset($_POST['thumb_url' . $slide_id])) ? esc_html(stripslashes($_POST['thumb_url' . $slide_id])) : '');
369
+ if (strpos($slide_id, 'pr') !== FALSE) {
370
+ $save = $wpdb->insert($wpdb->prefix . 'wdsslide', array(
371
+ 'slider_id' => $slider_id,
372
+ 'title' => $title,
373
+ 'type' => $type,
374
+ 'order' => $order,
375
+ 'published' => $published,
376
+ 'link' => $link,
377
+ 'image_url' => $image_url,
378
+ 'thumb_url' => $thumb_url,
379
+ 'target_attr_slide' => $target_attr_slide,
380
+ 'youtube_rel_video' => 0,
381
+ 'video_loop' => 0,
382
+ ));
383
+ if ($allow) {
384
+ $slide_id_pr = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');
385
+ $this->save_layer_db($slide_id, $slide_id_pr);
386
+ }
387
+ }
388
+ else {
389
+ $save = $wpdb->update($wpdb->prefix . 'wdsslide', array(
390
+ 'slider_id' => $slider_id,
391
+ 'title' => $title,
392
+ 'type' => $type,
393
+ 'order' => $order,
394
+ 'published' => $published,
395
+ 'link' => $link,
396
+ 'image_url' => $image_url,
397
+ 'thumb_url' => $thumb_url,
398
+ 'target_attr_slide' => $target_attr_slide,
399
+ ), array('id' => $slide_id));
400
+ if ($allow) {
401
+ $this->save_layer_db($slide_id, $slide_id);
402
+ }
403
+ }
404
+ }
405
+ }
406
+ }
407
+
408
+ public function save_layer_db($slide_id, $slide_id_pr) {
409
+ global $wpdb;
410
+ $layer_ids_string = (isset($_POST['slide' . $slide_id . '_layer_ids_string']) ? esc_html(stripslashes($_POST['slide' . $slide_id . '_layer_ids_string'])) : '');
411
+ $layer_id_array = explode(',', $layer_ids_string);
412
+ foreach ($layer_id_array as $layer_id) {
413
+ if ($layer_id) {
414
+ $prefix = 'slide' . $slide_id . '_layer' . $layer_id;
415
+ $json_string = (isset($_POST[$prefix . '_json']) ? stripslashes($_POST[$prefix . '_json']) : '');
416
+ $params_array = json_decode($json_string, TRUE);
417
+ $title = ((isset($params_array['title'])) ? esc_html(stripslashes($params_array['title'])) : '');
418
+ $type = ((isset($params_array['type'])) ? esc_html(stripslashes($params_array['type'])) : '');
419
+ $depth = ((isset($params_array['depth'])) ? esc_html(stripslashes($params_array['depth'])) : '');
420
+ $text = ((isset($params_array['text'])) ? stripslashes($params_array['text']) : '');
421
+ $link = ((isset($params_array['link'])) ? esc_html(stripslashes($params_array['link'])) : '');
422
+ $target_attr_layer = ((isset($params_array['target_attr_layer'])) ? esc_html(stripslashes($params_array['target_attr_layer'])) : 0);
423
+ $left = ((isset($params_array['left'])) ? esc_html(stripslashes($params_array['left'])) : '');
424
+ $top = ((isset($params_array['top'])) ? esc_html(stripslashes($params_array['top'])) : '');
425
+ $start = ((isset($params_array['start'])) ? esc_html(stripslashes($params_array['start'])) : '');
426
+ $end = ((isset($params_array['end'])) ? esc_html(stripslashes($params_array['end'])) : '');
427
+ $published = ((isset($params_array['published'])) ? esc_html(stripslashes($params_array['published'])) : '');
428
+ $color = ((isset($params_array['color'])) ? esc_html(stripslashes($params_array['color'])) : '');
429
+ $size = ((isset($params_array['size'])) ? esc_html(stripslashes($params_array['size'])) : '');
430
+ $ffamily = ((isset($params_array['ffamily'])) ? esc_html(stripslashes($params_array['ffamily'])) : '');
431
+ $fweight = ((isset($params_array['fweight'])) ? esc_html(stripslashes($params_array['fweight'])) : '');
432
+ $padding = ((isset($params_array['padding'])) ? esc_html(stripslashes($params_array['padding'])) : '');
433
+ $fbgcolor = ((isset($params_array['fbgcolor'])) ? esc_html(stripslashes($params_array['fbgcolor'])) : '');
434
+ $transparent = ((isset($params_array['transparent'])) ? esc_html(stripslashes($params_array['transparent'])) : '');
435
+ $border_width = ((isset($params_array['border_width'])) ? esc_html(stripslashes($params_array['border_width'])) : '');
436
+ $border_style = ((isset($params_array['border_style'])) ? esc_html(stripslashes($params_array['border_style'])) : '');
437
+ $border_color = ((isset($params_array['border_color'])) ? esc_html(stripslashes($params_array['border_color'])) : '');
438
+ $border_radius = ((isset($params_array['border_radius'])) ? esc_html(stripslashes($params_array['border_radius'])) : '');
439
+ $shadow = ((isset($params_array['shadow'])) ? esc_html(stripslashes($params_array['shadow'])) : '');
440
+ $image_url = ((isset($params_array['image_url'])) ? esc_html(stripslashes($params_array['image_url'])) : '');
441
+ $image_width = ((isset($params_array['image_width'])) ? esc_html(stripslashes($params_array['image_width'])) : '');
442
+ $image_height = ((isset($params_array['image_height'])) ? esc_html(stripslashes($params_array['image_height'])) : '');
443
+ $image_scale = ((isset($params_array['image_scale'])) ? esc_html(stripslashes($params_array['image_scale'])) : '');
444
+ $alt = ((isset($params_array['alt'])) ? esc_html(stripslashes($params_array['alt'])) : '');
445
+ $imgtransparent = ((isset($params_array['imgtransparent'])) ? esc_html(stripslashes($params_array['imgtransparent'])) : '');
446
+ $social_button = ((isset($params_array['social_button'])) ? esc_html(stripslashes($params_array['social_button'])) : '');
447
+ $hover_color = ((isset($params_array['hover_color'])) ? esc_html(stripslashes($params_array['hover_color'])) : '');
448
+ $layer_effect_in = ((isset($params_array['layer_effect_in'])) ? esc_html(stripslashes($params_array['layer_effect_in'])) : '');
449
+ $layer_effect_out = ((isset($params_array['layer_effect_out'])) ? esc_html(stripslashes($params_array['layer_effect_out'])) : '');
450
+ $duration_eff_in = ((isset($params_array['duration_eff_in'])) ? esc_html(stripslashes($params_array['duration_eff_in'])) : 3);
451
+ $duration_eff_out = ((isset($params_array['duration_eff_out'])) ? esc_html(stripslashes($params_array['duration_eff_out'])) : 3);
452
+
453
+ $hotp_width = ((isset($params_array['hotp_width'])) ? esc_html(stripslashes($params_array['hotp_width'])) : '');
454
+ $hotp_fbgcolor = ((isset($params_array['hotp_fbgcolor'])) ? esc_html(stripslashes($params_array['hotp_fbgcolor'])) : '');
455
+ $hotp_border_width = ((isset($params_array['hotp_border_width'])) ? esc_html(stripslashes($params_array['hotp_border_width'])) : '');
456
+ $hotp_border_style = ((isset($params_array['hotp_border_style'])) ? esc_html(stripslashes($params_array['hotp_border_style'])) : '');
457
+ $hotp_border_color = ((isset($params_array['hotp_border_color'])) ? esc_html(stripslashes($params_array['hotp_border_color'])) : '');
458
+ $hotp_border_radius = ((isset($params_array['hotp_border_radius'])) ? esc_html(stripslashes($params_array['hotp_border_radius'])) : '');
459
+ $hotp_text_position = ((isset($params_array['hotp_text_position'])) ? esc_html(stripslashes($params_array['hotp_text_position'])) : '');
460
+ $google_fonts = ((isset($params_array['google_fonts'])) ? esc_html(stripslashes($params_array['google_fonts'])) : 0);
461
+ $add_class = ((isset($params_array['add_class'])) ? esc_html(stripslashes($params_array['add_class'])) : '');
462
+ $layer_callback_list = ((isset($params_array['layer_callback_list'])) ? esc_html(stripslashes($params_array['layer_callback_list'])) : '');
463
+ if ($title) {
464
+ if (strpos($layer_id, 'pr_') !== FALSE) {
465
+ $save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
466
+ 'slide_id' => $slide_id_pr,
467
+ 'title' => $title,
468
+ 'type' => $type,
469
+ 'depth' => $depth,
470
+ 'text' => $text,
471
+ 'link' => $link,
472
+ 'left' => $left,
473
+ 'top' => $top,
474
+ 'start' => $start,
475
+ 'end' => $end,
476
+ 'published' => $published,
477
+ 'color' => $color,
478
+ 'size' => $size,
479
+ 'ffamily' => $ffamily,
480
+ 'fweight' => $fweight,
481
+ 'padding' => $padding,
482
+ 'fbgcolor' => $fbgcolor,
483
+ 'transparent' => $transparent,
484
+ 'border_width' => $border_width,
485
+ 'border_style' => $border_style,
486
+ 'border_color' => $border_color,
487
+ 'border_radius' => $border_radius,
488
+ 'shadow' => $shadow,
489
+ 'image_url' => $image_url,
490
+ 'image_width' => $image_width,
491
+ 'image_height' => $image_height,
492
+ 'image_scale' => $image_scale,
493
+ 'alt' => $alt,
494
+ 'imgtransparent' => $imgtransparent,
495
+ 'social_button' => $social_button,
496
+ 'hover_color' => $hover_color,
497
+ 'layer_effect_in' => $layer_effect_in,
498
+ 'layer_effect_out' => $layer_effect_out,
499
+ 'duration_eff_in' => $duration_eff_in,
500
+ 'duration_eff_out' => $duration_eff_out,
501
+ 'target_attr_layer' => $target_attr_layer,
502
+ 'hotp_width' => $hotp_width,
503
+ 'hotp_fbgcolor' => $hotp_fbgcolor,
504
+ 'hotp_border_width' => $hotp_border_width,
505
+ 'hotp_border_style' => $hotp_border_style,
506
+ 'hotp_border_color' => $hotp_border_color,
507
+ 'hotp_border_radius' => $hotp_border_radius,
508
+ 'hotp_text_position' => $hotp_text_position,
509
+ 'google_fonts' => $google_fonts,
510
+ 'add_class' => $add_class,
511
+ 'layer_video_loop' => 0,
512
+ 'youtube_rel_layer_video' => 0,
513
+ 'hotspot_animation' => 0,
514
+ 'layer_callback_list' => $layer_callback_list,
515
+ ));
516
+ }
517
+ else {
518
+ $save = $wpdb->update($wpdb->prefix . 'wdslayer', array(
519
+ 'title' => $title,
520
+ 'type' => $type,
521
+ 'depth' => $depth,
522
+ 'text' => $text,
523
+ 'link' => $link,
524
+ 'left' => $left,
525
+ 'top' => $top,
526
+ 'start' => $start,
527
+ 'end' => $end,
528
+ 'published' => $published,
529
+ 'color' => $color,
530
+ 'size' => $size,
531
+ 'ffamily' => $ffamily,
532
+ 'fweight' => $fweight,
533
+ 'padding' => $padding,
534
+ 'fbgcolor' => $fbgcolor,
535
+ 'transparent' => $transparent,
536
+ 'border_width' => $border_width,
537
+ 'border_style' => $border_style,
538
+ 'border_color' => $border_color,
539
+ 'border_radius' => $border_radius,
540
+ 'shadow' => $shadow,
541
+ 'image_url' => $image_url,
542
+ 'image_width' => $image_width,
543
+ 'image_height' => $image_height,
544
+ 'image_scale' => $image_scale,
545
+ 'alt' => $alt,
546
+ 'imgtransparent' => $imgtransparent,
547
+ 'social_button' => $social_button,
548
+ 'hover_color' => $hover_color,
549
+ 'layer_effect_in' => $layer_effect_in,
550
+ 'layer_effect_out' => $layer_effect_out,
551
+ 'duration_eff_in' => $duration_eff_in,
552
+ 'duration_eff_out' => $duration_eff_out,
553
+ 'target_attr_layer' => $target_attr_layer,
554
+ 'hotp_width' => $hotp_width,
555
+ 'hotp_fbgcolor' => $hotp_fbgcolor,
556
+ 'hotp_border_width' => $hotp_border_width,
557
+ 'hotp_border_style' => $hotp_border_style,
558
+ 'hotp_border_color' => $hotp_border_color,
559
+ 'hotp_border_radius' => $hotp_border_radius,
560
+ 'hotp_text_position' => $hotp_text_position,
561
+ 'google_fonts' => $google_fonts,
562
+ 'add_class' => $add_class,
563
+ 'layer_callback_list' => $layer_callback_list,
564
+ ), array('id' => $layer_id));
565
+ }
566
+ }
567
+ }
568
+ }
569
+ }
570
+
571
+ public function set_watermark() {
572
+ global $wpdb;
573
+ $slider_id = WDW_S_Library::get('current_id', 0);
574
+ if (!$slider_id) {
575
+ $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
576
+ }
577
+
578
+ $slider_images = $wpdb->get_col($wpdb->prepare('SELECT image_url FROM ' . $wpdb->prefix . 'wdsslide WHERE `slider_id`="%d"', $slider_id));
579
+ $slider = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE `id`="%d"', $slider_id));
580
+
581
+ switch ($slider->built_in_watermark_type) {
582
+ case 'text': {
583
+ foreach ($slider_images as $slider_image) {
584
+ if ($slider_image) {
585
+ $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
586
+ $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
587
+ $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
588
+ $image_name = substr($slider_image_dir, $last_slash_pos);
589
+ $new_image = $dest_dir . '.original/' . $image_name;
590
+ if (!is_dir($dest_dir . '.original')) {
591
+ mkdir($dest_dir . '.original', 0777);
592
+ }
593
+ if (!file_exists($new_image)) {
594
+ copy($slider_image_dir, $new_image);
595
+ }
596
+ $this->set_text_watermark($slider_image_dir, $slider_image_dir, $slider->built_in_watermark_text, $slider->built_in_watermark_font, $slider->built_in_watermark_font_size, '#' . $slider->built_in_watermark_color, $slider->built_in_watermark_opacity, $slider->built_in_watermark_position);
597
+ }
598
+ }
599
+ break;
600
+ }
601
+ case 'image': {
602
+ foreach ($slider_images as $slider_image) {
603
+ if ($slider_image) {
604
+ $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
605
+ $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
606
+ $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
607
+ $image_name = substr($slider_image_dir, $last_slash_pos);
608
+ $new_image = $dest_dir . '.original/' . $image_name;
609
+ if (!is_dir($dest_dir . '.original')) {
610
+ mkdir($dest_dir . '.original', 0777);
611
+ }
612
+ if (!file_exists($new_image)) {
613
+ copy($slider_image_dir, $new_image);
614
+ }
615
+ $watermark_image_dir = str_replace(site_url() . '/', ABSPATH, $slider->built_in_watermark_url);
616
+ $this->set_image_watermark($slider_image_dir, $slider_image_dir, $watermark_image_dir, $slider->built_in_watermark_size, $slider->built_in_watermark_size, $slider->built_in_watermark_position);
617
+ }
618
+ }
619
+ break;
620
+ }
621
+ default: {
622
+ break;
623
+ }
624
+ }
625
+ }
626
+
627
+ public function reset_watermark() {
628
+ global $wpdb;
629
+ $slider_id = WDW_S_Library::get('current_id', 0);
630
+ if (!$slider_id) {
631
+ $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
632
+ }
633
+ $slider_images = $wpdb->get_col($wpdb->prepare('SELECT image_url FROM ' . $wpdb->prefix . 'wdsslide WHERE `slider_id`="%d"', $slider_id));
634
+ foreach ($slider_images as $slider_image) {
635
+ if ($slider_image) {
636
+ $slider_image_dir = str_replace(site_url() . '/', ABSPATH, $slider_image);
637
+ $last_slash_pos = strrpos($slider_image_dir, '/') + 1;
638
+ $dest_dir = substr($slider_image_dir, 0, $last_slash_pos);
639
+ $image_name = substr($slider_image_dir, $last_slash_pos);
640
+ $new_image = $dest_dir . '.original/' . $image_name;
641
+ if (file_exists($new_image)) {
642
+ copy($new_image, $slider_image_dir);
643
+ }
644
+ else {
645
+ // For 1.0.1 version.
646
+ $last_dot_pos = strrpos($slider_image_dir, '.');
647
+ $base_name = substr($slider_image_dir, 0, $last_dot_pos);
648
+ $ext = substr($slider_image_dir, strlen($base_name));
649
+ $new_image = $base_name . '-original' . $ext;
650
+ if (file_exists($new_image)) {
651
+ copy($new_image, $slider_image_dir);
652
+ }
653
+ }
654
+ }
655
+ }
656
+ }
657
+
658
+ public function reset() {
659
+ global $wpdb;
660
+ $slider_id = WDW_S_Library::get('current_id', 0);
661
+ if (!$slider_id) {
662
+ $slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
663
+ }
664
+
665
+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
666
+ $model = new WDSModelSliders_wds();
667
+
668
+ require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
669
+ $view = new WDSViewSliders_wds($model);
670
+ echo WDW_S_Library::message('Changes must be saved.', 'wd_error');
671
+ $view->edit($slider_id, TRUE);
672
+ }
673
+ public function duplicate() {
674
+ $slider_id = WDW_S_Library::get('current_id', 0);
675
+ $new_slider_id = $this->duplicate_tabels($slider_id);
676
+ require_once WD_S_DIR . "/admin/models/WDSModelSliders_wds.php";
677
+ $model = new WDSModelSliders_wds();
678
+ require_once WD_S_DIR . "/admin/views/WDSViewSliders_wds.php";
679
+ $view = new WDSViewSliders_wds($model);
680
+ echo WDW_S_Library::message('Item Succesfully Duplicated.', 'wd_updated');
681
+ $view->edit($new_slider_id);
682
+ }
683
+
684
+ public function duplicate_all($id) {
685
+ global $wpdb;
686
+ $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
687
+ foreach ($sliders_ids_col as $slider_id) {
688
+ if (isset($_POST['check_' . $slider_id])) {
689
+ $this->duplicate_tabels($slider_id);
690
+ }
691
+ }
692
+ echo WDW_S_Library::message('Items Succesfully Duplicated.', 'wd_updated');
693
+ $this->display();
694
+ }
695
+
696
+ public function duplicate_tabels($slider_id) {
697
+ global $wpdb;
698
+ if ($slider_id) {
699
+ $slider_row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider where id="%d"', $slider_id));
700
+ }
701
+ if ($slider_row) {
702
+ $save = $wpdb->insert($wpdb->prefix . 'wdsslider', array(
703
+ 'name' => $slider_row->name,
704
+ 'published' => $slider_row->published,
705
+ 'full_width' => $slider_row->full_width,
706
+ 'width' => $slider_row->width,
707
+ 'height' => $slider_row->height,
708
+ 'bg_fit' => $slider_row->bg_fit,
709
+ 'align' => $slider_row->align,
710
+ 'effect' => $slider_row->effect,
711
+ 'time_intervval' => $slider_row->time_intervval,
712
+ 'autoplay' => $slider_row->autoplay,
713
+ 'shuffle' => $slider_row->shuffle,
714
+ 'music' => $slider_row->music,
715
+ 'music_url' => $slider_row->music_url,
716
+ 'preload_images' => $slider_row->preload_images,
717
+ 'background_color' => $slider_row->background_color,
718
+ 'background_transparent' =>$slider_row-> background_transparent,
719
+ 'glb_border_width' => $slider_row->glb_border_width,
720
+ 'glb_border_style' => $slider_row->glb_border_style,
721
+ 'glb_border_color' => $slider_row->glb_border_color,
722
+ 'glb_border_radius' => $slider_row->glb_border_radius,
723
+ 'glb_margin' => $slider_row->glb_margin,
724
+ 'glb_box_shadow' => $slider_row->glb_box_shadow,
725
+ 'image_right_click' => $slider_row->image_right_click,
726
+ 'prev_next_butt' => $slider_row->prev_next_butt,
727
+ 'play_paus_butt' => $slider_row->play_paus_butt,
728
+ 'navigation' => $slider_row->navigation,
729
+ 'rl_butt_style' => $slider_row->rl_butt_style,
730
+ 'rl_butt_size' => $slider_row->rl_butt_size,
731
+ 'pp_butt_size' => $slider_row->pp_butt_size,
732
+ 'butts_color' => $slider_row->butts_color,
733
+ 'butts_transparent' => $slider_row->butts_transparent,
734
+ 'hover_color' => $slider_row->hover_color,
735
+ 'nav_border_width' => $slider_row->nav_border_width,
736
+ 'nav_border_style' => $slider_row->nav_border_style,
737
+ 'nav_border_color' => $slider_row->nav_border_color,
738
+ 'nav_border_radius' => $slider_row->nav_border_radius,
739
+ 'nav_bg_color' => $slider_row->nav_bg_color,
740
+ 'bull_position' => $slider_row->bull_position,
741
+ 'bull_style' => $slider_row->bull_style,
742
+ 'bull_size' => $slider_row->bull_size,
743
+ 'bull_color' => $slider_row->bull_color,
744
+ 'bull_act_color' => $slider_row->bull_act_color,
745
+ 'bull_margin' => $slider_row->bull_margin,
746
+ 'film_pos' => $slider_row->film_pos,
747
+ 'film_thumb_width' => $slider_row->film_thumb_width,
748
+ 'film_thumb_height' => $slider_row->film_thumb_height,
749
+ 'film_bg_color' => $slider_row->film_bg_color,
750
+ 'film_tmb_margin' => $slider_row->film_tmb_margin,
751
+ 'film_act_border_width' => $slider_row->film_act_border_width,
752
+ 'film_act_border_style' => $slider_row->film_act_border_style,
753
+ 'film_act_border_color' => $slider_row->film_act_border_color,
754
+ 'film_dac_transparent' => $slider_row->film_dac_transparent,
755
+ 'built_in_watermark_type' => $slider_row->built_in_watermark_type,
756
+ 'built_in_watermark_position' => $slider_row->built_in_watermark_position,
757
+ 'built_in_watermark_size' => $slider_row->built_in_watermark_size,
758
+ 'built_in_watermark_url' => $slider_row->built_in_watermark_url,
759
+ 'built_in_watermark_text' => $slider_row->built_in_watermark_text,
760
+ 'built_in_watermark_opacity' => $slider_row->built_in_watermark_opacity,
761
+ 'built_in_watermark_font_size' => $slider_row->built_in_watermark_font_size,
762
+ 'built_in_watermark_font' => $slider_row->built_in_watermark_font,
763
+ 'built_in_watermark_color' => $slider_row->built_in_watermark_color,
764
+ 'css' => $slider_row->css,
765
+ 'timer_bar_type' => $slider_row->timer_bar_type,
766
+ 'timer_bar_size' => $slider_row->timer_bar_size,
767
+ 'timer_bar_color' => $slider_row->timer_bar_color,
768
+ 'timer_bar_transparent' => $slider_row->timer_bar_transparent,
769
+ 'layer_out_next' => $slider_row->layer_out_next,
770
+ 'spider_uploader' => $slider_row->spider_uploader,
771
+ 'stop_animation' => $slider_row->stop_animation,
772
+ 'right_butt_url' => $slider_row->right_butt_url,
773
+ 'left_butt_url' => $slider_row->left_butt_url,
774
+ 'right_butt_hov_url' => $slider_row->right_butt_hov_url,
775
+ 'left_butt_hov_url' => $slider_row->left_butt_hov_url,
776
+ 'rl_butt_img_or_not' => $slider_row->rl_butt_img_or_not,
777
+ 'bullets_img_main_url' => $slider_row->bullets_img_main_url,
778
+ 'bullets_img_hov_url' => $slider_row->bullets_img_hov_url,
779
+ 'bull_butt_img_or_not' => $slider_row->bull_butt_img_or_not,
780
+ 'play_paus_butt_img_or_not' => $slider_row->play_paus_butt_img_or_not,
781
+ 'play_butt_url' => $slider_row->play_butt_url,
782
+ 'play_butt_hov_url' => $slider_row->play_butt_hov_url,
783
+ 'paus_butt_url' => $slider_row->paus_butt_url,
784
+ 'paus_butt_hov_url' => $slider_row->paus_butt_hov_url,
785
+ 'start_slide_num' => $slider_row->start_slide_num,
786
+ 'effect_duration' => $slider_row->effect_duration,
787
+ 'carousel' => $slider_row->carousel,
788
+ 'carousel_image_counts' => $slider_row->carousel_image_counts,
789
+ 'carousel_image_parameters' => $slider_row->carousel_image_parameters,
790
+ 'carousel_fit_containerWidth' => $slider_row->carousel_fit_containerWidth,
791
+ 'carousel_width' => $slider_row->carousel_width,
792
+ 'parallax_effect' => $slider_row->parallax_effect,
793
+ 'carousel_degree' => $slider_row->carousel_degree,
794
+ 'carousel_grayscale' => $slider_row->carousel_grayscale,
795
+ 'carousel_transparency' => $slider_row->carousel_transparency,
796
+ 'bull_back_act_color' => $slider_row->bull_back_act_color,
797
+ 'bull_back_color' => $slider_row->bull_back_color,
798
+ 'bull_radius' => $slider_row->bull_radius,
799
+ 'smart_crop' => $slider_row->smart_crop,
800
+ 'crop_image_position' => $slider_row->crop_image_position,
801
+ 'possib_add_google_fonts' => $slider_row->possib_add_google_fonts,
802
+ 'possib_add_ffamily' => $slider_row->possib_add_ffamily,
803
+ 'possib_add_ffamily_google' => $slider_row->possib_add_ffamily_google,
804
+ 'slider_loop' => $slider_row->slider_loop,
805
+ ));
806
+ $new_slider_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslider');
807
+
808
+ $slider_slides = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslide where slider_id="%d"', $slider_id));
809
+ if ($slider_slides) {
810
+ foreach ($slider_slides as $single_slide) {
811
+ $save = $wpdb->insert($wpdb->prefix . 'wdsslide', array(
812
+ 'slider_id' => $new_slider_id,
813
+ 'title' => $single_slide->title,
814
+ 'type' => $single_slide->type,
815
+ 'order' => $single_slide->order,
816
+ 'published' => $single_slide->published,
817
+ 'link' => $single_slide->link,
818
+ 'image_url' => $single_slide->image_url,
819
+ 'thumb_url' => $single_slide->thumb_url,
820
+ 'target_attr_slide' => $single_slide->target_attr_slide,
821
+ 'youtube_rel_video' => $single_slide->youtube_rel_video,
822
+ 'video_loop' => $single_slide->video_loop,
823
+ ));
824
+ $new_slide_id = $wpdb->get_var('SELECT MAX(id) FROM ' . $wpdb->prefix . 'wdsslide');
825
+ $slider_layer = $wpdb->get_results($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdslayer where slide_id="%d"', $single_slide->id));
826
+ if ($slider_layer){
827
+ foreach ($slider_layer as $layer_id) {
828
+ if ($layer_id) {
829
+ $save = $wpdb->insert($wpdb->prefix . 'wdslayer', array(
830
+ 'slide_id' => $new_slide_id,
831
+ 'title' => $layer_id->title,
832
+ 'type' => $layer_id->type,
833
+ 'depth' => $layer_id->depth,
834
+ 'text' => $layer_id->text,
835
+ 'link' => $layer_id->link,
836
+ 'left' => $layer_id->left,
837
+ 'top' => $layer_id->top,
838
+ 'start' => $layer_id->start,
839
+ 'end' => $layer_id->end,
840
+ 'published' => $layer_id->published,
841
+ 'color' => $layer_id->color,
842
+ 'size' => $layer_id->size,
843
+ 'ffamily' => $layer_id->ffamily,
844
+ 'fweight' => $layer_id->fweight,
845
+ 'padding' => $layer_id->padding,
846
+ 'fbgcolor' => $layer_id->fbgcolor,
847
+ 'transparent' => $layer_id->transparent,
848
+ 'border_width' => $layer_id->border_width,
849
+ 'border_style' => $layer_id->border_style,
850
+ 'border_color' => $layer_id->border_color,
851
+ 'border_radius' => $layer_id->border_radius,
852
+ 'shadow' => $layer_id->shadow,
853
+ 'image_url' => $layer_id->image_url,
854
+ 'image_width' => $layer_id->image_width,
855
+ 'image_height' => $layer_id->image_height,
856
+ 'image_scale' => $layer_id->image_scale,
857
+ 'alt' => $layer_id->alt,
858
+ 'imgtransparent' => $layer_id->imgtransparent,
859
+ 'social_button' => $layer_id->social_button,
860
+ 'hover_color' => $layer_id->hover_color,
861
+ 'layer_effect_in' => $layer_id->layer_effect_in,
862
+ 'layer_effect_out' => $layer_id->layer_effect_out,
863
+ 'duration_eff_in' => $layer_id->duration_eff_in,
864
+ 'duration_eff_out' => $layer_id->duration_eff_out,
865
+ 'target_attr_layer' => $layer_id->target_attr_layer,
866
+ 'hotp_width' => $layer_id->hotp_width,
867
+ 'hotp_fbgcolor' => $layer_id->hotp_fbgcolor,
868
+ 'hotp_border_width' => $layer_id->hotp_border_width,
869
+ 'hotp_border_style' => $layer_id->hotp_border_style,
870
+ 'hotp_border_color' => $layer_id->hotp_border_color,
871
+ 'hotp_border_radius' => $layer_id->hotp_border_radius,
872
+ 'hotp_text_position' => $layer_id->hotp_text_position,
873
+ 'google_fonts' => $layer_id->google_fonts,
874
+ 'add_class' => $layer_id->add_class,
875
+ 'layer_video_loop' => $layer_id->layer_video_loop,
876
+ 'youtube_rel_layer_video' => $layer_id->youtube_rel_layer_video,
877
+ 'hotspot_animation' => $layer_id->hotspot_animation,
878
+ 'layer_callback_list' => $layer_id->layer_callback_list,
879
+ ));
880
+
881
+ }
882
+ }
883
+ }
884
+ }
885
+ }
886
+
887
+ }
888
+ return $new_slider_id;
889
+ }
890
+
891
+ function bwg_hex2rgb($hex) {
892
+ $hex = str_replace("#", "", $hex);
893
+ if (strlen($hex) == 3) {
894
+ $r = hexdec(substr($hex,0,1).substr($hex,0,1));
895
+ $g = hexdec(substr($hex,1,1).substr($hex,1,1));
896
+ $b = hexdec(substr($hex,2,1).substr($hex,2,1));
897
+ }
898
+ else {
899
+ $r = hexdec(substr($hex,0,2));
900
+ $g = hexdec(substr($hex,2,2));
901
+ $b = hexdec(substr($hex,4,2));
902
+ }
903
+ $rgb = array($r, $g, $b);
904
+ return $rgb;
905
+ }
906
+
907
+ function bwg_imagettfbboxdimensions($font_size, $font_angle, $font, $text) {
908
+ $box = @ImageTTFBBox($font_size, $font_angle, $font, $text) or die;
909
+ $max_x = max(array($box[0], $box[2], $box[4], $box[6]));
910
+ $max_y = max(array($box[1], $box[3], $box[5], $box[7]));
911
+ $min_x = min(array($box[0], $box[2], $box[4], $box[6]));
912
+ $min_y = min(array($box[1], $box[3], $box[5], $box[7]));
913
+ return array(
914
+ "width" => ($max_x - $min_x),
915
+ "height" => ($max_y - $min_y)
916
+ );
917
+ }
918
+
919
+ function set_text_watermark($original_filename, $dest_filename, $watermark_text, $watermark_font, $watermark_font_size, $watermark_color, $watermark_transparency, $watermark_position) {
920
+ $original_filename = htmlspecialchars_decode($original_filename, ENT_COMPAT | ENT_QUOTES);
921
+ $dest_filename = htmlspecialchars_decode($dest_filename, ENT_COMPAT | ENT_QUOTES);
922
+
923
+ $watermark_transparency = 127 - ((100 - $watermark_transparency) * 1.27);
924
+ list($width, $height, $type) = getimagesize($original_filename);
925
+ $watermark_image = imagecreatetruecolor($width, $height);
926
+
927
+ $watermark_color = $this->bwg_hex2rgb($watermark_color);
928
+ $watermark_color = imagecolorallocatealpha($watermark_image, $watermark_color[0], $watermark_color[1], $watermark_color[2], $watermark_transparency);
929
+ $watermark_font = WD_S_DIR . '/fonts/' . $watermark_font;
930
+ $watermark_font_size = ($height * $watermark_font_size / 500);
931
+ $watermark_position = explode('-', $watermark_position);
932
+ $watermark_sizes = $this->bwg_imagettfbboxdimensions($watermark_font_size, 0, $watermark_font, $watermark_text);
933
+
934
+ $top = $height - 5;
935
+ $left = $width - $watermark_sizes['width'] - 5;
936
+ switch ($watermark_position[0]) {
937
+ case 'top':
938
+ $top = $watermark_sizes['height'] + 5;
939
+ break;
940
+ case 'middle':
941
+ $top = ($height + $watermark_sizes['height']) / 2;
942
+ break;
943
+ }
944
+ switch ($watermark_position[1]) {
945
+ case 'left':
946
+ $left = 5;
947
+ break;
948
+ case 'center':
949
+ $left = ($width - $watermark_sizes['width']) / 2;
950
+ break;
951
+ }
952
+ @ini_set('memory_limit', '-1');
953
+ if ($type == 2) {
954
+ $image = imagecreatefromjpeg($original_filename);
955
+ imagettftext($image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
956
+ imagejpeg ($image, $dest_filename, 100);
957
+ imagedestroy($image);
958
+ }
959
+ elseif ($type == 3) {
960
+ $image = imagecreatefrompng($original_filename);
961
+ imagettftext($image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
962
+ imageColorAllocateAlpha($image, 0, 0, 0, 127);
963
+ imagealphablending($image, FALSE);
964
+ imagesavealpha($image, TRUE);
965
+ imagepng($image, $dest_filename, 9);
966
+ imagedestroy($image);
967
+ }
968
+ elseif ($type == 1) {
969
+ $image = imagecreatefromgif($original_filename);
970
+ imageColorAllocateAlpha($watermark_image, 0, 0, 0, 127);
971
+ imagecopy($watermark_image, $image, 0, 0, 0, 0, $width, $height);
972
+ imagettftext($watermark_image, $watermark_font_size, 0, $left, $top, $watermark_color, $watermark_font, $watermark_text);
973
+ imagealphablending($watermark_image, FALSE);
974
+ imagesavealpha($watermark_image, TRUE);
975
+ imagegif($watermark_image, $dest_filename);
976
+ imagedestroy($image);
977
+ }
978
+ imagedestroy($watermark_image);
979
+ @ini_restore('memory_limit');
980
+ }
981
+
982
+ function set_image_watermark($original_filename, $dest_filename, $watermark_url, $watermark_height, $watermark_width, $watermark_position) {
983
+ $original_filename = htmlspecialchars_decode($original_filename, ENT_COMPAT | ENT_QUOTES);
984
+ $dest_filename = htmlspecialchars_decode($dest_filename, ENT_COMPAT | ENT_QUOTES);
985
+ $watermark_url = htmlspecialchars_decode($watermark_url, ENT_COMPAT | ENT_QUOTES);
986
+
987
+ list($width, $height, $type) = getimagesize($original_filename);
988
+ list($width_watermark, $height_watermark, $type_watermark) = getimagesize($watermark_url);
989
+
990
+ $watermark_width = $width * $watermark_width / 100;
991
+ $watermark_height = $height_watermark * $watermark_width / $width_watermark;
992
+
993
+ $watermark_position = explode('-', $watermark_position);
994
+ $top = $height - $watermark_height - 5;
995
+ $left = $width - $watermark_width - 5;
996
+ switch ($watermark_position[0]) {
997
+ case 'top':
998
+ $top = 5;
999
+ break;
1000
+ case 'middle':
1001
+ $top = ($height - $watermark_height) / 2;
1002
+ break;
1003
+ }
1004
+ switch ($watermark_position[1]) {
1005
+ case 'left':
1006
+ $left = 5;
1007
+ break;
1008
+ case 'center':
1009
+ $left = ($width - $watermark_width) / 2;
1010
+ break;
1011
+ }
1012
+ @ini_set('memory_limit', '-1');
1013
+ if ($type_watermark == 2) {
1014
+ $watermark_image = imagecreatefromjpeg($watermark_url);
1015
+ }
1016
+ elseif ($type_watermark == 3) {
1017
+ $watermark_image = imagecreatefrompng($watermark_url);
1018
+ }
1019
+ elseif ($type_watermark == 1) {
1020
+ $watermark_image = imagecreatefromgif($watermark_url);
1021
+ }
1022
+ else {
1023
+ return false;
1024
+ }
1025
+
1026
+ $watermark_image_resized = imagecreatetruecolor($watermark_width, $watermark_height);
1027
+ imagecolorallocatealpha($watermark_image_resized, 255, 255, 255, 127);
1028
+ imagealphablending($watermark_image_resized, FALSE);
1029
+ imagesavealpha($watermark_image_resized, TRUE);
1030
+ imagecopyresampled ($watermark_image_resized, $watermark_image, 0, 0, 0, 0, $watermark_width, $watermark_height, $width_watermark, $height_watermark);
1031
+
1032
+ if ($type == 2) {
1033
+ $image = imagecreatefromjpeg($original_filename);
1034
+ imagecopy($image, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1035
+ if ($dest_filename <> '') {
1036
+ imagejpeg ($image, $dest_filename, 100);
1037
+ } else {
1038
+ header('Content-Type: image/jpeg');
1039
+ imagejpeg($image, null, 100);
1040
+ };
1041
+ imagedestroy($image);
1042
+ }
1043
+ elseif ($type == 3) {
1044
+ $image = imagecreatefrompng($original_filename);
1045
+ imagecopy($image, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1046
+ imagealphablending($image, FALSE);
1047
+ imagesavealpha($image, TRUE);
1048
+ imagepng($image, $dest_filename, 9);
1049
+ imagedestroy($image);
1050
+ }
1051
+ elseif ($type == 1) {
1052
+ $image = imagecreatefromgif($original_filename);
1053
+ $tempimage = imagecreatetruecolor($width, $height);
1054
+ imagecopy($tempimage, $image, 0, 0, 0, 0, $width, $height);
1055
+ imagecopy($tempimage, $watermark_image_resized, $left, $top, 0, 0, $watermark_width, $watermark_height);
1056
+ imagegif($tempimage, $dest_filename);
1057
+ imagedestroy($image);
1058
+ imagedestroy($tempimage);
1059
+ }
1060
+ imagedestroy($watermark_image);
1061
+ @ini_restore('memory_limit');
1062
+ }
1063
+
1064
+ public function delete($id) {
1065
+ global $wpdb;
1066
+ $query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id);
1067
+ if ($wpdb->query($query)) {
1068
+ $query_image = $wpdb->prepare('DELETE t1.*, t2.* FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $id);
1069
+ $wpdb->query($query_image);
1070
+ echo WDW_S_Library::message('Item Succesfully Deleted.', 'wd_updated');
1071
+ }
1072
+ else {
1073
+ echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1074
+ }
1075
+ $this->display();
1076
+ }
1077
+
1078
+ public function delete_all() {
1079
+ global $wpdb;
1080
+ $flag = FALSE;
1081
+ $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1082
+ foreach ($sliders_ids_col as $slider_id) {
1083
+ if (isset($_POST['check_' . $slider_id]) || isset($_POST['check_all_items'])) {
1084
+ $flag = TRUE;
1085
+ $query = $wpdb->prepare('DELETE FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $slider_id);
1086
+ $wpdb->query($query);
1087
+ $query_image = $wpdb->prepare('DELETE t1.*, t2.* FROM ' . $wpdb->prefix . 'wdsslide as t1 LEFT JOIN ' . $wpdb->prefix . 'wdslayer as t2 ON t1.id=t2.slide_id WHERE t1.slider_id="%d"', $slider_id);
1088
+ $wpdb->query($query_image);
1089
+ }
1090
+ }
1091
+ if ($flag) {
1092
+ echo WDW_S_Library::message('Items Succesfully Deleted.', 'wd_updated');
1093
+ }
1094
+ else {
1095
+ echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1096
+ }
1097
+ $this->display();
1098
+ }
1099
+
1100
+ public function publish($id) {
1101
+ global $wpdb;
1102
+ $save = $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 1), array('id' => $id));
1103
+ if ($save !== FALSE) {
1104
+ echo WDW_S_Library::message('Item Succesfully Published.', 'wd_updated');
1105
+ }
1106
+ else {
1107
+ echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1108
+ }
1109
+ $this->display();
1110
+ }
1111
+
1112
+ public function publish_all() {
1113
+ global $wpdb;
1114
+ $flag = FALSE;
1115
+ if (isset($_POST['check_all_items'])) {
1116
+ $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdsslider SET published=1');
1117
+ $flag = TRUE;
1118
+ }
1119
+ else {
1120
+ $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1121
+ foreach ($sliders_ids_col as $slider_id) {
1122
+ if (isset($_POST['check_' . $slider_id])) {
1123
+ $flag = TRUE;
1124
+ $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 1), array('id' => $slider_id));
1125
+ }
1126
+ }
1127
+ }
1128
+ if ($flag) {
1129
+ echo WDW_S_Library::message('Items Succesfully Published.', 'wd_updated');
1130
+ }
1131
+ else {
1132
+ echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1133
+ }
1134
+ $this->display();
1135
+ }
1136
+
1137
+ public function unpublish($id) {
1138
+ global $wpdb;
1139
+ $save = $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 0), array('id' => $id));
1140
+ if ($save !== FALSE) {
1141
+ echo WDW_S_Library::message('Item Succesfully Unpublished.', 'wd_updated');
1142
+ }
1143
+ else {
1144
+ echo WDW_S_Library::message('Error. Please install plugin again.', 'wd_error');
1145
+ }
1146
+ $this->display();
1147
+ }
1148
+
1149
+ public function unpublish_all() {
1150
+ global $wpdb;
1151
+ $flag = FALSE;
1152
+ if (isset($_POST['check_all_items'])) {
1153
+ $wpdb->query('UPDATE ' . $wpdb->prefix . 'wdsslider SET published=0');
1154
+ $flag = TRUE;
1155
+ }
1156
+ else {
1157
+ $sliders_ids_col = $wpdb->get_col('SELECT id FROM ' . $wpdb->prefix . 'wdsslider');
1158
+ foreach ($sliders_ids_col as $slider_id) {
1159
+ if (isset($_POST['check_' . $slider_id])) {
1160
+ $flag = TRUE;
1161
+ $wpdb->update($wpdb->prefix . 'wdsslider', array('published' => 0), array('id' => $slider_id));
1162
+ }
1163
+ }
1164
+ }
1165
+ if ($flag) {
1166
+ echo WDW_S_Library::message('Items Succesfully Unpublished.', 'wd_updated');
1167
+ }
1168
+ else {
1169
+ echo WDW_S_Library::message('You must select at least one item.', 'wd_error');
1170
+ }
1171
+ $this->display();
1172
+ }
1173
+
1174
+ ////////////////////////////////////////////////////////////////////////////////////////
1175
+ // Getters & Setters //
1176
+ ////////////////////////////////////////////////////////////////////////////////////////
1177
+ ////////////////////////////////////////////////////////////////////////////////////////
1178
+ // Private Methods //
1179
+ ////////////////////////////////////////////////////////////////////////////////////////
1180
+ ////////////////////////////////////////////////////////////////////////////////////////
1181
+ // Listeners //
1182
+ ////////////////////////////////////////////////////////////////////////////////////////
1183
  }
admin/controllers/WDSControllerUninstall_wds.php CHANGED
@@ -1,58 +1,58 @@
1
- <?php
2
-
3
- class WDSControllerUninstall_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constructor & Destructor //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- public function __construct() {
17
- }
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- // Public Methods //
20
- ////////////////////////////////////////////////////////////////////////////////////////
21
- public function execute() {
22
- $task = ((isset($_POST['task'])) ? esc_html(stripslashes($_POST['task'])) : '');
23
- if (method_exists($this, $task)) {
24
- check_admin_referer('nonce_wd', 'nonce_wd');
25
- $this->$task();
26
- }
27
- else {
28
- $this->display();
29
- }
30
- }
31
-
32
- public function display() {
33
- require_once WD_S_DIR . "/admin/models/WDSModelUninstall_wds.php";
34
- $model = new WDSModelUninstall_wds();
35
-
36
- require_once WD_S_DIR . "/admin/views/WDSViewUninstall_wds.php";
37
- $view = new WDSViewUninstall_wds($model);
38
- $view->display();
39
- }
40
-
41
- public function uninstall() {
42
- require_once WD_S_DIR . "/admin/models/WDSModelUninstall_wds.php";
43
- $model = new WDSModelUninstall_wds();
44
-
45
- require_once WD_S_DIR . "/admin/views/WDSViewUninstall_wds.php";
46
- $view = new WDSViewUninstall_wds($model);
47
- $view->uninstall();
48
- }
49
- ////////////////////////////////////////////////////////////////////////////////////////
50
- // Getters & Setters //
51
- ////////////////////////////////////////////////////////////////////////////////////////
52
- ////////////////////////////////////////////////////////////////////////////////////////
53
- // Private Methods //
54
- ////////////////////////////////////////////////////////////////////////////////////////
55
- ////////////////////////////////////////////////////////////////////////////////////////
56
- // Listeners //
57
- ////////////////////////////////////////////////////////////////////////////////////////
58
  }
1
+ <?php
2
+
3
+ class WDSControllerUninstall_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constructor & Destructor //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ public function __construct() {
17
+ }
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ // Public Methods //
20
+ ////////////////////////////////////////////////////////////////////////////////////////
21
+ public function execute() {
22
+ $task = ((isset($_POST['task'])) ? esc_html(stripslashes($_POST['task'])) : '');
23
+ if (method_exists($this, $task)) {
24
+ check_admin_referer('nonce_wd', 'nonce_wd');
25
+ $this->$task();
26
+ }
27
+ else {
28
+ $this->display();
29
+ }
30
+ }
31
+
32
+ public function display() {
33
+ require_once WD_S_DIR . "/admin/models/WDSModelUninstall_wds.php";
34
+ $model = new WDSModelUninstall_wds();
35
+
36
+ require_once WD_S_DIR . "/admin/views/WDSViewUninstall_wds.php";
37
+ $view = new WDSViewUninstall_wds($model);
38
+ $view->display();
39
+ }
40
+
41
+ public function uninstall() {
42
+ require_once WD_S_DIR . "/admin/models/WDSModelUninstall_wds.php";
43
+ $model = new WDSModelUninstall_wds();
44
+
45
+ require_once WD_S_DIR . "/admin/views/WDSViewUninstall_wds.php";
46
+ $view = new WDSViewUninstall_wds($model);
47
+ $view->uninstall();
48
+ }
49
+ ////////////////////////////////////////////////////////////////////////////////////////
50
+ // Getters & Setters //
51
+ ////////////////////////////////////////////////////////////////////////////////////////
52
+ ////////////////////////////////////////////////////////////////////////////////////////
53
+ // Private Methods //
54
+ ////////////////////////////////////////////////////////////////////////////////////////
55
+ ////////////////////////////////////////////////////////////////////////////////////////
56
+ // Listeners //
57
+ ////////////////////////////////////////////////////////////////////////////////////////
58
  }
admin/controllers/WDSControllerWidgetSlideshow.php CHANGED
@@ -1,61 +1,61 @@
1
- <?php
2
-
3
- class WDSControllerWidgetSlideshow extends WP_Widget {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- private $view;
14
- private $model;
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- // Constructor & Destructor //
17
- ////////////////////////////////////////////////////////////////////////////////////////
18
- public function __construct() {
19
- $widget_ops = array(
20
- 'classname' => 'wdslider',
21
- 'description' => 'Add Slider to Your widget area.'
22
- );
23
- // Widget Control Settings.
24
- $control_ops = array('id_base' => 'wdslider');
25
- // Create the widget.
26
- parent::__construct('wdslider', 'Slider WD', $widget_ops, $control_ops);
27
- require_once WD_S_DIR . "/admin/models/WDSModelWidgetSlideshow.php";
28
- $this->model = new WDSModelWidgetSlideshow();
29
-
30
- require_once WD_S_DIR . "/admin/views/WDSViewWidgetSlideshow.php";
31
- $this->view = new WDSViewWidgetSlideshow($this->model);
32
- }
33
- ////////////////////////////////////////////////////////////////////////////////////////
34
- // Public Methods //
35
- ////////////////////////////////////////////////////////////////////////////////////////
36
-
37
- public function widget($args, $instance) {
38
- $this->view->widget($args, $instance);
39
- }
40
-
41
- public function form($instance) {
42
- $this->view->form($instance, parent::get_field_id('title'), parent::get_field_name('title'), parent::get_field_id('id'), parent::get_field_name('id'));
43
- }
44
-
45
- // Update Settings.
46
- public function update($new_instance, $old_instance) {
47
- $instance['title'] = strip_tags($new_instance['title']);
48
- $instance['id'] = $new_instance['id'];
49
- return $instance;
50
- }
51
-
52
- ////////////////////////////////////////////////////////////////////////////////////////
53
- // Getters & Setters //
54
- ////////////////////////////////////////////////////////////////////////////////////////
55
- ////////////////////////////////////////////////////////////////////////////////////////
56
- // Private Methods //
57
- ////////////////////////////////////////////////////////////////////////////////////////
58
- ////////////////////////////////////////////////////////////////////////////////////////
59
- // Listeners //
60
- ////////////////////////////////////////////////////////////////////////////////////////
61
  }
1
+ <?php
2
+
3
+ class WDSControllerWidgetSlideshow extends WP_Widget {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ private $view;
14
+ private $model;
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ // Constructor & Destructor //
17
+ ////////////////////////////////////////////////////////////////////////////////////////
18
+ public function __construct() {
19
+ $widget_ops = array(
20
+ 'classname' => 'wdslider',
21
+ 'description' => 'Add Slider to Your widget area.'
22
+ );
23
+ // Widget Control Settings.
24
+ $control_ops = array('id_base' => 'wdslider');
25
+ // Create the widget.
26
+ parent::__construct('wdslider', 'Slider WD', $widget_ops, $control_ops);
27
+ require_once WD_S_DIR . "/admin/models/WDSModelWidgetSlideshow.php";
28
+ $this->model = new WDSModelWidgetSlideshow();
29
+
30
+ require_once WD_S_DIR . "/admin/views/WDSViewWidgetSlideshow.php";
31
+ $this->view = new WDSViewWidgetSlideshow($this->model);
32
+ }
33
+ ////////////////////////////////////////////////////////////////////////////////////////
34
+ // Public Methods //
35
+ ////////////////////////////////////////////////////////////////////////////////////////
36
+
37
+ public function widget($args, $instance) {
38
+ $this->view->widget($args, $instance);
39
+ }
40
+
41
+ public function form($instance) {
42
+ $this->view->form($instance, parent::get_field_id('title'), parent::get_field_name('title'), parent::get_field_id('id'), parent::get_field_name('id'));
43
+ }
44
+
45
+ // Update Settings.
46
+ public function update($new_instance, $old_instance) {
47
+ $instance['title'] = strip_tags($new_instance['title']);
48
+ $instance['id'] = $new_instance['id'];
49
+ return $instance;
50
+ }
51
+
52
+ ////////////////////////////////////////////////////////////////////////////////////////
53
+ // Getters & Setters //
54
+ ////////////////////////////////////////////////////////////////////////////////////////
55
+ ////////////////////////////////////////////////////////////////////////////////////////
56
+ // Private Methods //
57
+ ////////////////////////////////////////////////////////////////////////////////////////
58
+ ////////////////////////////////////////////////////////////////////////////////////////
59
+ // Listeners //
60
+ ////////////////////////////////////////////////////////////////////////////////////////
61
  }
admin/models/WDSModelSliders_wds.php CHANGED
@@ -1,251 +1,251 @@
1
- <?php
2
-
3
- class WDSModelSliders_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constructor & Destructor //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- public function __construct() {
17
- }
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- // Public Methods //
20
- ////////////////////////////////////////////////////////////////////////////////////////
21
-
22
- public function get_slides_count($slider_id) {
23
- global $wpdb;
24
- $count = $wpdb->get_var($wpdb->prepare("SELECT COUNT(id) FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' AND image_url<>''", $slider_id));
25
- return $count;
26
- }
27
-
28
- public function get_slides_row_data($slider_id) {
29
- global $wpdb;
30
- $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
31
- if (!$rows) {
32
- $rows = array();
33
- $rows[0] = new stdClass();
34
- $rows[0]->id = 'pr1';
35
- $rows[0]->title = 'Slide 1';
36
- $rows[0]->type = 'image';
37
- $rows[0]->image_url = '';
38
- $rows[0]->thumb_url = '';
39
- $rows[0]->published = 1;
40
- $rows[0]->link = '';
41
- $rows[0]->order = 1;
42
- $rows[0]->target_attr_slide = 1;
43
- }
44
- else {
45
- foreach ($rows as $row) {
46
- if ($row->type == 'image') {
47
- $row->image_url = $row->image_url ? $row->image_url : WD_S_URL . '/images/no-image.png';
48
- $row->thumb_url = $row->thumb_url ? $row->thumb_url : WD_S_URL . '/images/no-image.png';
49
- }
50
- }
51
- }
52
- return $rows;
53
- }
54
-
55
- public function get_layers_row_data($slide_id) {
56
- global $wpdb;
57
- $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdslayer WHERE slide_id='%d' ORDER BY `depth` ASC", $slide_id));
58
- foreach ($rows as $row) {
59
- if ($row->type == 'image') {
60
- $row->image_url = $row->image_url ? $row->image_url : WD_S_URL . '/images/no-image.png';
61
- }
62
- }
63
- return $rows;
64
- }
65
-
66
- public function get_slider_prev_img($slider_id) {
67
- global $wpdb;
68
- $prev_img_url = $wpdb->get_var($wpdb->prepare("SELECT `thumb_url` FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
69
- $prev_img_url = $prev_img_url ? $prev_img_url : WD_S_URL . '/images/no-image.png';
70
- return $prev_img_url;
71
- }
72
-
73
- public function get_rows_data() {
74
- global $wpdb;
75
- $where = ((isset($_POST['search_value'])) ? 'WHERE name LIKE "%' . esc_html(stripslashes($_POST['search_value'])) . '%"' : '');
76
- $asc_or_desc = ((isset($_POST['asc_or_desc']) && esc_html($_POST['asc_or_desc']) == 'desc') ? 'desc' : 'asc');
77
- $order_by_arr = array('id', 'name', 'published');
78
- $order_by = ((isset($_POST['order_by']) && in_array(esc_html($_POST['order_by']), $order_by_arr)) ? esc_html($_POST['order_by']) : 'id');
79
- $order_by = ' ORDER BY `' . $order_by . '` ' . $asc_or_desc;
80
- if (isset($_POST['page_number']) && $_POST['page_number']) {
81
- $limit = ((int) $_POST['page_number'] - 1) * 20;
82
- }
83
- else {
84
- $limit = 0;
85
- }
86
- $query = "SELECT * FROM " . $wpdb->prefix . "wdsslider " . $where . $order_by . " LIMIT " . $limit . ",20";
87
- $rows = $wpdb->get_results($query);
88
- return $rows;
89
- }
90
-
91
- public function get_row_data($id, $reset) {
92
- global $wpdb;
93
- if ($id != 0 && !$reset) {
94
- $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));
95
- if ($row) {
96
- $row->enable_bullets = $row->bull_position == 'none' ? 0 : 1;
97
- $row->enable_filmstrip = $row->film_pos == 'none' ? 0 : 1;
98
- $row->enable_time_bar = $row->timer_bar_type == 'none' ? 0 : 1;
99
- }
100
- }
101
- else {
102
- $row = new stdClass();
103
- if ($reset && $id) {
104
- $row = $wpdb->get_row($wpdb->prepare('SELECT name FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));
105
- }
106
- else {
107
- $row->name = '';
108
- }
109
- $row->id = $id;
110
- $row->width = 800;
111
- $row->height = 300;
112
- $row->full_width = 0;
113
- $row->spider_uploader = get_option("wds_version_1.0.46") ? 0 : 1;
114
- $row->bg_fit = 'cover';
115
- $row->align = 'center';
116
- $row->effect = 'fade';
117
- $row->published = 1;
118
- $row->time_intervval = 5;
119
- $row->autoplay = 0;
120
- $row->shuffle = 0;
121
- $row->music = 0;
122
- $row->music_url = '';
123
- $row->preload_images = 1;
124
- $row->background_color = '000000';
125
- $row->background_transparent = 100;
126
- $row->glb_border_width = 0;
127
- $row->glb_border_style = 'none';
128
- $row->glb_border_color = '000000';
129
- $row->glb_border_radius = '';
130
- $row->glb_margin = 0;
131
- $row->glb_box_shadow = '';
132
- $row->image_right_click = 0;
133
- $row->layer_out_next = 0;
134
- $row->prev_next_butt = 1;
135
- $row->play_paus_butt = 0;
136
- $row->navigation = 'hover';
137
- $row->rl_butt_style = 'fa-angle';
138
- $row->rl_butt_size = 40;
139
- $row->pp_butt_size = 40;
140
- $row->butts_color = '000000';
141
- $row->hover_color = '000000';
142
- $row->nav_border_width = 0;
143
- $row->nav_border_style = 'none';
144
- $row->nav_border_color = 'FFFFFF';
145
- $row->nav_border_radius = '20px';
146
- $row->nav_bg_color = 'FFFFFF';
147
- $row->butts_transparent = 100;
148
- $row->enable_bullets = 1;
149
- $row->bull_position = 'bottom';
150
- $row->bull_style = 'fa-square-o';
151
- $row->bull_size = 20;
152
- $row->bull_color = 'FFFFFF';
153
- $row->bull_act_color = 'FFFFFF';
154
- $row->bull_margin = 3;
155
- $row->enable_filmstrip = 0;
156
- $row->film_pos = 'none';
157
- $row->film_thumb_width = 100;
158
- $row->film_thumb_height = 50;
159
- $row->film_bg_color = '000000';
160
- $row->film_tmb_margin = 0;
161
- $row->film_act_border_width = 0;
162
- $row->film_act_border_style = 'none';
163
- $row->film_act_border_color = 'FFFFFF';
164
- $row->film_dac_transparent = 50;
165
- $row->enable_time_bar = 1;
166
- $row->timer_bar_type = 'top';
167
- $row->timer_bar_size = 5;
168
- $row->timer_bar_color = 'BBBBBB';
169
- $row->timer_bar_transparent = 50;
170
- $row->built_in_watermark_type = 'none';
171
- $row->built_in_watermark_position = 'middle-center';
172
- $row->built_in_watermark_size = 15;
173
- $row->built_in_watermark_url = WD_S_URL . '/images/watermark.png';
174
- $row->built_in_watermark_text = 'web-dorado.com';
175
- $row->built_in_watermark_font_size = 20;
176
- $row->built_in_watermark_font = '';
177
- $row->built_in_watermark_color = 'FFFFFF';
178
- $row->built_in_watermark_opacity = 70;
179
- $row->stop_animation = 0;
180
- $row->css = '';
181
- $row->right_butt_url = WD_S_URL . '/images/arrow/arrow11/1/2.png';
182
- $row->left_butt_url = WD_S_URL . '/images/arrow/arrow11/1/1.png';
183
- $row->right_butt_hov_url = WD_S_URL . '/images/arrow/arrow11/1/4.png';
184
- $row->left_butt_hov_url = WD_S_URL . '/images/arrow/arrow11/1/3.png';
185
- $row->rl_butt_img_or_not = 'style';
186
- $row->bullets_img_main_url = WD_S_URL . '/images/bullet/bullet1/1/1.png';
187
- $row->bullets_img_hov_url = WD_S_URL . '/images/bullet/bullet1/1/2.png';
188
- $row->bull_butt_img_or_not = 'style';
189
- $row->play_paus_butt_img_or_not = 'style';
190
- $row->play_butt_url = WD_S_URL . '/images/button/button4/1/1.png';
191
- $row->play_butt_hov_url = WD_S_URL . '/images/button/button4/1/2.png';
192
- $row->paus_butt_url = WD_S_URL . '/images/button/button4/1/3.png';
193
- $row->paus_butt_hov_url = WD_S_URL . '/images/button/button4/1/4.png';
194
- $row->start_slide_num = 1;
195
- $row->effect_duration = 800;
196
- $row->carousel = 0;
197
- $row->carousel_image_counts = 7;
198
- $row->carousel_image_parameters = 0.85;
199
- $row->carousel_fit_containerWidth = 0;
200
- $row->carousel_width = 1000;
201
- $row->parallax_effect = 0;
202
- $row->mouse_swipe_nav = 0;
203
- $row->bull_hover = 1;
204
- $row->touch_swipe_nav = 1;
205
- $row->mouse_wheel_nav = 0;
206
- $row->keyboard_nav = 0;
207
- $row->possib_add_ffamily = '';
208
- $row->show_thumbnail = 0;
209
- $row->thumb_size = '0.3';
210
- $row->fixed_bg = 0;
211
- $row->smart_crop = 0;
212
- $row->crop_image_position = 'center center';
213
- $row->javascript = '';
214
- $row->carousel_degree = 0;
215
- $row->carousel_grayscale = 0;
216
- $row->carousel_transparency = 0;
217
- $row->bull_back_act_color = '000000';
218
- $row->bull_back_color = 'CCCCCC';
219
- $row->bull_radius = '20px';
220
- $row->possib_add_google_fonts = 0;
221
- $row->possib_add_ffamily_google = '';
222
- $row->slider_loop = 1;
223
- }
224
- return $row;
225
- }
226
-
227
- public function page_nav() {
228
- global $wpdb;
229
- $where = ((isset($_POST['search_value']) && (esc_html(stripslashes($_POST['search_value'])) != '')) ? 'WHERE name LIKE "%' . esc_html(stripslashes($_POST['search_value'])) . '%"' : '');
230
- $total = $wpdb->get_var("SELECT COUNT(*) FROM " . $wpdb->prefix . "wdsslider " . $where);
231
- $page_nav['total'] = $total;
232
- if (isset($_POST['page_number']) && $_POST['page_number']) {
233
- $limit = ((int) $_POST['page_number'] - 1) * 20;
234
- }
235
- else {
236
- $limit = 0;
237
- }
238
- $page_nav['limit'] = (int) ($limit / 20 + 1);
239
- return $page_nav;
240
- }
241
-
242
- ////////////////////////////////////////////////////////////////////////////////////////
243
- // Getters & Setters //
244
- ////////////////////////////////////////////////////////////////////////////////////////
245
- ////////////////////////////////////////////////////////////////////////////////////////
246
- // Private Methods //
247
- ////////////////////////////////////////////////////////////////////////////////////////
248
- ////////////////////////////////////////////////////////////////////////////////////////
249
- // Listeners //
250
- ////////////////////////////////////////////////////////////////////////////////////////
251
  }
1
+ <?php
2
+
3
+ class WDSModelSliders_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constructor & Destructor //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ public function __construct() {
17
+ }
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ // Public Methods //
20
+ ////////////////////////////////////////////////////////////////////////////////////////
21
+
22
+ public function get_slides_count($slider_id) {
23
+ global $wpdb;
24
+ $count = $wpdb->get_var($wpdb->prepare("SELECT COUNT(id) FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' AND image_url<>''", $slider_id));
25
+ return $count;
26
+ }
27
+
28
+ public function get_slides_row_data($slider_id) {
29
+ global $wpdb;
30
+ $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
31
+ if (!$rows) {
32
+ $rows = array();
33
+ $rows[0] = new stdClass();
34
+ $rows[0]->id = 'pr1';
35
+ $rows[0]->title = 'Slide 1';
36
+ $rows[0]->type = 'image';
37
+ $rows[0]->image_url = '';
38
+ $rows[0]->thumb_url = '';
39
+ $rows[0]->published = 1;
40
+ $rows[0]->link = '';
41
+ $rows[0]->order = 1;
42
+ $rows[0]->target_attr_slide = 1;
43
+ }
44
+ else {
45
+ foreach ($rows as $row) {
46
+ if ($row->type == 'image') {
47
+ $row->image_url = $row->image_url ? $row->image_url : WD_S_URL . '/images/no-image.png';
48
+ $row->thumb_url = $row->thumb_url ? $row->thumb_url : WD_S_URL . '/images/no-image.png';
49
+ }
50
+ }
51
+ }
52
+ return $rows;
53
+ }
54
+
55
+ public function get_layers_row_data($slide_id) {
56
+ global $wpdb;
57
+ $rows = $wpdb->get_results($wpdb->prepare("SELECT * FROM " . $wpdb->prefix . "wdslayer WHERE slide_id='%d' ORDER BY `depth` ASC", $slide_id));
58
+ foreach ($rows as $row) {
59
+ if ($row->type == 'image') {
60
+ $row->image_url = $row->image_url ? $row->image_url : WD_S_URL . '/images/no-image.png';
61
+ }
62
+ }
63
+ return $rows;
64
+ }
65
+
66
+ public function get_slider_prev_img($slider_id) {
67
+ global $wpdb;
68
+ $prev_img_url = $wpdb->get_var($wpdb->prepare("SELECT `thumb_url` FROM " . $wpdb->prefix . "wdsslide WHERE slider_id='%d' ORDER BY `order` ASC", $slider_id));
69
+ $prev_img_url = $prev_img_url ? $prev_img_url : WD_S_URL . '/images/no-image.png';
70
+ return $prev_img_url;
71
+ }
72
+
73
+ public function get_rows_data() {
74
+ global $wpdb;
75
+ $where = ((isset($_POST['search_value'])) ? 'WHERE name LIKE "%' . esc_html(stripslashes($_POST['search_value'])) . '%"' : '');
76
+ $asc_or_desc = ((isset($_POST['asc_or_desc']) && esc_html($_POST['asc_or_desc']) == 'desc') ? 'desc' : 'asc');
77
+ $order_by_arr = array('id', 'name', 'published');
78
+ $order_by = ((isset($_POST['order_by']) && in_array(esc_html($_POST['order_by']), $order_by_arr)) ? esc_html($_POST['order_by']) : 'id');
79
+ $order_by = ' ORDER BY `' . $order_by . '` ' . $asc_or_desc;
80
+ if (isset($_POST['page_number']) && $_POST['page_number']) {
81
+ $limit = ((int) $_POST['page_number'] - 1) * 20;
82
+ }
83
+ else {
84
+ $limit = 0;
85
+ }
86
+ $query = "SELECT * FROM " . $wpdb->prefix . "wdsslider " . $where . $order_by . " LIMIT " . $limit . ",20";
87
+ $rows = $wpdb->get_results($query);
88
+ return $rows;
89
+ }
90
+
91
+ public function get_row_data($id, $reset) {
92
+ global $wpdb;
93
+ if ($id != 0 && !$reset) {
94
+ $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));
95
+ if ($row) {
96
+ $row->enable_bullets = $row->bull_position == 'none' ? 0 : 1;
97
+ $row->enable_filmstrip = $row->film_pos == 'none' ? 0 : 1;
98
+ $row->enable_time_bar = $row->timer_bar_type == 'none' ? 0 : 1;
99
+ }
100
+ }
101
+ else {
102
+ $row = new stdClass();
103
+ if ($reset && $id) {
104
+ $row = $wpdb->get_row($wpdb->prepare('SELECT name FROM ' . $wpdb->prefix . 'wdsslider WHERE id="%d"', $id));
105
+ }
106
+ else {
107
+ $row->name = '';
108
+ }
109
+ $row->id = $id;
110
+ $row->width = 800;
111
+ $row->height = 300;
112
+ $row->full_width = 0;
113
+ $row->spider_uploader = get_option("wds_version_1.0.46") ? 0 : 1;
114
+ $row->bg_fit = 'cover';
115
+ $row->align = 'center';
116
+ $row->effect = 'fade';
117
+ $row->published = 1;
118
+ $row->time_intervval = 5;
119
+ $row->autoplay = 0;
120
+ $row->shuffle = 0;
121
+ $row->music = 0;
122
+ $row->music_url = '';
123
+ $row->preload_images = 1;
124
+ $row->background_color = '000000';
125
+ $row->background_transparent = 100;
126
+ $row->glb_border_width = 0;
127
+ $row->glb_border_style = 'none';
128
+ $row->glb_border_color = '000000';
129
+ $row->glb_border_radius = '';
130
+ $row->glb_margin = 0;
131
+ $row->glb_box_shadow = '';
132
+ $row->image_right_click = 0;
133
+ $row->layer_out_next = 0;
134
+ $row->prev_next_butt = 1;
135
+ $row->play_paus_butt = 0;
136
+ $row->navigation = 'hover';
137
+ $row->rl_butt_style = 'fa-angle';
138
+ $row->rl_butt_size = 40;
139
+ $row->pp_butt_size = 40;
140
+ $row->butts_color = '000000';
141
+ $row->hover_color = '000000';
142
+ $row->nav_border_width = 0;
143
+ $row->nav_border_style = 'none';
144
+ $row->nav_border_color = 'FFFFFF';
145
+ $row->nav_border_radius = '20px';
146
+ $row->nav_bg_color = 'FFFFFF';
147
+ $row->butts_transparent = 100;
148
+ $row->enable_bullets = 1;
149
+ $row->bull_position = 'bottom';
150
+ $row->bull_style = 'fa-square-o';
151
+ $row->bull_size = 20;
152
+ $row->bull_color = 'FFFFFF';
153
+ $row->bull_act_color = 'FFFFFF';
154
+ $row->bull_margin = 3;
155
+ $row->enable_filmstrip = 0;
156
+ $row->film_pos = 'none';
157
+ $row->film_thumb_width = 100;
158
+ $row->film_thumb_height = 50;
159
+ $row->film_bg_color = '000000';
160
+ $row->film_tmb_margin = 0;
161
+ $row->film_act_border_width = 0;
162
+ $row->film_act_border_style = 'none';
163
+ $row->film_act_border_color = 'FFFFFF';
164
+ $row->film_dac_transparent = 50;
165
+ $row->enable_time_bar = 1;
166
+ $row->timer_bar_type = 'top';
167
+ $row->timer_bar_size = 5;
168
+ $row->timer_bar_color = 'BBBBBB';
169
+ $row->timer_bar_transparent = 50;
170
+ $row->built_in_watermark_type = 'none';
171
+ $row->built_in_watermark_position = 'middle-center';
172
+ $row->built_in_watermark_size = 15;
173
+ $row->built_in_watermark_url = WD_S_URL . '/images/watermark.png';
174
+ $row->built_in_watermark_text = 'web-dorado.com';
175
+ $row->built_in_watermark_font_size = 20;
176
+ $row->built_in_watermark_font = '';
177
+ $row->built_in_watermark_color = 'FFFFFF';
178
+ $row->built_in_watermark_opacity = 70;
179
+ $row->stop_animation = 0;
180
+ $row->css = '';
181
+ $row->right_butt_url = WD_S_URL . '/images/arrow/arrow11/1/2.png';
182
+ $row->left_butt_url = WD_S_URL . '/images/arrow/arrow11/1/1.png';
183
+ $row->right_butt_hov_url = WD_S_URL . '/images/arrow/arrow11/1/4.png';
184
+ $row->left_butt_hov_url = WD_S_URL . '/images/arrow/arrow11/1/3.png';
185
+ $row->rl_butt_img_or_not = 'style';
186
+ $row->bullets_img_main_url = WD_S_URL . '/images/bullet/bullet1/1/1.png';
187
+ $row->bullets_img_hov_url = WD_S_URL . '/images/bullet/bullet1/1/2.png';
188
+ $row->bull_butt_img_or_not = 'style';
189
+ $row->play_paus_butt_img_or_not = 'style';
190
+ $row->play_butt_url = WD_S_URL . '/images/button/button4/1/1.png';
191
+ $row->play_butt_hov_url = WD_S_URL . '/images/button/button4/1/2.png';
192
+ $row->paus_butt_url = WD_S_URL . '/images/button/button4/1/3.png';
193
+ $row->paus_butt_hov_url = WD_S_URL . '/images/button/button4/1/4.png';
194
+ $row->start_slide_num = 1;
195
+ $row->effect_duration = 800;
196
+ $row->carousel = 0;
197
+ $row->carousel_image_counts = 7;
198
+ $row->carousel_image_parameters = 0.85;
199
+ $row->carousel_fit_containerWidth = 0;
200
+ $row->carousel_width = 1000;
201
+ $row->parallax_effect = 0;
202
+ $row->mouse_swipe_nav = 0;
203
+ $row->bull_hover = 1;
204
+ $row->touch_swipe_nav = 1;
205
+ $row->mouse_wheel_nav = 0;
206
+ $row->keyboard_nav = 0;
207
+ $row->possib_add_ffamily = '';
208
+ $row->show_thumbnail = 0;
209
+ $row->thumb_size = '0.3';
210
+ $row->fixed_bg = 0;
211
+ $row->smart_crop = 0;
212
+ $row->crop_image_position = 'center center';
213
+ $row->javascript = '';
214
+ $row->carousel_degree = 0;
215
+ $row->carousel_grayscale = 0;
216
+ $row->carousel_transparency = 0;
217
+ $row->bull_back_act_color = '000000';
218
+ $row->bull_back_color = 'CCCCCC';
219
+ $row->bull_radius = '20px';
220
+ $row->possib_add_google_fonts = 0;
221
+ $row->possib_add_ffamily_google = '';
222
+ $row->slider_loop = 1;
223
+ }
224
+ return $row;
225
+ }
226
+
227
+ public function page_nav() {
228
+ global $wpdb;
229
+ $where = ((isset($_POST['search_value']) && (esc_html(stripslashes($_POST['search_value'])) != '')) ? 'WHERE name LIKE "%' . esc_html(stripslashes($_POST['search_value'])) . '%"' : '');
230
+ $total = $wpdb->get_var("SELECT COUNT(*) FROM " . $wpdb->prefix . "wdsslider " . $where);
231
+ $page_nav['total'] = $total;
232
+ if (isset($_POST['page_number']) && $_POST['page_number']) {
233
+ $limit = ((int) $_POST['page_number'] - 1) * 20;
234
+ }
235
+ else {
236
+ $limit = 0;
237
+ }
238
+ $page_nav['limit'] = (int) ($limit / 20 + 1);
239
+ return $page_nav;
240
+ }
241
+
242
+ ////////////////////////////////////////////////////////////////////////////////////////
243
+ // Getters & Setters //
244
+ ////////////////////////////////////////////////////////////////////////////////////////
245
+ ////////////////////////////////////////////////////////////////////////////////////////
246
+ // Private Methods //
247
+ ////////////////////////////////////////////////////////////////////////////////////////
248
+ ////////////////////////////////////////////////////////////////////////////////////////
249
+ // Listeners //
250
+ ////////////////////////////////////////////////////////////////////////////////////////
251
  }
admin/models/WDSModelUninstall_wds.php CHANGED
@@ -1,39 +1,39 @@
1
- <?php
2
-
3
- class WDSModelUninstall_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constructor & Destructor //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- public function __construct() {
17
- }
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- // Public Methods //
20
- ////////////////////////////////////////////////////////////////////////////////////////
21
- public function delete_db_tables() {
22
- global $wpdb;
23
- $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslider");
24
- $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslide");
25
- $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdslayer");
26
-
27
- delete_option("wds_version");
28
- delete_option("wds_theme_version");
29
- }
30
- ////////////////////////////////////////////////////////////////////////////////////////
31
- // Getters & Setters //
32
- ////////////////////////////////////////////////////////////////////////////////////////
33
- ////////////////////////////////////////////////////////////////////////////////////////
34
- // Private Methods //
35
- ////////////////////////////////////////////////////////////////////////////////////////
36
- ////////////////////////////////////////////////////////////////////////////////////////
37
- // Listeners //
38
- ////////////////////////////////////////////////////////////////////////////////////////
39
  }
1
+ <?php
2
+
3
+ class WDSModelUninstall_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constructor & Destructor //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ public function __construct() {
17
+ }
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ // Public Methods //
20
+ ////////////////////////////////////////////////////////////////////////////////////////
21
+ public function delete_db_tables() {
22
+ global $wpdb;
23
+ $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslider");
24
+ $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdsslide");
25
+ $wpdb->query("DROP TABLE " . $wpdb->prefix . "wdslayer");
26
+
27
+ delete_option("wds_version");
28
+ delete_option("wds_theme_version");
29
+ }
30
+ ////////////////////////////////////////////////////////////////////////////////////////
31
+ // Getters & Setters //
32
+ ////////////////////////////////////////////////////////////////////////////////////////
33
+ ////////////////////////////////////////////////////////////////////////////////////////
34
+ // Private Methods //
35
+ ////////////////////////////////////////////////////////////////////////////////////////
36
+ ////////////////////////////////////////////////////////////////////////////////////////
37
+ // Listeners //
38
+ ////////////////////////////////////////////////////////////////////////////////////////
39
  }
admin/models/WDSModelWidgetSlideshow.php CHANGED
@@ -1,37 +1,37 @@
1
- <?php
2
-
3
- class WDSModelWidgetSlideshow {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constructor & Destructor //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- public function __construct() {
17
- }
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- // Public Methods //
20
- ////////////////////////////////////////////////////////////////////////////////////////
21
-
22
- public function get_slider_rows_data() {
23
- global $wpdb;
24
- $rows = $wpdb->get_results("SELECT * FROM " . $wpdb->prefix . "wdsslider WHERE published=1");
25
- return $rows;
26
- }
27
-
28
- ////////////////////////////////////////////////////////////////////////////////////////
29
- // Getters & Setters //
30
- ////////////////////////////////////////////////////////////////////////////////////////
31
- ////////////////////////////////////////////////////////////////////////////////////////
32
- // Private Methods //
33
- ////////////////////////////////////////////////////////////////////////////////////////
34
- ////////////////////////////////////////////////////////////////////////////////////////
35
- // Listeners //
36
- ////////////////////////////////////////////////////////////////////////////////////////
37
  }
1
+ <?php
2
+
3
+ class WDSModelWidgetSlideshow {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constructor & Destructor //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ public function __construct() {
17
+ }
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ // Public Methods //
20
+ ////////////////////////////////////////////////////////////////////////////////////////
21
+
22
+ public function get_slider_rows_data() {
23
+ global $wpdb;
24
+ $rows = $wpdb->get_results("SELECT * FROM " . $wpdb->prefix . "wdsslider WHERE published=1");
25
+ return $rows;
26
+ }
27
+
28
+ ////////////////////////////////////////////////////////////////////////////////////////
29
+ // Getters & Setters //
30
+ ////////////////////////////////////////////////////////////////////////////////////////
31
+ ////////////////////////////////////////////////////////////////////////////////////////
32
+ // Private Methods //
33
+ ////////////////////////////////////////////////////////////////////////////////////////
34
+ ////////////////////////////////////////////////////////////////////////////////////////
35
+ // Listeners //
36
+ ////////////////////////////////////////////////////////////////////////////////////////
37
  }
admin/views/WDSViewSliders_wds.php CHANGED
@@ -1,3114 +1,3114 @@
1
- <?php
2
-
3
- class WDSViewSliders_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- private $model;
14
-
15
-
16
- ////////////////////////////////////////////////////////////////////////////////////////
17
- // Constructor & Destructor //
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- public function __construct($model) {
20
- $this->model = $model;
21
- }
22
- ////////////////////////////////////////////////////////////////////////////////////////
23
- // Public Methods //
24
- ////////////////////////////////////////////////////////////////////////////////////////
25
- public function display() {
26
- $rows_data = $this->model->get_rows_data();
27
- $page_nav = $this->model->page_nav();
28
- $search_value = ((isset($_POST['search_value'])) ? esc_html(stripslashes($_POST['search_value'])) : '');
29
- $search_select_value = ((isset($_POST['search_select_value'])) ? (int) $_POST['search_select_value'] : 0);
30
- $asc_or_desc = ((isset($_POST['asc_or_desc'])) ? esc_html(stripslashes($_POST['asc_or_desc'])) : 'asc');
31
- $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'id');
32
- $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
33
- $ids_string = '';
34
- ?>
35
- <style>
36
- <?php
37
- global $wp_version;
38
- if (version_compare($wp_version, '4','<')) {
39
- ?>
40
- #wpwrap {
41
- background-color:#F1F1F1
42
- }
43
- @media screen and (max-width: 640px) {
44
- .buttons_div input {
45
- width:31%;
46
- font-size:10px;
47
- }
48
-
49
- .tablenav{
50
- height:auto
51
- }
52
-
53
- #wpcontent{
54
- margin-left:40px!important
55
- }
56
- .alignleft {
57
- display:none;
58
- }
59
- }
60
- <?php
61
- }
62
- ?>
63
- </style>
64
- <div style="clear: both; float: left; width: 99%;">
65
- <div style="float: left; font-size: 14px; font-weight: bold;">
66
- This section allows you to create, edit and delete sliders.
67
- <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd/adding-images.html">Read More in User Manual</a>
68
- </div>
69
- <div style="float: right; text-align: right;">
70
- <a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromslider.php">
71
- <img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_S_URL . '/images/wd_logo.png'; ?>" />
72
- </a>
73
- </div>
74
- </div>
75
- <form class="wrap wds_form" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="float: left; width: 99%;">
76
- <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
77
- <span class="slider-icon"></span>
78
- <h2>
79
- Sliders
80
- <a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
81
- spider_form_submit(event, 'sliders_form')">Add new</a>
82
- </h2>
83
-
84
- <div class="tablenav top" style="margin-bottom:25px">
85
- <?php
86
- WDW_S_Library::search('Name', $search_value, 'sliders_form');
87
- ?>
88
- <div class="buttons_div">
89
- <span class="wds_button-secondary non_selectable wds_check_all" onclick="spider_check_all_items()">
90
- <input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
91
- <span style="vertical-align: middle;">Select All</span>
92
- </span>
93
- <input class="wds_button-secondary wds_publish_all" type="submit" onclick="spider_set_input_value('task', 'publish_all')" value="Publish" />
94
- <input class="wds_button-secondary wds_unpublish_all" type="submit" onclick="spider_set_input_value('task', 'unpublish_all')" value="Unpublish" />
95
- <input class="wds_button-secondary wds_duplicate_all" type="submit" onclick="spider_set_input_value('task', 'duplicate_all')" value="Duplicate" />
96
- <input type="button" class="wds_button-secondary wds_export" onclick="alert('This functionality is disabled in free version.')" value="Export" />
97
- <input type="button" class="wds_button-secondary wds_import" onclick="alert('This functionality is disabled in free version.')" value="Import" />
98
- <input class="wds_button-secondary wds_delete_all" type="submit" onclick="if (confirm('Do you want to delete selected items?')) {
99
- spider_set_input_value('task', 'delete_all');
100
- } else {
101
- return false;
102
- }" value="Delete" />
103
- </div>
104
- </div>
105
- <?php
106
- WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form');
107
- ?>
108
- <table class="wp-list-table widefat fixed pages">
109
- <thead>
110
- <th class="manage-column column-cb check-column table_small_col"><input id="check_all" type="checkbox" onclick="spider_check_all(this)" style="margin:0;" /></th>
111
- <th class="table_small_col <?php if ($order_by == 'id') {echo $order_class;} ?>">
112
- <a onclick="spider_set_input_value('task', '');
113
- spider_set_input_value('order_by', 'id');
114
- spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'id') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
115
- spider_form_submit(event, 'sliders_form')" href="">
116
- <span>ID</span><span class="sorting-indicator"></span>
117
- </a>
118
- </th>
119
-
120
-
121
-
122
- <th class="mobile_hide table_big_col">Slider</th>
123
- <th class="<?php if ($order_by == 'name') {echo $order_class;} ?>">
124
- <a onclick="spider_set_input_value('task', '');
125
- spider_set_input_value('order_by', 'name');
126
- spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'name') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
127
- spider_form_submit(event, 'sliders_form')" href="">
128
- <span>Name</span><span class="sorting-indicator"></span>
129
- </a>
130
- </th>
131
- <th class="mobile_hide table_big_col">Slides</th>
132
- <th class="table_big_col">Shortcode</th>
133
- <th class="mobile_hide table_large_col">PHP function</th>
134
- <th class="mobile_hide table_big_col <?php if ($order_by == 'published') {echo $order_class;} ?>">
135
- <a onclick="spider_set_input_value('task', '');
136
- spider_set_input_value('order_by', 'published');
137
- spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'published') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
138
- spider_form_submit(event, 'sliders_form')" href="">
139
- <span>Published</span><span class="sorting-indicator"></span>
140
- </a>
141
- </th>
142
- <th class="mobile_hide table_big_col wds_table_big_col_action" colspan='3'>Action</th>
143
- </thead>
144
- <tbody id="tbody_arr">
145
- <?php
146
- if ($rows_data) {
147
- $alternate = '';
148
- foreach ($rows_data as $row_data) {
149
- $alternate = ($alternate == 'class="wds_alternate"') ? '' : 'class="wds_alternate"';
150
- $published_image = (($row_data->published) ? 'publish_slide' : 'unpublish_slide');
151
- $published = (($row_data->published) ? 'unpublish' : 'publish');
152
- $prev_img_url = $this->model->get_slider_prev_img($row_data->id);
153
- $slides_count = $this->model->get_slides_count($row_data->id);
154
- ?>
155
- <tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
156
- <td class="table_small_col check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></td>
157
- <td class="table_small_col"><?php echo $row_data->id; ?></td>
158
- <td class="mobile_hide table_big_col">
159
- <img title="<?php echo $row_data->name; ?>" style="border: 1px solid #CCCCCC; max-width: 70px; max-height: 50px;" src="<?php echo $prev_img_url . '?date=' . date('Y-m-y H:i:s'); ?>">
160
- </td>
161
- <td class="wds_640">
162
- <a onclick="spider_set_input_value('task', 'edit');
163
- spider_set_input_value('page_number', '1');
164
- spider_set_input_value('search_value', '');
165
- spider_set_input_value('search_or_not', '');
166
- spider_set_input_value('asc_or_desc', 'asc');
167
- spider_set_input_value('order_by', 'order');
168
- spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
169
- spider_form_submit(event, 'sliders_form')" href="" title="Edit"><?php echo $row_data->name; ?>
170
- </a>
171
- </td>
172
- <td class="mobile_hide table_big_col"><?php echo $slides_count; ?></td>
173
- <td class="table_big_col" style="padding-left: 0; padding-right: 0;">
174
- <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
175
- </td>
176
- <td class="mobile_hide table_large_col" style="padding-left: 0; padding-right: 0;">
177
- <input type="text" value="&#60;?php wd_slider(<?php echo $row_data->id; ?>); ?&#62;" onclick="spider_select_value(this)" size="23" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
178
- </td>
179
- <td class="mobile_hide table_big_col">
180
- <a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><img src="<?php echo WD_S_URL . '/images/sliderwdpng/' . $published_image . '.png'; ?>"></img></a>
181
- </td>
182
- <td class="mobile_hide table_big_col" colspan="3">
183
- <div class='slider_edit_buttons'>
184
- <div class="slider_edit">
185
- <input type="button" value="Edit" class="action_buttons edit_slider" onclick="spider_set_input_value('task', 'edit');
186
- spider_set_input_value('page_number', '1');
187
- spider_set_input_value('search_value', '');
188
- spider_set_input_value('search_or_not', '');
189
- spider_set_input_value('asc_or_desc', 'asc');
190
- spider_set_input_value('order_by', 'order');
191
- spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
192
- spider_form_submit(event, 'sliders_form')" />
193
- </div>
194
- <div class="slider_delete">
195
- <input type="button" class="action_buttons wds_delete_slider" value="Delete" onclick="if (confirm('Do you want to delete selected items?')) {spider_set_input_value('task', 'delete');
196
- spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
197
- spider_form_submit(event, 'sliders_form')} else {return false;}" />
198
- </div>
199
- <div class="clear"></div>
200
- </div>
201
- </td>
202
- </tr>
203
- <?php
204
- $ids_string .= $row_data->id . ',';
205
- }
206
- }
207
- ?>
208
- </tbody>
209
- </table>
210
- <input id="task" name="task" type="hidden" value="" />
211
- <input id="current_id" name="current_id" type="hidden" value="" />
212
- <input id="ids_string" name="ids_string" type="hidden" value="<?php echo $ids_string; ?>" />
213
- <input id="asc_or_desc" name="asc_or_desc" type="hidden" value="asc" />
214
- <input id="order_by" name="order_by" type="hidden" value="<?php echo $order_by; ?>" />
215
- </form>
216
- <?php
217
- }
218
-
219
- public function edit($id, $reset = FALSE) {
220
- $query_url = add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'bwg_add_preview_image'), admin_url('admin-ajax.php'));
221
- $query_url = wp_nonce_url($query_url, 'addImage', 'nonce_wd');
222
-
223
- $row = $this->model->get_row_data($id, $reset);
224
- $slides_row = $this->model->get_slides_row_data($id);
225
- $slide_ids_string = '';
226
- $sub_tab_type = WDW_S_Library::get('sub_tab', '');
227
-
228
- $page_title = (($id != 0) ? 'Edit slider ' . $row->name : 'Create new slider');
229
- $aligns = array(
230
- 'left' => 'Left',
231
- 'center' => 'Center',
232
- 'right' => 'Right',
233
- );
234
- $border_styles = array(
235
- 'none' => 'None',
236
- 'solid' => 'Solid',
237
- 'dotted' => 'Dotted',
238
- 'dashed' => 'Dashed',
239
- 'double' => 'Double',
240
- 'groove' => 'Groove',
241
- 'ridge' => 'Ridge',
242
- 'inset' => 'Inset',
243
- 'outset' => 'Outset',
244
- );
245
- $button_styles = array(
246
- 'fa-chevron' => 'Chevron',
247
- 'fa-angle' => 'Angle',
248
- 'fa-angle-double' => 'Double',
249
- );
250
- $bull_styles = array(
251
- 'fa-circle-o' => 'Circle O',
252
- 'fa-circle' => 'Circle',
253
- 'fa-minus' => 'Minus',
254
- 'fa-square-o' => 'Square O',
255
- 'fa-square' => 'Square',
256
- );
257
- $font_families = array(
258
- 'arial' => 'Arial',
259
- 'lucida grande' => 'Lucida grande',
260
- 'segoe ui' => 'Segoe ui',
261
- 'tahoma' => 'Tahoma',
262
- 'trebuchet ms' => 'Trebuchet ms',
263
- 'verdana' => 'Verdana',
264
- 'cursive' =>'Cursive',
265
- 'fantasy' => 'Fantasy',
266
- 'monospace' => 'Monospace',
267
- 'serif' => 'Serif',
268
- );
269
- $google_fonts = WDW_S_Library::get_google_fonts();
270
- if ($row->possib_add_ffamily != '') {
271
- $possib_add_ffamily = explode("*WD*", $row->possib_add_ffamily);
272
- foreach($possib_add_ffamily as $possib_add_value) {
273
- if ($possib_add_value) {
274
- $font_families[strtolower($possib_add_value)] = $possib_add_value;
275
- }
276
- }
277
- }
278
- if ($row->possib_add_ffamily_google != '') {
279
- $possib_add_ffamily_google = explode("*WD*", $row->possib_add_ffamily_google);
280
- foreach($possib_add_ffamily_google as $possib_add_value_google) {
281
- if ($possib_add_value_google) {
282
- $google_fonts[strtolower($possib_add_value_google)] = $possib_add_value_google;
283
- }
284
- }
285
- }
286
- $font_weights = array(
287
- 'lighter' => 'Lighter',
288
- 'normal' => 'Normal',
289
- 'bold' => 'Bold',
290
- );
291
- $social_buttons = array(
292
- 'facebook' => 'Facebook',
293
- 'google-plus' => 'Google+',
294
- 'twitter' => 'Twitter',
295
- 'pinterest' => 'Pinterest',
296
- 'tumblr' => 'Tumblr',
297
- );
298
- $free_effects = array('none', 'fade', 'sliceH', 'fan', 'scaleIn');
299
- $effects = array(
300
- 'none' => 'None',
301
- 'fade' => 'Fade',
302
- 'sliceH' => 'Slice Horizontal',
303
- 'fan' => 'Fan',
304
- 'scaleIn' => 'Scale In',
305
- 'zoomFade' => 'Zoom Fade',
306
- 'parallelSlideH' => 'Parallel Slide Horizontal',
307
- 'parallelSlideV' => 'Parallel Slide Vertical',
308
- 'slic3DH' => 'Slice 3D Horizontal',
309
- 'slic3DV' => 'Slice 3D Vertical',
310
- 'slicR3DH' => 'Slice 3D Horizontal Random',
311
- 'slicR3DV' => 'Slice 3D Vertical Random',
312
- 'blindR' => 'Blind',
313
- 'tilesR' => 'Tiles',
314
- 'blockScaleR' => 'Block Scale Random',
315
- 'cubeH' => 'Cube Horizontal',
316
- 'cubeV' => 'Cube Vertical',
317
- 'cubeR' => 'Cube Random',
318
- 'sliceV' => 'Slice Vertical',
319
- 'slideH' => 'Slide Horizontal',
320
- 'slideV' => 'Slide Vertical',
321
- 'scaleOut' => 'Scale Out',
322
- 'blockScale' => 'Block Scale',
323
- 'kaleidoscope' => 'Kaleidoscope',
324
- 'blindH' => 'Blind Horizontal',
325
- 'blindV' => 'Blind Vertical',
326
- 'random' => 'Random',
327
- '3Drandom' => '3D Random',
328
- );
329
- $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
330
- $layer_effects_in = array(
331
- 'none' => 'None',
332
- 'bounce' => 'Bounce',
333
- 'tada' => 'Tada',
334
- 'bounceInDown' => 'BounceInDown',
335
- 'fadeInLeft' => 'FadeInLeft',
336
- 'flash' => 'Flash',
337
- 'pulse' => 'Pulse',
338
- 'rubberBand' => 'RubberBand',
339
- 'shake' => 'Shake',
340
- 'swing' => 'Swing',
341
- 'wobble' => 'Wobble',
342
- 'hinge' => 'Hinge',
343
-
344
- 'lightSpeedIn' => 'LightSpeedIn',
345
- 'rollIn' => 'RollIn',
346
-
347
- 'bounceIn' => 'BounceIn',
348
- 'bounceInLeft' => 'BounceInLeft',
349
- 'bounceInRight' => 'BounceInRight',
350
- 'bounceInUp' => 'BounceInUp',
351
-
352
- 'fadeIn' => 'FadeIn',
353
- 'fadeInDown' => 'FadeInDown',
354
- 'fadeInDownBig' => 'FadeInDownBig',
355
- 'fadeInLeftBig' => 'FadeInLeftBig',
356
- 'fadeInRight' => 'FadeInRight',
357
- 'fadeInRightBig' => 'FadeInRightBig',
358
- 'fadeInUp' => 'FadeInUp',
359
- 'fadeInUpBig' => 'FadeInUpBig',
360
-
361
- 'flip' => 'Flip',
362
- 'flipInX' => 'FlipInX',
363
- 'flipInY' => 'FlipInY',
364
-
365
- 'rotateIn' => 'RotateIn',
366
- 'rotateInDownLeft' => 'RotateInDownLeft',
367
- 'rotateInDownRight' => 'RotateInDownRight',
368
- 'rotateInUpLeft' => 'RotateInUpLeft',
369
- 'rotateInUpRight' => 'RotateInUpRight',
370
-
371
- 'zoomIn' => 'ZoomIn',
372
- 'zoomInDown' => 'ZoomInDown',
373
- 'zoomInLeft' => 'ZoomInLeft',
374
- 'zoomInRight' => 'ZoomInRight',
375
- 'zoomInUp' => 'ZoomInUp',
376
- );
377
- $layer_effects_out = array(
378
- 'none' => 'None',
379
- 'bounce' => 'Bounce',
380
- 'tada' => 'Tada',
381
- 'bounceOutUp' => 'BounceOutUp',
382
- 'fadeOutRight' => 'FadeOutRight',
383
- 'flash' => 'Flash',
384
- 'pulse' => 'Pulse',
385
- 'rubberBand' => 'RubberBand',
386
- 'shake' => 'Shake',
387
- 'swing' => 'Swing',
388
- 'wobble' => 'Wobble',
389
- 'hinge' => 'Hinge',
390
-
391
- 'lightSpeedOut' => 'LightSpeedOut',
392
- 'rollOut' => 'RollOut',
393
-
394
- 'bounceOut' => 'BounceOut',
395
- 'bounceOutDown' => 'BounceOutDown',
396
- 'bounceOutLeft' => 'BounceOutLeft',
397
- 'bounceOutRight' => 'BounceOutRight',
398
-
399
- 'fadeOut' => 'FadeOut',
400
- 'fadeOutDown' => 'FadeOutDown',
401
- 'fadeOutDownBig' => 'FadeOutDownBig',
402
- 'fadeOutLeft' => 'FadeOutLeft',
403
- 'fadeOutLeftBig' => 'FadeOutLeftBig',
404
- 'fadeOutRightBig' => 'FadeOutRightBig',
405
- 'fadeOutUp' => 'FadeOutUp',
406
- 'fadeOutUpBig' => 'FadeOutUpBig',
407
-
408
- 'flip' => 'Flip',
409
- 'flipOutX' => 'FlipOutX',
410
- 'flipOutY' => 'FlipOutY',
411
-
412
- 'rotateOut' => 'RotateOut',
413
- 'rotateOutDownLeft' => 'RotateOutDownLeft',
414
- 'rotateOutDownRight' => 'RotateOutDownRight',
415
- 'rotateOutUpLeft' => 'RotateOutUpLeft',
416
- 'rotateOutUpRight' => 'RotateOutUpRight',
417
-
418
- 'zoomOut' => 'ZoomOut',
419
- 'zoomOutDown' => 'ZoomOutDown',
420
- 'zoomOutLeft' => 'ZoomOutLeft',
421
- 'zoomOutRight' => 'ZoomOutRight',
422
- 'zoomOutUp' => 'ZoomOutUp',
423
- );
424
- $slider_callbacks = array(
425
- 'onSliderI' => 'On slider Init',
426
- 'onSliderCS' => 'On slide change start',
427
- 'onSliderCE' => 'On slide change end',
428
- 'onSliderPlay' => 'On slide play',
429
- 'onSliderPause' => 'On slide pause',
430
- 'onSliderHover' => 'On slide hover',
431
- 'onSliderBlur' => 'On slide blur',
432
- 'onSliderR' => 'On slider resize',
433
- 'onSwipeS' => 'On swipe start',
434
- );
435
- $built_in_watermark_fonts = array();
436
- foreach (scandir(path_join(WD_S_DIR, 'fonts')) as $filename) {
437
- if (strpos($filename, '.') === 0) {
438
- continue;
439
- }
440
- else {
441
- $built_in_watermark_fonts[] = $filename;
442
- }
443
- }
444
- if (get_option("wds_theme_version")) {
445
- $fv = TRUE;
446
- $fv_class = 'spider_free_version_label';
447
- $fv_disabled = 'disabled="disabled"';
448
- $fv_message = '<tr><td colspan="2"><div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Some options are disabled in free version.</div></td></tr>';
449
- $fv_title = ' title="This option is disabled in free version."';
450
- }
451
- else {
452
- $fv = FALSE;
453
- $fv_class = '';
454
- $fv_disabled = '';
455
- $fv_message = '';
456
- $fv_title = '';
457
- }
458
- ?>
459
- <style>
460
- <?php
461
- global $wp_version;
462
- if (version_compare($wp_version, '4','<')) {
463
- ?>
464
- #wpwrap {
465
- background-color:#F1F1F1
466
- }
467
-
468
- .tab_button_wrap {
469
- width:46%;
470
- }
471
-
472
- .tab_button_wrap .wds_button-secondary {
473
- margin-right: 7px;
474
- }
475
- @media screen and (max-width: 640px) {
476
- .buttons_div input {
477
- width:31%;
478
- font-size:11px
479
- }
480
-
481
- body{
482
- min-width:inherit !Important;
483
- }
484
-
485
- .tablenav{
486
- height:auto
487
- }
488
-
489
- #wpcontent{
490
- margin-left:40px!important
491
- }
492
- .tab_button_wrap, .buttons_conteiner .wds_buttons .wds_button_wrap {
493
- width:48.5%;
494
- }
495
- .action_buttons {
496
- font-size: 10px !important;
497
- }
498
- .add_social_layer {
499
- padding: 0 7px 1px 35px !important;
500
- }
501
- #TB_window{
502
- top:5% !important
503
- }
504
-
505
- .attachments-browser .attachments{
506
- right:0 !Important
507
- }
508
- .media-modal {
509
- width: 100% !Important;
510
- left:0 !Important;
511
- position:fixed !important
512
- }
513
- .media-sidebar{
514
- bottom:120% !Important;
515
- padding:0 !Important
516
- }
517
- .media-modal-backdrop{
518
- position:fixed !important
519
- }
520
- .uploader-inline{
521
- right:0!important
522
- }
523
-
524
- }
525
- <?php
526
- }
527
- ?>
528
- </style>
529
- <div class="spider_message_cont"></div>
530
- <div class="spider_load">
531
- <div class="spider_load_cont"></div>
532
- <div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader.gif'; ?>"></div>
533
- </div>
534
- <div style="clear: both; float: left; width: 99%;">
535
- <div style="float: left; font-size: 14px; font-weight: bold;">
536
- This section allows you to add/edit slider.
537
- <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd/adding-images.html">Read More in User Manual</a>
538
- </div>
539
- <div style="float: right; text-align: right;">
540
- <a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromslider.php">
541
- <img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_S_URL . '/images/wd_logo.png'; ?>" />
542
- </a>
543
- </div>
544
- </div>
545
- <form class="wrap wds_form" method="post" id="sliders_form" action="admin.php?page=sliders_wds" style="float: left; width: 99%;">
546
- <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
547
- <span class="slider-icon"></span>
548
- <h2><?php echo $page_title; ?></h2>
549
- <div class="buttons_conteiner">
550
- <div class="slider_title_conteiner">
551
- <span class="spider_label"><label for="name"><?php _e('Slider Title:','wds_back'); ?> <span style="color:#FF0000;">*</span> </label></span>
552
- <span><input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="20" /></span>
553
- </div>
554
- <div class="wds_buttons">
555
- <div class="wds_button_wrap">
556
- <input class="wds_button-secondary wds_save_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
557
- spider_set_input_value('task', 'save');
558
- spider_ajax_save('sliders_form', event);" value="Save" />
559
- </div>
560
- <div class="wds_button_wrap">
561
- <input class="wds_button-secondary wds_aplly_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
562
- spider_set_input_value('task', 'apply');
563
- spider_ajax_save('sliders_form', event);" value="Apply" />
564
- </div>
565
- <div class="wds_button_wrap">
566
- <input class="wds_button-secondary wds_dublicate_slide" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
567
- spider_set_input_value('task', 'duplicate');
568
- spider_set_input_value('sub_tab', '');
569
- spider_ajax_save('sliders_form', event);" value="Save as Copy" />
570
- </div>
571
- <div class="wds_button_wrap">
572
- <input id="wds_preview" type="button" class="action_buttons" value="Preview"
573
- onclick="if (wds_check_required('name', 'Name')) { return false;}; spider_set_input_value('task', 'preview'); spider_ajax_save('sliders_form', event); return false;" />
574
- </div>
575
- <div class="wds_button_wrap">
576
- <input type="button" class="wds_button-secondary wds_export_one" onclick="alert('This functionality is disabled in free version.')" value="Export" />
577
- </div>
578
- <div class="wds_button_wrap">
579
- <input class="wds_button-secondary last wds_cancel" type="submit" onclick="spider_set_input_value('task', 'cancel')" value="Cancel" />
580
- </div>
581
- </div>
582
- <div class="wds_clear"></div>
583
- </div>
584
- <div>
585
- <div class="wds_reset_button">
586
- <input class="reset_settings" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
587
- spider_set_input_value('task', 'reset');
588
- spider_ajax_save('sliders_form', event);" value="Reset Settings" />
589
- </div>
590
- <!--------------Settings tab----------->
591
- <div class="wds_box wds_settings_box">
592
- <table>
593
- <thead>
594
- <tr>
595
- <td colspan="4">
596
- <div class="tab_conteiner">
597
- <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
598
- <a class="wds_button-secondary wds_settings" href="#">
599
- <span tab_type="settings" class="wds_tab_label">Settings</span>
600
- </a>
601
- </div>
602
- <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')">
603
- <a class="wds_button-secondary wds_slides" href="#">
604
- <span tab_type="slides" class="wds_tab_label">Slides</span>
605
- </a>
606
- </div>
607
- <div class="clear"></div>
608
- </div>
609
- </td>
610
- </tr>
611
- </thead>
612
- </table>
613
- <div class="wds_nav_tabs">
614
- <div class="wds_menu_icon" onclick="jQuery('.wds_nav_tabs ul').slideToggle(500);"></div>
615
- <ul>
616
- <li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
617
- <a href="#">Global</a>
618
- </li>
619
- <li tab_type="carousel" onclick="wds_change_nav(this, 'wds_nav_carousel_box')">
620
- <a href="#">Carousel</a>
621
- </li>
622
- <li tab_type="navigation" onclick="wds_change_nav(this, 'wds_nav_navigation_box')" >
623
- <a href="#">Navigation</a>
624
- </li>
625
- <li tab_type="bullets" onclick="wds_change_nav(this, 'wds_nav_bullets_box')" >
626
- <a href="#">Bullets</a>
627
- </li>
628
- <li tab_type="filmstrip" onclick="wds_change_nav(this, 'wds_nav_filmstrip_box')" >
629
- <a href="#">Filmstrip</a>
630
- </li>
631
- <li tab_type="timer_bar" onclick="wds_change_nav(this, 'wds_nav_timer_bar_box')" >
632
- <a href="#">Timer bar</a>
633
- </li>
634
- <li tab_type="watermark" onclick="wds_change_nav(this, 'wds_nav_watermark_box')" >
635
- <a href="#">Watermark</a>
636
- </li>
637
- <li tab_type="css" onclick="wds_change_nav(this, 'wds_nav_css_box')" >
638
- <a href="#">CSS</a>
639
- </li>
640
- <li tab_type="callbacks" onclick="wds_change_nav(this, 'wds_nav_callbacks_box')" >
641
- <a href="#">Slider Callbacks</a>
642
- </li>
643
- </ul>
644
- </div>
645
- <div>
646
- <div class="wds_nav_box wds_nav_global_box">
647
- <table>
648
- <tbody>
649
- <tr>
650
- <td class="spider_label"><label>Dimensions: </label></td>
651
- <td>
652
- <input type="text" name="width" id="width" value="<?php echo $row->width; ?>" class="spider_int_input" onchange="wds_whr('width')" onkeypress="return spider_check_isnum(event)" /> x
653
- <input type="text" name="height" id="height" value="<?php echo $row->height; ?>" class="spider_int_input" onchange="wds_whr('height')" onkeypress="return spider_check_isnum(event)" /> px
654
- <div class="spider_description">Maximum width and height for slider.</div>
655
- </td>
656
- </tr>
657
- <tr>
658
- <td class="spider_label"><label>Full width: </label></td>
659
- <td>
660
- <input type="radio" id="full_width1" name="full_width" <?php echo (($row->full_width) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->full_width) ? 'class="selected_color"' : ''); ?> for="full_width1">Yes</label>
661
- <input type="radio" id="full_width0" name="full_width" <?php echo (($row->full_width) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ($row->full_width) ? '' : 'class="selected_color"'; ?> for="full_width0">No</label>
662
- <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" /><label for="ratio">Ratio</label>
663
- <div class="spider_description">The image will stretch to the page width, taking the height based on dimensions ratio.</div>
664
- </td>
665
- </tr>
666
- <tr>
667
- <td class="spider_label"><label>Background fit: </label></td>
668
- <td>
669
- <input onClick="bwg_enable_disable('', 'tr_smart_crop', 'bg_fit_cover')" type="radio" name="bg_fit" id="bg_fit_cover" value="cover" <?php if ($row->bg_fit == 'cover') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'cover'})" /><label <?php echo $row->bg_fit == 'cover' ? 'class="selected_color"' : ''; ?> for="bg_fit_cover">Cover</label>
670
- <input onClick="bwg_enable_disable('none', 'tr_smart_crop', 'bg_fit_fill'); jQuery('#smart_crop0').click();" type="radio" name="bg_fit" id="bg_fit_fill" value="100% 100%" <?php if ($row->bg_fit == '100% 100%') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: '100% 100%'})" /><label <?php echo $row->bg_fit == '100% 100%' ? 'class="selected_color"' : ''; ?> for="bg_fit_fill">Fill</label>
671
- <input onClick="bwg_enable_disable('', 'tr_smart_crop', 'bg_fit_contain')" type="radio" name="bg_fit" id="bg_fit_contain" value="contain" <?php if ($row->bg_fit == 'contain') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'contain'})" /><label <?php echo $row->bg_fit == 'contain' ? 'class="selected_color"' : ''; ?> for="bg_fit_contain">Contain</label>
672
- </td>
673
- </tr>
674
- <tr id="tr_smart_crop">
675
- <td class="spider_label"><label>Smart Crop</label></td>
676
- <td>
677
- <input onClick="bwg_enable_disable('', 'tr_crop_pos', 'smart_crop1')" type="radio" id="smart_crop1" name="smart_crop" <?php echo (($row->smart_crop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop1">Yes</label>
678
- <input onClick="bwg_enable_disable('none', 'tr_crop_pos', 'smart_crop0')" type="radio" id="smart_crop0" name="smart_crop" <?php echo (($row->smart_crop) ? '' : 'checked="checked"'); ?> value="0" /><label for="smart_crop0">No</label>
679
- <div class="spider_description"></div>
680
- </td>
681
- </tr>
682
- <tr id="tr_crop_pos">
683
- <td class="spider_label_options">
684
- <label for="smart_crop">Crop Image Position </label>
685
- </td>
686
- <td>
687
- <table class="wds_position_table">
688
- <tbody>
689
- <tr>
690
- <td class="wds_position_td"><input type="radio" value="left top" name="crop_image_position" <?php if ($row->crop_image_position == "left top") echo 'checked="checked"'; ?> ></td>
691
- <td class="wds_position_td"><input type="radio" value="center top" name="crop_image_position" <?php if ($row->crop_image_position == "center top") echo 'checked="checked"'; ?> ></td>
692
- <td class="wds_position_td"><input type="radio" value="right top" name="crop_image_position" <?php if ($row->crop_image_position == "right top") echo 'checked="checked"'; ?> ></td>
693
- </tr>
694
- <tr>
695
- <td class="wds_position_td"><input type="radio" value="left center" name="crop_image_position" <?php if ($row->crop_image_position == "left center") echo 'checked="checked"'; ?> ></td>
696
- <td class="wds_position_td"><input type="radio" value="center center" name="crop_image_position" <?php if ($row->crop_image_position == "center center") echo 'checked="checked"'; ?> ></td>
697
- <td class="wds_position_td"><input type="radio" value="right center" name="crop_image_position" <?php if ($row->crop_image_position == "right center") echo 'checked="checked"'; ?> ></td>
698
- </tr>
699
- <tr>
700
- <td class="wds_position_td"><input type="radio" value="left bottom" name="crop_image_position" <?php if ($row->crop_image_position == "left bottom") echo 'checked="checked"'; ?> ></td>
701
- <td class="wds_position_td"><input type="radio" value="center bottom" name="crop_image_position" <?php if ($row->crop_image_position == "center bottom") echo 'checked="checked"'; ?> ></td>
702
- <td class="wds_position_td"><input type="radio" value="right bottom" name="crop_image_position" <?php if ($row->crop_image_position == "right bottom") echo 'checked="checked"'; ?> ></td>
703
- </tr>
704
- </tbody>
705
- </table>
706
- </td>
707
- </tr>
708
- <tr>
709
- <td class="spider_label"><label>Fixed background: </label></td>
710
- <td>
711
- <input type="radio" id="fixed_bg1" name="fixed_bg" <?php echo (($row->fixed_bg) ? 'checked="checked"' : ''); ?> value="1" /><label for="fixed_bg1">Yes</label>
712
- <input type="radio" id="fixed_bg0" name="fixed_bg" <?php echo (($row->fixed_bg) ? '' : 'checked="checked"'); ?> value="0" /><label for="fixed_bg0">No</label>
713
- <div class="spider_description"></div>
714
- </td>
715
- </tr>
716
- <tr>
717
- <td class="spider_label"><label for="align">Align: </label></td>
718
- <td>
719
- <select class="select_icon select_icon_320" name="align" id="align">
720
- <?php
721
- foreach ($aligns as $key => $align) {
722
- ?>
723
- <option value="<?php echo $key; ?>" <?php echo (($row->align == $key) ? 'selected="selected"' : ''); ?>><?php echo $align; ?></option>
724
- <?php
725
- }
726
- ?>
727
- </select>
728
- <div class="spider_description">Set the alignment of the slider.</div>
729
- </td>
730
- </tr>
731
- <tr>
732
- <td class="spider_label_options">
733
- <label for="effect">Effect:</label>
734
- </td>
735
- <td>
736
- <select class="select_icon select_icon_320" name="effect" id="effect">
737
- <?php
738
- foreach ($effects as $key => $effect) {
739
- ?>
740
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($row->effect == $key) echo 'selected="selected"'; ?>><?php echo $effect; ?></option>
741
- <?php
742
- }
743
- ?>
744
- </select>
745
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
746
- </td>
747
- </tr>
748
- <tr>
749
- <td class="spider_label"><label for="effect_duration">Еffect duration: </label></td>
750
- <td>
751
- <input type="text" id="effect_duration" name="effect_duration" value="<?php echo $row->effect_duration; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> ms
752
- <div class="spider_description">Define the time for the effect.</div>
753
- </td>
754
- </tr>
755
- <tr>
756
- <td class="spider_label spider_free_version_label"><label>Parallax Effect: </label></td>
757
- <td title="This option is disabled in free version.">
758
- <input disabled="disabled" type="radio" id="parallax_effect1" name="parallax_effect" <?php echo (($row->parallax_effect) ? 'checked="checked"' : ''); ?> value="1" /><label for="parallax_effect1">Yes</label>
759
- <input disabled="disabled" type="radio" id="parallax_effect0" name="parallax_effect" <?php echo (($row->parallax_effect) ? '' : 'checked="checked"'); ?> value="0" /><label for="parallax_effect0">No</label>
760
- <div class="spider_description">The direction of the movement, as well as the layer moving pace depend on the z-index value.</div>
761
- </td>
762
- </tr>
763
- <tr>
764
- <td class="spider_label"><label>Autoplay: </label></td>
765
- <td>
766
- <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->autoplay) ? 'class="selected_color"' : ''); ?> for="autoplay1">Yes</label>
767
- <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->autoplay) ? '' : 'class="selected_color"'); ?> for="autoplay0">No</label>
768
- <div class="spider_description">Choose whether to autoplay the sliders or not.</div>
769
- </td>
770
- </tr>
771
- <tr>
772
- <td class="spider_label"><label>Enable loop: </label></td>
773
- <td>
774
- <input type="radio" id="slider_loop1" name="slider_loop" <?php echo (($row->slider_loop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->slider_loop) ? 'class="selected_color"' : ''); ?> for="slider_loop1">Yes</label>
775
- <input type="radio" id="slider_loop0" name="slider_loop" <?php echo (($row->slider_loop) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->slider_loop) ? '' : 'class="selected_color"'); ?> for="slider_loop0">No</label>
776
- <div class="spider_description"></div>
777
- </td>
778
- </tr>
779
- <tr>
780
- <td class="spider_label"><label for="time_intervval">Time Interval: </label></td>
781
- <td>
782
- <input type="text" id="time_intervval" name="time_intervval" value="<?php echo $row->time_intervval; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> sec.
783
- <div class="spider_description">Set the time interval for the change of the sliders when autoplay is on.</div>
784
- </td>
785
- </tr>
786
- <tr>
787
- <td class="spider_label"><label>Stop on hover: </label></td>
788
- <td>
789
- <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->stop_animation) ? 'class="selected_color"' : ''); ?> for="stop_animation1">Yes</label>
790
- <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->stop_animation) ? '' : 'class="selected_color"'); ?> for="stop_animation0">No</label>
791
- <div class="spider_description">The option works when autoplay is on.</div>
792
- </td>
793
- </tr>
794
- <tr>
795
- <td class="spider_label"><label>Shuffle: </label></td>
796
- <td>
797
- <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->shuffle) ? 'class="selected_color"' : ''); ?> for="shuffle1">Yes</label>
798
- <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->shuffle) ? '' : 'class="selected_color"'); ?> for="shuffle0">No</label>
799
- <div class="spider_description">Choose whether to have the slides change in a random manner or to keep the original sequence.</div>
800
- </td>
801
- </tr>
802
- <tr>
803
- <td class="spider_label"><label for="start_slide_num">Start with slide: </label></td>
804
- <td>
805
- <input type="text" name="start_slide_num" id="start_slide_num" value="<?php echo $row->start_slide_num; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
806
- <div class="spider_description">The slider will start with the specified slide. You can use the value 0 for random.</div>
807
- </td>
808
- </tr>
809
- <tr>
810
- <td class="spider_label"><label>Music: </label></td>
811
- <td>
812
- <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="bwg_enable_disable('', 'tr_music_url', 'music1')" /><label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1">Yes</label>
813
- <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="bwg_enable_disable('none', 'tr_music_url', 'music0')" /><label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0">No</label>
814
- <div class="spider_description">Choose whether to have music/audio track playback with the slider or not.</div>
815
- </td>
816
- </tr>
817
- <tr id="tr_music_url">
818
- <td class="spider_label_options">
819
- <label for="music_url">Music url: </label>
820
- </td>
821
- <td>
822
- <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
823
- <input id="add_music_url" class="button-primary" type="button" onclick="spider_media_uploader('music', event, false); return false;" value="Add music" />
824
- <div class="spider_description">Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.</div>
825
- </td>
826
- </tr>
827
- <tr>
828
- <td class="spider_label"><label>Smart Load: </label></td>
829
- <td>
830
- <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->preload_images) ? 'class="selected_color"' : ''); ?> for="preload_images1">Yes</label>
831
- <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->preload_images) ? '' : 'class="selected_color"'); ?> for="preload_images0">No</label>
832
- <div class="spider_description">Choose to have faster load for the first few images and process the rest meanwhile.</div>
833
- </td>
834
- </tr>
835
- <tr>
836
- <td class="spider_label"><label for="background_color">Background color:</label></td>
837
- <td>
838
- <input type="text" name="background_color" id="background_color" value="<?php echo $row->background_color; ?>" class="color" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#background_transparent').val())})" />
839
- <input id="background_transparent" name="background_transparent" class="spider_int_input" type="text" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery('#background_color').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $row->background_transparent; ?>" /> %
840
- <div class="spider_description">Transparency value must be between 0 to 100.</div>
841
- </td>
842
- </tr>
843
- <tr>
844
- <td class="spider_label"><label for="glb_border_width">Border: </label></td>
845
- <td>
846
- <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
847
- <select class="select_icon select_icon_320" name="glb_border_style" id="glb_border_style">
848
- <?php
849
- foreach ($border_styles as $key => $border_style) {
850
- ?>
851
- <option value="<?php echo $key; ?>" <?php echo (($row->glb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
852
- <?php
853
- }
854
- ?>
855
- </select>
856
- <input type="text" name="glb_border_color" id="glb_border_color" value="<?php echo $row->glb_border_color; ?>" class="color" />
857
- <div class="spider_description">Set the border width, type and the color.</div>
858
- </td>
859
- </tr>
860
- <tr>
861
- <td class="spider_label"><label for="glb_border_radius">Border radius: </label></td>
862
- <td>
863
- <input type="text" name="glb_border_radius" id="glb_border_radius" value="<?php echo $row->glb_border_radius; ?>" class="spider_char_input" />
864
- <div class="spider_description">Use CSS type values.</div>
865
- </td>
866
- </tr>
867
- <tr>
868
- <td class="spider_label"><label for="glb_margin">Margin: </label></td>
869
- <td>
870
- <input type="text" name="glb_margin" id="glb_margin" value="<?php echo $row->glb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
871
- <div class="spider_description">Set a margin for the slider.</div>
872
- </td>
873
- </tr>
874
- <tr>
875
- <td class="spider_label"><label for="glb_box_shadow">Shadow: </label></td>
876
- <td>
877
- <input type="text" name="glb_box_shadow" id="glb_box_shadow" value="<?php echo $row->glb_box_shadow; ?>" class="spider_box_input" />
878
- <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
879
- </td>
880
- </tr>
881
- <tr>
882
- <td class="spider_label_options">
883
- <label>Right click protection: </label>
884
- </td>
885
- <td>
886
- <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? 'class="selected_color"' : ''; ?> for="image_right_click_1">Yes</label>
887
- <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? '' : 'class="selected_color"'; ?> for="image_right_click_0">No</label>
888
- <div class="spider_description">Disable image right click possibility.</div>
889
- </td>
890
- </tr>
891
- <tr>
892
- <td class="spider_label_options">
893
- <label>Layer out on next: </label>
894
- </td>
895
- <td>
896
- <input type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? 'class="selected_color"' : ''; ?> for="layer_out_next_1">Yes</label>
897
- <input type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? '' : 'class="selected_color"'; ?> for="layer_out_next_0">No</label>
898
- <div class="spider_description">Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.</div>
899
- </td>
900
- </tr>
901
- <tr>
902
- <td class="spider_label"><label>Turn SliderWD Media Upload: </label></td>
903
- <td>
904
- <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($row->spider_uploader) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->spider_uploader) ? 'class="selected_color"' : ''); ?> for="spider_uploader1">Yes</label>
905
- <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($row->spider_uploader) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->spider_uploader) ? '' : 'class="selected_color"'); ?> for="spider_uploader0">No</label>
906
- <div class="spider_description">Choose the option to use the custom media upload instead of the WordPress default for adding images.</div>
907
- </td>
908
- </tr>
909
- <tr>
910
- <td class="spider_label"><label for="possib_add_ffamily_input">Add font-family: </label></td>
911
- <td>
912
- <input type="text" id="possib_add_ffamily_input" value="" class="spider_box_input" />
913
- <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $row->possib_add_ffamily; ?>" />
914
- <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $row->possib_add_ffamily_google; ?>" />
915
- <input id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" <?php echo (($row->possib_add_google_fonts) ? 'checked="checked"' : ''); ?> value="1" /><label for="possib_add_google_fonts">Add to Google fonts</label>
916
- <div class="spider_description">The added font family will appear in the drop-down list of fonts.</div>
917
- </td>
918
- </tr>
919
- <tr>
920
- <td class="spider_label"><label>Published: </label></td>
921
- <td>
922
- <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->published) ? 'class="selected_color"' : ''); ?> for="published1">Yes</label>
923
- <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->published) ? '' : 'class="selected_color"'); ?> for="published0">No</label>
924
- <div class="spider_description">Choose whether to publish the mentioned slider or not.</div>
925
- </td>
926
- </tr>
927
- </tbody>
928
- </table>
929
- </div>
930
- <div class="wds_nav_box wds_nav_carousel_box spider_free_version_label" title="This functionality is disabled in free version.">
931
- <table>
932
- <tbody>
933
- <tr>
934
- <td colspan="2">
935
- <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Carousel is disabled in free version.</div>
936
- </td>
937
- </tr>
938
- <tr>
939
- <td class="spider_label"><label>Carousel: </label></td>
940
- <td>
941
- <input disabled="disabled" type="radio" id="carousel1" name="carousel" <?php echo (($row->carousel) ? 'checked="checked"' : ''); ?> value="1" onClick="showhide_for_carousel_fildes(1)" /><label for="carousel1">Yes</label>
942
- <input disabled="disabled" type="radio" id="carousel0" name="carousel" <?php echo (($row->carousel) ? '' : 'checked="checked"'); ?> value="0" onClick="showhide_for_carousel_fildes(0)" /><label for="carousel0">No</label>
943
- <div class="spider_description">If you activate this feature the effects you had chosen in Global settings for your slider will not play.</div>
944
- </td>
945
- </tr>
946
- </tbody>
947
- <tbody id="carousel_fildes">
948
- <tr>
949
- <td class="spider_label"><label for="carousel_image_counts">Number of images for carousel: </label></td>
950
- <td>
951
- <input disabled="disabled" type="text" id="carousel_image_counts" name="carousel_image_counts" value="<?php echo $row->carousel_image_counts; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
952
- <div class="spider_description"></div>
953
- </td>
954
- </tr>
955
- <tr>
956
- <td class="spider_label"><label for="carousel_image_parameters">Carousel image ratio: </label></td>
957
- <td>
958
- <input disabled="disabled" type="text" id="carousel_image_parameters" name="carousel_image_parameters" value="<?php echo $row->carousel_image_parameters; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
959
- <div class="spider_description">The value must be between 0 and 1.</div>
960
- </td>
961
- </tr>
962
- <tr>
963
- <td class="spider_label"><label>Container fit: </label></td>
964
- <td>
965
- <input disabled="disabled" type="radio" id="carousel_fit_containerWidth1" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? 'checked="checked"' : ''); ?> value="1" /><label for="carousel_fit_containerWidth1">Yes</label>
966
- <input disabled="disabled" type="radio" id="carousel_fit_containerWidth0" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? '' : 'checked="checked"'); ?> value="0" /><label for="carousel_fit_containerWidth0">No</label>
967
- <div class="spider_description"></div>
968
- </td>
969
- </tr>
970
- <tr>
971
- <td class="spider_label"><label for="carousel_width">Fixed width: </label></td>
972
- <td>
973
- <input disabled="disabled" type="text" id="carousel_width" name="carousel_width" value="<?php echo $row->carousel_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
974
- <div class="spider_description"></div>
975
- </td>
976
- </tr>
977
- <tr>
978
- <td class="spider_label"><label for="carousel_degree">Background image angle: </label></td>
979
- <td>
980
- <input type="text" id="carousel_degree" name="carousel_degree" value="<?php echo $row->carousel_degree; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> deg
981
- <div class="spider_description"></div>
982
- </td>
983
- </tr>
984
- <tr>
985
- <td class="spider_label"><label for="carousel_grayscale">Background image grayscale: </label></td>
986
- <td>
987
- <input type="text" name="carousel_grayscale" id="carousel_grayscale" value="<?php echo $row->carousel_grayscale; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
988
- <div class="spider_description">You can change the color scheme for background images to grayscale. Values must be between 0 to 100</div>
989
- </td>
990
- </tr>
991
- <tr>
992
- <td class="spider_label"><label for="carousel_transparency">Background image transparency: </label></td>
993
- <td>
994
- <input type="text" name="carousel_transparency" id="carousel_transparency" value="<?php echo $row->carousel_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
995
- <div class="spider_description">You can set transparency level for background images. Values should be between 0 to 100</div>
996
- </td>
997
- </tr>
998
- </tbody>
999
- </table>
1000
- </div>
1001
- <div class="wds_nav_box wds_nav_navigation_box">
1002
- <table>
1003
- <tbody>
1004
- <tr>
1005
- <td class="spider_label_options">
1006
- <label>Next / Previous buttons: </label>
1007
- </td>
1008
- <td>
1009
- <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? 'class="selected_color"' : ''; ?> for="prev_next_butt_1">Yes</label>
1010
- <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? '' : 'class="selected_color"'; ?> for="prev_next_butt_0">No</label>
1011
- <div class="spider_description">Choose whether to display Previous and Next buttons or not.</div>
1012
- </td>
1013
- </tr>
1014
- <tr>
1015
- <td class="spider_label_options">
1016
- <label>Mouse swipe navigation: </label>
1017
- </td>
1018
- <td>
1019
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? 'class="selected_color"' : ''; ?> for="mouse_swipe_nav_1">Yes</label>
1020
- <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? '' : 'class="selected_color"'; ?> for="mouse_swipe_nav_0">No</label>
1021
- <div class="spider_description"></div>
1022
- </td>
1023
- </tr>
1024
- <tr>
1025
- <td class="spider_label_options">
1026
- <label>Touch swipe navigation: </label>
1027
- </td>
1028
- <td>
1029
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? 'class="selected_color"' : ''; ?> for="touch_swipe_nav_1">Yes</label>
1030
- <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? '' : 'class="selected_color"'; ?> for="touch_swipe_nav_0">No</label>
1031
- <div class="spider_description"></div>
1032
- </td>
1033
- </tr>
1034
- <tr>
1035
- <tr>
1036
- <td class="spider_label_options">
1037
- <label>Mouse wheel navigation: </label>
1038
- </td>
1039
- <td>
1040
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? 'class="selected_color"' : ''; ?> for="mouse_wheel_nav_1">Yes</label>
1041
- <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? '' : 'class="selected_color"'; ?> for="mouse_wheel_nav_0">No</label>
1042
- <div class="spider_description"></div>
1043
- </td>
1044
- </tr>
1045
- <tr>
1046
- <td class="spider_label_options">
1047
- <label>Keyboard navigation: </label>
1048
- </td>
1049
- <td>
1050
- <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? 'class="selected_color"' : ''; ?> for="keyboard_nav_1">Yes</label>
1051
- <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? '' : 'class="selected_color"'; ?> for="keyboard_nav_0">No</label>
1052
- <div class="spider_description"></div>
1053
- </td>
1054
- </tr>
1055
- <tr>
1056
- <td class="spider_label_options">
1057
- <label>Show Navigation buttons: </label>
1058
- </td>
1059
- <td>
1060
- <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'hover' ? 'class="selected_color"' : ''; ?> for="navigation_1">On hover</label>
1061
- <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'always' ? 'class="selected_color"' : ''; ?> for="navigation_0">Always</label>
1062
- <div class="spider_description">Select between the option of always displaying the navigation buttons or only when hovered.</div>
1063
- </td>
1064
- </tr>
1065
- <tr>
1066
- <td class="spider_label_options">
1067
- <label>Image for Next / Previous buttons: </label>
1068
- </td>
1069
- <td>
1070
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" /><label <?php if ($row->rl_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_our">Default</label>
1071
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" /><label <?php if ($row->rl_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_cust">Custom</label>
1072
- <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" /><label <?php if ($row->rl_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_style">Styled</label>
1073
- <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
1074
- <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
1075
- <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
1076
- <input type="hidden" id="left_butt_hov_url" name="left_butt_hov_url" value="<?php echo $row->left_butt_hov_url; ?>" />
1077
- <div class="spider_description">Choose whether to use default navigation buttons or to upload custom ones.</div>
1078
- </td>
1079
- </tr>
1080
- </tbody>
1081
- <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1082
- <?php echo $fv_message; ?>
1083
- <tr id="right_left_butt_style">
1084
- <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_style">Next / Previous buttons style: </label></td>
1085
- <td>
1086
- <div style="display: table;">
1087
- <div style="display: table-cell; vertical-align: middle;">
1088
- <select class="select_icon select_icon_320" name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
1089
- <?php
1090
- foreach ($button_styles as $key => $button_style) {
1091
- ?>
1092
- <option value="<?php echo $key; ?>" <?php echo (($row->rl_butt_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $button_style; ?></option>
1093
- <?php
1094
- }
1095
- ?>
1096
- </select>
1097
- </div>
1098
- <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1099
- <i id="wds_left_style" class="fa <?php echo $row->rl_butt_style; ?>-left" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1100
- <i id="wds_right_style" class="fa <?php echo $row->rl_butt_style; ?>-right" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1101
- </div>
1102
- </div>
1103
- <div class="spider_description">Choose the style of the button you prefer to have as navigation buttons.</div>
1104
- </td>
1105
- </tr>
1106
- <tr id="right_butt_upl">
1107
- <td class="spider_label_options" style="vertical-align: middle;">
1108
- <label>Upload buttons images: </label>
1109
- </td>
1110
- <td>
1111
- <div style="display: table;">
1112
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1113
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
1114
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1115
- </div>
1116
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1117
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
1118
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1119
- </div>
1120
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1121
- <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1122
- <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1123
- <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1124
- <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1125
- </div>
1126
- <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1127
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
1128
- </div>
1129
- </div>
1130
- </td>
1131
- </tr>
1132
- <script>
1133
- var wds_rl_butt_type = [];
1134
- var rl_butt_dir = '<?php echo WD_S_URL . '/images/arrow/'; ?>';
1135
- var type_cur_fold = '1';
1136
- <?php
1137
- $folder_names = scandir(WD_S_DIR . '/images/arrow');
1138
- $cur_fold_name = '';
1139
- $cur_type_key = '';
1140
- $cur_color_key = '';
1141
- $cur_sub_fold_names = array();
1142
- array_splice($folder_names, 0, 2);
1143
- $flag = FALSE;
1144
- foreach ($folder_names as $type_key => $folder_name) {
1145
- if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name)) {
1146
- ?>
1147
- wds_rl_butt_type["<?php echo $type_key; ?>"] = [];
1148
- wds_rl_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1149
- <?php
1150
- if ($row->left_butt_url != '') {
1151
- /* Getting current button's type folder and color folder.*/
1152
- $check_cur_fold = explode('/' , $row->left_butt_url);
1153
- if (in_array($folder_name, $check_cur_fold)) {
1154
- $flag = TRUE;
1155
- $cur_fold_name = $folder_name;
1156
- $cur_type_key = $type_key;
1157
- $cur_sub_fold_names = scandir(WD_S_DIR . '/images/arrow/' . $cur_fold_name);
1158
- array_splice($cur_sub_fold_names, 0, 2);
1159
- ?>
1160
- type_cur_fold = '<?php echo $cur_type_key;?>';
1161
- <?php
1162
- }
1163
- }
1164
- $sub_folder_names = scandir( WD_S_DIR . '/images/arrow/' . $folder_name);
1165
- array_splice($sub_folder_names, 0, 2);
1166
- foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1167
- if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name . '/' . $sub_folder_name)) {
1168
- if ($cur_fold_name == $folder_name) {
1169
- /* Getting current button's color key.*/
1170
- if (in_array($sub_folder_name, $check_cur_fold)) {
1171
- $cur_color_key = $color_key;
1172
- }
1173
- }
1174
- ?>
1175
- wds_rl_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1176
- <?php
1177
- }
1178
- }
1179
- }
1180
- else {
1181
- ?>
1182
- console.log('<?php echo $folder_name . " is not a directory."; ?>');
1183
- <?php
1184
- }
1185
- }
1186
- ?>
1187
- </script>
1188
- <tr id="right_left_butt_select">
1189
- <td class="spider_label_options" style="vertical-align: middle;">
1190
- <label for="right_butt_url">Choose buttons: </label>
1191
- </td>
1192
- <td style="display: block;">
1193
- <div style="display: table; margin-bottom: 14px;">
1194
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1195
- <div style="display: block; width: 180px;" class="default_buttons">
1196
- <div class="spider_choose_option" onclick="wds_choose_option(this)">
1197
- <div class="spider_option_main_title">Choose group</div>
1198
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1199
- </div>
1200
- <div class="spider_options_cont">
1201
- <?php
1202
- foreach ($folder_names as $type_key => $folder_name) {
1203
- ?>
1204
- <div class="spider_option_cont wds_rl_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_rl_butt_type(this)">
1205
- <div class="spider_option_cont_title">
1206
- <?php echo 'Group-' . ++$type_key; ?>
1207
- </div>
1208
- <div class="spider_option_cont_img">
1209
- <img class="src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
1210
- <img class="src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
1211
- <img class="src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
1212
- <img class="src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
1213
- </div>
1214
- </div>
1215
- <?php
1216
- }
1217
- if (!$flag) {
1218
- /* Folder doesn't exist.*/
1219
- ?>
1220
- <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1221
- <?php
1222
- }
1223
- ?>
1224
- </div>
1225
- </div>
1226
- </div>
1227
- <div style="display:table-cell;vertical-align: middle;" class="display_block">
1228
- <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1229
- <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1230
- <div class="spider_option_main_title">Choose color</div>
1231
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1232
- </div>
1233
- </div>
1234
- </div>
1235
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1236
- <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1237
- <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1238
- <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1239
- <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1240
- <img id="rl_butt_hov_img_r" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1241
- </div>
1242
- </div>
1243
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
1244
- <input type="button" class="button button-small wds_reverse" onclick="change_src()" value="Reverse" />
1245
- </div>
1246
- </div>
1247
- <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1248
- </td>
1249
- </tr>
1250
- <tr id="right_left_butt_size">
1251
- <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_size">Next / Previous buttons size: </label></td>
1252
- <td>
1253
- <input type="text" name="rl_butt_size" id="rl_butt_size" value="<?php echo $row->rl_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1254
- <div class="spider_description">Set the size for the next / previous buttons.</div>
1255
- </td>
1256
- </tr>
1257
- <tr>
1258
- <td class="spider_label_options">
1259
- <label>Play / Pause button: </label>
1260
- </td>
1261
- <td>
1262
- <input type="radio" name="play_paus_butt" id="play_paus_butt_1" value="1" <?php if ($row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_1">Yes</label>
1263
- <input type="radio" name="play_paus_butt" id="play_paus_butt_0" value="0" <?php if (!$row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_0">No</label>
1264
- <div class="spider_description">Choose whether to display Play and Pause buttons or not.</div>
1265
- </td>
1266
- </tr>
1267
- </tbody>
1268
- <tbody>
1269
- <tr>
1270
- <td class="spider_label_options">
1271
- <label>Image for Play / Pause buttons: </label>
1272
- </td>
1273
- <td>
1274
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" /><label <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_our">Default</label>
1275
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" /><label <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_cust">Custom</label>
1276
- <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" /><label <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_select">Styled</label>
1277
- <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
1278
- <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
1279
- <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
1280
- <input type="hidden" id="paus_butt_hov_url" name="paus_butt_hov_url" value="<?php echo $row->paus_butt_hov_url; ?>" />
1281
- <div class="spider_description">Choose whether to use default play/pause buttons or to upload custom ones.</div>
1282
- </td>
1283
- </tr>
1284
- </tbody>
1285
- <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1286
- <tr id="play_pause_butt_style">
1287
- <td class="spider_label"><label for="pp_butt_style">Play / Pause buttons style: </label></td>
1288
- <td>
1289
- <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1290
- <i id="wds_play_style" class="fa fa-play" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1291
- <i id="wds_paus_style" class="fa fa-pause" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1292
- </div>
1293
- </td>
1294
- </tr>
1295
- <tr id="play_pause_butt_cust">
1296
- <td class="spider_label_options" style="vertical-align: middle;">
1297
- <label>Upload buttons images: </label>
1298
- </td>
1299
- <td>
1300
- <div style="display: table;">
1301
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1302
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1303
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1304
- </div>
1305
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1306
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1307
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1308
- </div>
1309
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1310
- <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1311
- <img id="paus_butt_img" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1312
- <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1313
- <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1314
- </div>
1315
- <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1316
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1317
- </div>
1318
- </div>
1319
- </td>
1320
- </tr>
1321
- <script>
1322
- var wds_pp_butt_type = [];
1323
- var pp_butt_dir = '<?php echo WD_S_URL . '/images/button/'; ?>';
1324
- var pp_type_cur_fold = '1';
1325
- <?php
1326
- $folder_names = scandir(WD_S_DIR . '/images/button');
1327
- $butt_cur_fold_name = '';
1328
- $butt_cur_type_key = '';
1329
- $butt_cur_color_key = '';
1330
- $butt_cur_sub_fold_names = array();
1331
- array_splice($folder_names, 0, 2);
1332
- $flag = FALSE;
1333
- foreach ($folder_names as $type_key => $folder_name) {
1334
- if (is_dir(WD_S_DIR . '/images/button/' . $folder_name)) {
1335
- ?>
1336
- wds_pp_butt_type["<?php echo $type_key; ?>"] = [];
1337
- wds_pp_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1338
- <?php
1339
- if ($row->play_butt_url != '') {
1340
- /* Getting current button's type folder and color folder.*/
1341
- $check_butt_cur_fold = explode('/' , $row->play_butt_url);
1342
- if (in_array($folder_name, $check_butt_cur_fold)) {
1343
- $flag = TRUE;
1344
- $butt_cur_fold_name = $folder_name;
1345
- $butt_cur_type_key = $type_key;
1346
- $butt_cur_sub_fold_names = scandir(WD_S_DIR . '/images/button/' . $butt_cur_fold_name);
1347
- array_splice($butt_cur_sub_fold_names, 0, 2);
1348
- ?>
1349
- pp_type_cur_fold = '<?php echo $butt_cur_type_key;?>';
1350
- <?php
1351
- }
1352
- }
1353
- $sub_folder_names = scandir( WD_S_DIR . '/images/button/' . $folder_name);
1354
- array_splice($sub_folder_names, 0, 2);
1355
- foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1356
- if (is_dir(WD_S_DIR . '/images/button/' . $folder_name . '/' . $sub_folder_name)) {
1357
- if ($butt_cur_fold_name == $folder_name) {
1358
- /* Getting current button's color key.*/
1359
- if (in_array($sub_folder_name, $check_butt_cur_fold)) {
1360
- $butt_cur_color_key = $color_key;
1361
- }
1362
- }
1363
- ?>
1364
- wds_pp_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1365
- <?php
1366
- }
1367
- }
1368
- }
1369
- else {
1370
- ?>
1371
- console.log('<?php echo $folder_name . " is not a directory."; ?>');
1372
- <?php
1373
- }
1374
- }
1375
- ?>
1376
- </script>
1377
- <tr id="play_pause_butt_select">
1378
- <td class="spider_label_options" style="vertical-align: middle;">
1379
- <label for="right_butt_url">Choose buttons: </label>
1380
- </td>
1381
- <td style="display: block;">
1382
- <div style="display: table; margin-bottom: 14px;">
1383
- <div style="display: table-cell; vertical-align: middle;" class="display_block" >
1384
- <div style="display: block; width: 180px;" class="default_buttons">
1385
- <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
1386
- <div class="spider_option_main_title">Choose group</div>
1387
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1388
- </div>
1389
- <div class="spider_pp_options_cont">
1390
- <?php
1391
- foreach ($folder_names as $type_key => $folder_name) {
1392
- ?>
1393
- <div class="spider_option_cont wds_pp_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($butt_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_play_paus_butt_type(this)">
1394
- <div class="spider_option_cont_title">
1395
- <?php echo 'Group-' . ++$type_key; ?>
1396
- </div>
1397
- <div class="spider_option_cont_img">
1398
- <img class="pp_src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
1399
- <img class="pp_src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
1400
- <img class="pp_src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
1401
- <img class="pp_src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
1402
- </div>
1403
- </div>
1404
- <?php
1405
- }
1406
- if (!$flag) {
1407
- /* Folder doesn't exist.*/
1408
- ?>
1409
- <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1410
- <?php
1411
- }
1412
- ?>
1413
- </div>
1414
- </div>
1415
- </div>
1416
- <div style="display:table-cell;vertical-align: middle;" class="display_block">
1417
- <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1418
- <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1419
- <div class="spider_option_main_title">Choose color</div>
1420
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1421
- </div>
1422
- </div>
1423
- </div>
1424
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1425
- <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1426
- <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1427
- <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1428
- <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1429
- <img id="pp_butt_hov_img_paus" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1430
- </div>
1431
- </div>
1432
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
1433
- <input type="button" class="button button-small wds_reverse" onclick="change_play_paus_src()" value="Reverse" />
1434
- </div>
1435
- </div>
1436
- <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1437
- </td>
1438
- </tr>
1439
- <tr id="play_pause_butt_size">
1440
- <td class="spider_label <?php echo $fv_class; ?>"><label for="pp_butt_size">Play / Pause button size: </label></td>
1441
- <td>
1442
- <input type="text" name="pp_butt_size" id="pp_butt_size" value="<?php echo $row->pp_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1443
- <div class="spider_description">Set the size for the play / pause buttons.</div>
1444
- </td>
1445
- </tr>
1446
- <tr id="tr_butts_color">
1447
- <td class="spider_label <?php echo $fv_class; ?>"><label for="butts_color">Buttons color: </label></td>
1448
- <td>
1449
- <input type="text" name="butts_color" id="butts_color" value="<?php echo $row->butts_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_left_style,#wds_right_style').css({color: '#' + jQuery(this).val()})" />
1450
- <div class="spider_description">Select a color for the navigation buttons.</div>
1451
- </td>
1452
- </tr>
1453
- <tr id="tr_hover_color">
1454
- <td class="spider_label <?php echo $fv_class; ?>"><label for="hover_color">Hover color: </label></td>
1455
- <td>
1456
- <input type="text" name="hover_color" id="hover_color" value="<?php echo $row->hover_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1457
- <div class="spider_description">Select a hover color for the navigation buttons.</div>
1458
- </td>
1459
- </tr>
1460
- <tr>
1461
- <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_width">Border: </label></td>
1462
- <td>
1463
- <input type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1464
- <select class="select_icon select_icon_320" name="nav_border_style" id="nav_border_style" <?php echo $fv_disabled; ?>>
1465
- <?php
1466
- foreach ($border_styles as $key => $border_style) {
1467
- ?>
1468
- <option value="<?php echo $key; ?>" <?php echo (($row->nav_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1469
- <?php
1470
- }
1471
- ?>
1472
- </select>
1473
- <input type="text" name="nav_border_color" id="nav_border_color" value="<?php echo $row->nav_border_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1474
- <div class="spider_description">Select the type, size and the color of border for the navigation buttons.</div>
1475
- </td>
1476
- </tr>
1477
- <tr>
1478
- <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_radius">Border radius: </label></td>
1479
- <td>
1480
- <input type="text" name="nav_border_radius" id="nav_border_radius" value="<?php echo $row->nav_border_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
1481
- <div class="spider_description">Use CSS type values.</div>
1482
- </td>
1483
- </tr>
1484
- <tr>
1485
- <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_bg_color">Background color: </label></td>
1486
- <td>
1487
- <input type="text" name="nav_bg_color" id="nav_bg_color" value="<?php echo $row->nav_bg_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1488
- <input type="text" name="butts_transparent" id="butts_transparent" value="<?php echo $row->butts_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> %
1489
- <div class="spider_description">Transparency value must be between 0 to 100.</div>
1490
- </td>
1491
- </tr>
1492
- </tbody>
1493
- </table>
1494
- </div>
1495
- <div class="wds_nav_box wds_nav_bullets_box">
1496
- <table>
1497
- <tbody>
1498
- <tr>
1499
- <td class="spider_label"><label>Enable bullets: </label></td>
1500
- <td>
1501
- <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_bullets) ? 'class="selected_color"' : ''); ?> for="enable_bullets1">Yes</label>
1502
- <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_bullets) ? '' : 'class="selected_color"'); ?> for="enable_bullets0">No</label>
1503
- <div class="spider_description">Choose whether to have navigation bullets or not.</div>
1504
- </td>
1505
- </tr>
1506
- <tr>
1507
- <td class="spider_label_options">
1508
- <label>Show bullets: </label>
1509
- </td>
1510
- <td>
1511
- <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 0) echo 'class="selected_color"'; ?> for="bull_hover_0">On hover</label>
1512
- <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 1) echo 'class="selected_color"'; ?> for="bull_hover_1">Always</label>
1513
- <div class="spider_description">Select between the option of always displaying the bullets or only when hovered.</div>
1514
- </td>
1515
- </tr>
1516
- <tr>
1517
- <td class="spider_label"><label>Show thumbnail on bullet hover: </label></td>
1518
- <td>
1519
- <input onClick="bwg_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->show_thumbnail) ? 'class="selected_color"' : ''); ?> for="show_thumbnail1">Yes</label>
1520
- <input onClick="bwg_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" /><label for="show_thumbnail0">No</label>
1521
- <div class="spider_description"></div>
1522
- </td>
1523
- </tr>
1524
- <tr id="tr_thumb_size">
1525
- <td class="spider_label_options">
1526
- <label for="wds_thumb_size">Thumbnail Size: </label>
1527
- </td>
1528
- <td>
1529
- <input onblur="wds_check_number()" type="text" id="wds_thumb_size" name="wds_thumb_size" size="15" value="<?php echo $row->thumb_size; ?>" style="display:inline-block;" />
1530
- <div class="spider_description">Value must be between 0 to 1.</div>
1531
- </td>
1532
- </tr>
1533
- <tr>
1534
- <td class="spider_label"><label>Position: </label></td>
1535
- <td>
1536
- <select class="select_icon select_icon_320" name="bull_position" id="bull_position">
1537
- <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1538
- <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1539
- </select>
1540
- <div class="spider_description">Select the position for the navigation bullets.</div>
1541
- </td>
1542
- </tr>
1543
- <tr>
1544
- <td class="spider_label_options">
1545
- <label>Bullets type: </label>
1546
- </td>
1547
- <td>
1548
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" /><label <?php if ($row->bull_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_our">Default</label>
1549
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" /><label <?php if ($row->bull_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_cust">Custom</label>
1550
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" /><label <?php if ($row->bull_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_stl">Styled</label>
1551
- <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_txt" value="text" <?php if ($row->bull_butt_img_or_not == 'text') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('text')" /><label <?php if ($row->bull_butt_img_or_not == 'text') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_txt">Text</label>
1552
- <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1553
- <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1554
- <div class="spider_description"></div>
1555
- </td>
1556
- </tr>
1557
- </tbody>
1558
- <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1559
- <?php echo $fv_message; ?>
1560
- <tr id="bullets_style">
1561
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_style">Bullet style: </label></td>
1562
- <td>
1563
- <div style="display: table;">
1564
- <div style="display: table-cell; vertical-align: middle;">
1565
- <select class="select_icon select_icon_320" name="bull_style" id="bull_style" <?php echo $fv_disabled; ?> onchange="change_bull_style(jQuery(this).val())">
1566
- <?php
1567
- foreach ($bull_styles as $key => $bull_style) {
1568
- ?>
1569
- <option value="<?php echo $key; ?>" <?php echo (($row->bull_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $bull_style; ?></option>
1570
- <?php
1571
- }
1572
- ?>
1573
- </select>
1574
- </div>
1575
- <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1576
- <i id="wds_act_bull_style" class="fa <?php echo str_replace('-o', '', $row->bull_style); ?>" style="color: #<?php echo $row->bull_act_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1577
- <i id="wds_deact_bull_style" class="fa <?php echo $row->bull_style; ?>" style="color: #<?php echo $row->bull_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1578
- </div>
1579
- </div>
1580
- <div class="spider_description">Choose the style for the bullets.</div>
1581
- </td>
1582
- </tr>
1583
- <script>
1584
- var wds_blt_img_type = [];
1585
- var blt_img_dir = '<?php echo WD_S_URL . '/images/bullet/'; ?>';
1586
- var bull_type_cur_fold = '1';
1587
- <?php
1588
- $folder_names = scandir(WD_S_DIR . '/images/bullet');
1589
- $bull_cur_fold_name = '';
1590
- $bull_cur_type_key = '';
1591
- $bull_cur_color_key = '';
1592
- $bull_cur_sub_fold_names = array();
1593
- array_splice($folder_names, 0, 2);
1594
- $flag = FALSE;
1595
- foreach ($folder_names as $type_key => $folder_name) {
1596
- if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name)) {
1597
- ?>
1598
- wds_blt_img_type["<?php echo $type_key; ?>"] = [];
1599
- wds_blt_img_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1600
- <?php
1601
- if ($row->bullets_img_main_url != '') {
1602
- /* Getting current button's type folder and color folder.*/
1603
- $check_bull_cur_fold = explode('/' , $row->bullets_img_main_url);
1604
- if (in_array($folder_name, $check_bull_cur_fold)) {
1605
- $flag = TRUE;
1606
- $bull_cur_fold_name = $folder_name;
1607
- $bull_cur_type_key = $type_key;
1608
- $bull_cur_sub_fold_names = scandir(WD_S_DIR . '/images/bullet/' . $bull_cur_fold_name);
1609
- array_splice($bull_cur_sub_fold_names, 0, 2);
1610
- ?>
1611
- bull_type_cur_fold = '<?php echo $bull_cur_type_key;?>';
1612
- <?php
1613
- }
1614
- }
1615
- $sub_folder_names = scandir(WD_S_DIR . '/images/bullet/' . $folder_name);
1616
- array_splice($sub_folder_names, 0, 2);
1617
- foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1618
- if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name . '/' . $sub_folder_name)) {
1619
- if ($bull_cur_fold_name == $folder_name) {
1620
- /* Getting current button's color key.*/
1621
- if (in_array($sub_folder_name, $check_bull_cur_fold)) {
1622
- $bull_cur_color_key = $color_key;
1623
- }
1624
- }
1625
- ?>
1626
- wds_blt_img_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1627
- <?php
1628
- }
1629
- }
1630
- }
1631
- else {
1632
- ?>
1633
- console.log('<?php echo $folder_name . " is not a directory."; ?>');
1634
- <?php
1635
- }
1636
- }
1637
- ?>
1638
- </script>
1639
- <tr id="bullets_images_cust">
1640
- <td class="spider_label_options" style="vertical-align: middle;">
1641
- <label>Upload buttons images: </label>
1642
- </td>
1643
- <td>
1644
- <div style="display: table;">
1645
- <div style="display: table-cell; vertical-align: middle;">
1646
- <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Active Button" onclick="alert('This functionality is disabled in free version.')" />
1647
- </div>
1648
- <div style="display: table-cell; vertical-align: middle;">
1649
- <input class="button-secondary wds_free_button" type="button" value="Deactive Button" onclick="alert('This functionality is disabled in free version.')" />
1650
- </div>
1651
- <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1652
- <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1653
- <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1654
- </div>
1655
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
1656
- <input type="button" class="button button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="Reverse" />
1657
- </div>
1658
- </div>
1659
- </td>
1660
- </tr>
1661
- <tr id="bullets_images_select">
1662
- <td class="spider_label_options" style="vertical-align: middle;">
1663
- <label for="bullets_images_url">Chooes buttons: </label>
1664
- </td>
1665
- <td style="display: block;">
1666
- <div style="display: table; margin-bottom: 14px;">
1667
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1668
- <div style="display: block; width: 180px;" class="default_buttons">
1669
- <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
1670
- <div class="spider_option_main_title">Choose group</div>
1671
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1672
- </div>
1673
- <div class="spider_bull_options_cont">
1674
- <?php
1675
- foreach ($folder_names as $type_key => $folder_name) {
1676
- ?>
1677
- <div class="spider_option_cont wds_bull_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($bull_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_bullets_images_type(this)">
1678
- <div class="spider_option_cont_title" style="width: 64%;">
1679
- <?php echo 'Group-' . ++$type_key; ?>
1680
- </div>
1681
- <div class="spider_option_cont_img">
1682
- <img class="bull_src_left" style="display: inline-block; width: 14px; height: 14px;" />
1683
- <img class="bull_src_right" style="display: inline-block; width: 14px; height: 14px;" />
1684
- </div>
1685
- </div>
1686
- <?php
1687
- }
1688
- if (!$flag) {
1689
- /* Folder doesn't exist.*/
1690
- ?>
1691
- <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1692
- <?php
1693
- }
1694
- ?>
1695
- </div>
1696
- </div>
1697
- </div>
1698
- <div style="display: table-cell; vertical-align: middle;" class="display_block">
1699
- <div style="display: block; width: 180px; margin-left: 12px;">
1700
- <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')" >
1701
- <div class="spider_option_main_title" >Choose color</div>
1702
- <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1703
- </div>
1704
- </div>
1705
- </div>
1706
- <div style="width: 100px; display: table-cell; vertical-align: middle; text-align: center;">
1707
- <div style="display: block; vertical-align: middle; margin-left: 12px; text-align: center; background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1708
- <img id="bullets_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1709
- <img id="bullets_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1710
- </div>
1711
- </div>
1712
- <div style="display: table-cell; text-align: center; vertical-align: middle;">
1713
- <input type="button" class="button button-small wds_reverse" onclick="change_bullets_src()" value="Reverse" />
1714
- </div>
1715
- </div>
1716
- <div class="spider_description">Choose the type and color for the bullets. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1717
- </td>
1718
- </tr>
1719
- <tr id="bullet_size">
1720
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_size">Size: </label></td>
1721
- <td>
1722
- <input type="text" name="bull_size" id="bull_size" value="<?php echo $row->bull_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1723
- <div class="spider_description">Define the size of the navigation bullets.</div>
1724
- </td>
1725
- </tr>
1726
- <tr id="bullets_color">
1727
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_color">Color: </label></td>
1728
- <td>
1729
- <input type="text" name="bull_color" id="bull_color" value="<?php echo $row->bull_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_deact_bull_style').css({color: '#' + jQuery(this).val()})" />
1730
- <div class="spider_description">Select the color for the navigation bullets.</div>
1731
- </td>
1732
- </tr>
1733
- <tr id="bullets_act_color">
1734
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_act_color">Active color: </label></td>
1735
- <td>
1736
- <input type="text" name="bull_act_color" id="bull_act_color" value="<?php echo $row->bull_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_act_bull_style').css({color: '#' + jQuery(this).val()})" />
1737
- <div class="spider_description">Select the color for the bullet, which is currently displaying a corresponding image.</div>
1738
- </td>
1739
- </tr>
1740
- <tr id="bullets_back_act_color">
1741
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_act_color"> Active Background color: </label></td>
1742
- <td>
1743
- <input type="text" name="bull_back_act_color" id="bull_back_act_color" value="<?php echo $row->bull_back_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_act_bull_text').css({color: '#' + jQuery(this).val()})" />
1744
- <div class="spider_description">Select the background color for the bullet, which is currently displaying a corresponding image.</div>
1745
- </td>
1746
- </tr>
1747
- <tr id="bullets_back_color">
1748
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_color"> Background color: </label></td>
1749
- <td>
1750
- <input type="text" name="bull_back_color" id="bull_back_color" value="<?php echo $row->bull_back_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_bull_text').css({color: '#' + jQuery(this).val()})" />
1751
- <div class="spider_description">Select the background color for the bullet.</div>
1752
- </td>
1753
- </tr>
1754
- <tr id="bullets_radius">
1755
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_radius">Border radius: </label></td>
1756
- <td>
1757
- <input type="text" name="bull_radius" id="bull_radius" value="<?php echo $row->bull_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
1758
- <div class="spider_description">Use CSS type values.</div>
1759
- </td>
1760
- </tr>
1761
- <tr id="bullet_margin">
1762
- <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_margin">Margin: </label></td>
1763
- <td>
1764
- <input type="text" name="bull_margin" id="bull_margin" value="<?php echo $row->bull_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1765
- <div class="spider_description">Set the margin for the navigation bullets in pixels.</div>
1766
- </td>
1767
- </tr>
1768
- </tbody>
1769
- </table>
1770
- </div>
1771
- <div class="wds_nav_box wds_nav_filmstrip_box spider_free_version_label" title="This functionality is disabled in free version.">
1772
- <table>
1773
- <tbody>
1774
- <tr>
1775
- <td colspan="2">
1776
- <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Filmstrip is disabled in free version.</div>
1777
- </td>
1778
- </tr>
1779
- <tr>
1780
- <td class="spider_label spider_free_version_label"><label>Enable filmstrip: </label></td>
1781
- <td>
1782
- <input disabled="disabled" type="radio" id="enable_filmstrip1" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? 'checked="checked"' : ''); ?> value="1" /><label for="filmstrip1">Yes</label>
1783
- <input disabled="disabled" type="radio" id="enable_filmstrip0" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? '' : 'checked="checked"'); ?> value="0" /><label for="filmstrip0">No</label>
1784
- <div class="spider_description">Choose whether to have thumbnails of the slides displayed as a filmstrip or not.</div>
1785
- </td>
1786
- </tr>
1787
- <tr id="filmstrip_position">
1788
- <td class="spider_label"><label>Position: </label></td>
1789
- <td>
1790
- <select class="select_icon select_icon_320" disabled="disabled" name="film_pos" id="film_pos">
1791
- <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1792
- <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>>Right</option>
1793
- <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1794
- <option value="left" <?php echo (($row->film_pos == "left") ? 'selected="selected"' : ''); ?>>Left</option>
1795
- </select>
1796
- <div class="spider_description">Set the position of the filmstrip.</div>
1797
- </td>
1798
- </tr>
1799
- <tr id="filmstrip_size">
1800
- <td class="spider_label"><label for="film_thumb_width">Thumbnail dimensions: </label></td>
1801
- <td>
1802
- <input disabled="disabled" type="text" name="film_thumb_width" id="film_thumb_width" value="<?php echo $row->film_thumb_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> x
1803
- <input disabled="disabled" type="text" name="film_thumb_height" id="film_thumb_height" value="<?php echo $row->film_thumb_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1804
- <div class="spider_description">Define the maximum width and heigth of the filmstrip thumbnails.</div>
1805
- </td>
1806
- </tr>
1807
- <tr>
1808
- <td class="spider_label"><label for="film_bg_color">Background color: </label></td>
1809
- <td>
1810
- <input disabled="disabled" type="text" name="film_bg_color" id="film_bg_color" value="<?php echo $row->film_bg_color; ?>" class="color" />
1811
- <div class="spider_description">Select the background color for the filmstrip.</div>
1812
- </td>
1813
- </tr>
1814
- <tr id="filmstrip_thumb_margin">
1815
- <td class="spider_label"><label for="film_tmb_margin">Thumbnail separator: </label></td>
1816
- <td>
1817
- <input disabled="disabled" type="text" name="film_tmb_margin" id="film_tmb_margin" value="<?php echo $row->film_tmb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1818
- <div class="spider_description">Set the separator for the thumbnails.</div>
1819
- </td>
1820
- </tr>
1821
- <tr>
1822
- <td class="spider_label"><label for="film_act_border_width">Active border: </label></td>
1823
- <td>
1824
- <input disabled="disabled" type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1825
- <select class="select_icon select_icon_320" disabled="disabled" name="film_act_border_style" id="film_act_border_style">
1826
- <?php
1827
- foreach ($border_styles as $key => $border_style) {
1828
- ?>
1829
- <option value="<?php echo $key; ?>" <?php echo (($row->film_act_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1830
- <?php
1831
- }
1832
- ?>
1833
- </select>
1834
- <input disabled="disabled" type="text" name="film_act_border_color" id="film_act_border_color" value="<?php echo $row->film_act_border_color; ?>" class="color"/>
1835
- <div class="spider_description">The thumbnail for the currently displayed image will have a border. You can set its size, type and color.</div>
1836
- </td>
1837
- </tr>
1838
- <tr>
1839
- <td class="spider_label"><label for="film_dac_transparent">Deactive transparency: </label></td>
1840
- <td>
1841
- <input disabled="disabled" type="text" name="film_dac_transparent" id="film_dac_transparent" value="<?php echo $row->film_dac_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1842
- <div class="spider_description">You can set a transparency level for the inactive filmstrip items which must be between 0 to 100..</div>
1843
- </td>
1844
- </tr>
1845
- </tbody>
1846
- </table>
1847
- </div>
1848
- <div class="wds_nav_box wds_nav_timer_bar_box">
1849
- <table>
1850
- <tbody>
1851
- <tr>
1852
- <td class="spider_label"><label>Enable timer bar: </label></td>
1853
- <td>
1854
- <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_time_bar) ? 'class="selected_color"' : ''); ?> for="enable_time_bar1">Yes</label>
1855
- <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_time_bar) ? '' : 'class="selected_color"'); ?> for="enable_time_bar0">No</label>
1856
- <div class="spider_description">You can add a bar displaying the timing left to switching to the next slide on autoplay.</div>
1857
- </td>
1858
- </tr>
1859
- <tr>
1860
- <td class="spider_label"><label for="timer_bar_type">Type: </label></td>
1861
- <td>
1862
- <select class="select_icon select_icon_320" name="timer_bar_type" id="timer_bar_type">
1863
- <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>>Line top</option>
1864
- <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>>Line Bottom</option>
1865
- <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>>Circle top left</option>
1866
- <option value="circle_top_right" <?php echo (($row->timer_bar_type == "circle_top_right") ? 'selected="selected"' : ''); ?>>Circle top right</option>
1867
- <option value="circle_bot_left" <?php echo (($row->timer_bar_type == "circle_bot_left") ? 'selected="selected"' : ''); ?>>Circle bottom left</option>
1868
- <option value="circle_bot_right" <?php echo (($row->timer_bar_type == "circle_bot_right") ? 'selected="selected"' : ''); ?>>Circle bottom right</option>
1869
- </select>
1870
- <div class="spider_description">Choose the type of the timer bar to be used within the slider.</div>
1871
- </td>
1872
- </tr>
1873
- <tr>
1874
- <td class="spider_label"><label for="timer_bar_size">Size: </label></td>
1875
- <td>
1876
- <input type="text" name="timer_bar_size" id="timer_bar_size" value="<?php echo $row->timer_bar_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1877
- <div class="spider_description">Define the height of the timer bar.</div>
1878
- </td>
1879
- </tr>
1880
- <tr>
1881
- <td class="spider_label"><label for="timer_bar_color">Color: </label></td>
1882
- <td>
1883
- <input type="text" name="timer_bar_color" id="timer_bar_color" value="<?php echo $row->timer_bar_color; ?>" class="color" />
1884
- <input type="text" name="timer_bar_transparent" id="timer_bar_transparent" value="<?php echo $row->timer_bar_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1885
- <div class="spider_description">Transparency value must be between 0 to 100.</div>
1886
- </td>
1887
- </tr>
1888
- </tbody>
1889
- </table>
1890
- </div>
1891
- <div class="wds_nav_box wds_nav_watermark_box">
1892
- <div class="wd_updated">
1893
- <p>
1894
- Please note that the <b>Fill</b> and <b>Contain</b> options will work fine with <b>Watermark</b> option regardless of the image dimensions,
1895
- whereas for the <b>Cover</b> option you should have the image identical to the size set in the <b>Dimensions</b> settings.
1896
- If you have uploaded the image with another dimension, you will need to resize the image and upload it again.
1897
- </p>
1898
- </div>
1899
- <table>
1900
- <tbody>
1901
- <tr>
1902
- <td style="width: 50%; vertical-align: top; height: 100%; display: table-cell;">
1903
- <table>
1904
- <tbody>
1905
- <tr id="tr_built_in_watermark_type">
1906
- <td class="spider_label_options">
1907
- <label>Watermark type: </label>
1908
- </td>
1909
- <td>
1910
- <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_none')" />
1911
- <label <?php if ($row->built_in_watermark_type == 'none') echo 'class="selected_color"'; ?> for="built_in_watermark_type_none">None</label>
1912
- <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
1913
- <label <?php if ($row->built_in_watermark_type == 'text') echo 'class="selected_color"'; ?> for="built_in_watermark_type_text">Text</label>
1914
- <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
1915
- <label <?php if ($row->built_in_watermark_type == 'image') echo 'class="selected_color"'; ?> for="built_in_watermark_type_image">Image</label>
1916
- <div class="spider_description">Choose what kind of watermark you want to use.</div>
1917
- </td>
1918
- </tr>
1919
- <tr id="tr_built_in_watermark_url">
1920
- <td class="spider_label_options">
1921
- <label for="built_in_watermark_url">Watermark url: </label>
1922
- </td>
1923
- <td>
1924
- <input type="text" id="built_in_watermark_url" name="built_in_watermark_url" style="width: 68%;" value="<?php echo $row->built_in_watermark_url; ?>" style="display:inline-block;" onchange="preview_built_in_watermark()" />
1925
- <?php
1926
- if (!$row->spider_uploader) {
1927
- ?>
1928
- <input id="wat_img_add_butt" class="button-primary" type="button" onclick="spider_media_uploader('watermark', event, false); return false;" value="Add Image" />
1929
- <?php
1930
- }
1931
- else {
1932
- ?>
1933
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="button-primary thickbox thickbox-preview" title="Add Image" onclick="return false;">
1934
- Add Image
1935
- </a>
1936
- <?php
1937
- }
1938
- ?>
1939
- <div class="spider_description">Only .png format is supported.</div>
1940
- </td>
1941
- </tr>
1942
- <tr id="tr_built_in_watermark_text">
1943
- <td class="spider_label_options">
1944
- <label for="built_in_watermark_text">Watermark text: </label>
1945
- </td>
1946
- <td>
1947
- <input type="text" name="built_in_watermark_text" id="built_in_watermark_text" style="width: 100%;" value="<?php echo $row->built_in_watermark_text; ?>" onchange="preview_built_in_watermark()" onkeypress="preview_built_in_watermark()" />
1948
- <div class="spider_description">Provide the text which will be displayed over the slides.</div>
1949
- </td>
1950
- </tr>
1951
- <tr id="tr_built_in_watermark_size">
1952
- <td class="spider_label_options">
1953
- <label for="built_in_watermark_size">Watermark size: </label>
1954
- </td>
1955
- <td>
1956
- <input type="text" name="built_in_watermark_size" id="built_in_watermark_size" value="<?php echo $row->built_in_watermark_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
1957
- <div class="spider_description">Enter size of watermark in percents according to image.</div>
1958
- </td>
1959
- </tr>
1960
- <tr id="tr_built_in_watermark_font_size">
1961
- <td class="spider_label_options">
1962
- <label for="built_in_watermark_font_size">Watermark font size: </label>
1963
- </td>
1964
- <td>
1965
- <input type="text" name="built_in_watermark_font_size" id="built_in_watermark_font_size" value="<?php echo $row->built_in_watermark_font_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" onkeypress="return spider_check_isnum(event)" /> px
1966
- <div class="spider_description">Specify the font size of the watermark.</div>
1967
- </td>
1968
- </tr>
1969
- <tr id="tr_built_in_watermark_font">
1970
- <td class="spider_label_options">
1971
- <label for="built_in_watermark_font">Watermark font style: </label>
1972
- </td>
1973
- <td>
1974
- <select class="select_icon select_icon_320" name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
1975
- <?php
1976
- foreach ($built_in_watermark_fonts as $watermark_font) {
1977
- ?>
1978
- <option value="<?php echo $watermark_font; ?>" <?php if ($row->built_in_watermark_font == $watermark_font) echo 'selected="selected"'; ?>><?php echo $watermark_font; ?></option>
1979
- <?php
1980
- }
1981
- ?>
1982
- </select>
1983
- <?php
1984
- foreach ($built_in_watermark_fonts as $watermark_font) {
1985
- ?>
1986
- <style>
1987
- @font-face {
1988
- font-family: <?php echo 'bwg_' . str_replace('.ttf', '', $watermark_font); ?>;
1989
- src: url("<?php echo WD_S_URL . '/fonts/' . $watermark_font; ?>");
1990
- }
1991
- </style>
1992
- <?php
1993
- }
1994
- ?>
1995
- <div class="spider_description">Specify the font family for the watermark text.</div>
1996
- </td>
1997
- </tr>
1998
- <tr id="tr_built_in_watermark_color">
1999
- <td class="spider_label_options">
2000
- <label for="built_in_watermark_color">Watermark color: </label>
2001
- </td>
2002
- <td>
2003
- <input type="text" name="built_in_watermark_color" id="built_in_watermark_color" value="<?php echo $row->built_in_watermark_color; ?>" class="color" onchange="preview_built_in_watermark()" />
2004
- <input type="text" name="built_in_watermark_opacity" id="built_in_watermark_opacity" value="<?php echo $row->built_in_watermark_opacity; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
2005
- <div class="spider_description">Transparency value must be between 0 to 100.</div>
2006
- </td>
2007
- </tr>
2008
- <tr id="tr_built_in_watermark_position">
2009
- <td class="spider_label_options">
2010
- <label>Watermark position: </label>
2011
- </td>
2012
- <td>
2013
- <table class="wds_position_table">
2014
- <tbody>
2015
- <tr>
2016
- <td class="wds_position_td"><input type="radio" value="top-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2017
- <td class="wds_position_td"><input type="radio" value="top-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2018
- <td class="wds_position_td"><input type="radio" value="top-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2019
- </tr>
2020
- <tr>
2021
- <td class="wds_position_td"><input type="radio" value="middle-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2022
- <td class="wds_position_td"><input type="radio" value="middle-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2023
- <td class="wds_position_td"><input type="radio" value="middle-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2024
- </tr>
2025
- <tr>
2026
- <td class="wds_position_td"><input type="radio" value="bottom-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2027
- <td class="wds_position_td"><input type="radio" value="bottom-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2028
- <td class="wds_position_td"><input type="radio" value="bottom-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2029
- </tr>
2030
- </tbody>
2031
- </table>
2032
- <div class="spider_description">Choose the positioning of the watermark.</div>
2033
- </td>
2034
- </tr>
2035
- </tbody>
2036
- </table>
2037
- </td>
2038
- <td style="width: 50%; vertical-align: top;height: 100%; display: table-cell;">
2039
- <span id="preview_built_in_watermark" style='display:table-cell; background-image:url("<?php echo WD_S_URL . '/images/watermark_preview.jpg'?>"); background-size:100% 100%;width:400px;height:400px;padding-top: 4px; position:relative;'></span>
2040
- </td>
2041
- </tr>
2042
- </tbody>
2043
- </table>
2044
- </div>
2045
- <div class="wds_nav_box wds_nav_css_box">
2046
- <table style="width:50%">
2047
- <tbody>
2048
- <tr>
2049
- <td class="spider_label"><label for="css">Css: </label></td>
2050
- </tr>
2051
- <tr>
2052
- <td style="width: 90%;">
2053
- <div class="spider_description">Add custom CSS to apply custom changes to the slider.</div>
2054
- <textarea id="css" name="css" rows="30" style="width: 100%;"><?php echo htmlspecialchars($row->css); ?></textarea>
2055
- </td>
2056
- </tr>
2057
- </tbody>
2058
- </table>
2059
- </div>
2060
- <div class="wds_nav_box wds_nav_callbacks_box">
2061
- <?php $callback_items = json_decode(htmlspecialchars_decode($row->javascript), TRUE); ?>
2062
- <table>
2063
- <tr>
2064
- <td class="spider_label_options callback_label_options">
2065
- <label for="css">Add new callback: </label>
2066
- </td>
2067
- <td>
2068
- <div style="vertical-align: middle;">
2069
- <select class="select_icon select_icon_320" name="callback_list" id="callback_list">
2070
- <?php
2071
- foreach ($slider_callbacks as $key => $slider_callback) {
2072
- ?>
2073
- <option value="<?php echo $key; ?>" <?php echo (($row->javascript == $key) ? 'selected="selected"' : ''); ?> <?php echo (isset($callback_items[$key]))? "style='display:none'" : ""; ?>><?php echo $slider_callback; ?></option>
2074
- <?php
2075
- }
2076
- ?>
2077
- </select>
2078
-
2079
- <button type="button" id="add_callback" class="action_buttons add_callback" onclick="add_new_callback(jQuery(this).closest('tr'),jQuery(this).closest('tr').find('select'));"></button>
2080
- <div class="spider_description"></div>
2081
- </div>
2082
- </td>
2083
- </tr>
2084
- <tr>
2085
- <td colspan="2">
2086
- <?php
2087
- if (is_array($callback_items) && count($callback_items)) {
2088
- foreach ($callback_items as $key => $callback_item) {
2089
- ?>
2090
- <div class="callbeck-item">
2091
- <span class="spider_label_options"><?php echo $slider_callbacks[$key]; ?></span>
2092
- <textarea class="callbeck-textarea" name="<?php echo $key; ?>"><?php echo $callback_item; ?></textarea>
2093
- <button type="button" id="remove_callback" class="action_buttons remove_callback" onclick="remove_callback_item(this);">Remove</button>
2094
- </div>
2095
- <?php
2096
- }
2097
- }
2098
- ?>
2099
- </td>
2100
- </tr>
2101
- </table>
2102
- </div>
2103
- </div>
2104
- </div>
2105
- <!--------------Slides tab----------->
2106
- <div class="wds_box wds_slides_box">
2107
- <table>
2108
- <thead>
2109
- <tr>
2110
- <td colspan="4">
2111
- <div class="tab_conteiner">
2112
- <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
2113
- <a class="wds_button-secondary wds_settings" href="#">
2114
- <span tab_type="settings" class="wds_tab_label">Settings</span>
2115
- </a>
2116
- </div>
2117
- <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')" >
2118
- <a class="wds_button-secondary wds_slides" href="#">
2119
- <span tab_type="slides" class="wds_tab_label">Slides</span>
2120
- </a>
2121
- </div>
2122
- <div class="clear"></div>
2123
- </div>
2124
- <div class="wds_buttons">
2125
- <?php
2126
- if ($row->spider_uploader) {
2127
- ?>
2128
- <div class="wds_button_wrap">
2129
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_slides', 'TB_iframe' => '1'), $query_url); ?>" class="wds_buttons_320 action_buttons thickbox thickbox-preview add_images" title="Add Images" onclick="return false;">
2130
- Add Images
2131
- </a>
2132
- </div>
2133
- <?php
2134
- }
2135
- else {
2136
- ?>
2137
- <div class="wds_button_wrap">
2138
- <input type="button" class="action_buttons add_images" id="button_image_url" onclick="spider_media_uploader('button_image_url', event, true); return false;" value="Add Images" />
2139
- </div>
2140
- <?php
2141
- }
2142
- ?>
2143
- <div class="wds_button_wrap">
2144
- <input class="wds_buttons_320 action_buttons add_posts wds_free_button" type="button" value="Add Posts" onclick="alert('This functionality is disabled in free version.')" />
2145
- </div>
2146
- <div class="wds_button_wrap">
2147
- <input class="wds_buttons_320 action_buttons set_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
2148
- spider_set_input_value('task', 'set_watermark');
2149
- spider_ajax_save('sliders_form', event);" value="Set Watermark" />
2150
- </div>
2151
- <div class="wds_button_wrap">
2152
- <input class="wds_buttons_320 action_buttons reset_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
2153
- spider_set_input_value('task', 'reset_watermark');
2154
- spider_ajax_save('sliders_form', event);" value="Reset Watermark" />
2155
- </div>
2156
-
2157
- </div>
2158
- </td>
2159
- </tr>
2160
- </thead>
2161
- <tbody style="display: block;">
2162
- <tr style="display: block;">
2163
- <td colspan="4" style="display: block;">
2164
- <div class="bgcolor wds_tabs wbs_subtab aui-sortable">
2165
- <h2 class="titles">Slides<h2>
2166
- <?php
2167
- foreach ($slides_row as $key => $slide_row) {
2168
- ?>
2169
- <script>
2170
- jQuery(function(){
2171
- jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?>",function(){
2172
- wds_change_sub_tab(this, 'wds_slide<?php echo $slide_row->id; ?>');
2173
- });
2174
- jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?> input",function(e){
2175
- e.stopPropagation();
2176
- });
2177
- jQuery(document).on("click","#title<?php echo $slide_row->id; ?>",function(){
2178
- wds_change_sub_tab(jQuery("#wds_tab_image<?php echo $slide_row->id; ?>"), 'wds_slide<?php echo $slide_row->id; ?>');
2179
- wds_change_sub_tab_title(this, 'wds_slide<?php echo $slide_row->id; ?>');
2180
- });
2181
- });
2182
- </script>
2183
- <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
2184
- <div id="wbs_subtab<?php echo $slide_row->id; ?>" class="tab_link <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>" href="#" >
2185
- <div style="background-image:url('<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->thumb_url ?>');background-position: center" class="tab_image" id="wds_tab_image<?php echo $slide_row->id; ?>" >
2186
- <div class="tab_buttons">
2187
- <div class="handle_wrap">
2188
- <div class="handle" title="Drag to re-order"></div>
2189
- </div>
2190
- <div class="wds_tab_title_wrap">
2191
- <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" />
2192
- </div>
2193
- <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2194
- </div>
2195
- <div class="overlay" >
2196
- <div id="hover_buttons">
2197
- <?php
2198
- if ($row->spider_uploader) {
2199
- ?>
2200
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide','slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="wds_change_thumbnail thickbox thickbox-preview" title="Add/Edit Image" onclick="return false;">
2201
- </a>
2202
- <?php
2203
- }
2204
- else {
2205
- ?>
2206
- <span class="wds_change_thumbnail" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" title="Add/Edit Image" value="Edit Image"></span>
2207
- <?php
2208
- }
2209
- ?>
2210
- <span class="wds_slide_dublicate" title="Duplicate Slide" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');"></span>
2211
- <span class="wds_tab_remove" title="Remove Slide" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
2212
- <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2213
- <span class="wds_clear"></span>
2214
- </div>
2215
- </div>
2216
- </div>
2217
- </div>
2218
- </div>
2219
- <?php
2220
- }
2221
- ?>
2222
- <div class="wds_subtab_wrap new_tab_image">
2223
- <div class="new_tab_link" onclick="wds_add_slide()">
2224
- </div>
2225
- </div>
2226
- <div class="wds_clear"></div>
2227
- </div>
2228
- <?php
2229
- foreach ($slides_row as $key => $slide_row) {
2230
- ?>
2231
- <div class="wds_box <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?> wds_slide<?php echo $slide_row->id; ?>">
2232
- <table class="ui-sortable<?php echo $slide_row->id; ?>">
2233
- <thead><tr><td colspan="4">&nbsp;</td></tr></thead>
2234
- <tbody>
2235
- <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
2236
-
2237
- <tr class="bgcolor">
2238
- <td colspan="4">
2239
- <h2 class="titles">Edit Slide</h2>
2240
- <div id="slide_add_buttons">
2241
- <?php
2242
- if (!$row->spider_uploader) {
2243
- ?>
2244
- <div class="slide_add_buttons_wrap">
2245
- <input type="button" class="action_buttons edit_slide" id="button_image_url<?php echo $slide_row->id; ?>" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" value="Add/Edit Image" />
2246
- </div>
2247
- <?php
2248
- }
2249
- else {
2250
- ?>
2251
- <div class="slide_add_buttons_wrap">
2252
- <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="action_buttons edit_slide thickbox thickbox-preview" title="Add/Edit Image" onclick="return false;">
2253
- Add/Edit Image
2254
- </a>
2255
- </div>
2256
- <?php
2257
- }
2258
- ?>
2259
- <div class="slide_add_buttons_wrap">
2260
- <input type="button" class="action_buttons add_by_url" onclick="wds_add_image_url('<?php echo $slide_row->id; ?>')" value="Add Image by URL" />
2261
- </div>
2262
- <div class="slide_add_buttons_wrap">
2263
- <input type="button" class="action_buttons add_video wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Add Video" />
2264
- </div>
2265
- <div class="slide_add_buttons_wrap">
2266
- <input type="button" class="action_buttons embed_media wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Embed Media" />
2267
- </div>
2268
- <div class="slide_add_buttons_wrap">
2269
- <input class="action_buttons add_post wds_free_button" type="button" value="Add Post" onclick="alert('This functionality is disabled in free version.')" />
2270
- </div>
2271
- <div class="slide_add_buttons_wrap">
2272
- <input type="button" class="action_buttons delete" id="delete_image_url<?php echo $slide_row->id; ?>" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')" value="Delete" />
2273
- </div>
2274
- <div class="slide_add_buttons_wrap">
2275
- <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Edit Thumbnail" />
2276
- </div>
2277
- <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
2278
- <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
2279
- </td>
2280
- </tr>
2281
- <tr class="bgcolor">
2282
- <td colspan="4">
2283
- <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
2284
- <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
2285
- <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
2286
- style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
2287
- background-image: url("<?php echo $slide_row->type != 'image' ? $slide_row->thumb_url : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
2288
- background-position: center center;
2289
- background-repeat: no-repeat;
2290
- background-size: <?php echo $row->bg_fit; ?>;
2291
- width: inherit;
2292
- height: inherit;
2293
- /*position: relative;*/'>
2294
- <?php
2295
- $layers_row = $this->model->get_layers_row_data($slide_row->id);
2296
- if ($layers_row) {
2297
- foreach ($layers_row as $key => $layer) {
2298
- $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
2299
- $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2300
- switch ($layer->type) {
2301
- case 'text': {
2302
- ?>
2303
- <span id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" data-type="wds_text_parent" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
2304
- style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . '%; ' : ''; ?><?php echo $layer->image_height ? 'height: ' . $layer->image_height . '%; ' : ''; ?>word-break: <?php echo ($layer->image_scale ? 'normal' : 'break-all'); ?>; display: inline-block; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: 1.25em; font-family: <?php echo $fonts[$layer->ffamily]; ?>; font-weight: <?php echo $layer->fweight; ?>; padding: <?php echo $layer->padding; ?>; background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>"><?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?></span>
2305
- <?php
2306
- break;
2307
- }
2308
- case 'image': {
2309
- ?>
2310
- <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
2311
- style="opacity: <?php echo (100 - $layer->imgtransparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->imgtransparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; " />
2312
- <?php
2313
- break;
2314
- }
2315
- case 'video': {
2316
- ?>
2317
- <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
2318
- style="max-width: <?php echo $layer->image_width; ?>px; width: <?php echo $layer->image_width; ?>px; max-height: <?php echo $layer->image_height; ?>px; height: <?php echo $layer->image_height; ?>px; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>;" />
2319
- <?php
2320
- break;
2321
- }
2322
- case 'social': {
2323
- ?>
2324
- <style>#<?php echo $prefix; ?>:hover {color: #<?php echo $layer->hover_color; ?> !important;}</style>
2325
- <i id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-<?php echo $layer->social_button; ?> ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
2326
- style="opacity: <?php echo (100 - $layer->transparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->transparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: <?php echo $layer->size; ?>px; padding: <?php echo $layer->padding; ?>; "></i>
2327
- <?php
2328
- break;
2329
- }
2330
- default:
2331
- break;
2332
- }
2333
- }
2334
- }
2335
- ?>
2336
- </div>
2337
- </div>
2338
- </div>
2339
- </td>
2340
- </tr>
2341
- <tr>
2342
- <td>
2343
- <table class="wds_slide_radio_left">
2344
- <tr>
2345
- <td class="spider_label"><label>Published: </label></td>
2346
- <td>
2347
- <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->published) ? 'class="selected_color"' : ''); ?> for="published<?php echo $slide_row->id; ?>1">Yes</label>
2348
- <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->published) ? '' : 'class="selected_color"'); ?> for="published<?php echo $slide_row->id; ?>0">No</label>
2349
- </td>
2350
- </tr>
2351
- </table>
2352
- <table class="wds_slide_radio_right">
2353
- <tr id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
2354
- <td title="You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.Use http:// and https:// for external links." class="wds_tooltip spider_label">
2355
- <label for="link<?php echo $slide_row->id; ?>">Link the slide to: </label>
2356
- </td>
2357
- <td>
2358
- <input class="wds_external_link" id="link<?php echo $slide_row->id; ?>" type="text" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
2359
- <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"> Open in a new window</label>
2360
- </td>
2361
- </tr>
2362
- </table>
2363
- </td>
2364
- </tr>
2365
- <tr class="bgcolor">
2366
- <td colspan="4">
2367
- <h2 class="titles">Layers<h2>
2368
- <div id="layer_add_buttons">
2369
- <div class="layer_add_buttons_wrap">
2370
- <button class="action_buttons add_text_layer <?php echo !$fv ? "" : "wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('text', '" . $slide_row->id . "')" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Text Layer</button>
2371
- </div>
2372
- <?php
2373
- if (!$row->spider_uploader) {
2374
- ?>
2375
- <div class="layer_add_buttons_wrap">
2376
- <button class="action_buttons add_image_layer <?php echo !$fv ? "" : " wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('image', '" . $slide_row->id . "', '', event)" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Image Layer</button>
2377
- </div>
2378
- <?php
2379
- }
2380
- else {
2381
- ?>
2382
- <div class="layer_add_buttons_wrap">
2383
- <a href="<?php echo !$fv ? add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url) : ''; ?>" onclick="<?php echo !$fv ? '' : "alert('This functionality is disabled in free version.')"; ?>; return false;" class="action_buttons add_image_layer <?php echo !$fv ? "thickbox thickbox-preview" : "wds_free_button"; ?> button-small" title="Add Image Layer">
2384
- Add Image layer
2385
- </a>
2386
- </div>
2387
- <?php
2388
- }
2389
- ?>
2390
- <div class="layer_add_buttons_wrap">
2391
- <input type="button" class="action_buttons add_video_layer button-small wds_free_button" id="button_video_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Video Layer" />
2392
- </div>
2393
- <div class="layer_add_buttons_wrap">
2394
- <input type="button" class="action_buttons add_embed_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Embed Media Layer" />
2395
- </div>
2396
- <div class="layer_add_buttons_wrap">
2397
- <button class="action_buttons add_social_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" > Social Button Layer</button>
2398
- </div>
2399
- <div class="layer_add_buttons_wrap">
2400
- <button class="action_buttons add_hotspot_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" >Add Hotspot Layer</button>
2401
- </div>
2402
- <div class="clear"></div>
2403
- </div>
2404
- </td>
2405
- </tr>
2406
- </tbody>
2407
- <?php
2408
- $layer_ids_string = '';
2409
- if ($layers_row) {
2410
- foreach ($layers_row as $key => $layer) {
2411
- $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
2412
- ?>
2413
- <tbody class="layer_table_count" id="<?php echo $prefix; ?>_tbody">
2414
- <tr class="wds_layer_head_tr">
2415
- <td class="wds_layer_head" colspan="4">
2416
- <div class="wds_layer_left">
2417
- <div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>
2418
- <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title" value="<?php echo $layer->title; ?>" title="Layer title" /></span>
2419
- </div>
2420
- <div class="wds_layer_right">
2421
- <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="Delete layer"></span>
2422
- <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>');" title="Duplicate layer"></span>
2423
- <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({zIndex: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
2424
- </div>
2425
- <div class="wds_clear"></div>
2426
- </td>
2427
- </tr>
2428
- <?php
2429
- switch ($layer->type) {
2430
- /*--------text layer----------*/
2431
- case 'text': {
2432
- ?>
2433
- <tr style="display:none">
2434
- <td colspan=2>
2435
- <table class="layer_table_left">
2436
- <tr class="wds_layer_tr" >
2437
- <td class="spider_label">
2438
- <label for="<?php echo $prefix; ?>_text">Text: </label>
2439
- </td>
2440
- <td>
2441
- <textarea id="<?php echo $prefix; ?>_text" class='wds_textarea' name="<?php echo $prefix; ?>_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $layer->text; ?></textarea>
2442
- <input type="button" class="wds_editor_btn button-secondary" onclick="alert('This functionality is disabled in free version.')" value="Editor" />
2443
- <div class="spider_description"></div>
2444
- </td>
2445
- </tr>
2446
- <tr class="wds_layer_tr" >
2447
- <td title="Leave blank to keep the initial width and height." class="wds_tooltip spider_label">
2448
- <label for="<?php echo $prefix; ?>_image_width">Dimensions: </label>
2449
- </td>
2450
- <td>
2451
- <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2452
- <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2453
- <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Break-word</label>
2454
- </td>
2455
- </tr>
2456
- <tr class="wds_layer_tr" >
2457
- <td title="In addition you can drag and drop the layer to a desired position." class="wds_tooltip spider_label">
2458
- <label>Position: </label>
2459
- </td>
2460
- <td>
2461
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2462
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2463
- </td>
2464
- </tr>
2465
- <tr class="wds_layer_tr" >
2466
- <td class="spider_label">
2467
- <label for="<?php echo $prefix; ?>_size">Size: </label>
2468
- </td>
2469
- <td>
2470
- <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2471
- <div class="spider_description"></div>
2472
- </td>
2473
- </tr>
2474
- <tr class="wds_layer_tr" >
2475
- <td class="spider_label">
2476
- <label for="<?php echo $prefix; ?>_color">Color: </label>
2477
- </td>
2478
- <td>
2479
- <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2480
- <div class="spider_description"></div>
2481
- </td>
2482
- </tr>
2483
- <tr class="wds_layer_tr" >
2484
- <td class="spider_label">
2485
- <label for="<?php echo $prefix; ?>_ffamily">Font family: </label>
2486
- </td>
2487
- <td>
2488
- <select class="select_icon select_icon_320" style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
2489
- <?php
2490
- $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2491
- foreach ($fonts as $key => $font_family) {
2492
- ?>
2493
- <option value="<?php echo $key; ?>" <?php echo (($layer->ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
2494
- <?php
2495
- }
2496
- ?>
2497
- </select>
2498
- <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($layer->google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2499
- <label for="<?php echo $prefix; ?>_google_fonts1">Google fonts</label>
2500
- <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($layer->google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2501
- <label for="<?php echo $prefix; ?>_google_fonts0">Default</label>
2502
- <div class="spider_description"></div>
2503
- </td>
2504
- </tr>
2505
- <tr class="wds_layer_tr" >
2506
- <td class="spider_label">
2507
- <label for="<?php echo $prefix; ?>_fweight">Font weight: </label>
2508
- </td>
2509
- <td>
2510
- <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
2511
- <?php
2512
- foreach ($font_weights as $key => $fweight) {
2513
- ?>
2514
- <option value="<?php echo $key; ?>" <?php echo (($layer->fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
2515
- <?php
2516
- }
2517
- ?>
2518
- </select>
2519
- <div class="spider_description"></div>
2520
- </td>
2521
- </tr>
2522
- <tr class="wds_layer_tr" >
2523
- <td class="spider_label">
2524
- <label for="<?php echo $prefix; ?>_link">Link: </label>
2525
- </td>
2526
- <td>
2527
- <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2528
- <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2529
- <div class="spider_description">Use http:// and https:// for external links.</div>
2530
- </td>
2531
- </tr>
2532
- <tr class="wds_layer_tr" >
2533
- <td class="spider_label">
2534
- <label>Published: </label>
2535
- </td>
2536
- <td>
2537
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2538
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2539
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?> />
2540
- <label for="<?php echo $prefix; ?>_published0">No</label>
2541
- <div class="spider_description"></div>
2542
- </td>
2543
- </tr>
2544
- </table>
2545
-
2546
- <table class="layer_table_right" >
2547
- <tr class="wds_layer_tr" >
2548
- <td class="spider_label">
2549
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2550
- </td>
2551
- <td>
2552
- <span style="display: table-cell;">
2553
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2554
- <div class="spider_description">Start</div>
2555
- </span>
2556
- <span style="display: table-cell;">
2557
- <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2558
- <?php
2559
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2560
- ?>
2561
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2562
- <?php
2563
- }
2564
- ?>
2565
- </select>
2566
- <div class="spider_description">Effect</div>
2567
- </span>
2568
- <span style="display: table-cell;">
2569
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2570
- <div class="spider_description">Duration</div>
2571
- </span>
2572
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2573
- </td>
2574
- </tr>
2575
- <tr class="wds_layer_tr">
2576
- <td class="spider_label">
2577
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2578
- </td>
2579
- <td>
2580
- <span style="display: table-cell;">
2581
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2582
- <div class="spider_description">Start</div>
2583
- </span>
2584
- <span style="display: table-cell;">
2585
- <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2586
- <?php
2587
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2588
- ?>
2589
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2590
- <?php
2591
- }
2592
- ?>
2593
- </select>
2594
- <div class="spider_description">Effect</div>
2595
- </span>
2596
- <span style="display: table-cell;">
2597
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2598
- <div class="spider_description">Duration</div>
2599
- </span>
2600
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2601
- </td>
2602
- </tr>
2603
- <tr class="wds_layer_tr">
2604
- <td title="Use CSS type values." class="wds_tooltip spider_label">
2605
- <label for="<?php echo $prefix; ?>_padding">Padding: </label>
2606
- </td>
2607
- <td>
2608
- <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $layer->padding; ?>" name="<?php echo $prefix; ?>_padding">
2609
- <div class="spider_description"></div>
2610
- </td>
2611
- </tr>
2612
- <tr class="wds_layer_tr">
2613
- <td class="spider_label">
2614
- <label for="<?php echo $prefix; ?>_fbgcolor">Background Color: </label>
2615
- </td>
2616
- <td>
2617
- <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#<?php echo $prefix; ?>_transparent').val())})" value="<?php echo $layer->fbgcolor; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
2618
- <div class="spider_description"></div>
2619
- </td>
2620
- </tr>
2621
- <tr class="wds_layer_tr">
2622
-
2623
- <td title="Value must be between 0 to 100." class="wds_tooltip spider_label">
2624
- <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2625
- </td>
2626
- <td>
2627
- <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery('#<?php echo $prefix; ?>_fbgcolor').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent"> %
2628
- <div class="spider_description"></div>
2629
- </td>
2630
- </tr>
2631
- <tr class="wds_layer_tr">
2632
- <td class="spider_label">
2633
- <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2634
- </td>
2635
- <td>
2636
- <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2637
- <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2638
- <?php
2639
- foreach ($border_styles as $key => $border_style) {
2640
- ?>
2641
- <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2642
- <?php
2643
- }
2644
- ?>
2645
- </select>
2646
- <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2647
- <div class="spider_description"></div>
2648
- </td>
2649
- </tr>
2650
- <tr class="wds_layer_tr">
2651
- <td title="Use CSS type values." class="wds_tooltip spider_label">
2652
- <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2653
- </td>
2654
- <td>
2655
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2656
- <div class="spider_description"></div>
2657
- </td>
2658
- </tr>
2659
- <tr class="wds_layer_tr">
2660
- <td class="spider_label">
2661
- <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2662
- </td>
2663
- <td>
2664
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2665
- <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
2666
- </td>
2667
- </tr>
2668
- <tr class="wds_layer_tr" >
2669
- <td title="Add class" class="wds_tooltip spider_label">
2670
- <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2671
- </td>
2672
- <td>
2673
- <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
2674
- </td>
2675
- </tr>
2676
- </table>
2677
- </td>
2678
- </tr>
2679
- <?php
2680
- break;
2681
- }
2682
- /*--------image layer----------*/
2683
- case 'image': {
2684
- ?>
2685
- <tr style="display:none">
2686
- <td>
2687
- <table class="layer_table_left">
2688
- <tr class="wds_layer_tr" >
2689
- <td class="spider_label">
2690
- <label>Dimensions: </label>
2691
- </td>
2692
- <td>
2693
- <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $layer->image_url; ?>" />
2694
- <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2695
- <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2696
- <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2697
- <input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2698
- <div class="spider_description">Set width and height of the image.</div>
2699
- </td>
2700
- </tr>
2701
- <tr class="wds_layer_tr" >
2702
- <td class="spider_label">
2703
- <label for="<?php echo $prefix; ?>_alt">Alt: </label>
2704
- </td>
2705
- <td>
2706
- <input id="<?php echo $prefix; ?>_alt" type="text" size="39" value="<?php echo $layer->alt; ?>" name="<?php echo $prefix; ?>_alt" />
2707
- <div class="spider_description">Set the HTML attribute specified in the IMG tag.</div>
2708
- </td>
2709
- </tr>
2710
- <tr class="wds_layer_tr" >
2711
- <td class="spider_label">
2712
- <label for="<?php echo $prefix; ?>_link">Link: </label>
2713
- </td>
2714
- <td>
2715
- <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2716
- <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2717
- <div class="spider_description">Use http:// and https:// for external links.</div>
2718
- </td>
2719
- </tr>
2720
- <tr class="wds_layer_tr" >
2721
- <td class="spider_label">
2722
- <label>Position: </label>
2723
- </td>
2724
- <td>
2725
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2726
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2727
- <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2728
- </td>
2729
- </tr>
2730
- <tr class="wds_layer_tr" >
2731
- <td class="spider_label">
2732
- <label for="<?php echo $prefix; ?>_imgtransparent">Transparent: </label>
2733
- </td>
2734
- <td>
2735
- <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->imgtransparent; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
2736
- <div class="spider_description">Value must be between 0 to 100.</div>
2737
- </td>
2738
- </tr>
2739
- <tr class="wds_layer_tr" >
2740
- <td class="spider_label">
2741
- <label>Published: </label>
2742
- </td>
2743
- <td>
2744
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2745
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2746
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2747
- <label for="<?php echo $prefix; ?>_published0">No</label>
2748
- <div class="spider_description"></div>
2749
- </td>
2750
- </tr>
2751
- </table class="layer_table_right">
2752
- <table>
2753
- <tr class="wds_layer_tr">
2754
- <td class="spider_label">
2755
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2756
- </td>
2757
- <td>
2758
- <span style="display: table-cell;">
2759
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2760
- <div class="spider_description">Start</div>
2761
- </span>
2762
- <span style="display: table-cell;">
2763
- <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2764
- <?php
2765
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2766
- ?>
2767
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2768
- <?php
2769
- }
2770
- ?>
2771
- </select>
2772
- <div class="spider_description">Effect</div>
2773
- </span>
2774
- <span style="display: table-cell;">
2775
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2776
- <div class="spider_description">Duration</div>
2777
- </span>
2778
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2779
- </td>
2780
- </tr>
2781
- <tr class="wds_layer_tr" >
2782
- <td class="spider_label">
2783
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2784
- </td>
2785
- <td>
2786
- <span style="display: table-cell;">
2787
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2788
- <div class="spider_description">Start</div>
2789
- </span>
2790
- <span style="display: table-cell;">
2791
- <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2792
- <?php
2793
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2794
- ?>
2795
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2796
- <?php
2797
- }
2798
- ?>
2799
- </select>
2800
- <div class="spider_description">Effect</div>
2801
- </span>
2802
- <span style="display: table-cell;">
2803
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2804
- <div class="spider_description">Duration</div>
2805
- </span>
2806
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2807
- </td>
2808
- </tr>
2809
- <tr class="wds_layer_tr">
2810
- <td class="spider_label">
2811
- <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2812
- </td>
2813
- <td>
2814
- <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2815
- <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2816
- <?php
2817
- foreach ($border_styles as $key => $border_style) {
2818
- ?>
2819
- <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2820
- <?php
2821
- }
2822
- ?>
2823
- </select>
2824
- <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2825
- <div class="spider_description"></div>
2826
- </td>
2827
- </tr>
2828
- <tr class="wds_layer_tr">
2829
- <td class="spider_label">
2830
- <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2831
- </td>
2832
- <td>
2833
- <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2834
- <div class="spider_description">Use CSS type values.</div>
2835
- </td>
2836
- </tr>
2837
- <tr class="wds_layer_tr">
2838
- <td class="spider_label">
2839
- <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2840
- </td>
2841
- <td>
2842
- <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2843
- <div class="spider_description">Use CSS type values.</div>
2844
- </td>
2845
- </tr>
2846
- <tr class="wds_layer_tr" >
2847
- <td title="Add class" class="wds_tooltip spider_label">
2848
- <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2849
- </td>
2850
- <td>
2851
- <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
2852
- </td>
2853
- </tr>
2854
- </table>
2855
- </td>
2856
- </tr>
2857
- <?php
2858
- break;
2859
- }
2860
- /*--------social button layer----------*/
2861
- case 'social': {
2862
- ?>
2863
- <tr style="display:none">
2864
- <td>
2865
- <table class="layer_table_left">
2866
- <tr class="wds_layer_tr">
2867
- <td class="spider_label">
2868
- <label>Position: </label>
2869
- </td>
2870
- <td>
2871
- X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2872
- Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2873
- <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2874
- </td>
2875
- </tr>
2876
- <tr class="wds_layer_tr">
2877
- <td class="spider_label">
2878
- <label for="<?php echo $prefix; ?>_social_button">Social button: </label>
2879
- </td>
2880
- <td>
2881
- <select id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button">
2882
- <?php
2883
- foreach ($social_buttons as $key => $social_button) {
2884
- ?>
2885
- <option value="<?php echo $key; ?>" <?php echo (($layer->social_button == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
2886
- <?php
2887
- }
2888
- ?>
2889
- </select>
2890
- <div class="spider_description"></div>
2891
- </td>
2892
- </tr>
2893
- <tr class="wds_layer_tr">
2894
- <td class="spider_label">
2895
- <label for="<?php echo $prefix; ?>_size">Size: </label>
2896
- </td>
2897
- <td>
2898
- <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2899
- <div class="spider_description"></div>
2900
- </td>
2901
- <td class="spider_label">
2902
- <label for="<?php echo $prefix; ?>_color">Color: </label>
2903
- </td>
2904
- <td>
2905
- <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2906
- <div class="spider_description"></div>
2907
- </td>
2908
- </tr>
2909
- <tr class="wds_layer_tr" >
2910
- <td class="spider_label">
2911
- <label>Published: </label>
2912
- </td>
2913
- <td>
2914
- <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2915
- <label for="<?php echo $prefix; ?>_published1">Yes</label>
2916
- <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2917
- <label for="<?php echo $prefix; ?>_published0">No</label>
2918
- <div class="spider_description"></div>
2919
- </td>
2920
- </tr>
2921
- </table>
2922
- <table class="layer_table_right">
2923
- <tr class="wds_layer_tr">
2924
- <td class="spider_label">
2925
- <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2926
- </td>
2927
- <td>
2928
- <span style="display: table-cell;">
2929
- <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2930
- <div class="spider_description">Start</div>
2931
- </span>
2932
- <span style="display: table-cell;">
2933
- <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2934
- <?php
2935
- foreach ($layer_effects_in as $key => $layer_effect_in) {
2936
- ?>
2937
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2938
- <?php
2939
- }
2940
- ?>
2941
- </select>
2942
- <div class="spider_description">Effect</div>
2943
- </span>
2944
- <span style="display: table-cell;">
2945
- <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2946
- <div class="spider_description">Duration</div>
2947
- </span>
2948
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2949
- </td>
2950
- </tr>
2951
- <tr class="wds_layer_tr">
2952
- <td class="spider_label">
2953
- <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2954
- </td>
2955
- <td>
2956
- <span style="display: table-cell;">
2957
- <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2958
- <div class="spider_description">Start</div>
2959
- </span>
2960
- <span style="display: table-cell;">
2961
- <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2962
- <?php
2963
- foreach ($layer_effects_out as $key => $layer_effect_out) {
2964
- ?>
2965
- <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2966
- <?php
2967
- }
2968
- ?>
2969
- </select>
2970
- <div class="spider_description">Effect</div>
2971
- </span>
2972
- <span style="display: table-cell;">
2973
- <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2974
- <div class="spider_description">Duration</div>
2975
- </span>
2976
- <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2977
- </td>
2978
- </tr>
2979
- <tr class="wds_layer_tr">
2980
- <td class="spider_label">
2981
- <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2982
- </td>
2983
- <td>
2984
- <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent" /> %
2985
- <div class="spider_description">Value must be between 0 to 100.</div>
2986
- </td>
2987
- <td class="spider_label">
2988
- <label for="<?php echo $prefix; ?>_hover_color">Hover Color: </label>
2989
- </td>
2990
- <td>
2991
- <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').hover(function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_hover_color').val()}); }, function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_color').val()}); })" value="<?php echo $layer->hover_color; ?>" name="<?php echo $prefix; ?>_hover_color" />
2992
- <div class="spider_description"></div>
2993
- </td>
2994
- </tr>
2995
- <tr class="wds_layer_tr" >
2996
- <td title="Add class" class="wds_tooltip spider_label">
2997
- <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2998
- </td>
2999
- <td>
3000
- <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
3001
- </td>
3002
- </tr>
3003
- </table>
3004
- </td>
3005
- </tr>
3006
- <?php
3007
- break;
3008
- }
3009
- default:
3010
- break;
3011
- }
3012
- ?>
3013
- <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="<?php echo $layer->type; ?>" />
3014
- </tbody>
3015
- <?php
3016
- $layer_ids_string .= $layer->id . ',';
3017
- }
3018
- }
3019
- ?>
3020
- </table>
3021
- <input id="slide<?php echo $slide_row->id; ?>_layer_ids_string" name="slide<?php echo $slide_row->id; ?>_layer_ids_string" type="hidden" value="<?php echo $layer_ids_string; ?>" />
3022
- <input id="slide<?php echo $slide_row->id; ?>_del_layer_ids_string" name="slide<?php echo $slide_row->id; ?>_del_layer_ids_string" type="hidden" value="" />
3023
- </div>
3024
- <script>
3025
- jQuery(document).ready(function() {
3026
- image_for_next_prev_butt('<?php echo $row->rl_butt_img_or_not; ?>');
3027
- image_for_bull_butt('<?php echo $row->bull_butt_img_or_not; ?>');
3028
- image_for_play_pause_butt('<?php echo $row->play_paus_butt_img_or_not; ?>');
3029
- showhide_for_carousel_fildes('<?php echo $row->carousel; ?>');
3030
- wds_whr('width');
3031
- wds_drag_layer('<?php echo $slide_row->id; ?>');
3032
- wds_layer_weights('<?php echo $slide_row->id; ?>');
3033
- <?php
3034
- if ($layers_row) {
3035
- foreach ($layers_row as $key => $layer) {
3036
- if ($layer->type == 'image') {
3037
- $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
3038
- ?>
3039
- wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>');
3040
- <?php
3041
- }
3042
- }
3043
- }
3044
- ?>
3045
- });
3046
- </script>
3047
- <?php
3048
- $slide_ids_string .= $slide_row->id . ',';
3049
- }
3050
- ?>
3051
- </td>
3052
- </tr>
3053
- </tbody>
3054
- </table>
3055
- </div>
3056
- </div>
3057
- <div class="wds_task_cont">
3058
- <input id="current_id" name="current_id" type="hidden" value="<?php echo $row->id; ?>" />
3059
- <input id="slide_ids_string" name="slide_ids_string" type="hidden" value="<?php echo $slide_ids_string; ?>" />
3060
- <input id="del_slide_ids_string" name="del_slide_ids_string" type="hidden" value="" />
3061
- <input id="nav_tab" name="nav_tab" type="hidden" value="<?php echo WDW_S_Library::get('nav_tab', 'global'); ?>" />
3062
- <input id="tab" name="tab" type="hidden" value="<?php echo WDW_S_Library::get('tab', 'slides'); ?>" />
3063
- <input id="sub_tab" name="sub_tab" type="hidden" value="<?php echo $sub_tab_type; ?>" />
3064
- <script>
3065
- var spider_uploader = <?php echo $row->spider_uploader; ?>;
3066
- </script>
3067
- </div>
3068
- <input id="task" name="task" type="hidden" value="" />
3069
- <script>
3070
- var wds_preview_url = "<?php echo add_query_arg(array('action' => 'WDSPreview', 'slider_id' => $id ? $id : 'sliderID', 'width' => '700', 'height' => '550', 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>";
3071
- var uploader_href = '<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => 'slideID', 'layer_id' => 'layerID', 'TB_iframe' => '1'), $query_url); ?>';
3072
- var fv = '<?php echo $fv; ?>';
3073
- jQuery(document).ready(function() {
3074
- wds_onload();
3075
- });
3076
- jQuery("#sliders_form").on("click", "a", function(e) {
3077
- e.preventDefault();
3078
- });
3079
- jQuery(".wds_tab_title").keyup(function (e) {
3080
- var code = e.which;
3081
- if (code == 13) {
3082
- jQuery(".wds_sub_active .wds_tab_title").blur();
3083
- jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
3084
- }
3085
- });
3086
- var plugin_dir = '<?php echo WD_S_URL . "/images/sliderwdpng/"; ?>';
3087
- </script>
3088
- <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
3089
- <div class="opacity_add_video wds_add_video">
3090
- <input type="text" id="video_url" name="video_url" value="" />
3091
- <input type="button" id="add_video_button" class="button-primary" value="Add" />
3092
- <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_video').hide(); return false;" value="Cancel" />
3093
- <div class="spider_description">Enter YouTube or Vimeo link here.</div>
3094
- </div>
3095
- <div class="opacity_add_image_url wds_resize_image">
3096
- <input type="text" id="image_url_input" name="image_url_input" value="" />
3097
- <input type="button" id="add_image_url_button" class="button-primary" value="Add" />
3098
- <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_image_url').hide(); return false;" value="Cancel" />
3099
- <div class="spider_description">Enter absolute url of the image.</div>
3100
- </div>
3101
- </form>
3102
- <?php
3103
- }
3104
-
3105
- ////////////////////////////////////////////////////////////////////////////////////////
3106
- // Getters & Setters //
3107
- ////////////////////////////////////////////////////////////////////////////////////////
3108
- ////////////////////////////////////////////////////////////////////////////////////////
3109
- // Private Methods //
3110
- ////////////////////////////////////////////////////////////////////////////////////////
3111
- ////////////////////////////////////////////////////////////////////////////////////////
3112
- // Listeners //
3113
- ////////////////////////////////////////////////////////////////////////////////////////
3114
  }
1
+ <?php
2
+
3
+ class WDSViewSliders_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ private $model;
14
+
15
+
16
+ ////////////////////////////////////////////////////////////////////////////////////////
17
+ // Constructor & Destructor //
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ public function __construct($model) {
20
+ $this->model = $model;
21
+ }
22
+ ////////////////////////////////////////////////////////////////////////////////////////
23
+ // Public Methods //
24
+ ////////////////////////////////////////////////////////////////////////////////////////
25
+ public function display() {
26
+ $rows_data = $this->model->get_rows_data();
27
+ $page_nav = $this->model->page_nav();
28
+ $search_value = ((isset($_POST['search_value'])) ? esc_html(stripslashes($_POST['search_value'])) : '');
29
+ $search_select_value = ((isset($_POST['search_select_value'])) ? (int) $_POST['search_select_value'] : 0);
30
+ $asc_or_desc = ((isset($_POST['asc_or_desc'])) ? esc_html(stripslashes($_POST['asc_or_desc'])) : 'asc');
31
+ $order_by = (isset($_POST['order_by']) ? esc_html(stripslashes($_POST['order_by'])) : 'id');
32
+ $order_class = 'manage-column column-title sorted ' . $asc_or_desc;
33
+ $ids_string = '';
34
+ ?>
35
+ <style>
36
+ <?php
37
+ global $wp_version;
38
+ if (version_compare($wp_version, '4','<')) {
39
+ ?>
40
+ #wpwrap {
41
+ background-color:#F1F1F1
42
+ }
43
+ @media screen and (max-width: 640px) {
44
+ .buttons_div input {
45
+ width:31%;
46
+ font-size:10px;
47
+ }
48
+
49
+ .tablenav{
50
+ height:auto
51
+ }
52
+
53
+ #wpcontent{
54
+ margin-left:40px!important
55
+ }
56
+ .alignleft {
57
+ display:none;
58
+ }
59
+ }
60
+ <?php
61
+ }
62
+ ?>
63
+ </style>
64
+ <div style="clear: both; float: left; width: 99%;">
65
+ <div style="float: left; font-size: 14px; font-weight: bold;">
66
+ This section allows you to create, edit and delete sliders.
67
+ <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd/adding-images.html">Read More in User Manual</a>
68
+ </div>
69
+ <div style="float: right; text-align: right;">
70
+ <a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromslider.php">
71
+ <img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_S_URL . '/images/wd_logo.png'; ?>" />
72
+ </a>
73
+ </div>
74
+ </div>
75
+ <form class="wrap wds_form" id="sliders_form" method="post" action="admin.php?page=sliders_wds" style="float: left; width: 99%;">
76
+ <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
77
+ <span class="slider-icon"></span>
78
+ <h2>
79
+ Sliders
80
+ <a href="" class="add-new-h2" onclick="spider_set_input_value('task', 'add');
81
+ spider_form_submit(event, 'sliders_form')">Add new</a>
82
+ </h2>
83
+
84
+ <div class="tablenav top" style="margin-bottom:25px">
85
+ <?php
86
+ WDW_S_Library::search('Name', $search_value, 'sliders_form');
87
+ ?>
88
+ <div class="buttons_div">
89
+ <span class="wds_button-secondary non_selectable wds_check_all" onclick="spider_check_all_items()">
90
+ <input type="checkbox" id="check_all_items" name="check_all_items" onclick="spider_check_all_items_checkbox()" style="margin: 0; vertical-align: middle;" />
91
+ <span style="vertical-align: middle;">Select All</span>
92
+ </span>
93
+ <input class="wds_button-secondary wds_publish_all" type="submit" onclick="spider_set_input_value('task', 'publish_all')" value="Publish" />
94
+ <input class="wds_button-secondary wds_unpublish_all" type="submit" onclick="spider_set_input_value('task', 'unpublish_all')" value="Unpublish" />
95
+ <input class="wds_button-secondary wds_duplicate_all" type="submit" onclick="spider_set_input_value('task', 'duplicate_all')" value="Duplicate" />
96
+ <input type="button" class="wds_button-secondary wds_export" onclick="alert('This functionality is disabled in free version.')" value="Export" />
97
+ <input type="button" class="wds_button-secondary wds_import" onclick="alert('This functionality is disabled in free version.')" value="Import" />
98
+ <input class="wds_button-secondary wds_delete_all" type="submit" onclick="if (confirm('Do you want to delete selected items?')) {
99
+ spider_set_input_value('task', 'delete_all');
100
+ } else {
101
+ return false;
102
+ }" value="Delete" />
103
+ </div>
104
+ </div>
105
+ <?php
106
+ WDW_S_Library::html_page_nav($page_nav['total'], $page_nav['limit'], 'sliders_form');
107
+ ?>
108
+ <table class="wp-list-table widefat fixed pages">
109
+ <thead>
110
+ <th class="manage-column column-cb check-column table_small_col"><input id="check_all" type="checkbox" onclick="spider_check_all(this)" style="margin:0;" /></th>
111
+ <th class="table_small_col <?php if ($order_by == 'id') {echo $order_class;} ?>">
112
+ <a onclick="spider_set_input_value('task', '');
113
+ spider_set_input_value('order_by', 'id');
114
+ spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'id') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
115
+ spider_form_submit(event, 'sliders_form')" href="">
116
+ <span>ID</span><span class="sorting-indicator"></span>
117
+ </a>
118
+ </th>
119
+
120
+
121
+
122
+ <th class="mobile_hide table_big_col">Slider</th>
123
+ <th class="<?php if ($order_by == 'name') {echo $order_class;} ?>">
124
+ <a onclick="spider_set_input_value('task', '');
125
+ spider_set_input_value('order_by', 'name');
126
+ spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'name') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
127
+ spider_form_submit(event, 'sliders_form')" href="">
128
+ <span>Name</span><span class="sorting-indicator"></span>
129
+ </a>
130
+ </th>
131
+ <th class="mobile_hide table_big_col">Slides</th>
132
+ <th class="table_big_col">Shortcode</th>
133
+ <th class="mobile_hide table_large_col">PHP function</th>
134
+ <th class="mobile_hide table_big_col <?php if ($order_by == 'published') {echo $order_class;} ?>">
135
+ <a onclick="spider_set_input_value('task', '');
136
+ spider_set_input_value('order_by', 'published');
137
+ spider_set_input_value('asc_or_desc', '<?php echo ((isset($_POST['asc_or_desc']) && isset($_POST['order_by']) && (esc_html(stripslashes($_POST['order_by'])) == 'published') && esc_html(stripslashes($_POST['asc_or_desc'])) == 'asc') ? 'desc' : 'asc'); ?>');
138
+ spider_form_submit(event, 'sliders_form')" href="">
139
+ <span>Published</span><span class="sorting-indicator"></span>
140
+ </a>
141
+ </th>
142
+ <th class="mobile_hide table_big_col wds_table_big_col_action" colspan='3'>Action</th>
143
+ </thead>
144
+ <tbody id="tbody_arr">
145
+ <?php
146
+ if ($rows_data) {
147
+ $alternate = '';
148
+ foreach ($rows_data as $row_data) {
149
+ $alternate = ($alternate == 'class="wds_alternate"') ? '' : 'class="wds_alternate"';
150
+ $published_image = (($row_data->published) ? 'publish_slide' : 'unpublish_slide');
151
+ $published = (($row_data->published) ? 'unpublish' : 'publish');
152
+ $prev_img_url = $this->model->get_slider_prev_img($row_data->id);
153
+ $slides_count = $this->model->get_slides_count($row_data->id);
154
+ ?>
155
+ <tr id="tr_<?php echo $row_data->id; ?>" <?php echo $alternate; ?>>
156
+ <td class="table_small_col check-column"><input id="check_<?php echo $row_data->id; ?>" name="check_<?php echo $row_data->id; ?>" onclick="spider_check_all(this)" type="checkbox" /></td>
157
+ <td class="table_small_col"><?php echo $row_data->id; ?></td>
158
+ <td class="mobile_hide table_big_col">
159
+ <img title="<?php echo $row_data->name; ?>" style="border: 1px solid #CCCCCC; max-width: 70px; max-height: 50px;" src="<?php echo $prev_img_url . '?date=' . date('Y-m-y H:i:s'); ?>">
160
+ </td>
161
+ <td class="wds_640">
162
+ <a onclick="spider_set_input_value('task', 'edit');
163
+ spider_set_input_value('page_number', '1');
164
+ spider_set_input_value('search_value', '');
165
+ spider_set_input_value('search_or_not', '');
166
+ spider_set_input_value('asc_or_desc', 'asc');
167
+ spider_set_input_value('order_by', 'order');
168
+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
169
+ spider_form_submit(event, 'sliders_form')" href="" title="Edit"><?php echo $row_data->name; ?>
170
+ </a>
171
+ </td>
172
+ <td class="mobile_hide table_big_col"><?php echo $slides_count; ?></td>
173
+ <td class="table_big_col" style="padding-left: 0; padding-right: 0;">
174
+ <input type="text" value='[wds id="<?php echo $row_data->id; ?>"]' onclick="spider_select_value(this)" size="11" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
175
+ </td>
176
+ <td class="mobile_hide table_large_col" style="padding-left: 0; padding-right: 0;">
177
+ <input type="text" value="&#60;?php wd_slider(<?php echo $row_data->id; ?>); ?&#62;" onclick="spider_select_value(this)" size="23" readonly="readonly" style="padding-left: 1px; padding-right: 1px;" />
178
+ </td>
179
+ <td class="mobile_hide table_big_col">
180
+ <a onclick="spider_set_input_value('task', '<?php echo $published; ?>');spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');spider_form_submit(event, 'sliders_form')" href=""><img src="<?php echo WD_S_URL . '/images/sliderwdpng/' . $published_image . '.png'; ?>"></img></a>
181
+ </td>
182
+ <td class="mobile_hide table_big_col" colspan="3">
183
+ <div class='slider_edit_buttons'>
184
+ <div class="slider_edit">
185
+ <input type="button" value="Edit" class="action_buttons edit_slider" onclick="spider_set_input_value('task', 'edit');
186
+ spider_set_input_value('page_number', '1');
187
+ spider_set_input_value('search_value', '');
188
+ spider_set_input_value('search_or_not', '');
189
+ spider_set_input_value('asc_or_desc', 'asc');
190
+ spider_set_input_value('order_by', 'order');
191
+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
192
+ spider_form_submit(event, 'sliders_form')" />
193
+ </div>
194
+ <div class="slider_delete">
195
+ <input type="button" class="action_buttons wds_delete_slider" value="Delete" onclick="if (confirm('Do you want to delete selected items?')) {spider_set_input_value('task', 'delete');
196
+ spider_set_input_value('current_id', '<?php echo $row_data->id; ?>');
197
+ spider_form_submit(event, 'sliders_form')} else {return false;}" />
198
+ </div>
199
+ <div class="clear"></div>
200
+ </div>
201
+ </td>
202
+ </tr>
203
+ <?php
204
+ $ids_string .= $row_data->id . ',';
205
+ }
206
+ }
207
+ ?>
208
+ </tbody>
209
+ </table>
210
+ <input id="task" name="task" type="hidden" value="" />
211
+ <input id="current_id" name="current_id" type="hidden" value="" />
212
+ <input id="ids_string" name="ids_string" type="hidden" value="<?php echo $ids_string; ?>" />
213
+ <input id="asc_or_desc" name="asc_or_desc" type="hidden" value="asc" />
214
+ <input id="order_by" name="order_by" type="hidden" value="<?php echo $order_by; ?>" />
215
+ </form>
216
+ <?php
217
+ }
218
+
219
+ public function edit($id, $reset = FALSE) {
220
+ $query_url = add_query_arg(array('action' => 'addImage', 'width' => '700', 'height' => '550', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => 'bwg_add_preview_image'), admin_url('admin-ajax.php'));
221
+ $query_url = wp_nonce_url($query_url, 'addImage', 'nonce_wd');
222
+
223
+ $row = $this->model->get_row_data($id, $reset);
224
+ $slides_row = $this->model->get_slides_row_data($id);
225
+ $slide_ids_string = '';
226
+ $sub_tab_type = WDW_S_Library::get('sub_tab', '');
227
+
228
+ $page_title = (($id != 0) ? 'Edit slider ' . $row->name : 'Create new slider');
229
+ $aligns = array(
230
+ 'left' => 'Left',
231
+ 'center' => 'Center',
232
+ 'right' => 'Right',
233
+ );
234
+ $border_styles = array(
235
+ 'none' => 'None',
236
+ 'solid' => 'Solid',
237
+ 'dotted' => 'Dotted',
238
+ 'dashed' => 'Dashed',
239
+ 'double' => 'Double',
240
+ 'groove' => 'Groove',
241
+ 'ridge' => 'Ridge',
242
+ 'inset' => 'Inset',
243
+ 'outset' => 'Outset',
244
+ );
245
+ $button_styles = array(
246
+ 'fa-chevron' => 'Chevron',
247
+ 'fa-angle' => 'Angle',
248
+ 'fa-angle-double' => 'Double',
249
+ );
250
+ $bull_styles = array(
251
+ 'fa-circle-o' => 'Circle O',
252
+ 'fa-circle' => 'Circle',
253
+ 'fa-minus' => 'Minus',
254
+ 'fa-square-o' => 'Square O',
255
+ 'fa-square' => 'Square',
256
+ );
257
+ $font_families = array(
258
+ 'arial' => 'Arial',
259
+ 'lucida grande' => 'Lucida grande',
260
+ 'segoe ui' => 'Segoe ui',
261
+ 'tahoma' => 'Tahoma',
262
+ 'trebuchet ms' => 'Trebuchet ms',
263
+ 'verdana' => 'Verdana',
264
+ 'cursive' =>'Cursive',
265
+ 'fantasy' => 'Fantasy',
266
+ 'monospace' => 'Monospace',
267
+ 'serif' => 'Serif',
268
+ );
269
+ $google_fonts = WDW_S_Library::get_google_fonts();
270
+ if ($row->possib_add_ffamily != '') {
271
+ $possib_add_ffamily = explode("*WD*", $row->possib_add_ffamily);
272
+ foreach($possib_add_ffamily as $possib_add_value) {
273
+ if ($possib_add_value) {
274
+ $font_families[strtolower($possib_add_value)] = $possib_add_value;
275
+ }
276
+ }
277
+ }
278
+ if ($row->possib_add_ffamily_google != '') {
279
+ $possib_add_ffamily_google = explode("*WD*", $row->possib_add_ffamily_google);
280
+ foreach($possib_add_ffamily_google as $possib_add_value_google) {
281
+ if ($possib_add_value_google) {
282
+ $google_fonts[strtolower($possib_add_value_google)] = $possib_add_value_google;
283
+ }
284
+ }
285
+ }
286
+ $font_weights = array(
287
+ 'lighter' => 'Lighter',
288
+ 'normal' => 'Normal',
289
+ 'bold' => 'Bold',
290
+ );
291
+ $social_buttons = array(
292
+ 'facebook' => 'Facebook',
293
+ 'google-plus' => 'Google+',
294
+ 'twitter' => 'Twitter',
295
+ 'pinterest' => 'Pinterest',
296
+ 'tumblr' => 'Tumblr',
297
+ );
298
+ $free_effects = array('none', 'fade', 'sliceH', 'fan', 'scaleIn');
299
+ $effects = array(
300
+ 'none' => 'None',
301
+ 'fade' => 'Fade',
302
+ 'sliceH' => 'Slice Horizontal',
303
+ 'fan' => 'Fan',
304
+ 'scaleIn' => 'Scale In',
305
+ 'zoomFade' => 'Zoom Fade',
306
+ 'parallelSlideH' => 'Parallel Slide Horizontal',
307
+ 'parallelSlideV' => 'Parallel Slide Vertical',
308
+ 'slic3DH' => 'Slice 3D Horizontal',
309
+ 'slic3DV' => 'Slice 3D Vertical',
310
+ 'slicR3DH' => 'Slice 3D Horizontal Random',
311
+ 'slicR3DV' => 'Slice 3D Vertical Random',
312
+ 'blindR' => 'Blind',
313
+ 'tilesR' => 'Tiles',
314
+ 'blockScaleR' => 'Block Scale Random',
315
+ 'cubeH' => 'Cube Horizontal',
316
+ 'cubeV' => 'Cube Vertical',
317
+ 'cubeR' => 'Cube Random',
318
+ 'sliceV' => 'Slice Vertical',
319
+ 'slideH' => 'Slide Horizontal',
320
+ 'slideV' => 'Slide Vertical',
321
+ 'scaleOut' => 'Scale Out',
322
+ 'blockScale' => 'Block Scale',
323
+ 'kaleidoscope' => 'Kaleidoscope',
324
+ 'blindH' => 'Blind Horizontal',
325
+ 'blindV' => 'Blind Vertical',
326
+ 'random' => 'Random',
327
+ '3Drandom' => '3D Random',
328
+ );
329
+ $free_layer_effects = array('none', 'bounce', 'tada', 'bounceInDown', 'bounceOutUp', 'fadeInLeft', 'fadeOutRight');
330
+ $layer_effects_in = array(
331
+ 'none' => 'None',
332
+ 'bounce' => 'Bounce',
333
+ 'tada' => 'Tada',
334
+ 'bounceInDown' => 'BounceInDown',
335
+ 'fadeInLeft' => 'FadeInLeft',
336
+ 'flash' => 'Flash',
337
+ 'pulse' => 'Pulse',
338
+ 'rubberBand' => 'RubberBand',
339
+ 'shake' => 'Shake',
340
+ 'swing' => 'Swing',
341
+ 'wobble' => 'Wobble',
342
+ 'hinge' => 'Hinge',
343
+
344
+ 'lightSpeedIn' => 'LightSpeedIn',
345
+ 'rollIn' => 'RollIn',
346
+
347
+ 'bounceIn' => 'BounceIn',
348
+ 'bounceInLeft' => 'BounceInLeft',
349
+ 'bounceInRight' => 'BounceInRight',
350
+ 'bounceInUp' => 'BounceInUp',
351
+
352
+ 'fadeIn' => 'FadeIn',
353
+ 'fadeInDown' => 'FadeInDown',
354
+ 'fadeInDownBig' => 'FadeInDownBig',
355
+ 'fadeInLeftBig' => 'FadeInLeftBig',
356
+ 'fadeInRight' => 'FadeInRight',
357
+ 'fadeInRightBig' => 'FadeInRightBig',
358
+ 'fadeInUp' => 'FadeInUp',
359
+ 'fadeInUpBig' => 'FadeInUpBig',
360
+
361
+ 'flip' => 'Flip',
362
+ 'flipInX' => 'FlipInX',
363
+ 'flipInY' => 'FlipInY',
364
+
365
+ 'rotateIn' => 'RotateIn',
366
+ 'rotateInDownLeft' => 'RotateInDownLeft',
367
+ 'rotateInDownRight' => 'RotateInDownRight',
368
+ 'rotateInUpLeft' => 'RotateInUpLeft',
369
+ 'rotateInUpRight' => 'RotateInUpRight',
370
+
371
+ 'zoomIn' => 'ZoomIn',
372
+ 'zoomInDown' => 'ZoomInDown',
373
+ 'zoomInLeft' => 'ZoomInLeft',
374
+ 'zoomInRight' => 'ZoomInRight',
375
+ 'zoomInUp' => 'ZoomInUp',
376
+ );
377
+ $layer_effects_out = array(
378
+ 'none' => 'None',
379
+ 'bounce' => 'Bounce',
380
+ 'tada' => 'Tada',
381
+ 'bounceOutUp' => 'BounceOutUp',
382
+ 'fadeOutRight' => 'FadeOutRight',
383
+ 'flash' => 'Flash',
384
+ 'pulse' => 'Pulse',
385
+ 'rubberBand' => 'RubberBand',
386
+ 'shake' => 'Shake',
387
+ 'swing' => 'Swing',
388
+ 'wobble' => 'Wobble',
389
+ 'hinge' => 'Hinge',
390
+
391
+ 'lightSpeedOut' => 'LightSpeedOut',
392
+ 'rollOut' => 'RollOut',
393
+
394
+ 'bounceOut' => 'BounceOut',
395
+ 'bounceOutDown' => 'BounceOutDown',
396
+ 'bounceOutLeft' => 'BounceOutLeft',
397
+ 'bounceOutRight' => 'BounceOutRight',
398
+
399
+ 'fadeOut' => 'FadeOut',
400
+ 'fadeOutDown' => 'FadeOutDown',
401
+ 'fadeOutDownBig' => 'FadeOutDownBig',
402
+ 'fadeOutLeft' => 'FadeOutLeft',
403
+ 'fadeOutLeftBig' => 'FadeOutLeftBig',
404
+ 'fadeOutRightBig' => 'FadeOutRightBig',
405
+ 'fadeOutUp' => 'FadeOutUp',
406
+ 'fadeOutUpBig' => 'FadeOutUpBig',
407
+
408
+ 'flip' => 'Flip',
409
+ 'flipOutX' => 'FlipOutX',
410
+ 'flipOutY' => 'FlipOutY',
411
+
412
+ 'rotateOut' => 'RotateOut',
413
+ 'rotateOutDownLeft' => 'RotateOutDownLeft',
414
+ 'rotateOutDownRight' => 'RotateOutDownRight',
415
+ 'rotateOutUpLeft' => 'RotateOutUpLeft',
416
+ 'rotateOutUpRight' => 'RotateOutUpRight',
417
+
418
+ 'zoomOut' => 'ZoomOut',
419
+ 'zoomOutDown' => 'ZoomOutDown',
420
+ 'zoomOutLeft' => 'ZoomOutLeft',
421
+ 'zoomOutRight' => 'ZoomOutRight',
422
+ 'zoomOutUp' => 'ZoomOutUp',
423
+ );
424
+ $slider_callbacks = array(
425
+ 'onSliderI' => 'On slider Init',
426
+ 'onSliderCS' => 'On slide change start',
427
+ 'onSliderCE' => 'On slide change end',
428
+ 'onSliderPlay' => 'On slide play',
429
+ 'onSliderPause' => 'On slide pause',
430
+ 'onSliderHover' => 'On slide hover',
431
+ 'onSliderBlur' => 'On slide blur',
432
+ 'onSliderR' => 'On slider resize',
433
+ 'onSwipeS' => 'On swipe start',
434
+ );
435
+ $built_in_watermark_fonts = array();
436
+ foreach (scandir(path_join(WD_S_DIR, 'fonts')) as $filename) {
437
+ if (strpos($filename, '.') === 0) {
438
+ continue;
439
+ }
440
+ else {
441
+ $built_in_watermark_fonts[] = $filename;
442
+ }
443
+ }
444
+ if (get_option("wds_theme_version")) {
445
+ $fv = TRUE;
446
+ $fv_class = 'spider_free_version_label';
447
+ $fv_disabled = 'disabled="disabled"';
448
+ $fv_message = '<tr><td colspan="2"><div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Some options are disabled in free version.</div></td></tr>';
449
+ $fv_title = ' title="This option is disabled in free version."';
450
+ }
451
+ else {
452
+ $fv = FALSE;
453
+ $fv_class = '';
454
+ $fv_disabled = '';
455
+ $fv_message = '';
456
+ $fv_title = '';
457
+ }
458
+ ?>
459
+ <style>
460
+ <?php
461
+ global $wp_version;
462
+ if (version_compare($wp_version, '4','<')) {
463
+ ?>
464
+ #wpwrap {
465
+ background-color:#F1F1F1
466
+ }
467
+
468
+ .tab_button_wrap {
469
+ width:46%;
470
+ }
471
+
472
+ .tab_button_wrap .wds_button-secondary {
473
+ margin-right: 7px;
474
+ }
475
+ @media screen and (max-width: 640px) {
476
+ .buttons_div input {
477
+ width:31%;
478
+ font-size:11px
479
+ }
480
+
481
+ body{
482
+ min-width:inherit !Important;
483
+ }
484
+
485
+ .tablenav{
486
+ height:auto
487
+ }
488
+
489
+ #wpcontent{
490
+ margin-left:40px!important
491
+ }
492
+ .tab_button_wrap, .buttons_conteiner .wds_buttons .wds_button_wrap {
493
+ width:48.5%;
494
+ }
495
+ .action_buttons {
496
+ font-size: 10px !important;
497
+ }
498
+ .add_social_layer {
499
+ padding: 0 7px 1px 35px !important;
500
+ }
501
+ #TB_window{
502
+ top:5% !important
503
+ }
504
+
505
+ .attachments-browser .attachments{
506
+ right:0 !Important
507
+ }
508
+ .media-modal {
509
+ width: 100% !Important;
510
+ left:0 !Important;
511
+ position:fixed !important
512
+ }
513
+ .media-sidebar{
514
+ bottom:120% !Important;
515
+ padding:0 !Important
516
+ }
517
+ .media-modal-backdrop{
518
+ position:fixed !important
519
+ }
520
+ .uploader-inline{
521
+ right:0!important
522
+ }
523
+
524
+ }
525
+ <?php
526
+ }
527
+ ?>
528
+ </style>
529
+ <div class="spider_message_cont"></div>
530
+ <div class="spider_load">
531
+ <div class="spider_load_cont"></div>
532
+ <div class="spider_load_icon"><img class="spider_ajax_loading" src="<?php echo WD_S_URL . '/images/ajax_loader.gif'; ?>"></div>
533
+ </div>
534
+ <div style="clear: both; float: left; width: 99%;">
535
+ <div style="float: left; font-size: 14px; font-weight: bold;">
536
+ This section allows you to add/edit slider.
537
+ <a style="color: blue; text-decoration: none;" target="_blank" href="https://web-dorado.com/wordpress-slider-wd/adding-images.html">Read More in User Manual</a>
538
+ </div>
539
+ <div style="float: right; text-align: right;">
540
+ <a style="text-decoration: none;" target="_blank" href="https://web-dorado.com/files/fromslider.php">
541
+ <img width="215" border="0" alt="web-dorado.com" src="<?php echo WD_S_URL . '/images/wd_logo.png'; ?>" />
542
+ </a>
543
+ </div>
544
+ </div>
545
+ <form class="wrap wds_form" method="post" id="sliders_form" action="admin.php?page=sliders_wds" style="float: left; width: 99%;">
546
+ <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
547
+ <span class="slider-icon"></span>
548
+ <h2><?php echo $page_title; ?></h2>
549
+ <div class="buttons_conteiner">
550
+ <div class="slider_title_conteiner">
551
+ <span class="spider_label"><label for="name"><?php _e('Slider Title:','wds_back'); ?> <span style="color:#FF0000;">*</span> </label></span>
552
+ <span><input type="text" id="name" name="name" value="<?php echo $row->name; ?>" size="20" /></span>
553
+ </div>
554
+ <div class="wds_buttons">
555
+ <div class="wds_button_wrap">
556
+ <input class="wds_button-secondary wds_save_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
557
+ spider_set_input_value('task', 'save');
558
+ spider_ajax_save('sliders_form', event);" value="Save" />
559
+ </div>
560
+ <div class="wds_button_wrap">
561
+ <input class="wds_button-secondary wds_aplly_slider" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
562
+ spider_set_input_value('task', 'apply');
563
+ spider_ajax_save('sliders_form', event);" value="Apply" />
564
+ </div>
565
+ <div class="wds_button_wrap">
566
+ <input class="wds_button-secondary wds_dublicate_slide" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
567
+ spider_set_input_value('task', 'duplicate');
568
+ spider_set_input_value('sub_tab', '');
569
+ spider_ajax_save('sliders_form', event);" value="Save as Copy" />
570
+ </div>
571
+ <div class="wds_button_wrap">
572
+ <input id="wds_preview" type="button" class="action_buttons" value="Preview"
573
+ onclick="if (wds_check_required('name', 'Name')) { return false;}; spider_set_input_value('task', 'preview'); spider_ajax_save('sliders_form', event); return false;" />
574
+ </div>
575
+ <div class="wds_button_wrap">
576
+ <input type="button" class="wds_button-secondary wds_export_one" onclick="alert('This functionality is disabled in free version.')" value="Export" />
577
+ </div>
578
+ <div class="wds_button_wrap">
579
+ <input class="wds_button-secondary last wds_cancel" type="submit" onclick="spider_set_input_value('task', 'cancel')" value="Cancel" />
580
+ </div>
581
+ </div>
582
+ <div class="wds_clear"></div>
583
+ </div>
584
+ <div>
585
+ <div class="wds_reset_button">
586
+ <input class="reset_settings" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
587
+ spider_set_input_value('task', 'reset');
588
+ spider_ajax_save('sliders_form', event);" value="Reset Settings" />
589
+ </div>
590
+ <!--------------Settings tab----------->
591
+ <div class="wds_box wds_settings_box">
592
+ <table>
593
+ <thead>
594
+ <tr>
595
+ <td colspan="4">
596
+ <div class="tab_conteiner">
597
+ <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
598
+ <a class="wds_button-secondary wds_settings" href="#">
599
+ <span tab_type="settings" class="wds_tab_label">Settings</span>
600
+ </a>
601
+ </div>
602
+ <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')">
603
+ <a class="wds_button-secondary wds_slides" href="#">
604
+ <span tab_type="slides" class="wds_tab_label">Slides</span>
605
+ </a>
606
+ </div>
607
+ <div class="clear"></div>
608
+ </div>
609
+ </td>
610
+ </tr>
611
+ </thead>
612
+ </table>
613
+ <div class="wds_nav_tabs">
614
+ <div class="wds_menu_icon" onclick="jQuery('.wds_nav_tabs ul').slideToggle(500);"></div>
615
+ <ul>
616
+ <li tab_type="global" onclick="wds_change_nav(this, 'wds_nav_global_box')">
617
+ <a href="#">Global</a>
618
+ </li>
619
+ <li tab_type="carousel" onclick="wds_change_nav(this, 'wds_nav_carousel_box')">
620
+ <a href="#">Carousel</a>
621
+ </li>
622
+ <li tab_type="navigation" onclick="wds_change_nav(this, 'wds_nav_navigation_box')" >
623
+ <a href="#">Navigation</a>
624
+ </li>
625
+ <li tab_type="bullets" onclick="wds_change_nav(this, 'wds_nav_bullets_box')" >
626
+ <a href="#">Bullets</a>
627
+ </li>
628
+ <li tab_type="filmstrip" onclick="wds_change_nav(this, 'wds_nav_filmstrip_box')" >
629
+ <a href="#">Filmstrip</a>
630
+ </li>
631
+ <li tab_type="timer_bar" onclick="wds_change_nav(this, 'wds_nav_timer_bar_box')" >
632
+ <a href="#">Timer bar</a>
633
+ </li>
634
+ <li tab_type="watermark" onclick="wds_change_nav(this, 'wds_nav_watermark_box')" >
635
+ <a href="#">Watermark</a>
636
+ </li>
637
+ <li tab_type="css" onclick="wds_change_nav(this, 'wds_nav_css_box')" >
638
+ <a href="#">CSS</a>
639
+ </li>
640
+ <li tab_type="callbacks" onclick="wds_change_nav(this, 'wds_nav_callbacks_box')" >
641
+ <a href="#">Slider Callbacks</a>
642
+ </li>
643
+ </ul>
644
+ </div>
645
+ <div>
646
+ <div class="wds_nav_box wds_nav_global_box">
647
+ <table>
648
+ <tbody>
649
+ <tr>
650
+ <td class="spider_label"><label>Dimensions: </label></td>
651
+ <td>
652
+ <input type="text" name="width" id="width" value="<?php echo $row->width; ?>" class="spider_int_input" onchange="wds_whr('width')" onkeypress="return spider_check_isnum(event)" /> x
653
+ <input type="text" name="height" id="height" value="<?php echo $row->height; ?>" class="spider_int_input" onchange="wds_whr('height')" onkeypress="return spider_check_isnum(event)" /> px
654
+ <div class="spider_description">Maximum width and height for slider.</div>
655
+ </td>
656
+ </tr>
657
+ <tr>
658
+ <td class="spider_label"><label>Full width: </label></td>
659
+ <td>
660
+ <input type="radio" id="full_width1" name="full_width" <?php echo (($row->full_width) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->full_width) ? 'class="selected_color"' : ''); ?> for="full_width1">Yes</label>
661
+ <input type="radio" id="full_width0" name="full_width" <?php echo (($row->full_width) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo ($row->full_width) ? '' : 'class="selected_color"'; ?> for="full_width0">No</label>
662
+ <input type="text" name="ratio" id="ratio" value="" class="spider_int_input" onchange="wds_whr('ratio')" onkeypress="return spider_check_isnum(event)" /><label for="ratio">Ratio</label>
663
+ <div class="spider_description">The image will stretch to the page width, taking the height based on dimensions ratio.</div>
664
+ </td>
665
+ </tr>
666
+ <tr>
667
+ <td class="spider_label"><label>Background fit: </label></td>
668
+ <td>
669
+ <input onClick="bwg_enable_disable('', 'tr_smart_crop', 'bg_fit_cover')" type="radio" name="bg_fit" id="bg_fit_cover" value="cover" <?php if ($row->bg_fit == 'cover') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'cover'})" /><label <?php echo $row->bg_fit == 'cover' ? 'class="selected_color"' : ''; ?> for="bg_fit_cover">Cover</label>
670
+ <input onClick="bwg_enable_disable('none', 'tr_smart_crop', 'bg_fit_fill'); jQuery('#smart_crop0').click();" type="radio" name="bg_fit" id="bg_fit_fill" value="100% 100%" <?php if ($row->bg_fit == '100% 100%') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: '100% 100%'})" /><label <?php echo $row->bg_fit == '100% 100%' ? 'class="selected_color"' : ''; ?> for="bg_fit_fill">Fill</label>
671
+ <input onClick="bwg_enable_disable('', 'tr_smart_crop', 'bg_fit_contain')" type="radio" name="bg_fit" id="bg_fit_contain" value="contain" <?php if ($row->bg_fit == 'contain') echo 'checked="checked"'; ?> onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundSize: 'contain'})" /><label <?php echo $row->bg_fit == 'contain' ? 'class="selected_color"' : ''; ?> for="bg_fit_contain">Contain</label>
672
+ </td>
673
+ </tr>
674
+ <tr id="tr_smart_crop">
675
+ <td class="spider_label"><label>Smart Crop</label></td>
676
+ <td>
677
+ <input onClick="bwg_enable_disable('', 'tr_crop_pos', 'smart_crop1')" type="radio" id="smart_crop1" name="smart_crop" <?php echo (($row->smart_crop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->smart_crop) ? 'class="selected_color"' : ''); ?> for="smart_crop1">Yes</label>
678
+ <input onClick="bwg_enable_disable('none', 'tr_crop_pos', 'smart_crop0')" type="radio" id="smart_crop0" name="smart_crop" <?php echo (($row->smart_crop) ? '' : 'checked="checked"'); ?> value="0" /><label for="smart_crop0">No</label>
679
+ <div class="spider_description"></div>
680
+ </td>
681
+ </tr>
682
+ <tr id="tr_crop_pos">
683
+ <td class="spider_label_options">
684
+ <label for="smart_crop">Crop Image Position </label>
685
+ </td>
686
+ <td>
687
+ <table class="wds_position_table">
688
+ <tbody>
689
+ <tr>
690
+ <td class="wds_position_td"><input type="radio" value="left top" name="crop_image_position" <?php if ($row->crop_image_position == "left top") echo 'checked="checked"'; ?> ></td>
691
+ <td class="wds_position_td"><input type="radio" value="center top" name="crop_image_position" <?php if ($row->crop_image_position == "center top") echo 'checked="checked"'; ?> ></td>
692
+ <td class="wds_position_td"><input type="radio" value="right top" name="crop_image_position" <?php if ($row->crop_image_position == "right top") echo 'checked="checked"'; ?> ></td>
693
+ </tr>
694
+ <tr>
695
+ <td class="wds_position_td"><input type="radio" value="left center" name="crop_image_position" <?php if ($row->crop_image_position == "left center") echo 'checked="checked"'; ?> ></td>
696
+ <td class="wds_position_td"><input type="radio" value="center center" name="crop_image_position" <?php if ($row->crop_image_position == "center center") echo 'checked="checked"'; ?> ></td>
697
+ <td class="wds_position_td"><input type="radio" value="right center" name="crop_image_position" <?php if ($row->crop_image_position == "right center") echo 'checked="checked"'; ?> ></td>
698
+ </tr>
699
+ <tr>
700
+ <td class="wds_position_td"><input type="radio" value="left bottom" name="crop_image_position" <?php if ($row->crop_image_position == "left bottom") echo 'checked="checked"'; ?> ></td>
701
+ <td class="wds_position_td"><input type="radio" value="center bottom" name="crop_image_position" <?php if ($row->crop_image_position == "center bottom") echo 'checked="checked"'; ?> ></td>
702
+ <td class="wds_position_td"><input type="radio" value="right bottom" name="crop_image_position" <?php if ($row->crop_image_position == "right bottom") echo 'checked="checked"'; ?> ></td>
703
+ </tr>
704
+ </tbody>
705
+ </table>
706
+ </td>
707
+ </tr>
708
+ <tr>
709
+ <td class="spider_label"><label>Fixed background: </label></td>
710
+ <td>
711
+ <input type="radio" id="fixed_bg1" name="fixed_bg" <?php echo (($row->fixed_bg) ? 'checked="checked"' : ''); ?> value="1" /><label for="fixed_bg1">Yes</label>
712
+ <input type="radio" id="fixed_bg0" name="fixed_bg" <?php echo (($row->fixed_bg) ? '' : 'checked="checked"'); ?> value="0" /><label for="fixed_bg0">No</label>
713
+ <div class="spider_description"></div>
714
+ </td>
715
+ </tr>
716
+ <tr>
717
+ <td class="spider_label"><label for="align">Align: </label></td>
718
+ <td>
719
+ <select class="select_icon select_icon_320" name="align" id="align">
720
+ <?php
721
+ foreach ($aligns as $key => $align) {
722
+ ?>
723
+ <option value="<?php echo $key; ?>" <?php echo (($row->align == $key) ? 'selected="selected"' : ''); ?>><?php echo $align; ?></option>
724
+ <?php
725
+ }
726
+ ?>
727
+ </select>
728
+ <div class="spider_description">Set the alignment of the slider.</div>
729
+ </td>
730
+ </tr>
731
+ <tr>
732
+ <td class="spider_label_options">
733
+ <label for="effect">Effect:</label>
734
+ </td>
735
+ <td>
736
+ <select class="select_icon select_icon_320" name="effect" id="effect">
737
+ <?php
738
+ foreach ($effects as $key => $effect) {
739
+ ?>
740
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($row->effect == $key) echo 'selected="selected"'; ?>><?php echo $effect; ?></option>
741
+ <?php
742
+ }
743
+ ?>
744
+ </select>
745
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
746
+ </td>
747
+ </tr>
748
+ <tr>
749
+ <td class="spider_label"><label for="effect_duration">Еffect duration: </label></td>
750
+ <td>
751
+ <input type="text" id="effect_duration" name="effect_duration" value="<?php echo $row->effect_duration; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> ms
752
+ <div class="spider_description">Define the time for the effect.</div>
753
+ </td>
754
+ </tr>
755
+ <tr>
756
+ <td class="spider_label spider_free_version_label"><label>Parallax Effect: </label></td>
757
+ <td title="This option is disabled in free version.">
758
+ <input disabled="disabled" type="radio" id="parallax_effect1" name="parallax_effect" <?php echo (($row->parallax_effect) ? 'checked="checked"' : ''); ?> value="1" /><label for="parallax_effect1">Yes</label>
759
+ <input disabled="disabled" type="radio" id="parallax_effect0" name="parallax_effect" <?php echo (($row->parallax_effect) ? '' : 'checked="checked"'); ?> value="0" /><label for="parallax_effect0">No</label>
760
+ <div class="spider_description">The direction of the movement, as well as the layer moving pace depend on the z-index value.</div>
761
+ </td>
762
+ </tr>
763
+ <tr>
764
+ <td class="spider_label"><label>Autoplay: </label></td>
765
+ <td>
766
+ <input type="radio" id="autoplay1" name="autoplay" <?php echo (($row->autoplay) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->autoplay) ? 'class="selected_color"' : ''); ?> for="autoplay1">Yes</label>
767
+ <input type="radio" id="autoplay0" name="autoplay" <?php echo (($row->autoplay) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->autoplay) ? '' : 'class="selected_color"'); ?> for="autoplay0">No</label>
768
+ <div class="spider_description">Choose whether to autoplay the sliders or not.</div>
769
+ </td>
770
+ </tr>
771
+ <tr>
772
+ <td class="spider_label"><label>Enable loop: </label></td>
773
+ <td>
774
+ <input type="radio" id="slider_loop1" name="slider_loop" <?php echo (($row->slider_loop) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->slider_loop) ? 'class="selected_color"' : ''); ?> for="slider_loop1">Yes</label>
775
+ <input type="radio" id="slider_loop0" name="slider_loop" <?php echo (($row->slider_loop) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->slider_loop) ? '' : 'class="selected_color"'); ?> for="slider_loop0">No</label>
776
+ <div class="spider_description"></div>
777
+ </td>
778
+ </tr>
779
+ <tr>
780
+ <td class="spider_label"><label for="time_intervval">Time Interval: </label></td>
781
+ <td>
782
+ <input type="text" id="time_intervval" name="time_intervval" value="<?php echo $row->time_intervval; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> sec.
783
+ <div class="spider_description">Set the time interval for the change of the sliders when autoplay is on.</div>
784
+ </td>
785
+ </tr>
786
+ <tr>
787
+ <td class="spider_label"><label>Stop on hover: </label></td>
788
+ <td>
789
+ <input type="radio" id="stop_animation1" name="stop_animation" <?php echo (($row->stop_animation) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->stop_animation) ? 'class="selected_color"' : ''); ?> for="stop_animation1">Yes</label>
790
+ <input type="radio" id="stop_animation0" name="stop_animation" <?php echo (($row->stop_animation) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->stop_animation) ? '' : 'class="selected_color"'); ?> for="stop_animation0">No</label>
791
+ <div class="spider_description">The option works when autoplay is on.</div>
792
+ </td>
793
+ </tr>
794
+ <tr>
795
+ <td class="spider_label"><label>Shuffle: </label></td>
796
+ <td>
797
+ <input type="radio" id="shuffle1" name="shuffle" <?php echo (($row->shuffle) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->shuffle) ? 'class="selected_color"' : ''); ?> for="shuffle1">Yes</label>
798
+ <input type="radio" id="shuffle0" name="shuffle" <?php echo (($row->shuffle) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->shuffle) ? '' : 'class="selected_color"'); ?> for="shuffle0">No</label>
799
+ <div class="spider_description">Choose whether to have the slides change in a random manner or to keep the original sequence.</div>
800
+ </td>
801
+ </tr>
802
+ <tr>
803
+ <td class="spider_label"><label for="start_slide_num">Start with slide: </label></td>
804
+ <td>
805
+ <input type="text" name="start_slide_num" id="start_slide_num" value="<?php echo $row->start_slide_num; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
806
+ <div class="spider_description">The slider will start with the specified slide. You can use the value 0 for random.</div>
807
+ </td>
808
+ </tr>
809
+ <tr>
810
+ <td class="spider_label"><label>Music: </label></td>
811
+ <td>
812
+ <input type="radio" id="music1" name="music" <?php echo (($row->music) ? 'checked="checked"' : ''); ?> value="1" onClick="bwg_enable_disable('', 'tr_music_url', 'music1')" /><label <?php echo (($row->music) ? 'class="selected_color"' : ''); ?> for="music1">Yes</label>
813
+ <input type="radio" id="music0" name="music" <?php echo (($row->music) ? '' : 'checked="checked"'); ?> value="0" onClick="bwg_enable_disable('none', 'tr_music_url', 'music0')" /><label <?php echo (($row->music) ? '' : 'class="selected_color"'); ?> for="music0">No</label>
814
+ <div class="spider_description">Choose whether to have music/audio track playback with the slider or not.</div>
815
+ </td>
816
+ </tr>
817
+ <tr id="tr_music_url">
818
+ <td class="spider_label_options">
819
+ <label for="music_url">Music url: </label>
820
+ </td>
821
+ <td>
822
+ <input type="text" id="music_url" name="music_url" size="39" value="<?php echo $row->music_url; ?>" style="display:inline-block;" />
823
+ <input id="add_music_url" class="button-primary" type="button" onclick="spider_media_uploader('music', event, false); return false;" value="Add music" />
824
+ <div class="spider_description">Only .aac,.m4a,.f4a,.mp3,.ogg,.oga formats are supported.</div>
825
+ </td>
826
+ </tr>
827
+ <tr>
828
+ <td class="spider_label"><label>Smart Load: </label></td>
829
+ <td>
830
+ <input type="radio" id="preload_images1" name="preload_images" <?php echo (($row->preload_images) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->preload_images) ? 'class="selected_color"' : ''); ?> for="preload_images1">Yes</label>
831
+ <input type="radio" id="preload_images0" name="preload_images" <?php echo (($row->preload_images) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->preload_images) ? '' : 'class="selected_color"'); ?> for="preload_images0">No</label>
832
+ <div class="spider_description">Choose to have faster load for the first few images and process the rest meanwhile.</div>
833
+ </td>
834
+ </tr>
835
+ <tr>
836
+ <td class="spider_label"><label for="background_color">Background color:</label></td>
837
+ <td>
838
+ <input type="text" name="background_color" id="background_color" value="<?php echo $row->background_color; ?>" class="color" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#background_transparent').val())})" />
839
+ <input id="background_transparent" name="background_transparent" class="spider_int_input" type="text" onchange="jQuery('div[id^=\'wds_preview_image\']').css({backgroundColor: wds_hex_rgba(jQuery('#background_color').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $row->background_transparent; ?>" /> %
840
+ <div class="spider_description">Transparency value must be between 0 to 100.</div>
841
+ </td>
842
+ </tr>
843
+ <tr>
844
+ <td class="spider_label"><label for="glb_border_width">Border: </label></td>
845
+ <td>
846
+ <input type="text" name="glb_border_width" id="glb_border_width" value="<?php echo $row->glb_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
847
+ <select class="select_icon select_icon_320" name="glb_border_style" id="glb_border_style">
848
+ <?php
849
+ foreach ($border_styles as $key => $border_style) {
850
+ ?>
851
+ <option value="<?php echo $key; ?>" <?php echo (($row->glb_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
852
+ <?php
853
+ }
854
+ ?>
855
+ </select>
856
+ <input type="text" name="glb_border_color" id="glb_border_color" value="<?php echo $row->glb_border_color; ?>" class="color" />
857
+ <div class="spider_description">Set the border width, type and the color.</div>
858
+ </td>
859
+ </tr>
860
+ <tr>
861
+ <td class="spider_label"><label for="glb_border_radius">Border radius: </label></td>
862
+ <td>
863
+ <input type="text" name="glb_border_radius" id="glb_border_radius" value="<?php echo $row->glb_border_radius; ?>" class="spider_char_input" />
864
+ <div class="spider_description">Use CSS type values.</div>
865
+ </td>
866
+ </tr>
867
+ <tr>
868
+ <td class="spider_label"><label for="glb_margin">Margin: </label></td>
869
+ <td>
870
+ <input type="text" name="glb_margin" id="glb_margin" value="<?php echo $row->glb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
871
+ <div class="spider_description">Set a margin for the slider.</div>
872
+ </td>
873
+ </tr>
874
+ <tr>
875
+ <td class="spider_label"><label for="glb_box_shadow">Shadow: </label></td>
876
+ <td>
877
+ <input type="text" name="glb_box_shadow" id="glb_box_shadow" value="<?php echo $row->glb_box_shadow; ?>" class="spider_box_input" />
878
+ <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
879
+ </td>
880
+ </tr>
881
+ <tr>
882
+ <td class="spider_label_options">
883
+ <label>Right click protection: </label>
884
+ </td>
885
+ <td>
886
+ <input type="radio" name="image_right_click" id="image_right_click_1" value="1" <?php if ($row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? 'class="selected_color"' : ''; ?> for="image_right_click_1">Yes</label>
887
+ <input type="radio" name="image_right_click" id="image_right_click_0" value="0" <?php if (!$row->image_right_click) echo 'checked="checked"'; ?> /><label <?php echo $row->image_right_click ? '' : 'class="selected_color"'; ?> for="image_right_click_0">No</label>
888
+ <div class="spider_description">Disable image right click possibility.</div>
889
+ </td>
890
+ </tr>
891
+ <tr>
892
+ <td class="spider_label_options">
893
+ <label>Layer out on next: </label>
894
+ </td>
895
+ <td>
896
+ <input type="radio" name="layer_out_next" id="layer_out_next_1" value="1" <?php if ($row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? 'class="selected_color"' : ''; ?> for="layer_out_next_1">Yes</label>
897
+ <input type="radio" name="layer_out_next" id="layer_out_next_0" value="0" <?php if (!$row->layer_out_next) echo 'checked="checked"'; ?> /><label <?php echo $row->layer_out_next ? '' : 'class="selected_color"'; ?> for="layer_out_next_0">No</label>
898
+ <div class="spider_description">Choose whether to have the layer effect out regardless of the timing between the hit to the next slider or skip the effect out and get to the next image.</div>
899
+ </td>
900
+ </tr>
901
+ <tr>
902
+ <td class="spider_label"><label>Turn SliderWD Media Upload: </label></td>
903
+ <td>
904
+ <input type="radio" id="spider_uploader1" name="spider_uploader" <?php echo (($row->spider_uploader) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->spider_uploader) ? 'class="selected_color"' : ''); ?> for="spider_uploader1">Yes</label>
905
+ <input type="radio" id="spider_uploader0" name="spider_uploader" <?php echo (($row->spider_uploader) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->spider_uploader) ? '' : 'class="selected_color"'); ?> for="spider_uploader0">No</label>
906
+ <div class="spider_description">Choose the option to use the custom media upload instead of the WordPress default for adding images.</div>
907
+ </td>
908
+ </tr>
909
+ <tr>
910
+ <td class="spider_label"><label for="possib_add_ffamily_input">Add font-family: </label></td>
911
+ <td>
912
+ <input type="text" id="possib_add_ffamily_input" value="" class="spider_box_input" />
913
+ <input type="hidden" id="possib_add_ffamily" name="possib_add_ffamily" value="<?php echo $row->possib_add_ffamily; ?>" />
914
+ <input type="hidden" id="possib_add_ffamily_google" name="possib_add_ffamily_google" value="<?php echo $row->possib_add_ffamily_google; ?>" />
915
+ <input id="possib_add_google_fonts" type="checkbox" name="possib_add_google_fonts" <?php echo (($row->possib_add_google_fonts) ? 'checked="checked"' : ''); ?> value="1" /><label for="possib_add_google_fonts">Add to Google fonts</label>
916
+ <div class="spider_description">The added font family will appear in the drop-down list of fonts.</div>
917
+ </td>
918
+ </tr>
919
+ <tr>
920
+ <td class="spider_label"><label>Published: </label></td>
921
+ <td>
922
+ <input type="radio" id="published1" name="published" <?php echo (($row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->published) ? 'class="selected_color"' : ''); ?> for="published1">Yes</label>
923
+ <input type="radio" id="published0" name="published" <?php echo (($row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->published) ? '' : 'class="selected_color"'); ?> for="published0">No</label>
924
+ <div class="spider_description">Choose whether to publish the mentioned slider or not.</div>
925
+ </td>
926
+ </tr>
927
+ </tbody>
928
+ </table>
929
+ </div>
930
+ <div class="wds_nav_box wds_nav_carousel_box spider_free_version_label" title="This functionality is disabled in free version.">
931
+ <table>
932
+ <tbody>
933
+ <tr>
934
+ <td colspan="2">
935
+ <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Carousel is disabled in free version.</div>
936
+ </td>
937
+ </tr>
938
+ <tr>
939
+ <td class="spider_label"><label>Carousel: </label></td>
940
+ <td>
941
+ <input disabled="disabled" type="radio" id="carousel1" name="carousel" <?php echo (($row->carousel) ? 'checked="checked"' : ''); ?> value="1" onClick="showhide_for_carousel_fildes(1)" /><label for="carousel1">Yes</label>
942
+ <input disabled="disabled" type="radio" id="carousel0" name="carousel" <?php echo (($row->carousel) ? '' : 'checked="checked"'); ?> value="0" onClick="showhide_for_carousel_fildes(0)" /><label for="carousel0">No</label>
943
+ <div class="spider_description">If you activate this feature the effects you had chosen in Global settings for your slider will not play.</div>
944
+ </td>
945
+ </tr>
946
+ </tbody>
947
+ <tbody id="carousel_fildes">
948
+ <tr>
949
+ <td class="spider_label"><label for="carousel_image_counts">Number of images for carousel: </label></td>
950
+ <td>
951
+ <input disabled="disabled" type="text" id="carousel_image_counts" name="carousel_image_counts" value="<?php echo $row->carousel_image_counts; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
952
+ <div class="spider_description"></div>
953
+ </td>
954
+ </tr>
955
+ <tr>
956
+ <td class="spider_label"><label for="carousel_image_parameters">Carousel image ratio: </label></td>
957
+ <td>
958
+ <input disabled="disabled" type="text" id="carousel_image_parameters" name="carousel_image_parameters" value="<?php echo $row->carousel_image_parameters; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" />
959
+ <div class="spider_description">The value must be between 0 and 1.</div>
960
+ </td>
961
+ </tr>
962
+ <tr>
963
+ <td class="spider_label"><label>Container fit: </label></td>
964
+ <td>
965
+ <input disabled="disabled" type="radio" id="carousel_fit_containerWidth1" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? 'checked="checked"' : ''); ?> value="1" /><label for="carousel_fit_containerWidth1">Yes</label>
966
+ <input disabled="disabled" type="radio" id="carousel_fit_containerWidth0" name="carousel_fit_containerWidth" <?php echo (($row->carousel_fit_containerWidth) ? '' : 'checked="checked"'); ?> value="0" /><label for="carousel_fit_containerWidth0">No</label>
967
+ <div class="spider_description"></div>
968
+ </td>
969
+ </tr>
970
+ <tr>
971
+ <td class="spider_label"><label for="carousel_width">Fixed width: </label></td>
972
+ <td>
973
+ <input disabled="disabled" type="text" id="carousel_width" name="carousel_width" value="<?php echo $row->carousel_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
974
+ <div class="spider_description"></div>
975
+ </td>
976
+ </tr>
977
+ <tr>
978
+ <td class="spider_label"><label for="carousel_degree">Background image angle: </label></td>
979
+ <td>
980
+ <input type="text" id="carousel_degree" name="carousel_degree" value="<?php echo $row->carousel_degree; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> deg
981
+ <div class="spider_description"></div>
982
+ </td>
983
+ </tr>
984
+ <tr>
985
+ <td class="spider_label"><label for="carousel_grayscale">Background image grayscale: </label></td>
986
+ <td>
987
+ <input type="text" name="carousel_grayscale" id="carousel_grayscale" value="<?php echo $row->carousel_grayscale; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
988
+ <div class="spider_description">You can change the color scheme for background images to grayscale. Values must be between 0 to 100</div>
989
+ </td>
990
+ </tr>
991
+ <tr>
992
+ <td class="spider_label"><label for="carousel_transparency">Background image transparency: </label></td>
993
+ <td>
994
+ <input type="text" name="carousel_transparency" id="carousel_transparency" value="<?php echo $row->carousel_transparency; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/>%
995
+ <div class="spider_description">You can set transparency level for background images. Values should be between 0 to 100</div>
996
+ </td>
997
+ </tr>
998
+ </tbody>
999
+ </table>
1000
+ </div>
1001
+ <div class="wds_nav_box wds_nav_navigation_box">
1002
+ <table>
1003
+ <tbody>
1004
+ <tr>
1005
+ <td class="spider_label_options">
1006
+ <label>Next / Previous buttons: </label>
1007
+ </td>
1008
+ <td>
1009
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_1" value="1" <?php if ($row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? 'class="selected_color"' : ''; ?> for="prev_next_butt_1">Yes</label>
1010
+ <input type="radio" name="prev_next_butt" id="prev_next_butt_0" value="0" <?php if (!$row->prev_next_butt) echo 'checked="checked"'; ?> /><label <?php echo $row->prev_next_butt ? '' : 'class="selected_color"'; ?> for="prev_next_butt_0">No</label>
1011
+ <div class="spider_description">Choose whether to display Previous and Next buttons or not.</div>
1012
+ </td>
1013
+ </tr>
1014
+ <tr>
1015
+ <td class="spider_label_options">
1016
+ <label>Mouse swipe navigation: </label>
1017
+ </td>
1018
+ <td>
1019
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_1" value="1" <?php if ($row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? 'class="selected_color"' : ''; ?> for="mouse_swipe_nav_1">Yes</label>
1020
+ <input type="radio" name="mouse_swipe_nav" id="mouse_swipe_nav_0" value="0" <?php if (!$row->mouse_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_swipe_nav ? '' : 'class="selected_color"'; ?> for="mouse_swipe_nav_0">No</label>
1021
+ <div class="spider_description"></div>
1022
+ </td>
1023
+ </tr>
1024
+ <tr>
1025
+ <td class="spider_label_options">
1026
+ <label>Touch swipe navigation: </label>
1027
+ </td>
1028
+ <td>
1029
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_1" value="1" <?php if ($row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? 'class="selected_color"' : ''; ?> for="touch_swipe_nav_1">Yes</label>
1030
+ <input type="radio" name="touch_swipe_nav" id="touch_swipe_nav_0" value="0" <?php if (!$row->touch_swipe_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->touch_swipe_nav ? '' : 'class="selected_color"'; ?> for="touch_swipe_nav_0">No</label>
1031
+ <div class="spider_description"></div>
1032
+ </td>
1033
+ </tr>
1034
+ <tr>
1035
+ <tr>
1036
+ <td class="spider_label_options">
1037
+ <label>Mouse wheel navigation: </label>
1038
+ </td>
1039
+ <td>
1040
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_1" value="1" <?php if ($row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? 'class="selected_color"' : ''; ?> for="mouse_wheel_nav_1">Yes</label>
1041
+ <input type="radio" name="mouse_wheel_nav" id="mouse_wheel_nav_0" value="0" <?php if (!$row->mouse_wheel_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->mouse_wheel_nav ? '' : 'class="selected_color"'; ?> for="mouse_wheel_nav_0">No</label>
1042
+ <div class="spider_description"></div>
1043
+ </td>
1044
+ </tr>
1045
+ <tr>
1046
+ <td class="spider_label_options">
1047
+ <label>Keyboard navigation: </label>
1048
+ </td>
1049
+ <td>
1050
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_1" value="1" <?php if ($row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? 'class="selected_color"' : ''; ?> for="keyboard_nav_1">Yes</label>
1051
+ <input type="radio" name="keyboard_nav" id="keyboard_nav_0" value="0" <?php if (!$row->keyboard_nav) echo 'checked="checked"'; ?> /><label <?php echo $row->keyboard_nav ? '' : 'class="selected_color"'; ?> for="keyboard_nav_0">No</label>
1052
+ <div class="spider_description"></div>
1053
+ </td>
1054
+ </tr>
1055
+ <tr>
1056
+ <td class="spider_label_options">
1057
+ <label>Show Navigation buttons: </label>
1058
+ </td>
1059
+ <td>
1060
+ <input type="radio" name="navigation" id="navigation_1" value="hover" <?php if ($row->navigation == 'hover') echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'hover' ? 'class="selected_color"' : ''; ?> for="navigation_1">On hover</label>
1061
+ <input type="radio" name="navigation" id="navigation_0" value="always" <?php if ($row->navigation == 'always' ) echo 'checked="checked"'; ?> /><label <?php echo $row->navigation == 'always' ? 'class="selected_color"' : ''; ?> for="navigation_0">Always</label>
1062
+ <div class="spider_description">Select between the option of always displaying the navigation buttons or only when hovered.</div>
1063
+ </td>
1064
+ </tr>
1065
+ <tr>
1066
+ <td class="spider_label_options">
1067
+ <label>Image for Next / Previous buttons: </label>
1068
+ </td>
1069
+ <td>
1070
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_our" value="our" <?php if ($row->rl_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('our')" /><label <?php if ($row->rl_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_our">Default</label>
1071
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_cust" value="custom" <?php if ($row->rl_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('custom')" /><label <?php if ($row->rl_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_cust">Custom</label>
1072
+ <input type="radio" name="rl_butt_img_or_not" id="rl_butt_img_or_not_style" value="style" <?php if ($row->rl_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_next_prev_butt('style')" /><label <?php if ($row->rl_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="rl_butt_img_or_not_style">Styled</label>
1073
+ <input type="hidden" id="right_butt_url" name="right_butt_url" value="<?php echo $row->right_butt_url; ?>" />
1074
+ <input type="hidden" id="right_butt_hov_url" name="right_butt_hov_url" value="<?php echo $row->right_butt_hov_url; ?>" />
1075
+ <input type="hidden" id="left_butt_url" name="left_butt_url" value="<?php echo $row->left_butt_url; ?>" />
1076
+ <input type="hidden" id="left_butt_hov_url" name="left_butt_hov_url" value="<?php echo $row->left_butt_hov_url; ?>" />
1077
+ <div class="spider_description">Choose whether to use default navigation buttons or to upload custom ones.</div>
1078
+ </td>
1079
+ </tr>
1080
+ </tbody>
1081
+ <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1082
+ <?php echo $fv_message; ?>
1083
+ <tr id="right_left_butt_style">
1084
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_style">Next / Previous buttons style: </label></td>
1085
+ <td>
1086
+ <div style="display: table;">
1087
+ <div style="display: table-cell; vertical-align: middle;">
1088
+ <select class="select_icon select_icon_320" name="rl_butt_style" id="rl_butt_style" onchange="change_rl_butt_style(jQuery(this).val())">
1089
+ <?php
1090
+ foreach ($button_styles as $key => $button_style) {
1091
+ ?>
1092
+ <option value="<?php echo $key; ?>" <?php echo (($row->rl_butt_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $button_style; ?></option>
1093
+ <?php
1094
+ }
1095
+ ?>
1096
+ </select>
1097
+ </div>
1098
+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1099
+ <i id="wds_left_style" class="fa <?php echo $row->rl_butt_style; ?>-left" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1100
+ <i id="wds_right_style" class="fa <?php echo $row->rl_butt_style; ?>-right" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1101
+ </div>
1102
+ </div>
1103
+ <div class="spider_description">Choose the style of the button you prefer to have as navigation buttons.</div>
1104
+ </td>
1105
+ </tr>
1106
+ <tr id="right_butt_upl">
1107
+ <td class="spider_label_options" style="vertical-align: middle;">
1108
+ <label>Upload buttons images: </label>
1109
+ </td>
1110
+ <td>
1111
+ <div style="display: table;">
1112
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1113
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button" onclick="alert('This functionality is disabled in free version.')" />
1114
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Previous Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1115
+ </div>
1116
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1117
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button" onclick="alert('This functionality is disabled in free version.')" />
1118
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Next Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1119
+ </div>
1120
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="display_block">
1121
+ <img id="left_butt_img" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1122
+ <img id="right_butt_img" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1123
+ <img id="left_butt_hov_img" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1124
+ <img id="right_butt_hov_img" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1125
+ </div>
1126
+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1127
+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_custom_src()" value="Reverse" />
1128
+ </div>
1129
+ </div>
1130
+ </td>
1131
+ </tr>
1132
+ <script>
1133
+ var wds_rl_butt_type = [];
1134
+ var rl_butt_dir = '<?php echo WD_S_URL . '/images/arrow/'; ?>';
1135
+ var type_cur_fold = '1';
1136
+ <?php
1137
+ $folder_names = scandir(WD_S_DIR . '/images/arrow');
1138
+ $cur_fold_name = '';
1139
+ $cur_type_key = '';
1140
+ $cur_color_key = '';
1141
+ $cur_sub_fold_names = array();
1142
+ array_splice($folder_names, 0, 2);
1143
+ $flag = FALSE;
1144
+ foreach ($folder_names as $type_key => $folder_name) {
1145
+ if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name)) {
1146
+ ?>
1147
+ wds_rl_butt_type["<?php echo $type_key; ?>"] = [];
1148
+ wds_rl_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1149
+ <?php
1150
+ if ($row->left_butt_url != '') {
1151
+ /* Getting current button's type folder and color folder.*/
1152
+ $check_cur_fold = explode('/' , $row->left_butt_url);
1153
+ if (in_array($folder_name, $check_cur_fold)) {
1154
+ $flag = TRUE;
1155
+ $cur_fold_name = $folder_name;
1156
+ $cur_type_key = $type_key;
1157
+ $cur_sub_fold_names = scandir(WD_S_DIR . '/images/arrow/' . $cur_fold_name);
1158
+ array_splice($cur_sub_fold_names, 0, 2);
1159
+ ?>
1160
+ type_cur_fold = '<?php echo $cur_type_key;?>';
1161
+ <?php
1162
+ }
1163
+ }
1164
+ $sub_folder_names = scandir( WD_S_DIR . '/images/arrow/' . $folder_name);
1165
+ array_splice($sub_folder_names, 0, 2);
1166
+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1167
+ if (is_dir(WD_S_DIR . '/images/arrow/' . $folder_name . '/' . $sub_folder_name)) {
1168
+ if ($cur_fold_name == $folder_name) {
1169
+ /* Getting current button's color key.*/
1170
+ if (in_array($sub_folder_name, $check_cur_fold)) {
1171
+ $cur_color_key = $color_key;
1172
+ }
1173
+ }
1174
+ ?>
1175
+ wds_rl_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1176
+ <?php
1177
+ }
1178
+ }
1179
+ }
1180
+ else {
1181
+ ?>
1182
+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
1183
+ <?php
1184
+ }
1185
+ }
1186
+ ?>
1187
+ </script>
1188
+ <tr id="right_left_butt_select">
1189
+ <td class="spider_label_options" style="vertical-align: middle;">
1190
+ <label for="right_butt_url">Choose buttons: </label>
1191
+ </td>
1192
+ <td style="display: block;">
1193
+ <div style="display: table; margin-bottom: 14px;">
1194
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1195
+ <div style="display: block; width: 180px;" class="default_buttons">
1196
+ <div class="spider_choose_option" onclick="wds_choose_option(this)">
1197
+ <div class="spider_option_main_title">Choose group</div>
1198
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1199
+ </div>
1200
+ <div class="spider_options_cont">
1201
+ <?php
1202
+ foreach ($folder_names as $type_key => $folder_name) {
1203
+ ?>
1204
+ <div class="spider_option_cont wds_rl_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_rl_butt_type(this)">
1205
+ <div class="spider_option_cont_title">
1206
+ <?php echo 'Group-' . ++$type_key; ?>
1207
+ </div>
1208
+ <div class="spider_option_cont_img">
1209
+ <img class="src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
1210
+ <img class="src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
1211
+ <img class="src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
1212
+ <img class="src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
1213
+ </div>
1214
+ </div>
1215
+ <?php
1216
+ }
1217
+ if (!$flag) {
1218
+ /* Folder doesn't exist.*/
1219
+ ?>
1220
+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1221
+ <?php
1222
+ }
1223
+ ?>
1224
+ </div>
1225
+ </div>
1226
+ </div>
1227
+ <div style="display:table-cell;vertical-align: middle;" class="display_block">
1228
+ <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1229
+ <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1230
+ <div class="spider_option_main_title">Choose color</div>
1231
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1232
+ </div>
1233
+ </div>
1234
+ </div>
1235
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1236
+ <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1237
+ <img id="rl_butt_img_l" src="<?php echo $row->left_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1238
+ <img id="rl_butt_img_r" src="<?php echo $row->right_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1239
+ <img id="rl_butt_hov_img_l" src="<?php echo $row->left_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1240
+ <img id="rl_butt_hov_img_r" src="<?php echo $row->right_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1241
+ </div>
1242
+ </div>
1243
+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1244
+ <input type="button" class="button button-small wds_reverse" onclick="change_src()" value="Reverse" />
1245
+ </div>
1246
+ </div>
1247
+ <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1248
+ </td>
1249
+ </tr>
1250
+ <tr id="right_left_butt_size">
1251
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="rl_butt_size">Next / Previous buttons size: </label></td>
1252
+ <td>
1253
+ <input type="text" name="rl_butt_size" id="rl_butt_size" value="<?php echo $row->rl_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1254
+ <div class="spider_description">Set the size for the next / previous buttons.</div>
1255
+ </td>
1256
+ </tr>
1257
+ <tr>
1258
+ <td class="spider_label_options">
1259
+ <label>Play / Pause button: </label>
1260
+ </td>
1261
+ <td>
1262
+ <input type="radio" name="play_paus_butt" id="play_paus_butt_1" value="1" <?php if ($row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_1">Yes</label>
1263
+ <input type="radio" name="play_paus_butt" id="play_paus_butt_0" value="0" <?php if (!$row->play_paus_butt) echo 'checked="checked"'; ?> /><label for="play_paus_butt_0">No</label>
1264
+ <div class="spider_description">Choose whether to display Play and Pause buttons or not.</div>
1265
+ </td>
1266
+ </tr>
1267
+ </tbody>
1268
+ <tbody>
1269
+ <tr>
1270
+ <td class="spider_label_options">
1271
+ <label>Image for Play / Pause buttons: </label>
1272
+ </td>
1273
+ <td>
1274
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_our" value="our" <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('our')" /><label <?php if ($row->play_paus_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_our">Default</label>
1275
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_cust" value="custom" <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('custom')" /><label <?php if ($row->play_paus_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_cust">Custom</label>
1276
+ <input type="radio" name="play_paus_butt_img_or_not" id="play_pause_butt_img_or_not_select" value="style" <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_play_pause_butt('style')" /><label <?php if ($row->play_paus_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="play_pause_butt_img_or_not_select">Styled</label>
1277
+ <input type="hidden" id="play_butt_url" name="play_butt_url" value="<?php echo $row->play_butt_url; ?>" />
1278
+ <input type="hidden" id="play_butt_hov_url" name="play_butt_hov_url" value="<?php echo $row->play_butt_hov_url; ?>" />
1279
+ <input type="hidden" id="paus_butt_url" name="paus_butt_url" value="<?php echo $row->paus_butt_url; ?>" />
1280
+ <input type="hidden" id="paus_butt_hov_url" name="paus_butt_hov_url" value="<?php echo $row->paus_butt_hov_url; ?>" />
1281
+ <div class="spider_description">Choose whether to use default play/pause buttons or to upload custom ones.</div>
1282
+ </td>
1283
+ </tr>
1284
+ </tbody>
1285
+ <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1286
+ <tr id="play_pause_butt_style">
1287
+ <td class="spider_label"><label for="pp_butt_style">Play / Pause buttons style: </label></td>
1288
+ <td>
1289
+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1290
+ <i id="wds_play_style" class="fa fa-play" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1291
+ <i id="wds_paus_style" class="fa fa-pause" style="color: #<?php echo $row->butts_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1292
+ </div>
1293
+ </td>
1294
+ </tr>
1295
+ <tr id="play_pause_butt_cust">
1296
+ <td class="spider_label_options" style="vertical-align: middle;">
1297
+ <label>Upload buttons images: </label>
1298
+ </td>
1299
+ <td>
1300
+ <div style="display: table;">
1301
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1302
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button" onclick="alert('This functionality is disabled in free version.')" />
1303
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Play Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1304
+ </div>
1305
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1306
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button" onclick="alert('This functionality is disabled in free version.')" />
1307
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Pause Button Hover" onclick="alert('This functionality is disabled in free version.')" />
1308
+ </div>
1309
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1310
+ <img id="play_butt_img" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1311
+ <img id="paus_butt_img" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1312
+ <img id="play_butt_hov_img" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1313
+ <img id="paus_butt_hov_img" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1314
+ </div>
1315
+ <div style="display: table-cell; text-align: center; vertical-align: middle;" class="display_block wds_reverse_cont">
1316
+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_play_paus_custom_src()" value="Reverse" />
1317
+ </div>
1318
+ </div>
1319
+ </td>
1320
+ </tr>
1321
+ <script>
1322
+ var wds_pp_butt_type = [];
1323
+ var pp_butt_dir = '<?php echo WD_S_URL . '/images/button/'; ?>';
1324
+ var pp_type_cur_fold = '1';
1325
+ <?php
1326
+ $folder_names = scandir(WD_S_DIR . '/images/button');
1327
+ $butt_cur_fold_name = '';
1328
+ $butt_cur_type_key = '';
1329
+ $butt_cur_color_key = '';
1330
+ $butt_cur_sub_fold_names = array();
1331
+ array_splice($folder_names, 0, 2);
1332
+ $flag = FALSE;
1333
+ foreach ($folder_names as $type_key => $folder_name) {
1334
+ if (is_dir(WD_S_DIR . '/images/button/' . $folder_name)) {
1335
+ ?>
1336
+ wds_pp_butt_type["<?php echo $type_key; ?>"] = [];
1337
+ wds_pp_butt_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1338
+ <?php
1339
+ if ($row->play_butt_url != '') {
1340
+ /* Getting current button's type folder and color folder.*/
1341
+ $check_butt_cur_fold = explode('/' , $row->play_butt_url);
1342
+ if (in_array($folder_name, $check_butt_cur_fold)) {
1343
+ $flag = TRUE;
1344
+ $butt_cur_fold_name = $folder_name;
1345
+ $butt_cur_type_key = $type_key;
1346
+ $butt_cur_sub_fold_names = scandir(WD_S_DIR . '/images/button/' . $butt_cur_fold_name);
1347
+ array_splice($butt_cur_sub_fold_names, 0, 2);
1348
+ ?>
1349
+ pp_type_cur_fold = '<?php echo $butt_cur_type_key;?>';
1350
+ <?php
1351
+ }
1352
+ }
1353
+ $sub_folder_names = scandir( WD_S_DIR . '/images/button/' . $folder_name);
1354
+ array_splice($sub_folder_names, 0, 2);
1355
+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1356
+ if (is_dir(WD_S_DIR . '/images/button/' . $folder_name . '/' . $sub_folder_name)) {
1357
+ if ($butt_cur_fold_name == $folder_name) {
1358
+ /* Getting current button's color key.*/
1359
+ if (in_array($sub_folder_name, $check_butt_cur_fold)) {
1360
+ $butt_cur_color_key = $color_key;
1361
+ }
1362
+ }
1363
+ ?>
1364
+ wds_pp_butt_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1365
+ <?php
1366
+ }
1367
+ }
1368
+ }
1369
+ else {
1370
+ ?>
1371
+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
1372
+ <?php
1373
+ }
1374
+ }
1375
+ ?>
1376
+ </script>
1377
+ <tr id="play_pause_butt_select">
1378
+ <td class="spider_label_options" style="vertical-align: middle;">
1379
+ <label for="right_butt_url">Choose buttons: </label>
1380
+ </td>
1381
+ <td style="display: block;">
1382
+ <div style="display: table; margin-bottom: 14px;">
1383
+ <div style="display: table-cell; vertical-align: middle;" class="display_block" >
1384
+ <div style="display: block; width: 180px;" class="default_buttons">
1385
+ <div class="spider_choose_option" onclick="wds_choose_pp_option(this)">
1386
+ <div class="spider_option_main_title">Choose group</div>
1387
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE"></i></div>
1388
+ </div>
1389
+ <div class="spider_pp_options_cont">
1390
+ <?php
1391
+ foreach ($folder_names as $type_key => $folder_name) {
1392
+ ?>
1393
+ <div class="spider_option_cont wds_pp_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($butt_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_play_paus_butt_type(this)">
1394
+ <div class="spider_option_cont_title">
1395
+ <?php echo 'Group-' . ++$type_key; ?>
1396
+ </div>
1397
+ <div class="spider_option_cont_img">
1398
+ <img class="pp_src_top_left" style="display: inline-block; width: 14px; height: 14px;" />
1399
+ <img class="pp_src_top_right" style="display: inline-block; width: 14px; height: 14px;" />
1400
+ <img class="pp_src_bottom_left" style="display: inline-block; width: 14px; height: 14px;" />
1401
+ <img class="pp_src_bottom_right" style="display: inline-block; width: 14px; height: 14px;" />
1402
+ </div>
1403
+ </div>
1404
+ <?php
1405
+ }
1406
+ if (!$flag) {
1407
+ /* Folder doesn't exist.*/
1408
+ ?>
1409
+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1410
+ <?php
1411
+ }
1412
+ ?>
1413
+ </div>
1414
+ </div>
1415
+ </div>
1416
+ <div style="display:table-cell;vertical-align: middle;" class="display_block">
1417
+ <div style="display: block; width: 180px; margin-left: 12px;" class="default_buttons">
1418
+ <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')">
1419
+ <div class="spider_option_main_title">Choose color</div>
1420
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color:#1E8CBE"></i></div>
1421
+ </div>
1422
+ </div>
1423
+ </div>
1424
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;" class="display_block">
1425
+ <div style=" display: block; margin-left: 12px; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;" class="play_buttons_cont">
1426
+ <img id="pp_butt_img_play" src="<?php echo $row->play_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1427
+ <img id="pp_butt_img_paus" src="<?php echo $row->paus_butt_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1428
+ <img id="pp_butt_hov_img_play" src="<?php echo $row->play_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1429
+ <img id="pp_butt_hov_img_paus" src="<?php echo $row->paus_butt_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1430
+ </div>
1431
+ </div>
1432
+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1433
+ <input type="button" class="button button-small wds_reverse" onclick="change_play_paus_src()" value="Reverse" />
1434
+ </div>
1435
+ </div>
1436
+ <div class="spider_description">Choose the type and color for navigation button images. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1437
+ </td>
1438
+ </tr>
1439
+ <tr id="play_pause_butt_size">
1440
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="pp_butt_size">Play / Pause button size: </label></td>
1441
+ <td>
1442
+ <input type="text" name="pp_butt_size" id="pp_butt_size" value="<?php echo $row->pp_butt_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1443
+ <div class="spider_description">Set the size for the play / pause buttons.</div>
1444
+ </td>
1445
+ </tr>
1446
+ <tr id="tr_butts_color">
1447
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="butts_color">Buttons color: </label></td>
1448
+ <td>
1449
+ <input type="text" name="butts_color" id="butts_color" value="<?php echo $row->butts_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_left_style,#wds_right_style').css({color: '#' + jQuery(this).val()})" />
1450
+ <div class="spider_description">Select a color for the navigation buttons.</div>
1451
+ </td>
1452
+ </tr>
1453
+ <tr id="tr_hover_color">
1454
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="hover_color">Hover color: </label></td>
1455
+ <td>
1456
+ <input type="text" name="hover_color" id="hover_color" value="<?php echo $row->hover_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1457
+ <div class="spider_description">Select a hover color for the navigation buttons.</div>
1458
+ </td>
1459
+ </tr>
1460
+ <tr>
1461
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_width">Border: </label></td>
1462
+ <td>
1463
+ <input type="text" name="nav_border_width" id="nav_border_width" value="<?php echo $row->nav_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1464
+ <select class="select_icon select_icon_320" name="nav_border_style" id="nav_border_style" <?php echo $fv_disabled; ?>>
1465
+ <?php
1466
+ foreach ($border_styles as $key => $border_style) {
1467
+ ?>
1468
+ <option value="<?php echo $key; ?>" <?php echo (($row->nav_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1469
+ <?php
1470
+ }
1471
+ ?>
1472
+ </select>
1473
+ <input type="text" name="nav_border_color" id="nav_border_color" value="<?php echo $row->nav_border_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1474
+ <div class="spider_description">Select the type, size and the color of border for the navigation buttons.</div>
1475
+ </td>
1476
+ </tr>
1477
+ <tr>
1478
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_border_radius">Border radius: </label></td>
1479
+ <td>
1480
+ <input type="text" name="nav_border_radius" id="nav_border_radius" value="<?php echo $row->nav_border_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
1481
+ <div class="spider_description">Use CSS type values.</div>
1482
+ </td>
1483
+ </tr>
1484
+ <tr>
1485
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="nav_bg_color">Background color: </label></td>
1486
+ <td>
1487
+ <input type="text" name="nav_bg_color" id="nav_bg_color" value="<?php echo $row->nav_bg_color; ?>" class="color" <?php echo $fv_disabled; ?> />
1488
+ <input type="text" name="butts_transparent" id="butts_transparent" value="<?php echo $row->butts_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> %
1489
+ <div class="spider_description">Transparency value must be between 0 to 100.</div>
1490
+ </td>
1491
+ </tr>
1492
+ </tbody>
1493
+ </table>
1494
+ </div>
1495
+ <div class="wds_nav_box wds_nav_bullets_box">
1496
+ <table>
1497
+ <tbody>
1498
+ <tr>
1499
+ <td class="spider_label"><label>Enable bullets: </label></td>
1500
+ <td>
1501
+ <input type="radio" id="enable_bullets1" name="enable_bullets" <?php echo (($row->enable_bullets) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_bullets) ? 'class="selected_color"' : ''); ?> for="enable_bullets1">Yes</label>
1502
+ <input type="radio" id="enable_bullets0" name="enable_bullets" <?php echo (($row->enable_bullets) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_bullets) ? '' : 'class="selected_color"'); ?> for="enable_bullets0">No</label>
1503
+ <div class="spider_description">Choose whether to have navigation bullets or not.</div>
1504
+ </td>
1505
+ </tr>
1506
+ <tr>
1507
+ <td class="spider_label_options">
1508
+ <label>Show bullets: </label>
1509
+ </td>
1510
+ <td>
1511
+ <input type="radio" name="bull_hover" id="bull_hover_0" value="0" <?php if ($row->bull_hover == 0) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 0) echo 'class="selected_color"'; ?> for="bull_hover_0">On hover</label>
1512
+ <input type="radio" name="bull_hover" id="bull_hover_1" value="1" <?php if ($row->bull_hover == 1) echo 'checked="checked"'; ?> /><label <?php if ($row->bull_hover == 1) echo 'class="selected_color"'; ?> for="bull_hover_1">Always</label>
1513
+ <div class="spider_description">Select between the option of always displaying the bullets or only when hovered.</div>
1514
+ </td>
1515
+ </tr>
1516
+ <tr>
1517
+ <td class="spider_label"><label>Show thumbnail on bullet hover: </label></td>
1518
+ <td>
1519
+ <input onClick="bwg_enable_disable('', 'tr_thumb_size', 'show_thumbnail1')" type="radio" id="show_thumbnail1" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->show_thumbnail) ? 'class="selected_color"' : ''); ?> for="show_thumbnail1">Yes</label>
1520
+ <input onClick="bwg_enable_disable('none', 'tr_thumb_size', 'show_thumbnail0')" type="radio" id="show_thumbnail0" name="show_thumbnail" <?php echo (($row->show_thumbnail) ? '' : 'checked="checked"'); ?> value="0" /><label for="show_thumbnail0">No</label>
1521
+ <div class="spider_description"></div>
1522
+ </td>
1523
+ </tr>
1524
+ <tr id="tr_thumb_size">
1525
+ <td class="spider_label_options">
1526
+ <label for="wds_thumb_size">Thumbnail Size: </label>
1527
+ </td>
1528
+ <td>
1529
+ <input onblur="wds_check_number()" type="text" id="wds_thumb_size" name="wds_thumb_size" size="15" value="<?php echo $row->thumb_size; ?>" style="display:inline-block;" />
1530
+ <div class="spider_description">Value must be between 0 to 1.</div>
1531
+ </td>
1532
+ </tr>
1533
+ <tr>
1534
+ <td class="spider_label"><label>Position: </label></td>
1535
+ <td>
1536
+ <select class="select_icon select_icon_320" name="bull_position" id="bull_position">
1537
+ <option value="top" <?php echo (($row->bull_position == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1538
+ <option value="bottom" <?php echo (($row->bull_position == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1539
+ </select>
1540
+ <div class="spider_description">Select the position for the navigation bullets.</div>
1541
+ </td>
1542
+ </tr>
1543
+ <tr>
1544
+ <td class="spider_label_options">
1545
+ <label>Bullets type: </label>
1546
+ </td>
1547
+ <td>
1548
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_our" value="our" <?php if ($row->bull_butt_img_or_not == 'our') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('our')" /><label <?php if ($row->bull_butt_img_or_not == 'our') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_our">Default</label>
1549
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_cust" value="custom" <?php if ($row->bull_butt_img_or_not == 'custom') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('custom')" /><label <?php if ($row->bull_butt_img_or_not == 'custom') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_cust">Custom</label>
1550
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_stl" value="style" <?php if ($row->bull_butt_img_or_not == 'style') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('style')" /><label <?php if ($row->bull_butt_img_or_not == 'style') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_stl">Styled</label>
1551
+ <input type="radio" name="bull_butt_img_or_not" id="bull_butt_img_or_not_txt" value="text" <?php if ($row->bull_butt_img_or_not == 'text') echo 'checked="checked"'; ?> onClick="image_for_bull_butt('text')" /><label <?php if ($row->bull_butt_img_or_not == 'text') echo 'class="selected_color"'; ?> for="bull_butt_img_or_not_txt">Text</label>
1552
+ <input type="hidden" id="bullets_img_main_url" name="bullets_img_main_url" value="<?php echo $row->bullets_img_main_url; ?>" />
1553
+ <input type="hidden" id="bullets_img_hov_url" name="bullets_img_hov_url" value="<?php echo $row->bullets_img_hov_url; ?>" />
1554
+ <div class="spider_description"></div>
1555
+ </td>
1556
+ </tr>
1557
+ </tbody>
1558
+ <tbody class="<?php echo $fv_class; ?>"<?php echo $fv_title; ?>>
1559
+ <?php echo $fv_message; ?>
1560
+ <tr id="bullets_style">
1561
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_style">Bullet style: </label></td>
1562
+ <td>
1563
+ <div style="display: table;">
1564
+ <div style="display: table-cell; vertical-align: middle;">
1565
+ <select class="select_icon select_icon_320" name="bull_style" id="bull_style" <?php echo $fv_disabled; ?> onchange="change_bull_style(jQuery(this).val())">
1566
+ <?php
1567
+ foreach ($bull_styles as $key => $bull_style) {
1568
+ ?>
1569
+ <option value="<?php echo $key; ?>" <?php echo (($row->bull_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $bull_style; ?></option>
1570
+ <?php
1571
+ }
1572
+ ?>
1573
+ </select>
1574
+ </div>
1575
+ <div style="display: table-cell; vertical-align: middle; background-color: rgba(229, 229, 229, 0.62); text-align: center;">
1576
+ <i id="wds_act_bull_style" class="fa <?php echo str_replace('-o', '', $row->bull_style); ?>" style="color: #<?php echo $row->bull_act_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1577
+ <i id="wds_deact_bull_style" class="fa <?php echo $row->bull_style; ?>" style="color: #<?php echo $row->bull_color; ?>; display: inline-block; font-size: 40px; width: 40px; height: 40px;"></i>
1578
+ </div>
1579
+ </div>
1580
+ <div class="spider_description">Choose the style for the bullets.</div>
1581
+ </td>
1582
+ </tr>
1583
+ <script>
1584
+ var wds_blt_img_type = [];
1585
+ var blt_img_dir = '<?php echo WD_S_URL . '/images/bullet/'; ?>';
1586
+ var bull_type_cur_fold = '1';
1587
+ <?php
1588
+ $folder_names = scandir(WD_S_DIR . '/images/bullet');
1589
+ $bull_cur_fold_name = '';
1590
+ $bull_cur_type_key = '';
1591
+ $bull_cur_color_key = '';
1592
+ $bull_cur_sub_fold_names = array();
1593
+ array_splice($folder_names, 0, 2);
1594
+ $flag = FALSE;
1595
+ foreach ($folder_names as $type_key => $folder_name) {
1596
+ if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name)) {
1597
+ ?>
1598
+ wds_blt_img_type["<?php echo $type_key; ?>"] = [];
1599
+ wds_blt_img_type["<?php echo $type_key; ?>"]["type_name"] = "<?php echo $folder_name; ?>";
1600
+ <?php
1601
+ if ($row->bullets_img_main_url != '') {
1602
+ /* Getting current button's type folder and color folder.*/
1603
+ $check_bull_cur_fold = explode('/' , $row->bullets_img_main_url);
1604
+ if (in_array($folder_name, $check_bull_cur_fold)) {
1605
+ $flag = TRUE;
1606
+ $bull_cur_fold_name = $folder_name;
1607
+ $bull_cur_type_key = $type_key;
1608
+ $bull_cur_sub_fold_names = scandir(WD_S_DIR . '/images/bullet/' . $bull_cur_fold_name);
1609
+ array_splice($bull_cur_sub_fold_names, 0, 2);
1610
+ ?>
1611
+ bull_type_cur_fold = '<?php echo $bull_cur_type_key;?>';
1612
+ <?php
1613
+ }
1614
+ }
1615
+ $sub_folder_names = scandir(WD_S_DIR . '/images/bullet/' . $folder_name);
1616
+ array_splice($sub_folder_names, 0, 2);
1617
+ foreach ($sub_folder_names as $color_key => $sub_folder_name) {
1618
+ if (is_dir(WD_S_DIR . '/images/bullet/' . $folder_name . '/' . $sub_folder_name)) {
1619
+ if ($bull_cur_fold_name == $folder_name) {
1620
+ /* Getting current button's color key.*/
1621
+ if (in_array($sub_folder_name, $check_bull_cur_fold)) {
1622
+ $bull_cur_color_key = $color_key;
1623
+ }
1624
+ }
1625
+ ?>
1626
+ wds_blt_img_type["<?php echo $type_key; ?>"]["<?php echo $color_key; ?>"] = "<?php echo $sub_folder_name; ?>";
1627
+ <?php
1628
+ }
1629
+ }
1630
+ }
1631
+ else {
1632
+ ?>
1633
+ console.log('<?php echo $folder_name . " is not a directory."; ?>');
1634
+ <?php
1635
+ }
1636
+ }
1637
+ ?>
1638
+ </script>
1639
+ <tr id="bullets_images_cust">
1640
+ <td class="spider_label_options" style="vertical-align: middle;">
1641
+ <label>Upload buttons images: </label>
1642
+ </td>
1643
+ <td>
1644
+ <div style="display: table;">
1645
+ <div style="display: table-cell; vertical-align: middle;">
1646
+ <input class="button-secondary wds_ctrl_btn_upload wds_free_button" type="button" value="Active Button" onclick="alert('This functionality is disabled in free version.')" />
1647
+ </div>
1648
+ <div style="display: table-cell; vertical-align: middle;">
1649
+ <input class="button-secondary wds_free_button" type="button" value="Deactive Button" onclick="alert('This functionality is disabled in free version.')" />
1650
+ </div>
1651
+ <div style="width:100px; display: table-cell; vertical-align: middle; text-align: center;background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1652
+ <img id="bull_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1653
+ <img id="bull_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display:inline-block; width: 40px; height: 40px;" />
1654
+ </div>
1655
+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1656
+ <input type="button" class="button button-small wds_reverse" onclick="wds_change_bullets_custom_src()" value="Reverse" />
1657
+ </div>
1658
+ </div>
1659
+ </td>
1660
+ </tr>
1661
+ <tr id="bullets_images_select">
1662
+ <td class="spider_label_options" style="vertical-align: middle;">
1663
+ <label for="bullets_images_url">Chooes buttons: </label>
1664
+ </td>
1665
+ <td style="display: block;">
1666
+ <div style="display: table; margin-bottom: 14px;">
1667
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1668
+ <div style="display: block; width: 180px;" class="default_buttons">
1669
+ <div class="spider_choose_option" onclick="wds_choose_bull_option(this)">
1670
+ <div class="spider_option_main_title">Choose group</div>
1671
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1672
+ </div>
1673
+ <div class="spider_bull_options_cont">
1674
+ <?php
1675
+ foreach ($folder_names as $type_key => $folder_name) {
1676
+ ?>
1677
+ <div class="spider_option_cont wds_bull_butt_groups" value="<?php echo $type_key; ?>" <?php echo (($bull_cur_type_key == $type_key) ? 'selected="selected" style="background-color: #3399FF;"' : ''); ?> onclick="change_bullets_images_type(this)">
1678
+ <div class="spider_option_cont_title" style="width: 64%;">
1679
+ <?php echo 'Group-' . ++$type_key; ?>
1680
+ </div>
1681
+ <div class="spider_option_cont_img">
1682
+ <img class="bull_src_left" style="display: inline-block; width: 14px; height: 14px;" />
1683
+ <img class="bull_src_right" style="display: inline-block; width: 14px; height: 14px;" />
1684
+ </div>
1685
+ </div>
1686
+ <?php
1687
+ }
1688
+ if (!$flag) {
1689
+ /* Folder doesn't exist.*/
1690
+ ?>
1691
+ <div class="spider_option_cont" value="0" selected="selected" disabled="disabled">Custom</div>
1692
+ <?php
1693
+ }
1694
+ ?>
1695
+ </div>
1696
+ </div>
1697
+ </div>
1698
+ <div style="display: table-cell; vertical-align: middle;" class="display_block">
1699
+ <div style="display: block; width: 180px; margin-left: 12px;">
1700
+ <div class="spider_choose_option" onclick="alert('This functionality is disabled in free version.')" >
1701
+ <div class="spider_option_main_title" >Choose color</div>
1702
+ <div class="spider_sel_option_ic"><i class="fa fa-angle-down fa-lg" style="color: #1E8CBE;"></i></div>
1703
+ </div>
1704
+ </div>
1705
+ </div>
1706
+ <div style="width: 100px; display: table-cell; vertical-align: middle; text-align: center;">
1707
+ <div style="display: block; vertical-align: middle; margin-left: 12px; text-align: center; background-color: rgba(229, 229, 229, 0.62); padding-top: 4px; border-radius: 3px;">
1708
+ <img id="bullets_img_main" src="<?php echo $row->bullets_img_main_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1709
+ <img id="bullets_img_hov" src="<?php echo $row->bullets_img_hov_url; ?>" style="display: inline-block; width: 40px; height: 40px;" />
1710
+ </div>
1711
+ </div>
1712
+ <div style="display: table-cell; text-align: center; vertical-align: middle;">
1713
+ <input type="button" class="button button-small wds_reverse" onclick="change_bullets_src()" value="Reverse" />
1714
+ </div>
1715
+ </div>
1716
+ <div class="spider_description">Choose the type and color for the bullets. The option is designed for limited preview (colors not included) purposes and can't be saved.</div>
1717
+ </td>
1718
+ </tr>
1719
+ <tr id="bullet_size">
1720
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_size">Size: </label></td>
1721
+ <td>
1722
+ <input type="text" name="bull_size" id="bull_size" value="<?php echo $row->bull_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1723
+ <div class="spider_description">Define the size of the navigation bullets.</div>
1724
+ </td>
1725
+ </tr>
1726
+ <tr id="bullets_color">
1727
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_color">Color: </label></td>
1728
+ <td>
1729
+ <input type="text" name="bull_color" id="bull_color" value="<?php echo $row->bull_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_deact_bull_style').css({color: '#' + jQuery(this).val()})" />
1730
+ <div class="spider_description">Select the color for the navigation bullets.</div>
1731
+ </td>
1732
+ </tr>
1733
+ <tr id="bullets_act_color">
1734
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_act_color">Active color: </label></td>
1735
+ <td>
1736
+ <input type="text" name="bull_act_color" id="bull_act_color" value="<?php echo $row->bull_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_act_bull_style').css({color: '#' + jQuery(this).val()})" />
1737
+ <div class="spider_description">Select the color for the bullet, which is currently displaying a corresponding image.</div>
1738
+ </td>
1739
+ </tr>
1740
+ <tr id="bullets_back_act_color">
1741
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_act_color"> Active Background color: </label></td>
1742
+ <td>
1743
+ <input type="text" name="bull_back_act_color" id="bull_back_act_color" value="<?php echo $row->bull_back_act_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_act_bull_text').css({color: '#' + jQuery(this).val()})" />
1744
+ <div class="spider_description">Select the background color for the bullet, which is currently displaying a corresponding image.</div>
1745
+ </td>
1746
+ </tr>
1747
+ <tr id="bullets_back_color">
1748
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_back_color"> Background color: </label></td>
1749
+ <td>
1750
+ <input type="text" name="bull_back_color" id="bull_back_color" value="<?php echo $row->bull_back_color; ?>" class="color" <?php echo $fv_disabled; ?> onchange="jQuery('#wds_back_bull_text').css({color: '#' + jQuery(this).val()})" />
1751
+ <div class="spider_description">Select the background color for the bullet.</div>
1752
+ </td>
1753
+ </tr>
1754
+ <tr id="bullets_radius">
1755
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_radius">Border radius: </label></td>
1756
+ <td>
1757
+ <input type="text" name="bull_radius" id="bull_radius" value="<?php echo $row->bull_radius; ?>" class="spider_char_input" <?php echo $fv_disabled; ?> />
1758
+ <div class="spider_description">Use CSS type values.</div>
1759
+ </td>
1760
+ </tr>
1761
+ <tr id="bullet_margin">
1762
+ <td class="spider_label <?php echo $fv_class; ?>"><label for="bull_margin">Margin: </label></td>
1763
+ <td>
1764
+ <input type="text" name="bull_margin" id="bull_margin" value="<?php echo $row->bull_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" <?php echo $fv_disabled; ?> /> px
1765
+ <div class="spider_description">Set the margin for the navigation bullets in pixels.</div>
1766
+ </td>
1767
+ </tr>
1768
+ </tbody>
1769
+ </table>
1770
+ </div>
1771
+ <div class="wds_nav_box wds_nav_filmstrip_box spider_free_version_label" title="This functionality is disabled in free version.">
1772
+ <table>
1773
+ <tbody>
1774
+ <tr>
1775
+ <td colspan="2">
1776
+ <div class="wd_error" style="padding: 5px; font-size: 14px; color: #000000 !important;">Filmstrip is disabled in free version.</div>
1777
+ </td>
1778
+ </tr>
1779
+ <tr>
1780
+ <td class="spider_label spider_free_version_label"><label>Enable filmstrip: </label></td>
1781
+ <td>
1782
+ <input disabled="disabled" type="radio" id="enable_filmstrip1" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? 'checked="checked"' : ''); ?> value="1" /><label for="filmstrip1">Yes</label>
1783
+ <input disabled="disabled" type="radio" id="enable_filmstrip0" name="enable_filmstrip" <?php echo (($row->enable_filmstrip) ? '' : 'checked="checked"'); ?> value="0" /><label for="filmstrip0">No</label>
1784
+ <div class="spider_description">Choose whether to have thumbnails of the slides displayed as a filmstrip or not.</div>
1785
+ </td>
1786
+ </tr>
1787
+ <tr id="filmstrip_position">
1788
+ <td class="spider_label"><label>Position: </label></td>
1789
+ <td>
1790
+ <select class="select_icon select_icon_320" disabled="disabled" name="film_pos" id="film_pos">
1791
+ <option value="top" <?php echo (($row->film_pos == "top") ? 'selected="selected"' : ''); ?>>Top</option>
1792
+ <option value="right" <?php echo (($row->film_pos == "right") ? 'selected="selected"' : ''); ?>>Right</option>
1793
+ <option value="bottom" <?php echo (($row->film_pos == "bottom") ? 'selected="selected"' : ''); ?>>Bottom</option>
1794
+ <option value="left" <?php echo (($row->film_pos == "left") ? 'selected="selected"' : ''); ?>>Left</option>
1795
+ </select>
1796
+ <div class="spider_description">Set the position of the filmstrip.</div>
1797
+ </td>
1798
+ </tr>
1799
+ <tr id="filmstrip_size">
1800
+ <td class="spider_label"><label for="film_thumb_width">Thumbnail dimensions: </label></td>
1801
+ <td>
1802
+ <input disabled="disabled" type="text" name="film_thumb_width" id="film_thumb_width" value="<?php echo $row->film_thumb_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> x
1803
+ <input disabled="disabled" type="text" name="film_thumb_height" id="film_thumb_height" value="<?php echo $row->film_thumb_height; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1804
+ <div class="spider_description">Define the maximum width and heigth of the filmstrip thumbnails.</div>
1805
+ </td>
1806
+ </tr>
1807
+ <tr>
1808
+ <td class="spider_label"><label for="film_bg_color">Background color: </label></td>
1809
+ <td>
1810
+ <input disabled="disabled" type="text" name="film_bg_color" id="film_bg_color" value="<?php echo $row->film_bg_color; ?>" class="color" />
1811
+ <div class="spider_description">Select the background color for the filmstrip.</div>
1812
+ </td>
1813
+ </tr>
1814
+ <tr id="filmstrip_thumb_margin">
1815
+ <td class="spider_label"><label for="film_tmb_margin">Thumbnail separator: </label></td>
1816
+ <td>
1817
+ <input disabled="disabled" type="text" name="film_tmb_margin" id="film_tmb_margin" value="<?php echo $row->film_tmb_margin; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1818
+ <div class="spider_description">Set the separator for the thumbnails.</div>
1819
+ </td>
1820
+ </tr>
1821
+ <tr>
1822
+ <td class="spider_label"><label for="film_act_border_width">Active border: </label></td>
1823
+ <td>
1824
+ <input disabled="disabled" type="text" name="film_act_border_width" id="film_act_border_width" value="<?php echo $row->film_act_border_width; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> px
1825
+ <select class="select_icon select_icon_320" disabled="disabled" name="film_act_border_style" id="film_act_border_style">
1826
+ <?php
1827
+ foreach ($border_styles as $key => $border_style) {
1828
+ ?>
1829
+ <option value="<?php echo $key; ?>" <?php echo (($row->film_act_border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
1830
+ <?php
1831
+ }
1832
+ ?>
1833
+ </select>
1834
+ <input disabled="disabled" type="text" name="film_act_border_color" id="film_act_border_color" value="<?php echo $row->film_act_border_color; ?>" class="color"/>
1835
+ <div class="spider_description">The thumbnail for the currently displayed image will have a border. You can set its size, type and color.</div>
1836
+ </td>
1837
+ </tr>
1838
+ <tr>
1839
+ <td class="spider_label"><label for="film_dac_transparent">Deactive transparency: </label></td>
1840
+ <td>
1841
+ <input disabled="disabled" type="text" name="film_dac_transparent" id="film_dac_transparent" value="<?php echo $row->film_dac_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1842
+ <div class="spider_description">You can set a transparency level for the inactive filmstrip items which must be between 0 to 100..</div>
1843
+ </td>
1844
+ </tr>
1845
+ </tbody>
1846
+ </table>
1847
+ </div>
1848
+ <div class="wds_nav_box wds_nav_timer_bar_box">
1849
+ <table>
1850
+ <tbody>
1851
+ <tr>
1852
+ <td class="spider_label"><label>Enable timer bar: </label></td>
1853
+ <td>
1854
+ <input type="radio" id="enable_time_bar1" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($row->enable_time_bar) ? 'class="selected_color"' : ''); ?> for="enable_time_bar1">Yes</label>
1855
+ <input type="radio" id="enable_time_bar0" name="enable_time_bar" <?php echo (($row->enable_time_bar) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($row->enable_time_bar) ? '' : 'class="selected_color"'); ?> for="enable_time_bar0">No</label>
1856
+ <div class="spider_description">You can add a bar displaying the timing left to switching to the next slide on autoplay.</div>
1857
+ </td>
1858
+ </tr>
1859
+ <tr>
1860
+ <td class="spider_label"><label for="timer_bar_type">Type: </label></td>
1861
+ <td>
1862
+ <select class="select_icon select_icon_320" name="timer_bar_type" id="timer_bar_type">
1863
+ <option value="top" <?php echo (($row->timer_bar_type == "top") ? 'selected="selected"' : ''); ?>>Line top</option>
1864
+ <option value="bottom" <?php echo (($row->timer_bar_type == "bottom") ? 'selected="selected"' : ''); ?>>Line Bottom</option>
1865
+ <option value="circle_top_left" <?php echo (($row->timer_bar_type == "circle_top_left") ? 'selected="selected"' : ''); ?>>Circle top left</option>
1866
+ <option value="circle_top_right" <?php echo (($row->timer_bar_type == "circle_top_right") ? 'selected="selected"' : ''); ?>>Circle top right</option>
1867
+ <option value="circle_bot_left" <?php echo (($row->timer_bar_type == "circle_bot_left") ? 'selected="selected"' : ''); ?>>Circle bottom left</option>
1868
+ <option value="circle_bot_right" <?php echo (($row->timer_bar_type == "circle_bot_right") ? 'selected="selected"' : ''); ?>>Circle bottom right</option>
1869
+ </select>
1870
+ <div class="spider_description">Choose the type of the timer bar to be used within the slider.</div>
1871
+ </td>
1872
+ </tr>
1873
+ <tr>
1874
+ <td class="spider_label"><label for="timer_bar_size">Size: </label></td>
1875
+ <td>
1876
+ <input type="text" name="timer_bar_size" id="timer_bar_size" value="<?php echo $row->timer_bar_size; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)" /> px
1877
+ <div class="spider_description">Define the height of the timer bar.</div>
1878
+ </td>
1879
+ </tr>
1880
+ <tr>
1881
+ <td class="spider_label"><label for="timer_bar_color">Color: </label></td>
1882
+ <td>
1883
+ <input type="text" name="timer_bar_color" id="timer_bar_color" value="<?php echo $row->timer_bar_color; ?>" class="color" />
1884
+ <input type="text" name="timer_bar_transparent" id="timer_bar_transparent" value="<?php echo $row->timer_bar_transparent; ?>" class="spider_int_input" onkeypress="return spider_check_isnum(event)"/> %
1885
+ <div class="spider_description">Transparency value must be between 0 to 100.</div>
1886
+ </td>
1887
+ </tr>
1888
+ </tbody>
1889
+ </table>
1890
+ </div>
1891
+ <div class="wds_nav_box wds_nav_watermark_box">
1892
+ <div class="wd_updated">
1893
+ <p>
1894
+ Please note that the <b>Fill</b> and <b>Contain</b> options will work fine with <b>Watermark</b> option regardless of the image dimensions,
1895
+ whereas for the <b>Cover</b> option you should have the image identical to the size set in the <b>Dimensions</b> settings.
1896
+ If you have uploaded the image with another dimension, you will need to resize the image and upload it again.
1897
+ </p>
1898
+ </div>
1899
+ <table>
1900
+ <tbody>
1901
+ <tr>
1902
+ <td style="width: 50%; vertical-align: top; height: 100%; display: table-cell;">
1903
+ <table>
1904
+ <tbody>
1905
+ <tr id="tr_built_in_watermark_type">
1906
+ <td class="spider_label_options">
1907
+ <label>Watermark type: </label>
1908
+ </td>
1909
+ <td>
1910
+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_none" value="none" <?php if ($row->built_in_watermark_type == 'none') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_none')" />
1911
+ <label <?php if ($row->built_in_watermark_type == 'none') echo 'class="selected_color"'; ?> for="built_in_watermark_type_none">None</label>
1912
+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_text" value="text" <?php if ($row->built_in_watermark_type == 'text') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_text')" onchange="preview_built_in_watermark()" />
1913
+ <label <?php if ($row->built_in_watermark_type == 'text') echo 'class="selected_color"'; ?> for="built_in_watermark_type_text">Text</label>
1914
+ <input type="radio" name="built_in_watermark_type" id="built_in_watermark_type_image" value="image" <?php if ($row->built_in_watermark_type == 'image') echo 'checked="checked"'; ?> onClick="bwg_built_in_watermark('watermark_type_image')" onchange="preview_built_in_watermark()" />
1915
+ <label <?php if ($row->built_in_watermark_type == 'image') echo 'class="selected_color"'; ?> for="built_in_watermark_type_image">Image</label>
1916
+ <div class="spider_description">Choose what kind of watermark you want to use.</div>
1917
+ </td>
1918
+ </tr>
1919
+ <tr id="tr_built_in_watermark_url">
1920
+ <td class="spider_label_options">
1921
+ <label for="built_in_watermark_url">Watermark url: </label>
1922
+ </td>
1923
+ <td>
1924
+ <input type="text" id="built_in_watermark_url" name="built_in_watermark_url" style="width: 68%;" value="<?php echo $row->built_in_watermark_url; ?>" style="display:inline-block;" onchange="preview_built_in_watermark()" />
1925
+ <?php
1926
+ if (!$row->spider_uploader) {
1927
+ ?>
1928
+ <input id="wat_img_add_butt" class="button-primary" type="button" onclick="spider_media_uploader('watermark', event, false); return false;" value="Add Image" />
1929
+ <?php
1930
+ }
1931
+ else {
1932
+ ?>
1933
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'watermark', 'TB_iframe' => '1'), $query_url); ?>" class="button-primary thickbox thickbox-preview" title="Add Image" onclick="return false;">
1934
+ Add Image
1935
+ </a>
1936
+ <?php
1937
+ }
1938
+ ?>
1939
+ <div class="spider_description">Only .png format is supported.</div>
1940
+ </td>
1941
+ </tr>
1942
+ <tr id="tr_built_in_watermark_text">
1943
+ <td class="spider_label_options">
1944
+ <label for="built_in_watermark_text">Watermark text: </label>
1945
+ </td>
1946
+ <td>
1947
+ <input type="text" name="built_in_watermark_text" id="built_in_watermark_text" style="width: 100%;" value="<?php echo $row->built_in_watermark_text; ?>" onchange="preview_built_in_watermark()" onkeypress="preview_built_in_watermark()" />
1948
+ <div class="spider_description">Provide the text which will be displayed over the slides.</div>
1949
+ </td>
1950
+ </tr>
1951
+ <tr id="tr_built_in_watermark_size">
1952
+ <td class="spider_label_options">
1953
+ <label for="built_in_watermark_size">Watermark size: </label>
1954
+ </td>
1955
+ <td>
1956
+ <input type="text" name="built_in_watermark_size" id="built_in_watermark_size" value="<?php echo $row->built_in_watermark_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
1957
+ <div class="spider_description">Enter size of watermark in percents according to image.</div>
1958
+ </td>
1959
+ </tr>
1960
+ <tr id="tr_built_in_watermark_font_size">
1961
+ <td class="spider_label_options">
1962
+ <label for="built_in_watermark_font_size">Watermark font size: </label>
1963
+ </td>
1964
+ <td>
1965
+ <input type="text" name="built_in_watermark_font_size" id="built_in_watermark_font_size" value="<?php echo $row->built_in_watermark_font_size; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" onkeypress="return spider_check_isnum(event)" /> px
1966
+ <div class="spider_description">Specify the font size of the watermark.</div>
1967
+ </td>
1968
+ </tr>
1969
+ <tr id="tr_built_in_watermark_font">
1970
+ <td class="spider_label_options">
1971
+ <label for="built_in_watermark_font">Watermark font style: </label>
1972
+ </td>
1973
+ <td>
1974
+ <select class="select_icon select_icon_320" name="built_in_watermark_font" id="built_in_watermark_font" style="width:150px;" onchange="preview_built_in_watermark()">
1975
+ <?php
1976
+ foreach ($built_in_watermark_fonts as $watermark_font) {
1977
+ ?>
1978
+ <option value="<?php echo $watermark_font; ?>" <?php if ($row->built_in_watermark_font == $watermark_font) echo 'selected="selected"'; ?>><?php echo $watermark_font; ?></option>
1979
+ <?php
1980
+ }
1981
+ ?>
1982
+ </select>
1983
+ <?php
1984
+ foreach ($built_in_watermark_fonts as $watermark_font) {
1985
+ ?>
1986
+ <style>
1987
+ @font-face {
1988
+ font-family: <?php echo 'bwg_' . str_replace('.ttf', '', $watermark_font); ?>;
1989
+ src: url("<?php echo WD_S_URL . '/fonts/' . $watermark_font; ?>");
1990
+ }
1991
+ </style>
1992
+ <?php
1993
+ }
1994
+ ?>
1995
+ <div class="spider_description">Specify the font family for the watermark text.</div>
1996
+ </td>
1997
+ </tr>
1998
+ <tr id="tr_built_in_watermark_color">
1999
+ <td class="spider_label_options">
2000
+ <label for="built_in_watermark_color">Watermark color: </label>
2001
+ </td>
2002
+ <td>
2003
+ <input type="text" name="built_in_watermark_color" id="built_in_watermark_color" value="<?php echo $row->built_in_watermark_color; ?>" class="color" onchange="preview_built_in_watermark()" />
2004
+ <input type="text" name="built_in_watermark_opacity" id="built_in_watermark_opacity" value="<?php echo $row->built_in_watermark_opacity; ?>" class="spider_int_input" onchange="preview_built_in_watermark()" /> %
2005
+ <div class="spider_description">Transparency value must be between 0 to 100.</div>
2006
+ </td>
2007
+ </tr>
2008
+ <tr id="tr_built_in_watermark_position">
2009
+ <td class="spider_label_options">
2010
+ <label>Watermark position: </label>
2011
+ </td>
2012
+ <td>
2013
+ <table class="wds_position_table">
2014
+ <tbody>
2015
+ <tr>
2016
+ <td class="wds_position_td"><input type="radio" value="top-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2017
+ <td class="wds_position_td"><input type="radio" value="top-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2018
+ <td class="wds_position_td"><input type="radio" value="top-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "top-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2019
+ </tr>
2020
+ <tr>
2021
+ <td class="wds_position_td"><input type="radio" value="middle-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2022
+ <td class="wds_position_td"><input type="radio" value="middle-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2023
+ <td class="wds_position_td"><input type="radio" value="middle-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "middle-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2024
+ </tr>
2025
+ <tr>
2026
+ <td class="wds_position_td"><input type="radio" value="bottom-left" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-left") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2027
+ <td class="wds_position_td"><input type="radio" value="bottom-center" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-center") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2028
+ <td class="wds_position_td"><input type="radio" value="bottom-right" name="built_in_watermark_position" <?php if ($row->built_in_watermark_position == "bottom-right") echo 'checked="checked"'; ?> onchange="preview_built_in_watermark()"></td>
2029
+ </tr>
2030
+ </tbody>
2031
+ </table>
2032
+ <div class="spider_description">Choose the positioning of the watermark.</div>
2033
+ </td>
2034
+ </tr>
2035
+ </tbody>
2036
+ </table>
2037
+ </td>
2038
+ <td style="width: 50%; vertical-align: top;height: 100%; display: table-cell;">
2039
+ <span id="preview_built_in_watermark" style='display:table-cell; background-image:url("<?php echo WD_S_URL . '/images/watermark_preview.jpg'?>"); background-size:100% 100%;width:400px;height:400px;padding-top: 4px; position:relative;'></span>
2040
+ </td>
2041
+ </tr>
2042
+ </tbody>
2043
+ </table>
2044
+ </div>
2045
+ <div class="wds_nav_box wds_nav_css_box">
2046
+ <table style="width:50%">
2047
+ <tbody>
2048
+ <tr>
2049
+ <td class="spider_label"><label for="css">Css: </label></td>
2050
+ </tr>
2051
+ <tr>
2052
+ <td style="width: 90%;">
2053
+ <div class="spider_description">Add custom CSS to apply custom changes to the slider.</div>
2054
+ <textarea id="css" name="css" rows="30" style="width: 100%;"><?php echo htmlspecialchars($row->css); ?></textarea>
2055
+ </td>
2056
+ </tr>
2057
+ </tbody>
2058
+ </table>
2059
+ </div>
2060
+ <div class="wds_nav_box wds_nav_callbacks_box">
2061
+ <?php $callback_items = json_decode(htmlspecialchars_decode($row->javascript), TRUE); ?>
2062
+ <table>
2063
+ <tr>
2064
+ <td class="spider_label_options callback_label_options">
2065
+ <label for="css">Add new callback: </label>
2066
+ </td>
2067
+ <td>
2068
+ <div style="vertical-align: middle;">
2069
+ <select class="select_icon select_icon_320" name="callback_list" id="callback_list">
2070
+ <?php
2071
+ foreach ($slider_callbacks as $key => $slider_callback) {
2072
+ ?>
2073
+ <option value="<?php echo $key; ?>" <?php echo (($row->javascript == $key) ? 'selected="selected"' : ''); ?> <?php echo (isset($callback_items[$key]))? "style='display:none'" : ""; ?>><?php echo $slider_callback; ?></option>
2074
+ <?php
2075
+ }
2076
+ ?>
2077
+ </select>
2078
+
2079
+ <button type="button" id="add_callback" class="action_buttons add_callback" onclick="add_new_callback(jQuery(this).closest('tr'),jQuery(this).closest('tr').find('select'));"></button>
2080
+ <div class="spider_description"></div>
2081
+ </div>
2082
+ </td>
2083
+ </tr>
2084
+ <tr>
2085
+ <td colspan="2">
2086
+ <?php
2087
+ if (is_array($callback_items) && count($callback_items)) {
2088
+ foreach ($callback_items as $key => $callback_item) {
2089
+ ?>
2090
+ <div class="callbeck-item">
2091
+ <span class="spider_label_options"><?php echo $slider_callbacks[$key]; ?></span>
2092
+ <textarea class="callbeck-textarea" name="<?php echo $key; ?>"><?php echo $callback_item; ?></textarea>
2093
+ <button type="button" id="remove_callback" class="action_buttons remove_callback" onclick="remove_callback_item(this);">Remove</button>
2094
+ </div>
2095
+ <?php
2096
+ }
2097
+ }
2098
+ ?>
2099
+ </td>
2100
+ </tr>
2101
+ </table>
2102
+ </div>
2103
+ </div>
2104
+ </div>
2105
+ <!--------------Slides tab----------->
2106
+ <div class="wds_box wds_slides_box">
2107
+ <table>
2108
+ <thead>
2109
+ <tr>
2110
+ <td colspan="4">
2111
+ <div class="tab_conteiner">
2112
+ <div class="tab_button_wrap setting_tab_button_wrap" onclick="wds_change_tab(this, 'wds_settings_box')">
2113
+ <a class="wds_button-secondary wds_settings" href="#">
2114
+ <span tab_type="settings" class="wds_tab_label">Settings</span>
2115
+ </a>
2116
+ </div>
2117
+ <div class="tab_button_wrap slides_tab_button_wrap" onclick="wds_change_tab(this, 'wds_slides_box')" >
2118
+ <a class="wds_button-secondary wds_slides" href="#">
2119
+ <span tab_type="slides" class="wds_tab_label">Slides</span>
2120
+ </a>
2121
+ </div>
2122
+ <div class="clear"></div>
2123
+ </div>
2124
+ <div class="wds_buttons">
2125
+ <?php
2126
+ if ($row->spider_uploader) {
2127
+ ?>
2128
+ <div class="wds_button_wrap">
2129
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_slides', 'TB_iframe' => '1'), $query_url); ?>" class="wds_buttons_320 action_buttons thickbox thickbox-preview add_images" title="Add Images" onclick="return false;">
2130
+ Add Images
2131
+ </a>
2132
+ </div>
2133
+ <?php
2134
+ }
2135
+ else {
2136
+ ?>
2137
+ <div class="wds_button_wrap">
2138
+ <input type="button" class="action_buttons add_images" id="button_image_url" onclick="spider_media_uploader('button_image_url', event, true); return false;" value="Add Images" />
2139
+ </div>
2140
+ <?php
2141
+ }
2142
+ ?>
2143
+ <div class="wds_button_wrap">
2144
+ <input class="wds_buttons_320 action_buttons add_posts wds_free_button" type="button" value="Add Posts" onclick="alert('This functionality is disabled in free version.')" />
2145
+ </div>
2146
+ <div class="wds_button_wrap">
2147
+ <input class="wds_buttons_320 action_buttons set_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
2148
+ spider_set_input_value('task', 'set_watermark');
2149
+ spider_ajax_save('sliders_form', event);" value="Set Watermark" />
2150
+ </div>
2151
+ <div class="wds_button_wrap">
2152
+ <input class="wds_buttons_320 action_buttons reset_watermark" type="button" onclick="if (wds_check_required('name', 'Name')) {return false;};
2153
+ spider_set_input_value('task', 'reset_watermark');
2154
+ spider_ajax_save('sliders_form', event);" value="Reset Watermark" />
2155
+ </div>
2156
+
2157
+ </div>
2158
+ </td>
2159
+ </tr>
2160
+ </thead>
2161
+ <tbody style="display: block;">
2162
+ <tr style="display: block;">
2163
+ <td colspan="4" style="display: block;">
2164
+ <div class="bgcolor wds_tabs wbs_subtab aui-sortable">
2165
+ <h2 class="titles">Slides<h2>
2166
+ <?php
2167
+ foreach ($slides_row as $key => $slide_row) {
2168
+ ?>
2169
+ <script>
2170
+ jQuery(function(){
2171
+ jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?>",function(){
2172
+ wds_change_sub_tab(this, 'wds_slide<?php echo $slide_row->id; ?>');
2173
+ });
2174
+ jQuery(document).on("click","#wds_tab_image<?php echo $slide_row->id; ?> input",function(e){
2175
+ e.stopPropagation();
2176
+ });
2177
+ jQuery(document).on("click","#title<?php echo $slide_row->id; ?>",function(){
2178
+ wds_change_sub_tab(jQuery("#wds_tab_image<?php echo $slide_row->id; ?>"), 'wds_slide<?php echo $slide_row->id; ?>');
2179
+ wds_change_sub_tab_title(this, 'wds_slide<?php echo $slide_row->id; ?>');
2180
+ });
2181
+ });
2182
+ </script>
2183
+ <div id="wds_subtab_wrap<?php echo $slide_row->id; ?>" class="wds_subtab_wrap connectedSortable">
2184
+ <div id="wbs_subtab<?php echo $slide_row->id; ?>" class="tab_link <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?>" href="#" >
2185
+ <div style="background-image:url('<?php echo $slide_row->type != 'image' ? ($slide_row->type == 'video' && ctype_digit($slide_row->thumb_url) ? (wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) ? wp_get_attachment_url(get_post_thumbnail_id($slide_row->thumb_url)) : WD_S_URL . '/images/no-video.png') : $slide_row->thumb_url) : $slide_row->thumb_url ?>');background-position: center" class="tab_image" id="wds_tab_image<?php echo $slide_row->id; ?>" >
2186
+ <div class="tab_buttons">
2187
+ <div class="handle_wrap">
2188
+ <div class="handle" title="Drag to re-order"></div>
2189
+ </div>
2190
+ <div class="wds_tab_title_wrap">
2191
+ <input type="text" id="title<?php echo $slide_row->id; ?>" name="title<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->title; ?>" class="wds_tab_title" tab_type="slide<?php echo $slide_row->id; ?>" />
2192
+ </div>
2193
+ <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2194
+ </div>
2195
+ <div class="overlay" >
2196
+ <div id="hover_buttons">
2197
+ <?php
2198
+ if ($row->spider_uploader) {
2199
+ ?>
2200
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide','slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="wds_change_thumbnail thickbox thickbox-preview" title="Add/Edit Image" onclick="return false;">
2201
+ </a>
2202
+ <?php
2203
+ }
2204
+ else {
2205
+ ?>
2206
+ <span class="wds_change_thumbnail" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" title="Add/Edit Image" value="Edit Image"></span>
2207
+ <?php
2208
+ }
2209
+ ?>
2210
+ <span class="wds_slide_dublicate" title="Duplicate Slide" onclick="wds_duplicate_slide('<?php echo $slide_row->id; ?>');"></span>
2211
+ <span class="wds_tab_remove" title="Remove Slide" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')"></span>
2212
+ <input type="hidden" name="order<?php echo $slide_row->id; ?>" id="order<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->order; ?>" />
2213
+ <span class="wds_clear"></span>
2214
+ </div>
2215
+ </div>
2216
+ </div>
2217
+ </div>
2218
+ </div>
2219
+ <?php
2220
+ }
2221
+ ?>
2222
+ <div class="wds_subtab_wrap new_tab_image">
2223
+ <div class="new_tab_link" onclick="wds_add_slide()">
2224
+ </div>
2225
+ </div>
2226
+ <div class="wds_clear"></div>
2227
+ </div>
2228
+ <?php
2229
+ foreach ($slides_row as $key => $slide_row) {
2230
+ ?>
2231
+ <div class="wds_box <?php echo (((($id == 0 || !$sub_tab_type) || (strpos($sub_tab_type, 'pr') !== FALSE)) && $key == 0) || ('slide' . $slide_row->id == $sub_tab_type)) ? 'wds_sub_active' : ''; ?> wds_slide<?php echo $slide_row->id; ?>">
2232
+ <table class="ui-sortable<?php echo $slide_row->id; ?>">
2233
+ <thead><tr><td colspan="4">&nbsp;</td></tr></thead>
2234
+ <tbody>
2235
+ <input type="hidden" name="type<?php echo $slide_row->id; ?>" id="type<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->type; ?>" />
2236
+
2237
+ <tr class="bgcolor">
2238
+ <td colspan="4">
2239
+ <h2 class="titles">Edit Slide</h2>
2240
+ <div id="slide_add_buttons">
2241
+ <?php
2242
+ if (!$row->spider_uploader) {
2243
+ ?>
2244
+ <div class="slide_add_buttons_wrap">
2245
+ <input type="button" class="action_buttons edit_slide" id="button_image_url<?php echo $slide_row->id; ?>" onclick="spider_media_uploader('<?php echo $slide_row->id; ?>', event, false); return false;" value="Add/Edit Image" />
2246
+ </div>
2247
+ <?php
2248
+ }
2249
+ else {
2250
+ ?>
2251
+ <div class="slide_add_buttons_wrap">
2252
+ <a href="<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url); ?>" class="action_buttons edit_slide thickbox thickbox-preview" title="Add/Edit Image" onclick="return false;">
2253
+ Add/Edit Image
2254
+ </a>
2255
+ </div>
2256
+ <?php
2257
+ }
2258
+ ?>
2259
+ <div class="slide_add_buttons_wrap">
2260
+ <input type="button" class="action_buttons add_by_url" onclick="wds_add_image_url('<?php echo $slide_row->id; ?>')" value="Add Image by URL" />
2261
+ </div>
2262
+ <div class="slide_add_buttons_wrap">
2263
+ <input type="button" class="action_buttons add_video wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Add Video" />
2264
+ </div>
2265
+ <div class="slide_add_buttons_wrap">
2266
+ <input type="button" class="action_buttons embed_media wds_free_button" onclick="alert('This functionality is disabled in free version.')" value="Embed Media" />
2267
+ </div>
2268
+ <div class="slide_add_buttons_wrap">
2269
+ <input class="action_buttons add_post wds_free_button" type="button" value="Add Post" onclick="alert('This functionality is disabled in free version.')" />
2270
+ </div>
2271
+ <div class="slide_add_buttons_wrap">
2272
+ <input type="button" class="action_buttons delete" id="delete_image_url<?php echo $slide_row->id; ?>" onclick="wds_remove_slide('<?php echo $slide_row->id; ?>')" value="Delete" />
2273
+ </div>
2274
+ <div class="slide_add_buttons_wrap">
2275
+ <input type="button" class="action_buttons edit_thumb wds_free_button" id="button_image_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Edit Thumbnail" />
2276
+ </div>
2277
+ <input type="hidden" id="image_url<?php echo $slide_row->id; ?>" name="image_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->image_url; ?>" />
2278
+ <input type="hidden" id="thumb_url<?php echo $slide_row->id; ?>" name="thumb_url<?php echo $slide_row->id; ?>" value="<?php echo $slide_row->thumb_url; ?>" />
2279
+ </td>
2280
+ </tr>
2281
+ <tr class="bgcolor">
2282
+ <td colspan="4">
2283
+ <div id="wds_preview_wrapper_<?php echo $slide_row->id; ?>" class="wds_preview_wrapper" style="width: <?php echo $row->width; ?>px; height: <?php echo $row->height; ?>px;">
2284
+ <div class="wds_preview" style="overflow: hidden; position: absolute; width: inherit; height: inherit; background-color: transparent; background-image: none; display: block;">
2285
+ <div id="wds_preview_image<?php echo $slide_row->id; ?>" class="wds_preview_image<?php echo $slide_row->id; ?> wds_preview_image"
2286
+ style='background-color: <?php echo WDW_S_Library::spider_hex2rgba($row->background_color, (100 - $row->background_transparent) / 100); ?>;
2287
+ background-image: url("<?php echo $slide_row->type != 'image' ? $slide_row->thumb_url : $slide_row->image_url . '?date=' . date('Y-m-d H:i:s'); ?>");
2288
+ background-position: center center;
2289
+ background-repeat: no-repeat;
2290
+ background-size: <?php echo $row->bg_fit; ?>;
2291
+ width: inherit;
2292
+ height: inherit;
2293
+ /*position: relative;*/'>
2294
+ <?php
2295
+ $layers_row = $this->model->get_layers_row_data($slide_row->id);
2296
+ if ($layers_row) {
2297
+ foreach ($layers_row as $key => $layer) {
2298
+ $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
2299
+ $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2300
+ switch ($layer->type) {
2301
+ case 'text': {
2302
+ ?>
2303
+ <span id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" data-type="wds_text_parent" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
2304
+ style="<?php echo $layer->image_width ? 'width: ' . $layer->image_width . '%; ' : ''; ?><?php echo $layer->image_height ? 'height: ' . $layer->image_height . '%; ' : ''; ?>word-break: <?php echo ($layer->image_scale ? 'normal' : 'break-all'); ?>; display: inline-block; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: 1.25em; font-family: <?php echo $fonts[$layer->ffamily]; ?>; font-weight: <?php echo $layer->fweight; ?>; padding: <?php echo $layer->padding; ?>; background-color: <?php echo WDW_S_Library::spider_hex2rgba($layer->fbgcolor, (100 - $layer->transparent) / 100); ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>"><?php echo str_replace(array("\r\n", "\r", "\n"), "<br>", $layer->text); ?></span>
2305
+ <?php
2306
+ break;
2307
+ }
2308
+ case 'image': {
2309
+ ?>
2310
+ <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
2311
+ style="opacity: <?php echo (100 - $layer->imgtransparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->imgtransparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>; " />
2312
+ <?php
2313
+ break;
2314
+ }
2315
+ case 'video': {
2316
+ ?>
2317
+ <img id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)" src="<?php echo $layer->image_url; ?>"
2318
+ style="max-width: <?php echo $layer->image_width; ?>px; width: <?php echo $layer->image_width; ?>px; max-height: <?php echo $layer->image_height; ?>px; height: <?php echo $layer->image_height; ?>px; position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; border: <?php echo $layer->border_width; ?>px <?php echo $layer->border_style; ?> #<?php echo $layer->border_color; ?>; border-radius: <?php echo $layer->border_radius; ?>; box-shadow: <?php echo $layer->shadow; ?>;" />
2319
+ <?php
2320
+ break;
2321
+ }
2322
+ case 'social': {
2323
+ ?>
2324
+ <style>#<?php echo $prefix; ?>:hover {color: #<?php echo $layer->hover_color; ?> !important;}</style>
2325
+ <i id="<?php echo $prefix; ?>" class="wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-<?php echo $layer->social_button; ?> ui-draggable" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 1)"
2326
+ style="opacity: <?php echo (100 - $layer->transparent) / 100; ?>; filter: Alpha(opacity=<?php echo 100 - $layer->transparent; ?>); position: absolute; left: <?php echo $layer->left; ?>px; top: <?php echo $layer->top; ?>px; z-index: <?php echo $layer->depth; ?>; color: #<?php echo $layer->color; ?>; font-size: <?php echo $layer->size; ?>px; line-height: <?php echo $layer->size; ?>px; padding: <?php echo $layer->padding; ?>; "></i>
2327
+ <?php
2328
+ break;
2329
+ }
2330
+ default:
2331
+ break;
2332
+ }
2333
+ }
2334
+ }
2335
+ ?>
2336
+ </div>
2337
+ </div>
2338
+ </div>
2339
+ </td>
2340
+ </tr>
2341
+ <tr>
2342
+ <td>
2343
+ <table class="wds_slide_radio_left">
2344
+ <tr>
2345
+ <td class="spider_label"><label>Published: </label></td>
2346
+ <td>
2347
+ <input type="radio" id="published<?php echo $slide_row->id; ?>1" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? 'checked="checked"' : ''); ?> value="1" /><label <?php echo (($slide_row->published) ? 'class="selected_color"' : ''); ?> for="published<?php echo $slide_row->id; ?>1">Yes</label>
2348
+ <input type="radio" id="published<?php echo $slide_row->id; ?>0" name="published<?php echo $slide_row->id; ?>" <?php echo (($slide_row->published) ? '' : 'checked="checked"'); ?> value="0" /><label <?php echo (($slide_row->published) ? '' : 'class="selected_color"'); ?> for="published<?php echo $slide_row->id; ?>0">No</label>
2349
+ </td>
2350
+ </tr>
2351
+ </table>
2352
+ <table class="wds_slide_radio_right">
2353
+ <tr id="trlink<?php echo $slide_row->id; ?>" <?php echo $slide_row->type == 'image' ? '' : 'style="display: none;"'; ?>>
2354
+ <td title="You can set a redirection link, so that the user will get to the mentioned location upon hitting the slide.Use http:// and https:// for external links." class="wds_tooltip spider_label">
2355
+ <label for="link<?php echo $slide_row->id; ?>">Link the slide to: </label>
2356
+ </td>
2357
+ <td>
2358
+ <input class="wds_external_link" id="link<?php echo $slide_row->id; ?>" type="text" value="<?php echo $slide_row->link; ?>" name="link<?php echo $slide_row->id; ?>" />
2359
+ <input id="target_attr_slide<?php echo $slide_row->id; ?>" type="checkbox" name="target_attr_slide<?php echo $slide_row->id; ?>" <?php echo (($slide_row->target_attr_slide) ? 'checked="checked"' : ''); ?> value="1" /><label for="target_attr_slide<?php echo $slide_row->id; ?>"> Open in a new window</label>
2360
+ </td>
2361
+ </tr>
2362
+ </table>
2363
+ </td>
2364
+ </tr>
2365
+ <tr class="bgcolor">
2366
+ <td colspan="4">
2367
+ <h2 class="titles">Layers<h2>
2368
+ <div id="layer_add_buttons">
2369
+ <div class="layer_add_buttons_wrap">
2370
+ <button class="action_buttons add_text_layer <?php echo !$fv ? "" : "wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('text', '" . $slide_row->id . "')" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Text Layer</button>
2371
+ </div>
2372
+ <?php
2373
+ if (!$row->spider_uploader) {
2374
+ ?>
2375
+ <div class="layer_add_buttons_wrap">
2376
+ <button class="action_buttons add_image_layer <?php echo !$fv ? "" : " wds_free_button"; ?> button-small" onclick="<?php echo !$fv ? "wds_add_layer('image', '" . $slide_row->id . "', '', event)" : "alert('This functionality is disabled in free version.')"; ?>; return false;" >Add Image Layer</button>
2377
+ </div>
2378
+ <?php
2379
+ }
2380
+ else {
2381
+ ?>
2382
+ <div class="layer_add_buttons_wrap">
2383
+ <a href="<?php echo !$fv ? add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_layer', 'slide_id' => $slide_row->id, 'TB_iframe' => '1'), $query_url) : ''; ?>" onclick="<?php echo !$fv ? '' : "alert('This functionality is disabled in free version.')"; ?>; return false;" class="action_buttons add_image_layer <?php echo !$fv ? "thickbox thickbox-preview" : "wds_free_button"; ?> button-small" title="Add Image Layer">
2384
+ Add Image layer
2385
+ </a>
2386
+ </div>
2387
+ <?php
2388
+ }
2389
+ ?>
2390
+ <div class="layer_add_buttons_wrap">
2391
+ <input type="button" class="action_buttons add_video_layer button-small wds_free_button" id="button_video_url<?php echo $slide_row->id; ?>" onclick="alert('This functionality is disabled in free version.'); return false;" value="Add Video Layer" />
2392
+ </div>
2393
+ <div class="layer_add_buttons_wrap">
2394
+ <input type="button" class="action_buttons add_embed_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" value="Embed Media Layer" />
2395
+ </div>
2396
+ <div class="layer_add_buttons_wrap">
2397
+ <button class="action_buttons add_social_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" > Social Button Layer</button>
2398
+ </div>
2399
+ <div class="layer_add_buttons_wrap">
2400
+ <button class="action_buttons add_hotspot_layer button-small wds_free_button" onclick="alert('This functionality is disabled in free version.'); return false;" >Add Hotspot Layer</button>
2401
+ </div>
2402
+ <div class="clear"></div>
2403
+ </div>
2404
+ </td>
2405
+ </tr>
2406
+ </tbody>
2407
+ <?php
2408
+ $layer_ids_string = '';
2409
+ if ($layers_row) {
2410
+ foreach ($layers_row as $key => $layer) {
2411
+ $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
2412
+ ?>
2413
+ <tbody class="layer_table_count" id="<?php echo $prefix; ?>_tbody">
2414
+ <tr class="wds_layer_head_tr">
2415
+ <td class="wds_layer_head" colspan="4">
2416
+ <div class="wds_layer_left">
2417
+ <div class="layer_handle handle connectedSortable" title="Drag to re-order"></div>
2418
+ <span class="wds_layer_label" onclick="wds_showhide_layer('<?php echo $prefix; ?>_tbody', 0)"><input id="<?php echo $prefix; ?>_title" name="<?php echo $prefix; ?>_title" type="text" class="wds_layer_title" value="<?php echo $layer->title; ?>" title="Layer title" /></span>
2419
+ </div>
2420
+ <div class="wds_layer_right">
2421
+ <span class="wds_layer_remove" onclick="wds_delete_layer('<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>'); " title="Delete layer"></span>
2422
+ <span class="wds_layer_dublicate" onclick="wds_add_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '', 1, 0); wds_duplicate_layer('<?php echo $layer->type; ?>', '<?php echo $slide_row->id; ?>', '<?php echo $layer->id; ?>');" title="Duplicate layer"></span>
2423
+ <input id="<?php echo $prefix; ?>_depth" class="wds_layer_depth spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({zIndex: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->depth; ?>" prefix="<?php echo $prefix; ?>" name="<?php echo $prefix; ?>_depth" title="z-index" />
2424
+ </div>
2425
+ <div class="wds_clear"></div>
2426
+ </td>
2427
+ </tr>
2428
+ <?php
2429
+ switch ($layer->type) {
2430
+ /*--------text layer----------*/
2431
+ case 'text': {
2432
+ ?>
2433
+ <tr style="display:none">
2434
+ <td colspan=2>
2435
+ <table class="layer_table_left">
2436
+ <tr class="wds_layer_tr" >
2437
+ <td class="spider_label">
2438
+ <label for="<?php echo $prefix; ?>_text">Text: </label>
2439
+ </td>
2440
+ <td>
2441
+ <textarea id="<?php echo $prefix; ?>_text" class='wds_textarea' name="<?php echo $prefix; ?>_text" style="width: 222px; height: 60px; resize: vertical;" onkeyup="wds_new_line('<?php echo $prefix; ?>');"><?php echo $layer->text; ?></textarea>
2442
+ <input type="button" class="wds_editor_btn button-secondary" onclick="alert('This functionality is disabled in free version.')" value="Editor" />
2443
+ <div class="spider_description"></div>
2444
+ </td>
2445
+ </tr>
2446
+ <tr class="wds_layer_tr" >
2447
+ <td title="Leave blank to keep the initial width and height." class="wds_tooltip spider_label">
2448
+ <label for="<?php echo $prefix; ?>_image_width">Dimensions: </label>
2449
+ </td>
2450
+ <td>
2451
+ <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onchange="wds_text_width(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2452
+ <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onchange="wds_text_height(this,'<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> %
2453
+ <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_break_word(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Break-word</label>
2454
+ </td>
2455
+ </tr>
2456
+ <tr class="wds_layer_tr" >
2457
+ <td title="In addition you can drag and drop the layer to a desired position." class="wds_tooltip spider_label">
2458
+ <label>Position: </label>
2459
+ </td>
2460
+ <td>
2461
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2462
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2463
+ </td>
2464
+ </tr>
2465
+ <tr class="wds_layer_tr" >
2466
+ <td class="spider_label">
2467
+ <label for="<?php echo $prefix; ?>_size">Size: </label>
2468
+ </td>
2469
+ <td>
2470
+ <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2471
+ <div class="spider_description"></div>
2472
+ </td>
2473
+ </tr>
2474
+ <tr class="wds_layer_tr" >
2475
+ <td class="spider_label">
2476
+ <label for="<?php echo $prefix; ?>_color">Color: </label>
2477
+ </td>
2478
+ <td>
2479
+ <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2480
+ <div class="spider_description"></div>
2481
+ </td>
2482
+ </tr>
2483
+ <tr class="wds_layer_tr" >
2484
+ <td class="spider_label">
2485
+ <label for="<?php echo $prefix; ?>_ffamily">Font family: </label>
2486
+ </td>
2487
+ <td>
2488
+ <select class="select_icon select_icon_320" style="width: 200px;" id="<?php echo $prefix; ?>_ffamily" onchange="wds_change_fonts('<?php echo $prefix; ?>', 1)" name="<?php echo $prefix; ?>_ffamily">
2489
+ <?php
2490
+ $fonts = (isset($layer->google_fonts) && $layer->google_fonts) ? $google_fonts : $font_families;
2491
+ foreach ($fonts as $key => $font_family) {
2492
+ ?>
2493
+ <option value="<?php echo $key; ?>" <?php echo (($layer->ffamily == $key) ? 'selected="selected"' : ''); ?>><?php echo $font_family; ?></option>
2494
+ <?php
2495
+ }
2496
+ ?>
2497
+ </select>
2498
+ <input id="<?php echo $prefix; ?>_google_fonts1" type="radio" name="<?php echo $prefix; ?>_google_fonts" value="1" <?php echo (($layer->google_fonts) ? 'checked="checked"' : ''); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2499
+ <label for="<?php echo $prefix; ?>_google_fonts1">Google fonts</label>
2500
+ <input id="<?php echo $prefix; ?>_google_fonts0" type="radio" name="<?php echo $prefix;?>_google_fonts" value="0" <?php echo (($layer->google_fonts) ? '' : 'checked="checked"'); ?> onchange="wds_change_fonts('<?php echo $prefix; ?>')" />
2501
+ <label for="<?php echo $prefix; ?>_google_fonts0">Default</label>
2502
+ <div class="spider_description"></div>
2503
+ </td>
2504
+ </tr>
2505
+ <tr class="wds_layer_tr" >
2506
+ <td class="spider_label">
2507
+ <label for="<?php echo $prefix; ?>_fweight">Font weight: </label>
2508
+ </td>
2509
+ <td>
2510
+ <select class="select_icon select_icon_320" style="width:70px" id="<?php echo $prefix; ?>_fweight" onchange="jQuery('#<?php echo $prefix; ?>').css({fontWeight: jQuery(this).val()})" name="<?php echo $prefix; ?>_fweight">
2511
+ <?php
2512
+ foreach ($font_weights as $key => $fweight) {
2513
+ ?>
2514
+ <option value="<?php echo $key; ?>" <?php echo (($layer->fweight == $key) ? 'selected="selected"' : ''); ?>><?php echo $fweight; ?></option>
2515
+ <?php
2516
+ }
2517
+ ?>
2518
+ </select>
2519
+ <div class="spider_description"></div>
2520
+ </td>
2521
+ </tr>
2522
+ <tr class="wds_layer_tr" >
2523
+ <td class="spider_label">
2524
+ <label for="<?php echo $prefix; ?>_link">Link: </label>
2525
+ </td>
2526
+ <td>
2527
+ <input id="<?php echo $prefix; ?>_link" class="wds_link" type="text" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2528
+ <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2529
+ <div class="spider_description">Use http:// and https:// for external links.</div>
2530
+ </td>
2531
+ </tr>
2532
+ <tr class="wds_layer_tr" >
2533
+ <td class="spider_label">
2534
+ <label>Published: </label>
2535
+ </td>
2536
+ <td>
2537
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2538
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2539
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?> />
2540
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2541
+ <div class="spider_description"></div>
2542
+ </td>
2543
+ </tr>
2544
+ </table>
2545
+
2546
+ <table class="layer_table_right" >
2547
+ <tr class="wds_layer_tr" >
2548
+ <td class="spider_label">
2549
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2550
+ </td>
2551
+ <td>
2552
+ <span style="display: table-cell;">
2553
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2554
+ <div class="spider_description">Start</div>
2555
+ </span>
2556
+ <span style="display: table-cell;">
2557
+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2558
+ <?php
2559
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2560
+ ?>
2561
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2562
+ <?php
2563
+ }
2564
+ ?>
2565
+ </select>
2566
+ <div class="spider_description">Effect</div>
2567
+ </span>
2568
+ <span style="display: table-cell;">
2569
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2570
+ <div class="spider_description">Duration</div>
2571
+ </span>
2572
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2573
+ </td>
2574
+ </tr>
2575
+ <tr class="wds_layer_tr">
2576
+ <td class="spider_label">
2577
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2578
+ </td>
2579
+ <td>
2580
+ <span style="display: table-cell;">
2581
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2582
+ <div class="spider_description">Start</div>
2583
+ </span>
2584
+ <span style="display: table-cell;">
2585
+ <select class="select_icon select_icon_320" name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2586
+ <?php
2587
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2588
+ ?>
2589
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2590
+ <?php
2591
+ }
2592
+ ?>
2593
+ </select>
2594
+ <div class="spider_description">Effect</div>
2595
+ </span>
2596
+ <span style="display: table-cell;">
2597
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2598
+ <div class="spider_description">Duration</div>
2599
+ </span>
2600
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2601
+ </td>
2602
+ </tr>
2603
+ <tr class="wds_layer_tr">
2604
+ <td title="Use CSS type values." class="wds_tooltip spider_label">
2605
+ <label for="<?php echo $prefix; ?>_padding">Padding: </label>
2606
+ </td>
2607
+ <td>
2608
+ <input id="<?php echo $prefix; ?>_padding" class="spider_char_input" type="text" onchange="document.getElementById('<?php echo $prefix; ?>').style.padding=jQuery(this).val();" value="<?php echo $layer->padding; ?>" name="<?php echo $prefix; ?>_padding">
2609
+ <div class="spider_description"></div>
2610
+ </td>
2611
+ </tr>
2612
+ <tr class="wds_layer_tr">
2613
+ <td class="spider_label">
2614
+ <label for="<?php echo $prefix; ?>_fbgcolor">Background Color: </label>
2615
+ </td>
2616
+ <td>
2617
+ <input id="<?php echo $prefix; ?>_fbgcolor" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery(this).val(), 100 - jQuery('#<?php echo $prefix; ?>_transparent').val())})" value="<?php echo $layer->fbgcolor; ?>" name="<?php echo $prefix; ?>_fbgcolor" />
2618
+ <div class="spider_description"></div>
2619
+ </td>
2620
+ </tr>
2621
+ <tr class="wds_layer_tr">
2622
+
2623
+ <td title="Value must be between 0 to 100." class="wds_tooltip spider_label">
2624
+ <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2625
+ </td>
2626
+ <td>
2627
+ <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({backgroundColor: wds_hex_rgba(jQuery('#<?php echo $prefix; ?>_fbgcolor').val(), 100 - jQuery(this).val())})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent"> %
2628
+ <div class="spider_description"></div>
2629
+ </td>
2630
+ </tr>
2631
+ <tr class="wds_layer_tr">
2632
+ <td class="spider_label">
2633
+ <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2634
+ </td>
2635
+ <td>
2636
+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2637
+ <select class="select_icon select_icon_320" id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2638
+ <?php
2639
+ foreach ($border_styles as $key => $border_style) {
2640
+ ?>
2641
+ <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2642
+ <?php
2643
+ }
2644
+ ?>
2645
+ </select>
2646
+ <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2647
+ <div class="spider_description"></div>
2648
+ </td>
2649
+ </tr>
2650
+ <tr class="wds_layer_tr">
2651
+ <td title="Use CSS type values." class="wds_tooltip spider_label">
2652
+ <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2653
+ </td>
2654
+ <td>
2655
+ <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2656
+ <div class="spider_description"></div>
2657
+ </td>
2658
+ </tr>
2659
+ <tr class="wds_layer_tr">
2660
+ <td class="spider_label">
2661
+ <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2662
+ </td>
2663
+ <td>
2664
+ <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2665
+ <div class="spider_description">Use CSS type values (e.g. 10px 10px 5px #888888).</div>
2666
+ </td>
2667
+ </tr>
2668
+ <tr class="wds_layer_tr" >
2669
+ <td title="Add class" class="wds_tooltip spider_label">
2670
+ <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2671
+ </td>
2672
+ <td>
2673
+ <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
2674
+ </td>
2675
+ </tr>
2676
+ </table>
2677
+ </td>
2678
+ </tr>
2679
+ <?php
2680
+ break;
2681
+ }
2682
+ /*--------image layer----------*/
2683
+ case 'image': {
2684
+ ?>
2685
+ <tr style="display:none">
2686
+ <td>
2687
+ <table class="layer_table_left">
2688
+ <tr class="wds_layer_tr" >
2689
+ <td class="spider_label">
2690
+ <label>Dimensions: </label>
2691
+ </td>
2692
+ <td>
2693
+ <input type="hidden" name="<?php echo $prefix; ?>_image_url" id="<?php echo $prefix; ?>_image_url" value="<?php echo $layer->image_url; ?>" />
2694
+ <input id="<?php echo $prefix; ?>_image_width" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_width; ?>" name="<?php echo $prefix; ?>_image_width" /> x
2695
+ <input id="<?php echo $prefix; ?>_image_height" class="spider_int_input" type="text" onkeyup="wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>')" value="<?php echo $layer->image_height; ?>" name="<?php echo $prefix; ?>_image_height" /> px
2696
+ <input id="<?php echo $prefix; ?>_image_scale" type="checkbox" onchange="wds_scale(this, '<?php echo $prefix; ?>')" name="<?php echo $prefix; ?>_image_scale" <?php echo (($layer->image_scale) ? 'checked="checked"' : ''); ?> /><label for="<?php echo $prefix; ?>_image_scale">Scale</label>
2697
+ <input class="button-secondary wds_free_button" type="button" value="Edit Image" onclick="alert('This functionality is disabled in free version.')" />
2698
+ <div class="spider_description">Set width and height of the image.</div>
2699
+ </td>
2700
+ </tr>
2701
+ <tr class="wds_layer_tr" >
2702
+ <td class="spider_label">
2703
+ <label for="<?php echo $prefix; ?>_alt">Alt: </label>
2704
+ </td>
2705
+ <td>
2706
+ <input id="<?php echo $prefix; ?>_alt" type="text" size="39" value="<?php echo $layer->alt; ?>" name="<?php echo $prefix; ?>_alt" />
2707
+ <div class="spider_description">Set the HTML attribute specified in the IMG tag.</div>
2708
+ </td>
2709
+ </tr>
2710
+ <tr class="wds_layer_tr" >
2711
+ <td class="spider_label">
2712
+ <label for="<?php echo $prefix; ?>_link">Link: </label>
2713
+ </td>
2714
+ <td>
2715
+ <input id="<?php echo $prefix; ?>_link" type="text" size="39" value="<?php echo $layer->link; ?>" name="<?php echo $prefix; ?>_link" />
2716
+ <input id="<?php echo $prefix; ?>_target_attr_layer" type="checkbox" name="<?php echo $prefix; ?>_target_attr_layer" <?php echo (($layer->target_attr_layer) ? 'checked="checked"' : ''); ?> value="1" /><label for="<?php echo $prefix; ?>_target_attr_layer"> Open in a new window</label>
2717
+ <div class="spider_description">Use http:// and https:// for external links.</div>
2718
+ </td>
2719
+ </tr>
2720
+ <tr class="wds_layer_tr" >
2721
+ <td class="spider_label">
2722
+ <label>Position: </label>
2723
+ </td>
2724
+ <td>
2725
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2726
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2727
+ <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2728
+ </td>
2729
+ </tr>
2730
+ <tr class="wds_layer_tr" >
2731
+ <td class="spider_label">
2732
+ <label for="<?php echo $prefix; ?>_imgtransparent">Transparent: </label>
2733
+ </td>
2734
+ <td>
2735
+ <input id="<?php echo $prefix; ?>_imgtransparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->imgtransparent; ?>" name="<?php echo $prefix; ?>_imgtransparent"> %
2736
+ <div class="spider_description">Value must be between 0 to 100.</div>
2737
+ </td>
2738
+ </tr>
2739
+ <tr class="wds_layer_tr" >
2740
+ <td class="spider_label">
2741
+ <label>Published: </label>
2742
+ </td>
2743
+ <td>
2744
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2745
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2746
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2747
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2748
+ <div class="spider_description"></div>
2749
+ </td>
2750
+ </tr>
2751
+ </table class="layer_table_right">
2752
+ <table>
2753
+ <tr class="wds_layer_tr">
2754
+ <td class="spider_label">
2755
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2756
+ </td>
2757
+ <td>
2758
+ <span style="display: table-cell;">
2759
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2760
+ <div class="spider_description">Start</div>
2761
+ </span>
2762
+ <span style="display: table-cell;">
2763
+ <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2764
+ <?php
2765
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2766
+ ?>
2767
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2768
+ <?php
2769
+ }
2770
+ ?>
2771
+ </select>
2772
+ <div class="spider_description">Effect</div>
2773
+ </span>
2774
+ <span style="display: table-cell;">
2775
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2776
+ <div class="spider_description">Duration</div>
2777
+ </span>
2778
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2779
+ </td>
2780
+ </tr>
2781
+ <tr class="wds_layer_tr" >
2782
+ <td class="spider_label">
2783
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2784
+ </td>
2785
+ <td>
2786
+ <span style="display: table-cell;">
2787
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2788
+ <div class="spider_description">Start</div>
2789
+ </span>
2790
+ <span style="display: table-cell;">
2791
+ <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2792
+ <?php
2793
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2794
+ ?>
2795
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2796
+ <?php
2797
+ }
2798
+ ?>
2799
+ </select>
2800
+ <div class="spider_description">Effect</div>
2801
+ </span>
2802
+ <span style="display: table-cell;">
2803
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 0); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2804
+ <div class="spider_description">Duration</div>
2805
+ </span>
2806
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2807
+ </td>
2808
+ </tr>
2809
+ <tr class="wds_layer_tr">
2810
+ <td class="spider_label">
2811
+ <label for="<?php echo $prefix; ?>_border_width">Border: </label>
2812
+ </td>
2813
+ <td>
2814
+ <input id="<?php echo $prefix; ?>_border_width" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderWidth: jQuery(this).val()})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->border_width; ?>" name="<?php echo $prefix; ?>_border_width"> px
2815
+ <select id="<?php echo $prefix; ?>_border_style" onchange="jQuery('#<?php echo $prefix; ?>').css({borderStyle: jQuery(this).val()})" style="width: 80px;" name="<?php echo $prefix; ?>_border_style">
2816
+ <?php
2817
+ foreach ($border_styles as $key => $border_style) {
2818
+ ?>
2819
+ <option value="<?php echo $key; ?>" <?php echo (($layer->border_style == $key) ? 'selected="selected"' : ''); ?>><?php echo $border_style; ?></option>
2820
+ <?php
2821
+ }
2822
+ ?>
2823
+ </select>
2824
+ <input id="<?php echo $prefix; ?>_border_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderColor: '#' + jQuery(this).val()})" value="<?php echo $layer->border_color; ?>" name="<?php echo $prefix; ?>_border_color" />
2825
+ <div class="spider_description"></div>
2826
+ </td>
2827
+ </tr>
2828
+ <tr class="wds_layer_tr">
2829
+ <td class="spider_label">
2830
+ <label for="<?php echo $prefix; ?>_border_radius">Radius: </label>
2831
+ </td>
2832
+ <td>
2833
+ <input id="<?php echo $prefix; ?>_border_radius" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({borderRadius: jQuery(this).val()})" value="<?php echo $layer->border_radius; ?>" name="<?php echo $prefix; ?>_border_radius">
2834
+ <div class="spider_description">Use CSS type values.</div>
2835
+ </td>
2836
+ </tr>
2837
+ <tr class="wds_layer_tr">
2838
+ <td class="spider_label">
2839
+ <label for="<?php echo $prefix; ?>_shadow">Shadow: </label>
2840
+ </td>
2841
+ <td>
2842
+ <input id="<?php echo $prefix; ?>_shadow" class="spider_char_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({boxShadow: jQuery(this).val()})" value="<?php echo $layer->shadow; ?>" name="<?php echo $prefix; ?>_shadow" />
2843
+ <div class="spider_description">Use CSS type values.</div>
2844
+ </td>
2845
+ </tr>
2846
+ <tr class="wds_layer_tr" >
2847
+ <td title="Add class" class="wds_tooltip spider_label">
2848
+ <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2849
+ </td>
2850
+ <td>
2851
+ <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
2852
+ </td>
2853
+ </tr>
2854
+ </table>
2855
+ </td>
2856
+ </tr>
2857
+ <?php
2858
+ break;
2859
+ }
2860
+ /*--------social button layer----------*/
2861
+ case 'social': {
2862
+ ?>
2863
+ <tr style="display:none">
2864
+ <td>
2865
+ <table class="layer_table_left">
2866
+ <tr class="wds_layer_tr">
2867
+ <td class="spider_label">
2868
+ <label>Position: </label>
2869
+ </td>
2870
+ <td>
2871
+ X <input id="<?php echo $prefix; ?>_left" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({left: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->left; ?>" name="<?php echo $prefix; ?>_left" />
2872
+ Y <input id="<?php echo $prefix; ?>_top" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({top: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->top; ?>" name="<?php echo $prefix; ?>_top" />
2873
+ <div class="spider_description">In addition you can drag and drop the layer to a desired position.</div>
2874
+ </td>
2875
+ </tr>
2876
+ <tr class="wds_layer_tr">
2877
+ <td class="spider_label">
2878
+ <label for="<?php echo $prefix; ?>_social_button">Social button: </label>
2879
+ </td>
2880
+ <td>
2881
+ <select id="<?php echo $prefix; ?>_social_button" onchange="jQuery('#<?php echo $prefix; ?>').attr('class', 'wds_draggable_<?php echo $slide_row->id; ?> wds_draggable fa fa-' + jQuery(this).val())" name="<?php echo $prefix; ?>_social_button">
2882
+ <?php
2883
+ foreach ($social_buttons as $key => $social_button) {
2884
+ ?>
2885
+ <option value="<?php echo $key; ?>" <?php echo (($layer->social_button == $key) ? 'selected="selected"' : ''); ?>><?php echo $social_button; ?></option>
2886
+ <?php
2887
+ }
2888
+ ?>
2889
+ </select>
2890
+ <div class="spider_description"></div>
2891
+ </td>
2892
+ </tr>
2893
+ <tr class="wds_layer_tr">
2894
+ <td class="spider_label">
2895
+ <label for="<?php echo $prefix; ?>_size">Size: </label>
2896
+ </td>
2897
+ <td>
2898
+ <input id="<?php echo $prefix; ?>_size" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({fontSize: jQuery(this).val() + 'px', lineHeight: jQuery(this).val() + 'px'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->size; ?>" name="<?php echo $prefix; ?>_size" /> px
2899
+ <div class="spider_description"></div>
2900
+ </td>
2901
+ <td class="spider_label">
2902
+ <label for="<?php echo $prefix; ?>_color">Color: </label>
2903
+ </td>
2904
+ <td>
2905
+ <input id="<?php echo $prefix; ?>_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({color: '#' + jQuery(this).val()})" value="<?php echo $layer->color; ?>" name="<?php echo $prefix; ?>_color" />
2906
+ <div class="spider_description"></div>
2907
+ </td>
2908
+ </tr>
2909
+ <tr class="wds_layer_tr" >
2910
+ <td class="spider_label">
2911
+ <label>Published: </label>
2912
+ </td>
2913
+ <td>
2914
+ <input id="<?php echo $prefix; ?>_published1" type="radio" name="<?php echo $prefix; ?>_published" value="1" <?php echo (($layer->published) ? 'checked="checked"' : ''); ?> />
2915
+ <label for="<?php echo $prefix; ?>_published1">Yes</label>
2916
+ <input id="<?php echo $prefix; ?>_published0" type="radio" name="<?php echo $prefix; ?>_published" value="0" <?php echo (($layer->published) ? '' : 'checked="checked"'); ?>/>
2917
+ <label for="<?php echo $prefix; ?>_published0">No</label>
2918
+ <div class="spider_description"></div>
2919
+ </td>
2920
+ </tr>
2921
+ </table>
2922
+ <table class="layer_table_right">
2923
+ <tr class="wds_layer_tr">
2924
+ <td class="spider_label">
2925
+ <label for="<?php echo $prefix; ?>_layer_effect_in">Effect In:</label>
2926
+ </td>
2927
+ <td>
2928
+ <span style="display: table-cell;">
2929
+ <input id="<?php echo $prefix; ?>_start" class="spider_int_input" type="text" value="<?php echo $layer->start; ?>" name="<?php echo $prefix; ?>_start" /> ms
2930
+ <div class="spider_description">Start</div>
2931
+ </span>
2932
+ <span style="display: table-cell;">
2933
+ <select name="<?php echo $prefix; ?>_layer_effect_in" id="<?php echo $prefix; ?>_layer_effect_in" style="width:150px;" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2934
+ <?php
2935
+ foreach ($layer_effects_in as $key => $layer_effect_in) {
2936
+ ?>
2937
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_in == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_in; ?></option>
2938
+ <?php
2939
+ }
2940
+ ?>
2941
+ </select>
2942
+ <div class="spider_description">Effect</div>
2943
+ </span>
2944
+ <span style="display: table-cell;">
2945
+ <input id="<?php echo $prefix; ?>_duration_eff_in" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_in('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_in').val());" value="<?php echo $layer->duration_eff_in; ?>" name="<?php echo $prefix; ?>_duration_eff_in" /> ms
2946
+ <div class="spider_description">Duration</div>
2947
+ </span>
2948
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2949
+ </td>
2950
+ </tr>
2951
+ <tr class="wds_layer_tr">
2952
+ <td class="spider_label">
2953
+ <label for="<?php echo $prefix; ?>_layer_effect_out">Effect Out:</label>
2954
+ </td>
2955
+ <td>
2956
+ <span style="display: table-cell;">
2957
+ <input id="<?php echo $prefix; ?>_end" class="spider_int_input" type="text" value="<?php echo $layer->end; ?>" name="<?php echo $prefix; ?>_end"> ms
2958
+ <div class="spider_description">Start</div>
2959
+ </span>
2960
+ <span style="display: table-cell;">
2961
+ <select name="<?php echo $prefix; ?>_layer_effect_out" id="<?php echo $prefix; ?>_layer_effect_out" style="width:150px;" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery(this).val());">
2962
+ <?php
2963
+ foreach ($layer_effects_out as $key => $layer_effect_out) {
2964
+ ?>
2965
+ <option value="<?php echo $key; ?>" <?php echo (!in_array($key, $free_layer_effects)) ? 'disabled="disabled" title="This effect is disabled in free version."' : ''; ?> <?php if ($layer->layer_effect_out == $key) echo 'selected="selected"'; ?>><?php echo $layer_effect_out; ?></option>
2966
+ <?php
2967
+ }
2968
+ ?>
2969
+ </select>
2970
+ <div class="spider_description">Effect</div>
2971
+ </span>
2972
+ <span style="display: table-cell;">
2973
+ <input id="<?php echo $prefix; ?>_duration_eff_out" class="spider_int_input" type="text" onkeypress="return spider_check_isnum(event)" onchange="wds_trans_effect_out('<?php echo $slide_row->id; ?>', '<?php echo $prefix; ?>', 1); wds_trans_end('<?php echo $prefix; ?>', jQuery('#<?php echo $prefix; ?>_layer_effect_out').val());" value="<?php echo $layer->duration_eff_out; ?>" name="<?php echo $prefix; ?>_duration_eff_out"> ms
2974
+ <div class="spider_description">Duration</div>
2975
+ </span>
2976
+ <div class="spider_description spider_free_version">Some effects are disabled in free version.</div>
2977
+ </td>
2978
+ </tr>
2979
+ <tr class="wds_layer_tr">
2980
+ <td class="spider_label">
2981
+ <label for="<?php echo $prefix; ?>_transparent">Transparent: </label>
2982
+ </td>
2983
+ <td>
2984
+ <input id="<?php echo $prefix; ?>_transparent" class="spider_int_input" type="text" onchange="jQuery('#<?php echo $prefix; ?>').css({opacity: (100 - jQuery(this).val()) / 100, filter: 'Alpha(opacity=' + 100 - jQuery(this).val() + ')'})" onkeypress="return spider_check_isnum(event)" value="<?php echo $layer->transparent; ?>" name="<?php echo $prefix; ?>_transparent" /> %
2985
+ <div class="spider_description">Value must be between 0 to 100.</div>
2986
+ </td>
2987
+ <td class="spider_label">
2988
+ <label for="<?php echo $prefix; ?>_hover_color">Hover Color: </label>
2989
+ </td>
2990
+ <td>
2991
+ <input id="<?php echo $prefix; ?>_hover_color" class="color" type="text" onchange="jQuery('#<?php echo $prefix; ?>').hover(function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_hover_color').val()}); }, function() { jQuery(this).css({color: '#' + jQuery('#<?php echo $prefix; ?>_color').val()}); })" value="<?php echo $layer->hover_color; ?>" name="<?php echo $prefix; ?>_hover_color" />
2992
+ <div class="spider_description"></div>
2993
+ </td>
2994
+ </tr>
2995
+ <tr class="wds_layer_tr" >
2996
+ <td title="Add class" class="wds_tooltip spider_label">
2997
+ <label for="<?php echo $prefix; ?>_add_class">Add class: </label>
2998
+ </td>
2999
+ <td>
3000
+ <input id="<?php echo $prefix; ?>_add_class" class="spider_char_input" type="text" value="<?php echo $layer->add_class; ?>" name="<?php echo $prefix; ?>_add_class" />
3001
+ </td>
3002
+ </tr>
3003
+ </table>
3004
+ </td>
3005
+ </tr>
3006
+ <?php
3007
+ break;
3008
+ }
3009
+ default:
3010
+ break;
3011
+ }
3012
+ ?>
3013
+ <input type="hidden" name="<?php echo $prefix; ?>_type" id="<?php echo $prefix; ?>_type" value="<?php echo $layer->type; ?>" />
3014
+ </tbody>
3015
+ <?php
3016
+ $layer_ids_string .= $layer->id . ',';
3017
+ }
3018
+ }
3019
+ ?>
3020
+ </table>
3021
+ <input id="slide<?php echo $slide_row->id; ?>_layer_ids_string" name="slide<?php echo $slide_row->id; ?>_layer_ids_string" type="hidden" value="<?php echo $layer_ids_string; ?>" />
3022
+ <input id="slide<?php echo $slide_row->id; ?>_del_layer_ids_string" name="slide<?php echo $slide_row->id; ?>_del_layer_ids_string" type="hidden" value="" />
3023
+ </div>
3024
+ <script>
3025
+ jQuery(document).ready(function() {
3026
+ image_for_next_prev_butt('<?php echo $row->rl_butt_img_or_not; ?>');
3027
+ image_for_bull_butt('<?php echo $row->bull_butt_img_or_not; ?>');
3028
+ image_for_play_pause_butt('<?php echo $row->play_paus_butt_img_or_not; ?>');
3029
+ showhide_for_carousel_fildes('<?php echo $row->carousel; ?>');
3030
+ wds_whr('width');
3031
+ wds_drag_layer('<?php echo $slide_row->id; ?>');
3032
+ wds_layer_weights('<?php echo $slide_row->id; ?>');
3033
+ <?php
3034
+ if ($layers_row) {
3035
+ foreach ($layers_row as $key => $layer) {
3036
+ if ($layer->type == 'image') {
3037
+ $prefix = 'slide' . $slide_row->id . '_layer' . $layer->id;
3038
+ ?>
3039
+ wds_scale('#<?php echo $prefix; ?>_image_scale', '<?php echo $prefix; ?>');
3040
+ <?php
3041
+ }
3042
+ }
3043
+ }
3044
+ ?>
3045
+ });
3046
+ </script>
3047
+ <?php
3048
+ $slide_ids_string .= $slide_row->id . ',';
3049
+ }
3050
+ ?>
3051
+ </td>
3052
+ </tr>
3053
+ </tbody>
3054
+ </table>
3055
+ </div>
3056
+ </div>
3057
+ <div class="wds_task_cont">
3058
+ <input id="current_id" name="current_id" type="hidden" value="<?php echo $row->id; ?>" />
3059
+ <input id="slide_ids_string" name="slide_ids_string" type="hidden" value="<?php echo $slide_ids_string; ?>" />
3060
+ <input id="del_slide_ids_string" name="del_slide_ids_string" type="hidden" value="" />
3061
+ <input id="nav_tab" name="nav_tab" type="hidden" value="<?php echo WDW_S_Library::get('nav_tab', 'global'); ?>" />
3062
+ <input id="tab" name="tab" type="hidden" value="<?php echo WDW_S_Library::get('tab', 'slides'); ?>" />
3063
+ <input id="sub_tab" name="sub_tab" type="hidden" value="<?php echo $sub_tab_type; ?>" />
3064
+ <script>
3065
+ var spider_uploader = <?php echo $row->spider_uploader; ?>;
3066
+ </script>
3067
+ </div>
3068
+ <input id="task" name="task" type="hidden" value="" />
3069
+ <script>
3070
+ var wds_preview_url = "<?php echo add_query_arg(array('action' => 'WDSPreview', 'slider_id' => $id ? $id : 'sliderID', 'width' => '700', 'height' => '550', 'TB_iframe' => '1'), admin_url('admin-ajax.php')); ?>";
3071
+ var uploader_href = '<?php echo add_query_arg(array('callback' => 'wds_add_image', 'image_for' => 'add_update_slide', 'slide_id' => 'slideID', 'layer_id' => 'layerID', 'TB_iframe' => '1'), $query_url); ?>';
3072
+ var fv = '<?php echo $fv; ?>';
3073
+ jQuery(document).ready(function() {
3074
+ wds_onload();
3075
+ });
3076
+ jQuery("#sliders_form").on("click", "a", function(e) {
3077
+ e.preventDefault();
3078
+ });
3079
+ jQuery(".wds_tab_title").keyup(function (e) {
3080
+ var code = e.which;
3081
+ if (code == 13) {
3082
+ jQuery(".wds_sub_active .wds_tab_title").blur();
3083
+ jQuery(".wds_tab_title_wrap").removeClass("wds_sub_active");
3084
+ }
3085
+ });
3086
+ var plugin_dir = '<?php echo WD_S_URL . "/images/sliderwdpng/"; ?>';
3087
+ </script>
3088
+ <div class="opacity_add_image_url opacity_add_video wds_opacity_video" onclick="jQuery('.opacity_add_video').hide();jQuery('.opacity_add_image_url').hide();"></div>
3089
+ <div class="opacity_add_video wds_add_video">
3090
+ <input type="text" id="video_url" name="video_url" value="" />
3091
+ <input type="button" id="add_video_button" class="button-primary" value="Add" />
3092
+ <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_video').hide(); return false;" value="Cancel" />
3093
+ <div class="spider_description">Enter YouTube or Vimeo link here.</div>
3094
+ </div>
3095
+ <div class="opacity_add_image_url wds_resize_image">
3096
+ <input type="text" id="image_url_input" name="image_url_input" value="" />
3097
+ <input type="button" id="add_image_url_button" class="button-primary" value="Add" />
3098
+ <input type="button" class="button-secondary" onclick="jQuery('.opacity_add_image_url').hide(); return false;" value="Cancel" />
3099
+ <div class="spider_description">Enter absolute url of the image.</div>
3100
+ </div>
3101
+ </form>
3102
+ <?php
3103
+ }
3104
+
3105
+ ////////////////////////////////////////////////////////////////////////////////////////
3106
+ // Getters & Setters //
3107
+ ////////////////////////////////////////////////////////////////////////////////////////
3108
+ ////////////////////////////////////////////////////////////////////////////////////////
3109
+ // Private Methods //
3110
+ ////////////////////////////////////////////////////////////////////////////////////////
3111
+ ////////////////////////////////////////////////////////////////////////////////////////
3112
+ // Listeners //
3113
+ ////////////////////////////////////////////////////////////////////////////////////////
3114
  }
admin/views/WDSViewUninstall_wds.php CHANGED
@@ -1,131 +1,131 @@
1
- <?php
2
-
3
- class WDSViewUninstall_wds {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- private $model;
14
-
15
-
16
- ////////////////////////////////////////////////////////////////////////////////////////
17
- // Constructor & Destructor //
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- public function __construct($model) {
20
- $this->model = $model;
21
- }
22
- ////////////////////////////////////////////////////////////////////////////////////////
23
- // Public Methods //
24
- ////////////////////////////////////////////////////////////////////////////////////////
25
- public function display() {
26
- global $wpdb;
27
- $prefix = $wpdb->prefix;
28
- ?>
29
- <form class="wds_form" method="post" action="admin.php?page=uninstall_wds" style="width:99%;">
30
- <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
31
- <div class="wrap">
32
- <span class="uninstall_icon"></span>
33
- <h2>Uninstall Slider WD</h2>
34
- <div class="goodbye-text">
35
- <?php
36
- $support_team = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('support team', 'wde') . '</a>';
37
- $contact_us = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('Contact us', 'wde') . '</a>';
38
- echo sprintf(__("Before uninstalling the plugin, please Contact our %s. We'll do our best to help you out with your issue. We value each and every user and value what's right for our users in everything we do.<br />
39
- However, if anyway you have made a decision to uninstall the plugin, please take a minute to %s and tell what you didn't like for our plugins further improvement and development. Thank you !!!", "wde"), $support_team, $contact_us); ?>
40
- </div>
41
- <p>
42
- Deactivating Slider WD plugin does not remove any data that may have been created. To completely remove this plugin, you can uninstall it here.
43
- </p>
44
- <p style="color: red;">
45
- <strong>WARNING:</strong>
46
- Once uninstalled, this can't be undone. You should use a Database Backup plugin of WordPress to back up all the data first.
47
- </p>
48
- <p style="color: red">
49
- <strong>The following Database Tables will be deleted:</strong>
50
- </p>
51
- <table class="widefat">
52
- <thead>
53
- <tr>
54
- <th>Database Tables</th>
55
- </tr>
56
- </thead>
57
- <tr>
58
- <td valign="top">
59
- <ol>
60
- <li><?php echo $prefix; ?>wdsslider</li>
61
- <li><?php echo $prefix; ?>wdsslide</li>
62
- <li><?php echo $prefix; ?>wdslayer</li>
63
- </ol>
64
- </td>
65
- </tr>
66
- </table>
67
- <p style="text-align: center;">
68
- Do you really want to uninstall Slider WD plugin?
69
- </p>
70
- <p style="text-align: center;">
71
- <input type="checkbox" name="Slider WD" id="check_yes" value="yes" />&nbsp;<label for="check_yes">Yes</label>
72
- </p>
73
- <p style="text-align: center;">
74
- <input type="submit" value="UNINSTALL" class="button-primary" onclick="if (check_yes.checked) {
75
- if (confirm('You are About to Uninstall Slider WD plugin from WordPress.\nThis Action Is Not Reversible.')) {
76
- spider_set_input_value('task', 'uninstall');
77
- } else {
78
- return false;
79
- }
80
- }
81
- else {
82
- return false;
83
- }" />
84
- </p>
85
- </div>
86
- <input id="task" name="task" type="hidden" value="" />
87
- </form>
88
- <?php
89
- }
90
-
91
- public function uninstall() {
92
- $flag = TRUE;
93
- global $wpdb;
94
- $this->model->delete_db_tables();
95
- $prefix = $wpdb->prefix;
96
- $deactivate_url = add_query_arg(array('action' => 'deactivate', 'plugin' => 'slider-wd/slider-wd.php'), admin_url('plugins.php'));
97
- $deactivate_url = wp_nonce_url($deactivate_url, 'deactivate-plugin_slider-wd/slider-wd.php');
98
- ?>
99
- <div id="message" class="wd_updated fade">
100
- <p>The following Database Tables successfully deleted:</p>
101
- <p><?php echo $prefix; ?>wdsslider,</p>
102
- <p><?php echo $prefix; ?>wdsslide,</p>
103
- <p><?php echo $prefix; ?>wdslayer.</p>
104
- </div>
105
- <?php
106
- if (isset($_POST['bwg_delete_files'])) {
107
- ?>
108
- <div class="<?php echo ($flag) ? 'wd_updated' : 'wd_error'?>">
109
- <p><?php echo ($flag) ? 'The folder was successfully deleted.' : 'An error occurred when deleting the folder.'?></p>
110
- </div>
111
- <?php
112
- }
113
- ?>
114
- <div class="wrap">
115
- <h2>Uninstall Slider WD</h2>
116
- <p><strong><a href="<?php echo $deactivate_url; ?>">Click Here</a> To Finish the Uninstallation and Slider WD will be Deactivated Automatically.</strong></p>
117
- <input id="task" name="task" type="hidden" value="" />
118
- </div>
119
- <?php
120
- }
121
-
122
- ////////////////////////////////////////////////////////////////////////////////////////
123
- // Getters & Setters //
124
- ////////////////////////////////////////////////////////////////////////////////////////
125
- ////////////////////////////////////////////////////////////////////////////////////////
126
- // Private Methods //
127
- ////////////////////////////////////////////////////////////////////////////////////////
128
- ////////////////////////////////////////////////////////////////////////////////////////
129
- // Listeners //
130
- ////////////////////////////////////////////////////////////////////////////////////////
131
  }
1
+ <?php
2
+
3
+ class WDSViewUninstall_wds {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ private $model;
14
+
15
+
16
+ ////////////////////////////////////////////////////////////////////////////////////////
17
+ // Constructor & Destructor //
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ public function __construct($model) {
20
+ $this->model = $model;
21
+ }
22
+ ////////////////////////////////////////////////////////////////////////////////////////
23
+ // Public Methods //
24
+ ////////////////////////////////////////////////////////////////////////////////////////
25
+ public function display() {
26
+ global $wpdb;
27
+ $prefix = $wpdb->prefix;
28
+ ?>
29
+ <form class="wds_form" method="post" action="admin.php?page=uninstall_wds" style="width:99%;">
30
+ <?php wp_nonce_field('nonce_wd', 'nonce_wd'); ?>
31
+ <div class="wrap">
32
+ <span class="uninstall_icon"></span>
33
+ <h2>Uninstall Slider WD</h2>
34
+ <div class="goodbye-text">
35
+ <?php
36
+ $support_team = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('support team', 'wde') . '</a>';
37
+ $contact_us = '<a href="https://web-dorado.com/support/contact-us.html?source=slider-wd" target="_blank">' . __('Contact us', 'wde') . '</a>';
38
+ echo sprintf(__("Before uninstalling the plugin, please Contact our %s. We'll do our best to help you out with your issue. We value each and every user and value what's right for our users in everything we do.<br />
39
+ However, if anyway you have made a decision to uninstall the plugin, please take a minute to %s and tell what you didn't like for our plugins further improvement and development. Thank you !!!", "wde"), $support_team, $contact_us); ?>
40
+ </div>
41
+ <p>
42
+ Deactivating Slider WD plugin does not remove any data that may have been created. To completely remove this plugin, you can uninstall it here.
43
+ </p>
44
+ <p style="color: red;">
45
+ <strong>WARNING:</strong>
46
+ Once uninstalled, this can't be undone. You should use a Database Backup plugin of WordPress to back up all the data first.
47
+ </p>
48
+ <p style="color: red">
49
+ <strong>The following Database Tables will be deleted:</strong>
50
+ </p>
51
+ <table class="widefat">
52
+ <thead>
53
+ <tr>
54
+ <th>Database Tables</th>
55
+ </tr>
56
+ </thead>
57
+ <tr>
58
+ <td valign="top">
59
+ <ol>
60
+ <li><?php echo $prefix; ?>wdsslider</li>
61
+ <li><?php echo $prefix; ?>wdsslide</li>
62
+ <li><?php echo $prefix; ?>wdslayer</li>
63
+ </ol>
64
+ </td>
65
+ </tr>
66
+ </table>
67
+ <p style="text-align: center;">
68
+ Do you really want to uninstall Slider WD plugin?
69
+ </p>
70
+ <p style="text-align: center;">
71
+ <input type="checkbox" name="Slider WD" id="check_yes" value="yes" />&nbsp;<label for="check_yes">Yes</label>
72
+ </p>
73
+ <p style="text-align: center;">
74
+ <input type="submit" value="UNINSTALL" class="button-primary" onclick="if (check_yes.checked) {
75
+ if (confirm('You are About to Uninstall Slider WD plugin from WordPress.\nThis Action Is Not Reversible.')) {
76
+ spider_set_input_value('task', 'uninstall');
77
+ } else {
78
+ return false;
79
+ }
80
+ }
81
+ else {
82
+ return false;
83
+ }" />
84
+ </p>
85
+ </div>
86
+ <input id="task" name="task" type="hidden" value="" />
87
+ </form>
88
+ <?php
89
+ }
90
+
91
+ public function uninstall() {
92
+ $flag = TRUE;
93
+ global $wpdb;
94
+ $this->model->delete_db_tables();
95
+ $prefix = $wpdb->prefix;
96
+ $deactivate_url = add_query_arg(array('action' => 'deactivate', 'plugin' => 'slider-wd/slider-wd.php'), admin_url('plugins.php'));
97
+ $deactivate_url = wp_nonce_url($deactivate_url, 'deactivate-plugin_slider-wd/slider-wd.php');
98
+ ?>
99
+ <div id="message" class="wd_updated fade">
100
+ <p>The following Database Tables successfully deleted:</p>
101
+ <p><?php echo $prefix; ?>wdsslider,</p>
102
+ <p><?php echo $prefix; ?>wdsslide,</p>
103
+ <p><?php echo $prefix; ?>wdslayer.</p>
104
+ </div>
105
+ <?php
106
+ if (isset($_POST['bwg_delete_files'])) {
107
+ ?>
108
+ <div class="<?php echo ($flag) ? 'wd_updated' : 'wd_error'?>">
109
+ <p><?php echo ($flag) ? 'The folder was successfully deleted.' : 'An error occurred when deleting the folder.'?></p>
110
+ </div>
111
+ <?php
112
+ }
113
+ ?>
114
+ <div class="wrap">
115
+ <h2>Uninstall Slider WD</h2>
116
+ <p><strong><a href="<?php echo $deactivate_url; ?>">Click Here</a> To Finish the Uninstallation and Slider WD will be Deactivated Automatically.</strong></p>
117
+ <input id="task" name="task" type="hidden" value="" />
118
+ </div>
119
+ <?php
120
+ }
121
+
122
+ ////////////////////////////////////////////////////////////////////////////////////////
123
+ // Getters & Setters //
124
+ ////////////////////////////////////////////////////////////////////////////////////////
125
+ ////////////////////////////////////////////////////////////////////////////////////////
126
+ // Private Methods //
127
+ ////////////////////////////////////////////////////////////////////////////////////////
128
+ ////////////////////////////////////////////////////////////////////////////////////////
129
+ // Listeners //
130
+ ////////////////////////////////////////////////////////////////////////////////////////
131
  }
admin/views/WDSViewWDSShortcode.php CHANGED
@@ -1,89 +1,89 @@
1
- <?php
2
-
3
- class WDSViewWDSShortcode {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- private $model;
14
-
15
-
16
- ////////////////////////////////////////////////////////////////////////////////////////
17
- // Constructor & Destructor //
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- public function __construct($model) {
20
- $this->model = $model;
21
- }
22
- ////////////////////////////////////////////////////////////////////////////////////////
23
- // Public Methods //
24
- ////////////////////////////////////////////////////////////////////////////////////////
25
- public function display() {
26
- $rows = $this->model->get_row_data();
27
- wp_print_scripts('jquery');
28
- ?>
29
- <link rel="stylesheet" href="<?php echo site_url(); ?>/wp-includes/js/tinymce/<?php echo ((get_bloginfo('version') < '3.8') ? 'themes/advanced/skins/wp_theme' : 'plugins/compat3x/css'); ?>/dialog.css" />
30
- <div class="tabs" role="tablist" tabindex="-1">
31
- <ul>
32
- <li id="display_tab" class="current" role="tab" tabindex="0">
33
- <span>
34
- <a href="javascript:mcTabs.displayTab('display_tab','display_panel');" onMouseDown="return false;" tabindex="-1">Slider WD</a>
35
- </span>
36
- </li>
37
- </ul>
38
- </div>
39
- <div class="panel_wrapper">
40
- <div id="display_panel" class="panel current" style="height: 90px !important;">
41
- <table>
42
- <tr>
43
- <td style="vertical-align: middle; text-align: left;">Select a Slider</td>
44
- <td style="vertical-align: middle; text-align: left;">
45
- <select name="wds_id" id="wds_id" style="width: 230px; text-align: left;">
46
- <option value="0" selected="selected">- Select a Slider -</option>
47
- <?php
48
- foreach ($rows as $row) {
49
- ?>
50
- <option value="<?php echo $row->id; ?>"><?php echo $row->name; ?></option>
51
- <?php
52
- }
53
- ?>
54
- </select>
55
- </td>
56
- </tr>
57
- </table>
58
- </div>
59
- </div>
60
- <div class="mceActionPanel">
61
- <div style="float: left;">
62
- <input type="button" id="cancel" name="cancel" value="Cancel" onClick="window.parent.tb_remove();" />
63
- </div>
64
- <div style="float: right;">
65
- <input type="submit" id="insert" name="insert" value="Insert" onClick="wds_insert_shortcode();" />
66
- </div>
67
- </div>
68
- <script type="text/javascript">
69
- function wds_insert_shortcode() {
70
- if (document.getElementById("wds_id").value) {
71
- window.parent.send_to_editor('[wds id="' + document.getElementById('wds_id').value + '"]');
72
- }
73
- window.parent.tb_remove();
74
- }
75
- </script>
76
- <?php
77
- die();
78
- }
79
-
80
- ////////////////////////////////////////////////////////////////////////////////////////
81
- // Getters & Setters //
82
- ////////////////////////////////////////////////////////////////////////////////////////
83
- ////////////////////////////////////////////////////////////////////////////////////////
84
- // Private Methods //
85
- ////////////////////////////////////////////////////////////////////////////////////////
86
- ////////////////////////////////////////////////////////////////////////////////////////
87
- // Listeners //
88
- ////////////////////////////////////////////////////////////////////////////////////////
89
  }
1
+ <?php
2
+
3
+ class WDSViewWDSShortcode {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ private $model;
14
+
15
+
16
+ ////////////////////////////////////////////////////////////////////////////////////////
17
+ // Constructor & Destructor //
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ public function __construct($model) {
20
+ $this->model = $model;
21
+ }
22
+ ////////////////////////////////////////////////////////////////////////////////////////
23
+ // Public Methods //
24
+ ////////////////////////////////////////////////////////////////////////////////////////
25
+ public function display() {
26
+ $rows = $this->model->get_row_data();
27
+ wp_print_scripts('jquery');
28
+ ?>
29
+ <link rel="stylesheet" href="<?php echo site_url(); ?>/wp-includes/js/tinymce/<?php echo ((get_bloginfo('version') < '3.8') ? 'themes/advanced/skins/wp_theme' : 'plugins/compat3x/css'); ?>/dialog.css" />
30
+ <div class="tabs" role="tablist" tabindex="-1">
31
+ <ul>
32
+ <li id="display_tab" class="current" role="tab" tabindex="0">
33
+ <span>
34
+ <a href="javascript:mcTabs.displayTab('display_tab','display_panel');" onMouseDown="return false;" tabindex="-1">Slider WD</a>
35
+ </span>
36
+ </li>
37
+ </ul>
38
+ </div>
39
+ <div class="panel_wrapper">
40
+ <div id="display_panel" class="panel current" style="height: 90px !important;">
41
+ <table>
42
+ <tr>
43
+ <td style="vertical-align: middle; text-align: left;">Select a Slider</td>
44
+ <td style="vertical-align: middle; text-align: left;">
45
+ <select name="wds_id" id="wds_id" style="width: 230px; text-align: left;">
46
+ <option value="0" selected="selected">- Select a Slider -</option>
47
+ <?php
48
+ foreach ($rows as $row) {
49
+ ?>
50
+ <option value="<?php echo $row->id; ?>"><?php echo $row->name; ?></option>
51
+ <?php
52
+ }
53
+ ?>
54
+ </select>
55
+ </td>
56
+ </tr>
57
+ </table>
58
+ </div>
59
+ </div>
60
+ <div class="mceActionPanel">
61
+ <div style="float: left;">
62
+ <input type="button" id="cancel" name="cancel" value="Cancel" onClick="window.parent.tb_remove();" />
63
+ </div>
64
+ <div style="float: right;">
65
+ <input type="submit" id="insert" name="insert" value="Insert" onClick="wds_insert_shortcode();" />
66
+ </div>
67
+ </div>
68
+ <script type="text/javascript">
69
+ function wds_insert_shortcode() {
70
+ if (document.getElementById("wds_id").value) {
71
+ window.parent.send_to_editor('[wds id="' + document.getElementById('wds_id').value + '"]');
72
+ }
73
+ window.parent.tb_remove();
74
+ }
75
+ </script>
76
+ <?php
77
+ die();
78
+ }
79
+
80
+ ////////////////////////////////////////////////////////////////////////////////////////
81
+ // Getters & Setters //
82
+ ////////////////////////////////////////////////////////////////////////////////////////
83
+ ////////////////////////////////////////////////////////////////////////////////////////
84
+ // Private Methods //
85
+ ////////////////////////////////////////////////////////////////////////////////////////
86
+ ////////////////////////////////////////////////////////////////////////////////////////
87
+ // Listeners //
88
+ ////////////////////////////////////////////////////////////////////////////////////////
89
  }
admin/views/WDSViewWidgetSlideshow.php CHANGED
@@ -1,87 +1,87 @@
1
- <?php
2
-
3
- class WDSViewWidgetSlideshow {
4
- ////////////////////////////////////////////////////////////////////////////////////////
5
- // Events //
6
- ////////////////////////////////////////////////////////////////////////////////////////
7
- ////////////////////////////////////////////////////////////////////////////////////////
8
- // Constants //
9
- ////////////////////////////////////////////////////////////////////////////////////////
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Variables //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- private $model;
14
-
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- // Constructor & Destructor //
17
- ////////////////////////////////////////////////////////////////////////////////////////
18
- public function __construct($model) {
19
- $this->model = $model;
20
- }
21
- ////////////////////////////////////////////////////////////////////////////////////////
22
- // Public Methods //
23
- ////////////////////////////////////////////////////////////////////////////////////////
24
-
25
- public function display() {
26
- }
27
-
28
- function widget($args, $instance) {
29
- extract($args);
30
- $title = (isset($instance['title']) ? $instance['title'] : "");
31
- $id = (isset($instance['id']) ? $instance['id'] : 0);
32
- // Before widget.
33
- echo $before_widget;
34
- // Title of widget.
35
- if ($title) {
36
- echo $before_title . $title . $after_title;
37
- }
38
- // Widget output.
39
- require_once(WD_S_DIR . '/frontend/controllers/WDSControllerSlider.php');
40
- $controller_class = 'WDSControllerSlider';
41
- $controller = new $controller_class();
42
- global $wds;
43
- $params = array('id' => $id);
44
- $controller->execute($id, 1, $wds);
45
- $wds++;
46
- // After widget.
47
- echo $after_widget;
48
- }
49
-
50
- // Widget Control Panel.
51
- function form($instance, $id_title, $name_title, $id_gallery_id, $name_gallery_id) {
52
- $defaults = array(
53
- 'title' => 'Slider',
54
- 'id' => 0,
55
- );
56
- $instance = wp_parse_args((array) $instance, $defaults);
57
- $slider_rows = $this->model->get_slider_rows_data();
58
- ?>
59
- <p>
60
- <label for="<?php echo $id_title; ?>">Title:</label>
61
- <input class="widefat" id="<?php echo $id_title; ?>" name="<?php echo $name_title; ?>" type="text" value="<?php echo $instance['title']; ?>" />
62
- </p>
63
- <p>
64
- <select name="<?php echo $name_gallery_id; ?>" id="<?php echo $id_gallery_id; ?>" class="widefat">
65
- <option value="0">Select Slider</option>
66
- <?php
67
- foreach ($slider_rows as $slider_row) {
68
- ?>
69
- <option value="<?php echo $slider_row->id; ?>" <?php echo (($instance['id'] == $slider_row->id) ? 'selected="selected"' : ''); ?>><?php echo $slider_row->name; ?></option>
70
- <?php
71
- }
72
- ?>
73
- </select>
74
- </p>
75
- <?php
76
- }
77
-
78
- ////////////////////////////////////////////////////////////////////////////////////////
79
- // Getters & Setters //
80
- ////////////////////////////////////////////////////////////////////////////////////////
81
- ////////////////////////////////////////////////////////////////////////////////////////
82
- // Private Methods //
83
- ////////////////////////////////////////////////////////////////////////////////////////
84
- ////////////////////////////////////////////////////////////////////////////////////////
85
- // Listeners //
86
- ////////////////////////////////////////////////////////////////////////////////////////
87
  }
1
+ <?php
2
+
3
+ class WDSViewWidgetSlideshow {
4
+ ////////////////////////////////////////////////////////////////////////////////////////
5
+ // Events //
6
+ ////////////////////////////////////////////////////////////////////////////////////////
7
+ ////////////////////////////////////////////////////////////////////////////////////////
8
+ // Constants //
9
+ ////////////////////////////////////////////////////////////////////////////////////////
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Variables //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ private $model;
14
+
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ // Constructor & Destructor //
17
+ ////////////////////////////////////////////////////////////////////////////////////////
18
+ public function __construct($model) {
19
+ $this->model = $model;
20
+ }
21
+ ////////////////////////////////////////////////////////////////////////////////////////
22
+ // Public Methods //
23
+ ////////////////////////////////////////////////////////////////////////////////////////
24
+
25
+ public function display() {
26
+ }
27
+
28
+ function widget($args, $instance) {
29
+ extract($args);
30
+ $title = (isset($instance['title']) ? $instance['title'] : "");
31
+ $id = (isset($instance['id']) ? $instance['id'] : 0);
32
+ // Before widget.
33
+ echo $before_widget;
34
+ // Title of widget.
35
+ if ($title) {
36
+ echo $before_title . $title . $after_title;
37
+ }
38
+ // Widget output.
39
+ require_once(WD_S_DIR . '/frontend/controllers/WDSControllerSlider.php');
40
+ $controller_class = 'WDSControllerSlider';
41
+ $controller = new $controller_class();
42
+ global $wds;
43
+ $params = array('id' => $id);
44
+ $controller->execute($id, 1, $wds);
45
+ $wds++;
46
+ // After widget.
47
+ echo $after_widget;
48
+ }
49
+
50
+ // Widget Control Panel.
51
+ function form($instance, $id_title, $name_title, $id_gallery_id, $name_gallery_id) {
52
+ $defaults = array(
53
+ 'title' => 'Slider',
54
+ 'id' => 0,
55
+ );
56
+ $instance = wp_parse_args((array) $instance, $defaults);
57
+ $slider_rows = $this->model->get_slider_rows_data();
58
+ ?>
59
+ <p>
60
+ <label for="<?php echo $id_title; ?>">Title:</label>
61
+ <input class="widefat" id="<?php echo $id_title; ?>" name="<?php echo $name_title; ?>" type="text" value="<?php echo $instance['title']; ?>" />
62
+ </p>
63
+ <p>
64
+ <select name="<?php echo $name_gallery_id; ?>" id="<?php echo $id_gallery_id; ?>" class="widefat">
65
+ <option value="0">Select Slider</option>
66
+ <?php
67
+ foreach ($slider_rows as $slider_row) {
68
+ ?>
69
+ <option value="<?php echo $slider_row->id; ?>" <?php echo (($instance['id'] == $slider_row->id) ? 'selected="selected"' : ''); ?>><?php echo $slider_row->name; ?></option>
70
+ <?php
71
+ }
72
+ ?>
73
+ </select>
74
+ </p>
75
+ <?php
76
+ }
77
+
78
+ ////////////////////////////////////////////////////////////////////////////////////////
79
+ // Getters & Setters //
80
+ ////////////////////////////////////////////////////////////////////////////////////////
81
+ ////////////////////////////////////////////////////////////////////////////////////////
82
+ // Private Methods //
83
+ ////////////////////////////////////////////////////////////////////////////////////////
84
+ ////////////////////////////////////////////////////////////////////////////////////////
85
+ // Listeners //
86
+ ////////////////////////////////////////////////////////////////////////////////////////
87
  }
css/wds_effects.css CHANGED
@@ -1,337 +1,337 @@
1
- .wds_animated {
2
- -webkit-animation-duration: 3s;
3
- animation-duration: 3s;
4
- -webkit-animation-fill-mode: both;
5
- animation-fill-mode: both;
6
- }
7
-
8
- .wds_animated.infinite {
9
- -webkit-animation-iteration-count: infinite;
10
- animation-iteration-count: infinite;
11
- }
12
-
13
- .wds_animated.hinge {
14
- -webkit-animation-duration: 2s;
15
- animation-duration: 2s;
16
- }
17
-
18
- @-webkit-keyframes bounce {
19
- 0%, 20%, 53%, 80%, 100% {
20
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
21
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
22
- -webkit-transform: translate3d(0,0,0);
23
- transform: translate3d(0,0,0);
24
- }
25
-
26
- 40%, 43% {
27
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
28
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
29
- -webkit-transform: translate3d(0, -30px, 0);
30
- transform: translate3d(0, -30px, 0);
31
- }
32
-
33
- 70% {
34
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
35
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
36
- -webkit-transform: translate3d(0, -15px, 0);
37
- transform: translate3d(0, -15px, 0);
38
- }
39
-
40
- 90% {
41
- -webkit-transform: translate3d(0,-4px,0);
42
- transform: translate3d(0,-4px,0);
43
- }
44
- }
45
-
46
- @keyframes bounce {
47
- 0%, 20%, 53%, 80%, 100% {
48
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
49
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
50
- -webkit-transform: translate3d(0,0,0);
51
- -ms-transform: translate3d(0,0,0);
52
- transform: translate3d(0,0,0);
53
- }
54
-
55
- 40%, 43% {
56
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58
- -webkit-transform: translate3d(0, -30px, 0);
59
- -ms-transform: translate3d(0, -30px, 0);
60
- transform: translate3d(0, -30px, 0);
61
- }
62
-
63
- 70% {
64
- -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
65
- transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
66
- -webkit-transform: translate3d(0, -15px, 0);
67
- -ms-transform: translate3d(0, -15px, 0);
68
- transform: translate3d(0, -15px, 0);
69
- }
70
-
71
- 90% {
72
- -webkit-transform: translate3d(0,-4px,0);
73
- -ms-transform: translate3d(0,-4px,0);
74
- transform: translate3d(0,-4px,0);
75
- }
76
- }
77
-
78
- .bounce {
79
- -webkit-animation-name: bounce;
80
- animation-name: bounce;
81
- -webkit-transform-origin: center bottom;
82
- -ms-transform-origin: center bottom;
83
- transform-origin: center bottom;
84
- }
85
-
86
- @-webkit-keyframes tada {
87
- 0% {
88
- -webkit-transform: scale3d(1, 1, 1);
89
- transform: scale3d(1, 1, 1);
90
- }
91
-
92
- 10%, 20% {
93
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
94
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
95
- }
96
-
97
- 30%, 50%, 70%, 90% {
98
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
99
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
100
- }
101
-
102
- 40%, 60%, 80% {
103
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
104
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
105
- }
106
-
107
- 100% {
108
- -webkit-transform: scale3d(1, 1, 1);
109
- transform: scale3d(1, 1, 1);
110
- }
111
- }
112
-
113
- @keyframes tada {
114
- 0% {
115
- -webkit-transform: scale3d(1, 1, 1);
116
- -ms-transform: scale3d(1, 1, 1);
117
- transform: scale3d(1, 1, 1);
118
- }
119
-
120
- 10%, 20% {
121
- -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
122
- -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
123
- transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
124
- }
125
-
126
- 30%, 50%, 70%, 90% {
127
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
128
- -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
129
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
130
- }
131
-
132
- 40%, 60%, 80% {
133
- -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
134
- -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
135
- transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
136
- }
137
-
138
- 100% {
139
- -webkit-transform: scale3d(1, 1, 1);
140
- -ms-transform: scale3d(1, 1, 1);
141
- transform: scale3d(1, 1, 1);
142
- }
143
- }
144
-
145
- .tada {
146
- -webkit-animation-name: tada;
147
- animation-name: tada;
148
- }
149
-
150
- @-webkit-keyframes bounceInDown {
151
- 0%, 60%, 75%, 90%, 100% {
152
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
153
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
154
- }
155
-
156
- 0% {
157
- opacity: 0;
158
- -webkit-transform: translate3d(0, -3000px, 0);
159
- transform: translate3d(0, -3000px, 0);
160
- }
161
-
162
- 60% {
163
- opacity: 1;
164
- -webkit-transform: translate3d(0, 25px, 0);
165
- transform: translate3d(0, 25px, 0);
166
- }
167
-
168
- 75% {
169
- -webkit-transform: translate3d(0, -10px, 0);
170
- transform: translate3d(0, -10px, 0);
171
- }
172
-
173
- 90% {
174
- -webkit-transform: translate3d(0, 5px, 0);
175
- transform: translate3d(0, 5px, 0);
176
- }
177
-
178
- 100% {
179
- -webkit-transform: none;
180
- transform: none;
181
- }
182
- }
183
-
184
- @keyframes bounceInDown {
185
- 0%, 60%, 75%, 90%, 100% {
186
- -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
187
- transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
188
- }
189
-
190
- 0% {
191
- opacity: 0;
192
- -webkit-transform: translate3d(0, -3000px, 0);
193
- -ms-transform: translate3d(0, -3000px, 0);
194
- transform: translate3d(0, -3000px, 0);
195
- }
196
-
197
- 60% {
198
- opacity: 1;
199
- -webkit-transform: translate3d(0, 25px, 0);
200
- -ms-transform: translate3d(0, 25px, 0);
201
- transform: translate3d(0, 25px, 0);
202
- }
203
-
204
- 75% {
205
- -webkit-transform: translate3d(0, -10px, 0);
206
- -ms-transform: translate3d(0, -10px, 0);
207
- transform: translate3d(0, -10px, 0);
208
- }
209
-
210
- 90% {
211
- -webkit-transform: translate3d(0, 5px, 0);
212
- -ms-transform: translate3d(0, 5px, 0);
213
- transform: translate3d(0, 5px, 0);
214
- }
215
-
216
- 100% {
217
- -webkit-transform: none;
218
- -ms-transform: none;
219
- transform: none;
220
- }
221
- }
222
-
223
- .bounceInDown {
224
- -webkit-animation-name: bounceInDown;
225
- animation-name: bounceInDown;
226
- }
227
-
228
- @-webkit-keyframes bounceOutUp {
229
- 20% {
230
- -webkit-transform: translate3d(0, -10px, 0);
231
- transform: translate3d(0, -10px, 0);
232
- }
233
-
234
- 40%, 45% {
235
- opacity: 1;
236
- -webkit-transform: translate3d(0, 20px, 0);
237
- transform: translate3d(0, 20px, 0);
238
- }
239
-
240
- 100% {
241
- opacity: 0;
242
- -webkit-transform: translate3d(0, -2000px, 0);
243
- transform: translate3d(0, -2000px, 0);
244
- }
245
- }
246
-
247
- @keyframes bounceOutUp {
248
- 20% {
249
- -webkit-transform: translate3d(0, -10px, 0);
250
- -ms-transform: translate3d(0, -10px, 0);
251
- transform: translate3d(0, -10px, 0);
252
- }
253
-
254
- 40%, 45% {
255
- opacity: 1;
256
- -webkit-transform: translate3d(0, 20px, 0);
257
- -ms-transform: translate3d(0, 20px, 0);
258
- transform: translate3d(0, 20px, 0);
259
- }
260
-
261
- 100% {
262
- opacity: 0;
263
- -webkit-transform: translate3d(0, -2000px, 0);
264
- -ms-transform: translate3d(0, -2000px, 0);
265
- transform: translate3d(0, -2000px, 0);
266
- }
267
- }
268
-
269
- .bounceOutUp {
270
- -webkit-animation-name: bounceOutUp;
271
- animation-name: bounceOutUp;
272
- }
273
-
274
- @-webkit-keyframes fadeInLeft {
275
- 0% {
276
- opacity: 0;
277
- -webkit-transform: translate3d(-100%, 0, 0);
278
- transform: translate3d(-100%, 0, 0);
279
- }
280
-
281
- 100% {
282
- opacity: 1;
283
- -webkit-transform: none;
284
- transform: none;
285
- }
286
- }
287
-
288
- @keyframes fadeInLeft {
289
- 0% {
290
- opacity: 0;
291
- -webkit-transform: translate3d(-100%, 0, 0);
292
- -ms-transform: translate3d(-100%, 0, 0);
293
- transform: translate3d(-100%, 0, 0);
294
- }
295
-
296
- 100% {
297
- opacity: 1;
298
- -webkit-transform: none;
299
- -ms-transform: none;
300
- transform: none;
301
- }
302
- }
303
-
304
- .fadeInLeft {
305
- -webkit-animation-name: fadeInLeft;
306
- animation-name: fadeInLeft;
307
- }
308
-
309
- @-webkit-keyframes fadeOutRight {
310
- 0% {
311
- opacity: 1;
312
- }
313
-
314
- 100% {
315
- opacity: 0;
316
- -webkit-transform: translate3d(100%, 0, 0);
317
- transform: translate3d(100%, 0, 0);
318
- }
319
- }
320
-
321
- @keyframes fadeOutRight {
322
- 0% {
323
- opacity: 1;
324
- }
325
-
326
- 100% {
327
- opacity: 0;
328
- -webkit-transform: translate3d(100%, 0, 0);
329
- -ms-transform: translate3d(100%, 0, 0);
330
- transform: translate3d(100%, 0, 0);
331
- }
332
- }
333
-
334
- .fadeOutRight {
335
- -webkit-animation-name: fadeOutRight;
336
- animation-name: fadeOutRight;
337
  }
1
+ .wds_animated {
2
+ -webkit-animation-duration: 3s;
3
+ animation-duration: 3s;
4
+ -webkit-animation-fill-mode: both;
5
+ animation-fill-mode: both;
6
+ }
7
+
8
+ .wds_animated.infinite {
9
+ -webkit-animation-iteration-count: infinite;
10
+ animation-iteration-count: infinite;
11
+ }
12
+
13
+ .wds_animated.hinge {
14
+ -webkit-animation-duration: 2s;
15
+ animation-duration: 2s;
16
+ }
17
+
18
+ @-webkit-keyframes bounce {
19
+ 0%, 20%, 53%, 80%, 100% {
20
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
21
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
22
+ -webkit-transform: translate3d(0,0,0);
23
+ transform: translate3d(0,0,0);
24
+ }
25
+
26
+ 40%, 43% {
27
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
28
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
29
+ -webkit-transform: translate3d(0, -30px, 0);
30
+ transform: translate3d(0, -30px, 0);
31
+ }
32
+
33
+ 70% {
34
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
35
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
36
+ -webkit-transform: translate3d(0, -15px, 0);
37
+ transform: translate3d(0, -15px, 0);
38
+ }
39
+
40
+ 90% {
41
+ -webkit-transform: translate3d(0,-4px,0);
42
+ transform: translate3d(0,-4px,0);
43
+ }
44
+ }
45
+
46
+ @keyframes bounce {
47
+ 0%, 20%, 53%, 80%, 100% {
48
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
49
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
50
+ -webkit-transform: translate3d(0,0,0);
51
+ -ms-transform: translate3d(0,0,0);
52
+ transform: translate3d(0,0,0);
53
+ }
54
+
55
+ 40%, 43% {
56
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
57
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
58
+ -webkit-transform: translate3d(0, -30px, 0);
59
+ -ms-transform: translate3d(0, -30px, 0);
60
+ transform: translate3d(0, -30px, 0);
61
+ }
62
+
63
+ 70% {
64
+ -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
65
+ transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
66
+ -webkit-transform: translate3d(0, -15px, 0);
67
+ -ms-transform: translate3d(0, -15px, 0);
68
+ transform: translate3d(0, -15px, 0);
69
+ }
70
+
71
+ 90% {
72
+ -webkit-transform: translate3d(0,-4px,0);
73
+ -ms-transform: translate3d(0,-4px,0);
74
+ transform: translate3d(0,-4px,0);
75
+ }
76
+ }
77
+
78
+ .bounce {
79
+ -webkit-animation-name: bounce;
80
+ animation-name: bounce;
81
+ -webkit-transform-origin: center bottom;
82
+ -ms-transform-origin: center bottom;
83
+ transform-origin: center bottom;
84
+ }
85
+
86
+ @-webkit-keyframes tada {
87
+ 0% {
88
+ -webkit-transform: scale3d(1, 1, 1);
89
+ transform: scale3d(1, 1, 1);
90
+ }
91
+
92
+ 10%, 20% {
93
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
94
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
95
+ }
96
+
97
+ 30%, 50%, 70%, 90% {
98
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
99
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
100
+ }
101
+
102
+ 40%, 60%, 80% {
103
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
104
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
105
+ }
106
+
107
+ 100% {
108
+ -webkit-transform: scale3d(1, 1, 1);
109
+ transform: scale3d(1, 1, 1);
110
+ }
111
+ }
112
+
113
+ @keyframes tada {
114
+ 0% {
115
+ -webkit-transform: scale3d(1, 1, 1);
116
+ -ms-transform: scale3d(1, 1, 1);
117
+ transform: scale3d(1, 1, 1);
118
+ }
119
+
120
+ 10%, 20% {
121
+ -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
122
+ -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
123
+ transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
124
+ }
125
+
126
+ 30%, 50%, 70%, 90% {
127
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
128
+ -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
129
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
130
+ }
131
+
132
+ 40%, 60%, 80% {
133
+ -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
134
+ -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
135
+ transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
136
+ }
137
+
138
+ 100% {
139
+ -webkit-transform: scale3d(1, 1, 1);
140
+ -ms-transform: scale3d(1, 1, 1);
141
+ transform: scale3d(1, 1, 1);
142
+ }
143
+ }
144
+
145
+ .tada {
146
+ -webkit-animation-name: tada;
147
+ animation-name: tada;
148
+ }
149
+
150
+ @-webkit-keyframes bounceInDown {
151
+ 0%, 60%, 75%, 90%, 100% {
152
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
153
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
154
+ }
155
+
156
+ 0% {
157
+ opacity: 0;
158
+ -webkit-transform: translate3d(0, -3000px, 0);
159
+ transform: translate3d(0, -3000px, 0);
160
+ }
161
+
162
+ 60% {
163
+ opacity: 1;
164
+ -webkit-transform: translate3d(0, 25px, 0);
165
+ transform: translate3d(0, 25px, 0);
166
+ }
167
+
168
+ 75% {
169
+ -webkit-transform: translate3d(0, -10px, 0);
170
+ transform: translate3d(0, -10px, 0);
171
+ }
172
+
173
+ 90% {
174
+ -webkit-transform: translate3d(0, 5px, 0);
175
+ transform: translate3d(0, 5px, 0);
176
+ }
177
+
178
+ 100% {
179
+ -webkit-transform: none;
180
+ transform: none;
181
+ }
182
+ }
183
+
184
+ @keyframes bounceInDown {
185
+ 0%, 60%, 75%, 90%, 100% {
186
+ -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
187
+ transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
188
+ }
189
+
190
+ 0% {
191
+ opacity: 0;
192
+ -webkit-transform: translate3d(0, -3000px, 0);
193
+ -ms-transform: translate3d(0, -3000px, 0);
194
+ transform: translate3d(0, -3000px, 0);
195
+ }
196
+
197
+ 60% {
198
+ opacity: 1;
199
+ -webkit-transform: translate3d(0, 25px, 0);
200
+ -ms-transform: translate3d(0, 25px, 0);
201
+ transform: translate3d(0, 25px, 0);
202
+ }
203
+
204
+ 75% {
205
+ -webkit-transform: translate3d(0, -10px, 0);
206
+ -ms-transform: translate3d(0, -10px, 0);
207
+ transform: translate3d(0, -10px, 0);
208
+ }
209
+
210
+ 90% {
211
+ -webkit-transform: translate3d(0, 5px, 0);
212
+ -ms-transform: translate3d(0, 5px, 0);
213
+ transform: translate3d(0, 5px, 0);
214
+ }
215
+
216
+ 100% {
217
+ -webkit-transform: none;
218
+ -ms-transform: none;
219
+ transform: none;
220
+ }
221
+ }
222
+
223
+ .bounceInDown {
224
+ -webkit-animation-name: bounceInDown;
225
+ animation-name: bounceInDown;
226
+ }
227
+
228
+ @-webkit-keyframes bounceOutUp {
229
+ 20% {
230
+ -webkit-transform: translate3d(0, -10px, 0);
231
+ transform: translate3d(0, -10px, 0);
232
+ }
233
+
234
+ 40%, 45% {
235
+ opacity: 1;
236
+ -webkit-transform: translate3d(0, 20px, 0);
237
+ transform: translate3d(0, 20px, 0);
238
+ }
239
+
240
+ 100% {
241
+ opacity: 0;
242
+ -webkit-transform: translate3d(0, -2000px, 0);
243
+ transform: translate3d(0, -2000px, 0);
244
+ }
245
+ }
246
+
247
+ @keyframes bounceOutUp {
248
+ 20% {
249
+ -webkit-transform: translate3d(0, -10px, 0);
250
+ -ms-transform: translate3d(0, -10px, 0);
251
+ transform: translate3d(0, -10px, 0);
252
+ }
253
+
254
+ 40%, 45% {
255
+ opacity: 1;
256
+ -webkit-transform: translate3d(0, 20px, 0);
257
+ -ms-transform: translate3d(0, 20px, 0);
258
+ transform: translate3d(0, 20px, 0);
259
+ }
260
+
261
+ 100% {
262
+ opacity: 0;
263
+ -webkit-transform: translate3d(0, -2000px, 0);
264
+ -ms-transform: translate3d(0, -2000px, 0);
265
+ transform: translate3d(0, -2000px, 0);
266
+ }
267
+ }
268
+
269
+ .bounceOutUp {
270
+ -webkit-animation-name: bounceOutUp;
271
+ animation-name: bounceOutUp;
272
+ }
273
+
274
+ @-webkit-keyframes fadeInLeft {
275
+ 0% {
276
+ opacity: 0;
277
+ -webkit-transform: translate3d(-100%, 0, 0);
278
+ transform: translate3d(-100%, 0, 0);
279
+ }
280
+
281
+ 100% {
282
+ opacity: 1;
283
+ -webkit-transform: none;
284
+ transform: none;
285
+ }
286
+ }
287
+
288
+ @keyframes fadeInLeft {
289
+ 0% {
290
+ opacity: 0;
291
+ -webkit-transform: translate3d(-100%, 0, 0);
292
+ -ms-transform: translate3d(-100%, 0, 0);
293
+ transform: translate3d(-100%, 0, 0);
294
+ }
295
+
296
+ 100% {
297
+ opacity: 1;
298
+ -webkit-transform: none;
299
+ -ms-transform: none;
300
+ transform: none;
301
+ }
302
+ }
303
+
304
+ .fadeInLeft {
305
+ -webkit-animation-name: fadeInLeft;
306
+ animation-name: fadeInLeft;
307
+ }
308
+
309
+ @-webkit-keyframes fadeOutRight {
310
+ 0% {
311
+ opacity: 1;
312
+ }
313
+
314
+ 100% {
315
+ opacity: 0;
316
+ -webkit-transform: translate3d(100%, 0, 0);
317
+ transform: translate3d(100%, 0, 0);
318
+ }
319
+ }
320
+
321
+ @keyframes fadeOutRight {
322
+ 0% {
323
+ opacity: 1;
324
+ }
325
+
326
+ 100% {
327
+ opacity: 0;
328
+ -webkit-transform: translate3d(100%, 0, 0);
329
+ -ms-transform: translate3d(100%, 0, 0);
330
+ transform: translate3d(100%, 0, 0);
331
+ }
332
+ }
333
+
334
+ .fadeOutRight {
335
+ -webkit-animation-name: fadeOutRight;
336
+ animation-name: fadeOutRight;
337
  }
css/wds_tables.css CHANGED
@@ -1,1703 +1,1703 @@
1
- .wds_form h2 {
2
- font-size: 23px;
3
- font-weight: normal;
4
- padding: 5px 15px 4px 0;
5
- margin: 0;
6
- }
7
-
8
- #bullets_images_type,
9
- #bullets_images_color,
10
- #bull_style,
11
- #rl_butt_type,
12
- #rl_butt_color,
13
- #rl_butt_style {
14
- margin: 0 10px 0 0;
15
- width: 100px;
16
- }
17
-
18
- .wds_ctrl_btn_upload {
19
- display: block !important;
20
- margin: 5px 0 !important;
21
- text-align: center;
22
- vertical-align: middle;
23
- width: 95%;
24
- }
25
-
26
- .wds_reverse {
27
- margin: 0 5px !important;
28
- }
29
-
30
- .wds_more {
31
- font-size: 12px;
32
- }
33
-
34
- .wrap .button {
35
- border-radius: 3px !important;
36
- text-shadow: none !important;
37
- }
38
-
39
- .spider_message_cont {
40
- display: none;
41
- width: 99%;
42
- }
43
-
44
- .spider_load {
45
- display: none;
46
- }
47
-
48
- .spider_load_cont {
49
- background-color: rgba(0, 0, 0, 0.7);
50
- left: 0;
51
- height: 100%;
52
- position: fixed;
53
- top: 0;
54
- width: 100%;
55
- z-index: 99998;
56
- }
57
-
58
- .spider_load_icon {
59
- left: 0;
60
- height: 100%;
61
- position: fixed;
62
- text-align: center;
63
- top: 0;
64
- width: 100%;
65
- z-index: 99999;
66
- }
67
-
68
- .spider_ajax_loading {
69
- border: none !important;
70
- margin-top: 200px;
71
- width: 30px;
72
- /*-webkit-animation: spin 2.5s infinite linear;
73
- -moz-animation: spin 2.5s infinite linear;
74
- -o-animation: spin 2.5s infinite linear;
75
- animation: spin 2.5s infinite linear;*/
76
- }
77
-
78
- @-moz-keyframes spin {
79
- 0% {
80
- -moz-transform: rotate(0deg);
81
- }
82
- 100% {
83
- -moz-transform: rotate(359deg);
84
- }
85
- }
86
- @-webkit-keyframes spin {
87
- 0% {
88
- -webkit-transform: rotate(0deg);
89
- }
90
- 100% {
91
- -webkit-transform: rotate(359deg);
92
- }
93
- }
94
- @-o-keyframes spin {
95
- 0% {
96
- -o-transform: rotate(0deg);
97
- }
98
- 100% {
99
- -o-transform: rotate(359deg);
100
- }
101
- }
102
- @-ms-keyframes spin {
103
- 0% {
104
- -ms-transform: rotate(0deg);
105
- }
106
- 100% {
107
- -ms-transform: rotate(359deg);
108
- }
109
- }
110
- @keyframes spin {
111
- 0% {
112
- transform: rotate(0deg);
113
- }
114
- 100% {
115
- transform: rotate(359deg);
116
- }
117
- }
118
-
119
- #TB_window,
120
- #TB_iframeContent {
121
- width: 800px !important;
122
- height: 500px !important;
123
- }
124
-
125
- #TB_window {
126
- margin-left: -400px !important;
127
- }
128
-
129
- .wrap * {
130
- font-size: 12px;
131
- font-family: "Open Sans",sans-serif;
132
- }
133
-
134
- .input_th {
135
- margin-left: 0px !important;
136
- width: 160px !important;
137
- font-family: sans-serif;
138
- }
139
- .input_th2 {
140
- margin-left: 0px !important;
141
- width: 160px !important;
142
- margin-top:5px;
143
- height: 19px;
144
- }
145
-
146
- .edit_input {
147
- height: 28px !important;
148
- padding-bottom: 7px !important;
149
- }
150
-
151
- .add_tag_th {
152
- padding-left: 21px;
153
- font-size: 12px;
154
- font-family: sans-serif;
155
- }
156
-
157
- .pointer{
158
- cursor: pointer;
159
- }
160
-
161
- .non_selectable {
162
- -webkit-touch-callout: none;
163
- -webkit-user-select: none;
164
- -khtml-user-select: none;
165
- -moz-user-select: none;
166
- -ms-user-select: none;
167
- user-select: none;
168
- }
169
-
170
- .wds_position_table td,
171
- .wds_position_table input{
172
- border: 1px solid #CCCCCC;
173
- margin: 2px;
174
- }
175
-
176
- .wds_position_table .wds_position_td {
177
- background-color: #f4f4f4;
178
- display: inline-block;
179
- line-height: 1;
180
- padding: 0 !important;
181
- }
182
-
183
- .wds_position_table {
184
- width:inherit !important;
185
- }
186
-
187
- .spider_div_options {
188
- background: none repeat scroll 0 0 #F4F4F4;
189
- border: 1px solid #8F8D8D;
190
- border-radius: 8px 8px 8px 8px;
191
- display: none;
192
- margin: 2px 0 0 190px;
193
- padding: 13px;
194
- min-height: 300px;
195
- min-width: 600px;
196
- vertical-align: top;
197
- }
198
-
199
- .table_small_col {
200
- text-align: center !important;
201
- width: 45px;
202
- }
203
-
204
- .table_medium_col {
205
- text-align: center !important;
206
- width: 70px;
207
- }
208
-
209
- .table_big_col {
210
- text-align: center !important;
211
- width: 80px;
212
- }
213
-
214
- .table_large_col {
215
- text-align: center !important;
216
- width: 140px;
217
- }
218
-
219
- .table_medium_col_uncenter {
220
- width: 80px;
221
- }
222
-
223
- .table_extra_large_col {
224
- padding: 4px !important;
225
- width: 150px !important;
226
- }
227
-
228
- .first-page,
229
- .prev-page,
230
- .next-page,
231
- .last-page,
232
- .table_extra_large_col a,
233
- .table_medium_col a,
234
- .table_big_col a,
235
- .table_small_col a {
236
- cursor: pointer;
237
- }
238
-
239
- .spider_word_wrap {
240
- word-wrap: normal;
241
- }
242
-
243
- .spider_description {
244
- color: #666666;
245
- font-size: 0.923em;
246
- line-height: 1.231em;
247
- }
248
- .handle_wrap{
249
- display: table-cell;
250
- padding: 2px 10px;
251
- vertical-align: middle;
252
- }
253
- .handle {
254
- background: url("../images/sliderwdpng/slide_drag.png") no-repeat transparent;
255
- border: none;
256
- cursor: move;
257
- display: inline-block;
258
- height: 18px;
259
- /*margin: 0 10px;*/
260
- width: 24px;
261
- vertical-align: middle;
262
- }
263
-
264
- .layer_handle {
265
- background: url("../images/sliderwdpng/layer.png") no-repeat transparent;
266
- }
267
-
268
- .slider-icon {
269
- background-image: url("../images/slider-icon.png");
270
- background-repeat: no-repeat;
271
- border: none;
272
- float: left;
273
- height: 30px;
274
- margin: 0 8px 0 0;
275
- width: 30px;
276
- }
277
-
278
- .spider_label {
279
- font-weight: bold;
280
- width: 100px;
281
- }
282
-
283
- .spider_label_top {
284
- font-weight: bold;
285
- padding-top: 3px;
286
- vertical-align: top;
287
- width: 100px;
288
- }
289
-
290
- .spider_fieldset .spider_label {
291
- font-weight: bold;
292
- vertical-align: top;
293
- width: 150px;
294
- }
295
-
296
- .spider_label_options {
297
- font-weight: bold;
298
- vertical-align: top;
299
- width: 150px;
300
- }
301
-
302
- .spider_choose_option {
303
- display: table;
304
- box-shadow: 0px 0px 1px 1px #D2D2D2;
305
- margin-bottom: 5px;
306
- border-radius: 2px;
307
- padding: 2px;
308
- box-sizing: border-box;
309
- cursor: pointer;
310
- width: 100%;
311
- }
312
-
313
- .spider_options_cont,
314
- .spider_bull_options_cont,
315
- .spider_pp_options_cont,
316
- .spider_options_color_cont,
317
- .spider_bull_options_color_cont,
318
- .spider_pp_options_color_cont {
319
- display: none;
320
- width: 180px;
321
- height: 150px;
322
- overflow: scroll;
323
- overflow-x: hidden;
324
- overflow-y: scroll;
325
- }
326
-
327
- .spider_option_cont {
328
- display: block;
329
- border-bottom: 1px solid #D3D3D3;
330
- padding: 3px 0px 3px 0px;
331
- box-sizing: content-box;
332
- width: 98%;
333
- border-radius: 0px;
334
- cursor: pointer;
335
- }
336
-
337
- .spider_option_cont_title {
338
- display: table-cell;
339
- vertical-align: middle;
340
- padding: 0px 0px 0px 4px;
341
- }
342
-
343
- .spider_option_cont_img {
344
- display: table-cell;
345
- width: 23%;
346
- height: 15px;
347
- text-align: right;
348
- padding: 5px 4px 0px 0px;
349
- box-sizing: border-box;
350
- background-color: #EEEEEE;
351
- }
352
-
353
- .spider_option_main_title {
354
- display: table-cell;
355
- width: 65%;
356
- vertical-align: middle;
357
- padding: 0px 0px 0px 4px;
358
- color: #555;
359
- }
360
-
361
- .spider_sel_option_ic {
362
- display: table-cell;
363
- width: 20%;
364
- height: 15px;
365
- text-align: right;
366
- padding: 0px 6px 0px 0px;
367
- box-sizing: border-box;
368
- }
369
-
370
- .spider_int_input {
371
- width: 45px;
372
- }
373
-
374
- .spider_char_input {
375
- width: 115px;
376
- }
377
-
378
- .spider_text_input {
379
- width: 190px;
380
- }
381
-
382
- .spider_slider_div {
383
- display: inline-block;
384
- vertical-align: middle;
385
- width: 140px;
386
- }
387
-
388
- .spider_slider_percentage,
389
- .spider_slider_percentage input,
390
- .spider_slider_percentage input :focus {
391
- background: transparent;
392
- border: none;
393
- color: #00AEEF;
394
- display: inline;
395
- font-weight: bold;
396
- text-align: right;
397
- vertical-align: middle;
398
- width: 30px;
399
- }
400
-
401
- .wd_error {
402
- border-color: #dd3d36 !important;
403
- }
404
-
405
- .wd_updated {
406
- border-color: #7ad03a !important;
407
- }
408
-
409
- .wd_error,
410
- .wd_updated {
411
- background: #fff none repeat scroll 0 0;
412
- border-left: 4px solid #fff;
413
- box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
414
- margin: 5px 0 2px;
415
- padding: 1px 12px;
416
- }
417
-
418
- .buttons_div {
419
- float: right;
420
- margin: 5px 0;
421
- }
422
-
423
- .buttons_div input{
424
- margin-bottom:4px;
425
- }
426
-
427
- .buttons_div_left {
428
- float: left;
429
- margin: 5px 0;
430
- }
431
-
432
- .buttons_div_right {
433
- float: right;
434
- margin: 5px 0;
435
- }
436
-
437
- .spider_delete_img {
438
- background-image: url("../images/delete.png");
439
- border: none;
440
- cursor: pointer;
441
- display: inline-block;
442
- vertical-align: middle;
443
- height: 14px;
444
- width: 14px;
445
- }
446
-
447
- .spider_delete_img_small {
448
- background-image: url("../images/delete.png");
449
- background-size: 10px auto;
450
- border: medium none;
451
- cursor: pointer;
452
- display: inline-block;
453
- height: 10px;
454
- margin-top: 2px;
455
- vertical-align: middle;
456
- width: 10px;
457
- }
458
-
459
- .spider_fieldset {
460
- background: none repeat scroll 0 0 #F4F4F4;
461
- border: 1px solid #8F8D8D;
462
- border-radius: 8px 8px 8px 8px;
463
- display: none;
464
- float: left;
465
- margin: 4px;
466
- padding: 13px;
467
- width: 97%;
468
- }
469
-
470
- .spider_type_fieldset {
471
- background: none repeat scroll 0 0 #F4F4F4;
472
- border-radius: 8px 8px 8px 8px;
473
- display: none;
474
- float: left;
475
- width: 100%;
476
- }
477
-
478
- .spider_child_fieldset {
479
- background: none repeat scroll 0 0 #F4F4F4;
480
- border: 1px solid #8F8D8D;
481
- border-radius: 8px 8px 8px 8px;
482
- float: left;
483
- margin: 4px;
484
- width: 30%;
485
- padding: 13px;
486
- display: block;
487
- }
488
-
489
- .spider_table td {
490
- padding: 0;
491
- vertical-align: middle;
492
- }
493
-
494
- .spider_ctrls {
495
- padding: 4px;
496
- text-align: center;
497
- width: 40px;
498
- }
499
-
500
- .theme_type {
501
- background-color: #F4F4F4;
502
- border: 1px solid #8F8D8D;
503
- border-radius: 8px 8px 8px 8px;
504
- cursor: pointer;
505
- display: inline-block;
506
- font-size: 16px;
507
- height: 24px;
508
- padding-top: 5px;
509
- text-align: center;
510
- vertical-align: middle;
511
- width: 123px;
512
- margin: 2px 0px 2px 0px;
513
- }
514
-
515
- .ui-slider-handle {
516
- cursor: pointer !important;
517
- }
518
-
519
- .thumb {
520
- border: 1px solid #CCCCCC;
521
- max-height: 120px;
522
- max-width: 120px;
523
- }
524
-
525
- .fileDescription {
526
- color: #666666;
527
- cursor: pointer;
528
- font-family: sans-serif;
529
- font-size: 12px;
530
- }
531
-
532
- .filename {
533
- font-size: 13px;
534
- }
535
-
536
- .tag_div {
537
- background-clip: padding-box;
538
- background-color: #F3F3F3;
539
- border: 1px solid #AAAAAA;
540
- border-radius: 3px 3px 3px 3px;
541
- box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
542
- color: #666666;
543
- line-height: 13px;
544
- margin: 2px 0;
545
- padding: 2px 5px 2px 5px;
546
- width: 132px;
547
- }
548
-
549
- .tags_div {
550
- overflow-y: auto;
551
- height: 65px;
552
- }
553
-
554
- .tag_name {
555
- width: 118px;
556
- }
557
-
558
- .spider_rotate {
559
- border-radius: 2px;
560
- border: 1px solid #FFFFFF;
561
- height: 30px;
562
- }
563
-
564
- .spider_search_value {
565
- height: 2em;
566
- margin: 0 0 4px;
567
- }
568
-
569
- #th_order,
570
- .spider_order {
571
- display: none;
572
- }
573
- .wds_buttons:after, .slide_add_buttons:after, #layer_add_buttons:after{
574
- content:"";
575
- clear:both;
576
- display:table;
577
- }
578
- .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap{
579
- float:left;
580
- margin-right: 5px;
581
- margin-bottom: 2px;
582
- }
583
-
584
- .wds_add_video,
585
- .wds_resize_image,
586
- .wds_imports,
587
- .wds_exports,
588
- .wds_editor {
589
- display: none;
590
- padding: 10px;
591
- height: 60px;
592
- background-color: #FFFFFF;
593
- border: 1px solid #999999;
594
- top: 50%;
595
- position: fixed;
596
- left: 50%;
597
- text-align: left;
598
- z-index: 100000;
599
- border-radius: 3px;
600
- margin-top: -45px;
601
- }
602
-
603
- .wds_add_video,
604
- .wds_resize_image {
605
- margin-left: -340px;
606
- }
607
-
608
- .wds_exports {
609
- margin-left: -240px;
610
- }
611
-
612
- .wds_editor {
613
- background-color: transparent;
614
- border: none;
615
- margin-left: -247px;
616
- margin-top: -110px;
617
- width: 465px;
618
- height: 225px;
619
- resize: vertical;
620
- }
621
-
622
- .wds_editor_btn {
623
- position: absolute;
624
- margin-left: 5px !important;
625
- }
626
-
627
- .wds_editor_insert_btn {
628
- background-color: #FFFFFF;
629
- padding: 5px;
630
- text-align: right;
631
- }
632
-
633
- #wp-template_text-wrap {
634
- background-color: #FFFFFF;
635
- }
636
-
637
- .wds_imports {
638
- margin-left: -185px;
639
- }
640
-
641
- .wds_add_video input[type="text"],
642
- .wds_resize_image input[type="text"] {
643
- width: 500px;
644
- }
645
-
646
-
647
- .wds_opacity_video,
648
- .wds_opacity_import,
649
- .wds_opacity_export {
650
- background-color: #000000;
651
- display: none;
652
- opacity: 0.75;
653
- filter: Alpha(opacity=75);
654
- position: fixed;
655
- top: 0;
656
- left: 0;
657
- width: 100%;
658
- height: 100%;
659
- z-index: 99998;
660
- }
661
-
662
- .widefat .check-column {
663
- text-align: center;
664
- }
665
-
666
- .wds_tabs {
667
- clear: both;
668
- display: none;
669
- position: relative;
670
- z-index: 1;
671
- }
672
-
673
- .wds_tabs a.wds_sub_active,
674
- .wds_tabs a.wds_active {
675
- background-color: #F5F5F5;
676
- color: #333;
677
- }
678
-
679
- .wds_tabs a {
680
- color: #c7c7c7;
681
- display: block !important;
682
- float: left;
683
- font: bold 17px/32px Arial,serif;
684
- height: 30px;
685
- margin: 3px 3px 0 0;
686
- padding: 0 10px;
687
- position: relative;
688
- text-decoration: none;
689
- width: 130px;
690
- }
691
-
692
- .wbs_subtab a {
693
- font: bold 14px/26px Arial,serif;
694
- height: 26px;
695
- padding: 0 5px;
696
- width: 105px;
697
- }
698
-
699
- .wds_add_layer {
700
- position:absolute;
701
- display:block;
702
- width:30px !important;
703
- height:30px !important;
704
- padding: 0 !important;
705
- margin: 0 !important;
706
- top:39%;
707
- left:39%;
708
- background-image:url('../images/sliderwdpng/add slide.png');
709
- background-size: cover;
710
- border:0 !important;
711
- }
712
- .wds_tab_title_wrap{
713
- display: table-cell;
714
- vertical-align: middle;
715
- }
716
- .wds_tab_title {
717
- background: none repeat scroll 0 0 transparent !important;
718
- border: none !important;
719
- cursor: pointer;
720
- opacity: 0.5;
721
- filter: Alpha(opacity=50);
722
- padding: 2px 5px !important;
723
- width: 94%;
724
- }
725
-
726
- .wds_sub_active .wds_tab_title,
727
- .wds_layer_title {
728
- background-color: #FFFFFF !important;
729
- border-color: #DFDFDF !important;
730
- border-radius: 3px !important;
731
- border-style: solid !important;
732
- border-width: 1px !important;
733
- cursor: pointer;
734
- opacity: 1;
735
- filter: Alpha(opacity=100);
736
- padding: 2px 5px;
737
- }
738
- .wds_layer_title {
739
- width: 120px;
740
- padding:5px;
741
- color:#00A2D0;
742
- }
743
-
744
- .wds_tab_remove {
745
- background-image: url("../images/sliderwdpng/hover_delete.png");
746
- background-repeat: no-repeat;
747
- background-size: 100% 100%;
748
- display: inline-block;
749
- width: 19px;
750
- height: 19px;
751
- margin:0 auto;
752
- cursor:pointer
753
- }
754
-
755
- .wds_layer_remove {
756
- background-image: url("../images/sliderwdpng/close.png");
757
- background-repeat: no-repeat;
758
- display: inline-block;
759
- width: 20px;
760
- height: 20px;
761
- margin: 5px;
762
- vertical-align: middle;
763
- background-size: contain;
764
- }
765
-
766
- .wds_layer_dublicate {
767
- background-image: url("../images/sliderwdpng/duplicate_slide.png");
768
- background-repeat: no-repeat;
769
- display: inline-block;
770
- width: 20px;
771
- height: 20px;
772
- margin: 5px;
773
- vertical-align: middle;
774
- background-size: contain;
775
- }
776
-
777
- .wds_slide_dublicate {
778
- background-image: url("../images/sliderwdpng/hover_duplicate.png");
779
- background-repeat: no-repeat;
780
- background-size: 100% 100%;
781
- display: inline-block;
782
- width: 19px;
783
- height: 19px;
784
- margin-right:11px;
785
- cursor:pointer;
786
- }
787
-
788
- .wds_change_thumbnail {
789
- background-image: url("../images/sliderwdpng/tumbnail.png");
790
- background-repeat: no-repeat;
791
- background-size: 100% 100%;
792
- display: inline-block;
793
- width: 19px !important;
794
- height: 19px !important;
795
- margin-top:0 !important;
796
- margin-right:11px !important;
797
- padding:0px !important;
798
- cursor: pointer;
799
- }
800
-
801
- .wds_layer_depth {
802
- font-size: 13px;
803
- line-height: 15px;
804
- margin: 1px 5px;
805
- text-align: left;
806
- width: 40px;
807
- color: #00A2D0;
808
- }
809
-
810
- .wds_layer_label {
811
- display: inline-block;
812
- font-size: 13px;
813
- width: 80%;
814
- }
815
-
816
- .wds_layer_right{
817
- position: absolute;
818
- top: 10px;
819
- right: 5px;
820
- }
821
-
822
- .wds_sub_active .wds_tab_remove {
823
- cursor: pointer !important;
824
- opacity: 1;
825
- filter: Alpha(opacity=100);
826
- }
827
-
828
- .wds_box.wds_sub_active,
829
- .wds_box.wds_active {
830
- display: block;
831
- }
832
-
833
- .wds_tab_label {
834
- display: block;
835
- width: inherit;
836
- }
837
-
838
- .wds_box {
839
- display: none;
840
- position: relative;
841
- top: -1px;
842
- }
843
-
844
- .wds_box {
845
- margin-top: 15px;
846
- position: relative;
847
- }
848
-
849
- .wds_clear {
850
- clear: both;
851
- float: none !important;
852
- }
853
-
854
- .wds_box thead td {
855
- border-bottom: 0 none !important;
856
- }
857
-
858
- .wds_box tbody {
859
- border-top: 0 none;
860
- padding-left: 10px;
861
- }
862
-
863
- .wds_box thead {
864
- border-top: 0 none;
865
- border-bottom: 0 none;
866
- color: #333;
867
- font: bold 12px/29px Arial,serif;
868
- height: 29px;
869
- margin: 0;
870
- padding: 0 10px;
871
- text-align: left;
872
- }
873
-
874
- .wds_box table {
875
- border-collapse: collapse;
876
- border-spacing: 0;
877
- width: 100%;
878
- }
879
-
880
- .wds_nav_tabs {
881
- background-color: #F5F5F5;
882
- border-right: 1px solid #DFDFDF;
883
- float: left;
884
- height: 640px;
885
- margin: 0;
886
- width: 150px;
887
- margin-left: 14px;
888
- }
889
-
890
- .wds_nav_tabs ul {
891
- list-style: none outside none;
892
- margin: 0px 0;
893
- padding: 0;
894
- }
895
-
896
- .wds_nav_tabs .wds_sub_active,
897
- .wds_nav_tabs .wds_sub_active a,
898
- .wds_nav_tabs .wds_sub_active a:hover,
899
- .wds_nav_tabs .wds_active,
900
- .wds_nav_tabs .wds_active a,
901
- .wds_nav_tabs .wds_active a:hover {
902
- background: none repeat scroll 0 0 #fff;
903
- color: #333;
904
- }
905
-
906
- .wds_nav_tabs .wds_active {
907
- border-color: rgb(0, 160, 212);
908
- border-width: 1px 0 1px 1px;
909
- border-style: solid;
910
- margin: 0 -2px 0 -4px;
911
- padding: 0;
912
- }
913
-
914
- .wds_nav_tabs li {
915
- border-color: transparent;
916
- border-style: solid;
917
- border-width: 1px 0;
918
- list-style-type: none;
919
- margin-bottom: 0;
920
- }
921
-
922
- .wds_nav_tabs a {
923
- display: block;
924
- line-height: 18px;
925
- padding: 5px 5px 5px 12px;
926
- text-decoration: none;
927
- }
928
-
929
- .wds_nav_box {
930
- background: none repeat scroll 0 0 #fff;
931
- display: none;
932
- height: 610px;
933
- overflow: auto;
934
- padding: 15px;
935
- }
936
-
937
- .wds_nav_box.wds_active {
938
- display: block;
939
- border: 1px solid rgb(0, 160, 212);
940
- }
941
-
942
- .wds_layer_head {
943
- cursor: pointer;
944
- padding: 5px;
945
- position:relative;
946
- }
947
-
948
- .wds_layer_head .handle {
949
- cursor: move;
950
- display: inline-block;
951
- margin: 5px;
952
- }
953
-
954
- .wds_box td {
955
- padding: 10px !important;
956
- }
957
-
958
- .wds_draggable {
959
- box-sizing: border-box;
960
- cursor: move;
961
- }
962
-
963
- .wds_box .color {
964
- width: 60px;
965
- }
966
-
967
- .wds_active_layer {
968
- box-shadow: rgb(44, 36, 36) 0px 0px 5px;
969
- border-radius: 3px;
970
- }
971
-
972
- .wds_draggable a,
973
- .wds_draggable a:hover {
974
- color: inherit !important;
975
- font-size: inherit !important;
976
- font-style: inherit !important;
977
- font-weight: inherit !important;
978
- text-decoration: none;
979
- }
980
-
981
- #add_embed_help {
982
- height: 200px;
983
- width: 672px;
984
- top: 40%;
985
- }
986
-
987
- #add_embed input[type="text"] {
988
- width: 500px;
989
- }
990
-
991
- .wds_buttons {
992
- float: right;
993
- font-weight: normal;
994
- position: relative;
995
- }
996
-
997
- .wds_reset_button {
998
- display: none;
999
- font-weight: normal;
1000
- margin: 14px 0;
1001
- position: absolute;
1002
- right: 26px;
1003
- z-index: 1
1004
- }
1005
-
1006
- span[data-type="wds_text_parent"] * {
1007
- color: inherit;
1008
- font-family: inherit;
1009
- font-size: inherit;
1010
- margin: inherit;
1011
- }
1012
-
1013
- .wds_button-secondary{
1014
- background-color: #FFFFFF;
1015
- padding: 0 7px 1px 37px;
1016
- margin: 0;
1017
- display: inline-block;
1018
- text-decoration: none;
1019
- font-size: 13px;
1020
- line-height: 30px;
1021
- height: 30px;
1022
- cursor: pointer;
1023
- border: 1px solid #ddd;
1024
- -webkit-appearance: none;
1025
- white-space: nowrap;
1026
- -webkit-box-sizing: border-box;
1027
- -moz-box-sizing: border-box;
1028
- box-sizing: border-box;
1029
- color:#666
1030
- }
1031
-
1032
- .wds_check_all {
1033
- padding: 0px 7px 1px 7px;
1034
- }
1035
-
1036
- .last {
1037
- margin-right: 10px;
1038
- }
1039
-
1040
- #wds_search,
1041
- #wds_reset {
1042
- background-color: #FFFFFF;
1043
- padding: 0 15px 1px ;
1044
- margin: 0 2px 0 0;
1045
- display: inline-block;
1046
- text-decoration: none;
1047
- font-size: 13px;
1048
- line-height: 30px;
1049
- height: 30px;
1050
- cursor: pointer;
1051
- -webkit-appearance: none;
1052
- white-space: nowrap;
1053
- -webkit-box-sizing: border-box;
1054
- -moz-box-sizing: border-box;
1055
- box-sizing: border-box;
1056
- }
1057
-
1058
- .wds_alternate {
1059
- background-color:#F1F1F1;
1060
- }
1061
-
1062
- .action_buttons {
1063
- padding: 0 7px 1px 32px;
1064
- margin: 0 ;
1065
- display: inline-block;
1066
- text-decoration: none;
1067
- font-size: 13px;
1068
- line-height: 30px;
1069
- height: 30px;
1070
- cursor: pointer;
1071
- border: 0;
1072
- -webkit-appearance: none;
1073
- white-space: nowrap;
1074
- -webkit-box-sizing: border-box;
1075
- -moz-box-sizing: border-box;
1076
- box-sizing: border-box;
1077
- color:#FFFFFF;
1078
- }
1079
-
1080
- #tbody_arr .action_buttons{
1081
- padding: 0 7px 1px 32px;
1082
- margin: 0 2px 0 0;
1083
- display: inline-block;
1084
- text-decoration: none;
1085
- font-size: 13px;
1086
- line-height: 30px;
1087
- height: 30px;
1088
- cursor: pointer;
1089
- border: 0;
1090
- -webkit-appearance: none;
1091
- white-space: nowrap;
1092
- -webkit-box-sizing: border-box;
1093
- -moz-box-sizing: border-box;
1094
- box-sizing: border-box;
1095
- color:#FFFFFF;
1096
- }
1097
-
1098
- .wds_buttons .action_buttons{
1099
- padding: 0 7px 1px 30px;
1100
- line-height: 34px;
1101
- height: 34px
1102
- }
1103
-
1104
- /* .wrap a {
1105
- color: #000000 !important;
1106
- }
1107
-
1108
- .wrap a:hover {
1109
- color: #00A0D2 !important;
1110
- }
1111
- */
1112
- .buttons_conteiner{
1113
- margin:10px 0 0
1114
- }
1115
-
1116
- #wds_preview{
1117
- background-color:#00A2D0;
1118
- line-height: 30px;
1119
- height: 30px;
1120
- border-bottom: 3px solid #258AA6;
1121
- }
1122
-
1123
- tbody .action_buttons{
1124
- padding: 0 7px 1px 32px;
1125
- line-height: 34px;
1126
- height: 34px
1127
- }
1128
-
1129
- .layer_bgcolor{
1130
- background-color: #FFFFFF !important;
1131
- }
1132
-
1133
- .bgcolor td{
1134
- padding: 20px !important;
1135
- }
1136
-
1137
- .bgcolor {
1138
- background-color: #FFFFFF !important;
1139
- padding: 20px !important;
1140
- }
1141
- .edit_slide{
1142
- color: white !important;
1143
- background-image:url('../images/sliderwdpng/add.png');
1144
- background-position: 5% 50%;
1145
- }
1146
-
1147
- .add_by_url{
1148
- background-image:url('../images/sliderwdpng/add_url.png');
1149
- background-position: 5% 50%;
1150
- }
1151
-
1152
- .embed_media{
1153
- background-image:url('../images/sliderwdpng/media.png');
1154
- background-position: 5% 50%;
1155
- }
1156
-
1157
- .add_post{
1158
- color: white !important;
1159
- background-image:url('../images/sliderwdpng/add_text_layer.png');
1160
- background-position: 10% 50%;
1161
- }
1162
-
1163
- .delete{
1164
- background-image:url('../images/sliderwdpng/delete.png');
1165
- background-position: 10% 50%;
1166
- background-color:#D14130 !important;
1167
- border-bottom-color:#AD2626 !important;
1168
-
1169
- }
1170
-
1171
- .add_text_layer{
1172
- color: white !important;
1173
- background-image:url('../images/sliderwdpng/add_text_layer.png');
1174
- background-position: 5% 50%;
1175
- }
1176
-
1177
- .add_image_layer{
1178
- color: white !important;
1179
- background-image:url('../images/sliderwdpng/add_image_layer.png');
1180
- background-position: 5% 50%;
1181
- }
1182
-
1183
- .add_embed_layer{
1184
- color: white !important;
1185
- background-image:url('../images/sliderwdpng/media.png');
1186
- background-position: 5% 50%;
1187
- }
1188
-
1189
- .add_social_layer{
1190
- background-image:url('../images/sliderwdpng/add_social.png');
1191
- background-position: 5% 50%;
1192
- background-repeat:no-repeat;
1193
- }
1194
-
1195
- .add_hotspot_layer{
1196
- background-image:url('../images/sliderwdpng/add_hotspot.png');
1197
- background-position: 5% 50%;
1198
- }
1199
-
1200
- .tab_image {
1201
- background-size:cover;
1202
- width:100%;
1203
- height:100%;
1204
- position:relative;
1205
- border:1px solid #B4AFAF;
1206
-
1207
- }
1208
-
1209
- .new_tab_image {
1210
- background-image:url('../images/sliderwdpng/border.png');
1211
- background-repeat: no-repeat;
1212
- background-position:center center;
1213
- width:100%;
1214
- position:relative;
1215
- border:1px solid #B4AFAF;
1216
- cursor:pointer;
1217
- height: 130px !important;
1218
- }
1219
-
1220
- .tab_buttons{
1221
- position:absolute;
1222
- bottom:0px;
1223
- background-color:#F1F1F1;
1224
- width:100%;
1225
- }
1226
-
1227
- .tab_link, .new_tab_link{
1228
- display:block !important;
1229
- width:100% !important;
1230
- height:100% !important;
1231
- padding:0 !important;
1232
- }
1233
-
1234
- .select_icon{
1235
- background-image:url('../images/sliderwdpng/select.png');
1236
- background-repeat: no-repeat;
1237
- -webkit-appearance: none;
1238
- -moz-appearance: none;
1239
- background-position:93% 49%;
1240
- padding: 0 2px 2px 2px !important;
1241
- width: 10%;
1242
- }
1243
- .overlay {
1244
- display:none;
1245
- width:100%;
1246
- height:100%;
1247
- background-color:rgba(0,0,0,0.6);
1248
-
1249
- }
1250
-
1251
- .tab_image:hover .overlay {
1252
- display: block;
1253
- }
1254
-
1255
- #hover_buttons {
1256
- position:absolute;
1257
- top:0;
1258
- bottom:0;
1259
- left:0;
1260
- right:0;
1261
- margin:auto;
1262
- width:86px;
1263
- height:19px;
1264
- }
1265
-
1266
- .layer_table_left{
1267
- float:left !important;
1268
- }
1269
- .layer_table_right{
1270
- float:right !important;
1271
- }
1272
-
1273
- .slider_title_conteiner {
1274
- /* background-color: white; */
1275
- padding: 2px 11px;
1276
- width: 35%;
1277
- float: left;
1278
- }
1279
-
1280
- #name {
1281
- width: 80%;
1282
- }
1283
-
1284
- .slider_title_conteiner input{
1285
- box-shadow:none;
1286
- height: 30px
1287
- }
1288
-
1289
- .tab_conteiner{
1290
- float:left ;
1291
- margin-bottom:2px;
1292
- }
1293
-
1294
- .wds_subtab_wrap{
1295
- width:12%;
1296
- height:130px;
1297
- float:left;
1298
- margin:12px
1299
- }
1300
-
1301
- .tab_button_wrap {
1302
- float: left;
1303
- width: 120px;
1304
- margin-right: 5px;
1305
- }
1306
-
1307
- .tab_button_wrap .wds_button-secondary {
1308
- margin-right: 5px;
1309
- }
1310
-
1311
- .wds_menu_icon{
1312
- display:none;
1313
- }
1314
-
1315
- .add_video{
1316
- color: white !important;
1317
- background-image:url('../images/sliderwdpng/add_video.png');
1318
- background-position: 5% 50%;
1319
- }
1320
-
1321
- .add_images{
1322
- background-image:url('../images/sliderwdpng/add.png');
1323
- background-position: 5% 50%;
1324
- color:white !important;
1325
- background-repeat:no-repeat;
1326
- background-color:#00A0D2;
1327
- border-bottom: 3px solid #258AA6;
1328
- }
1329
-
1330
- .edit_thumb {
1331
- background-image:url('../images/sliderwdpng/edit_thumbnail.png');
1332
- background-position: 5% 50%;
1333
- color:white !important;
1334
- background-repeat:no-repeat;
1335
- background-color:#00A0D2;
1336
- border-bottom: 3px solid #258AA6;
1337
- }
1338
-
1339
- .add_posts{
1340
- background-image:url('../images/sliderwdpng/add_text_layer.png');
1341
- background-position: 10% 50%;
1342
- color:white !important;
1343
- }
1344
-
1345
- .add_video_layer{
1346
- color: white !important;
1347
- background-image:url('../images/sliderwdpng/add_video_layer.png');
1348
- background-position: 5% 50%;
1349
- }
1350
-
1351
- .set_watermark{
1352
- background-image:url('../images/sliderwdpng/watermark.png');
1353
- background-position: 5% 50%;
1354
- color:white !important;
1355
- }
1356
-
1357
- .reset_watermark{
1358
- background-image:url('../images/sliderwdpng/reset_watermark.png');
1359
- background-position: 5% 50%;
1360
- color:white !important;
1361
- }
1362
-
1363
- .wds_button_wrap .action_buttons, .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
1364
- background-repeat:no-repeat;
1365
- background-color: #00A0D2;
1366
- border-bottom: 3px solid #258AA6;
1367
- }
1368
-
1369
- .wds_publish_all {
1370
- background-image:url('../images/sliderwdpng/publish.png');
1371
- background-repeat:no-repeat;
1372
- background-position: 15% 50%
1373
- }
1374
-
1375
- .wds_unpublish_all {
1376
- background-image:url('../images/sliderwdpng/unpublish.png');
1377
- background-repeat:no-repeat;
1378
- background-position: 15% 50%
1379
- }
1380
-
1381
- .wds_duplicate_all {
1382
- background-image:url('../images/sliderwdpng/duplicate.png');
1383
- background-repeat:no-repeat;
1384
- background-position: 15% 50%
1385
- }
1386
-
1387
- .wds_export {
1388
- background-image:url('../images/sliderwdpng/export.png');
1389
- background-repeat:no-repeat;
1390
- background-position: 15% 50%
1391
- }
1392
-
1393
- .wds_import {
1394
- background-image:url('../images/sliderwdpng/import.png');
1395
- background-repeat:no-repeat;
1396
- background-position: 15% 50%
1397
- }
1398
-
1399
- .wds_delete_all {
1400
- background-image:url('../images/sliderwdpng/delete_red.png');
1401
- background-repeat:no-repeat;
1402
- background-position: 15% 50%
1403
- }
1404
-
1405
- .wds_table_big_col_action {
1406
- width:25%;
1407
- text-align:left!important;
1408
- padding-left: 21px;
1409
- }
1410
-
1411
- #check_all_items {
1412
- margin: 0px 5px 5px 0;
1413
- vertical-align: middle;
1414
- }
1415
-
1416
- .edit_slider {
1417
- background-image:url('../images/sliderwdpng/edit.png');
1418
- background-repeat:no-repeat;
1419
- background-color:#00A0D2;
1420
- border-bottom: 3px solid #00546B !important;
1421
- background-position: 10% 50%;
1422
- }
1423
-
1424
- .wds_duplicate_slider {
1425
- background-image:url('../images/sliderwdpng/duplicate_blue.png');
1426
- background-repeat:no-repeat;
1427
- background-color:#00A0D2;
1428
- border-bottom: 3px solid #00546B !important;
1429
- background-position: 10% 50%;
1430
- }
1431
-
1432
- .wds_delete_slider {
1433
- background-image:url('../images/sliderwdpng/delete_slider.png');
1434
- background-repeat:no-repeat;
1435
- background-color:#D14130;
1436
- border-bottom: 3px solid #AD2626 !important;
1437
- background-position: 10% 50%;
1438
- }
1439
-
1440
- .wds_settings {
1441
- background-image:url('../images/sliderwdpng/settings_grey.png');
1442
- background-repeat:no-repeat;
1443
- background-position: 15% 50%;
1444
- background-repeat: no-repeat;
1445
- height: 36px;
1446
- padding-top: 2px;
1447
- font-size: 13px;
1448
- width: 100%
1449
- }
1450
-
1451
- .wds_slides {
1452
- background-image:url('../images/sliderwdpng/slider_grey.png');
1453
- background-repeat:no-repeat;
1454
- background-position: 15% 50%;
1455
- background-repeat: no-repeat;
1456
- height: 36px;
1457
- padding-top: 2px;
1458
- font-size: 13px;
1459
- width: 100%
1460
- }
1461
-
1462
- .wds_save_slider {
1463
- background-image:url('../images/sliderwdpng/save.png');
1464
- background-repeat:no-repeat;
1465
- background-position: 15% 50%
1466
- }
1467
-
1468
- .wds_aplly_slider {
1469
- background-image:url('../images/sliderwdpng/apply.png');
1470
- background-repeat:no-repeat;
1471
- background-position: 15% 50%
1472
- }
1473
-
1474
- .wds_dublicate_slide {
1475
- background-image:url('../images/sliderwdpng/save_copy.png');
1476
- background-repeat:no-repeat;
1477
- background-position: 15% 50%
1478
- }
1479
-
1480
- #wds_preview{
1481
- background-color:#00A2D0;
1482
- line-height: 30px;
1483
- height: 30px;
1484
- border-bottom: 3px solid #258AA6;
1485
- background-image:url('../images/sliderwdpng/preview1.png');
1486
- background-repeat:no-repeat;
1487
- background-position: 15% 50%
1488
- }
1489
-
1490
- .wds_export_one {
1491
- background-image:url('../images/sliderwdpng/export.png');
1492
- background-repeat:no-repeat;
1493
- background-position: 15% 50%
1494
- }
1495
-
1496
- .wds_cancel {
1497
- background-image:url('../images/sliderwdpng/cancel.png');
1498
- background-repeat:no-repeat;
1499
- background-position: 15% 50%
1500
- }
1501
-
1502
- .wds_external_link {
1503
- border:0;
1504
- box-shadow:none;
1505
- margin-right:12px
1506
- }
1507
-
1508
- .layer_table_left {
1509
- width: 60% !important;
1510
- }
1511
-
1512
- .layer_table_right {
1513
- width: 39% !important;
1514
- }
1515
-
1516
- .selected_color {
1517
- color:#00A2D0 !important;
1518
- }
1519
-
1520
- .slider_delete {
1521
- float:left
1522
- }
1523
-
1524
- .slider_duplicate {
1525
- float:left
1526
- }
1527
-
1528
- .slider_edit {
1529
- float:left
1530
- }
1531
-
1532
- .reset_settings {
1533
- background-image: url('../images/sliderwdpng/reset.png');
1534
- background-position-y: 22%;
1535
- color: #FFFFFF !important;
1536
- background-repeat: no-repeat;
1537
- background-color: #00A0D2;
1538
- padding: 0 7px 1px 38px;
1539
- margin: 0;
1540
- display: inline-block;
1541
- text-decoration: none;
1542
- font-size: 13px;
1543
- line-height: 30px;
1544
- height: 30px;
1545
- cursor: pointer;
1546
- border: 0;
1547
- border-bottom: 3px solid #258AA6;
1548
- -webkit-appearance: none;
1549
- white-space: nowrap;
1550
- -webkit-box-sizing: border-box;
1551
- -moz-box-sizing: border-box;
1552
- box-sizing: border-box;
1553
- background-position: 5% 50%;
1554
- }
1555
-
1556
- .wds_slide_radio_left {
1557
- width: 34% !important;
1558
- float: left;
1559
- }
1560
-
1561
- .wds_slide_radio_right {
1562
- width: 66% !important;
1563
- float: right;
1564
- }
1565
-
1566
- .wds_layer_head_tr {
1567
- background-color: #e1e1e1;
1568
- border: 1px solid #cccccc;
1569
- }
1570
-
1571
- .ui-tooltip {
1572
- background-color: rgba(255,255,255,1);
1573
- border-radius: 3px;
1574
- box-shadow: 0 0 7px black;
1575
- line-height: 15px;
1576
- }
1577
-
1578
- .titles {
1579
- padding-top:0 !important;
1580
- }
1581
-
1582
- .wds_tab_label {
1583
- text-align:center
1584
- }
1585
-
1586
- .callbeck-textarea {
1587
- width: 400px;
1588
- margin: 10px 0;
1589
- resize: vertical;
1590
- }
1591
-
1592
- .callbeck-item {
1593
- margin: 20px 0;
1594
- max-width: 400px;
1595
- }
1596
- .remove_callback {
1597
- background-image: url('../images/sliderwdpng/delete.png');
1598
- background-repeat: no-repeat;
1599
- background-color: #D14130 !important;
1600
- border-bottom: 3px solid #AD2626 !important;
1601
- background-position: 10% 50%;
1602
- display: block;
1603
- }
1604
- .add_callback {
1605
- background-image: url('../images/sliderwdpng/add.png');
1606
- background-position: 50% 50%;
1607
- color: white !important;
1608
- background-repeat: no-repeat;
1609
- background-color:#00A0D2;
1610
- border-bottom: 3px solid #258AA6;
1611
- vertical-align: top;
1612
- }
1613
- #callback_list {
1614
- width: 200px;
1615
- height: 34px;
1616
- }
1617
-
1618
- @media screen and (max-width: 782px){
1619
- body {
1620
- overflow-x: initial !important;
1621
- min-width: inherit;
1622
- }
1623
- #wpwrap {
1624
- overflow-x: hidden !important;
1625
- }
1626
- .callbeck-textarea {
1627
- width: 100%;
1628
- margin: 10px 0 10px 0px;
1629
- }
1630
- .remove_callback {
1631
- margin-left: 0px;
1632
- max-width: 50%;
1633
- }
1634
- .callback_label_options {
1635
- width: 30%;
1636
- }
1637
- #callback_list {
1638
- margin-top: 0px;
1639
- width: 80% !important;
1640
- }
1641
- #add_callback {
1642
- width: 15%;
1643
- padding: 0 7px 1px 7px;
1644
- margin-top: 1px;
1645
- }
1646
- }
1647
-
1648
- @media screen and (max-width: 475px) and (min-width: 320px) {
1649
- .wds_subtab_wrap {
1650
- width: 47.2% !important;
1651
- height: 155px !important;
1652
- }
1653
- .wds_textarea {
1654
- width: 107px !important;
1655
- }
1656
- .wds_link {
1657
- width: 145px !important;
1658
- }
1659
- .select_icon_320 {
1660
- width: 90% !important;
1661
- }
1662
- .action_buttons{
1663
- font-size: 11px !important
1664
- }
1665
- .wds_button_wrap,
1666
- .slide_add_buttons_wrap,
1667
- .layer_add_buttons_wrap {
1668
- width: 48.1% !important;
1669
- }
1670
- }
1671
-
1672
- @media screen and (max-width: 400px) {
1673
- .wds_button_wrap,
1674
- .slide_add_buttons_wrap,
1675
- .layer_add_buttons_wrap {
1676
- width:48% !important;
1677
- }
1678
- .layer_table_left span, .layer_table_right span, .layer_table_left .wds_editor_btn {
1679
- display:block !important;
1680
- }
1681
- .layer_table_left textarea, .layer_table_left .select_icon, .layer_table_right .select_icon{
1682
- width:auto !important;
1683
- }
1684
- }
1685
-
1686
- .goodbye-text {
1687
- font-size: 16px;
1688
- font-weight: bold;
1689
- background: #fff;
1690
- padding: 15px;
1691
- line-height: 22px;
1692
- }
1693
-
1694
- .goodbye-text a {
1695
- font-size: 15px;
1696
- }
1697
-
1698
- .wds_free_button {
1699
- background-color: #6EC9E6!important;
1700
- border-color:#5BA6B9 !important;
1701
- opacity: 1;
1702
- filter: Alpha(opacity=100);
1703
  }
1
+ .wds_form h2 {
2
+ font-size: 23px;
3
+ font-weight: normal;
4
+ padding: 5px 15px 4px 0;
5
+ margin: 0;
6
+ }
7
+
8
+ #bullets_images_type,
9
+ #bullets_images_color,
10
+ #bull_style,
11
+ #rl_butt_type,
12
+ #rl_butt_color,
13
+ #rl_butt_style {
14
+ margin: 0 10px 0 0;
15
+ width: 100px;
16
+ }
17
+
18
+ .wds_ctrl_btn_upload {
19
+ display: block !important;
20
+ margin: 5px 0 !important;
21
+ text-align: center;
22
+ vertical-align: middle;
23
+ width: 95%;
24
+ }
25
+
26
+ .wds_reverse {
27
+ margin: 0 5px !important;
28
+ }
29
+
30
+ .wds_more {
31
+ font-size: 12px;
32
+ }
33
+
34
+ .wrap .button {
35
+ border-radius: 3px !important;
36
+ text-shadow: none !important;
37
+ }
38
+
39
+ .spider_message_cont {
40
+ display: none;
41
+ width: 99%;
42
+ }
43
+
44
+ .spider_load {
45
+ display: none;
46
+ }
47
+
48
+ .spider_load_cont {
49
+ background-color: rgba(0, 0, 0, 0.7);
50
+ left: 0;
51
+ height: 100%;
52
+ position: fixed;
53
+ top: 0;
54
+ width: 100%;
55
+ z-index: 99998;
56
+ }
57
+
58
+ .spider_load_icon {
59
+ left: 0;
60
+ height: 100%;
61
+ position: fixed;
62
+ text-align: center;
63
+ top: 0;
64
+ width: 100%;
65
+ z-index: 99999;
66
+ }
67
+
68
+ .spider_ajax_loading {
69
+ border: none !important;
70
+ margin-top: 200px;
71
+ width: 30px;
72
+ /*-webkit-animation: spin 2.5s infinite linear;
73
+ -moz-animation: spin 2.5s infinite linear;
74
+ -o-animation: spin 2.5s infinite linear;
75
+ animation: spin 2.5s infinite linear;*/
76
+ }
77
+
78
+ @-moz-keyframes spin {
79
+ 0% {
80
+ -moz-transform: rotate(0deg);
81
+ }
82
+ 100% {
83
+ -moz-transform: rotate(359deg);
84
+ }
85
+ }
86
+ @-webkit-keyframes spin {
87
+ 0% {
88
+ -webkit-transform: rotate(0deg);
89
+ }
90
+ 100% {
91
+ -webkit-transform: rotate(359deg);
92
+ }
93
+ }
94
+ @-o-keyframes spin {
95
+ 0% {
96
+ -o-transform: rotate(0deg);
97
+ }
98
+ 100% {
99
+ -o-transform: rotate(359deg);
100
+ }
101
+ }
102
+ @-ms-keyframes spin {
103
+ 0% {
104
+ -ms-transform: rotate(0deg);
105
+ }
106
+ 100% {
107
+ -ms-transform: rotate(359deg);
108
+ }
109
+ }
110
+ @keyframes spin {
111
+ 0% {
112
+ transform: rotate(0deg);
113
+ }
114
+ 100% {
115
+ transform: rotate(359deg);
116
+ }
117
+ }
118
+
119
+ #TB_window,
120
+ #TB_iframeContent {
121
+ width: 800px !important;
122
+ height: 500px !important;
123
+ }
124
+
125
+ #TB_window {
126
+ margin-left: -400px !important;
127
+ }
128
+
129
+ .wrap * {
130
+ font-size: 12px;
131
+ font-family: "Open Sans",sans-serif;
132
+ }
133
+
134
+ .input_th {
135
+ margin-left: 0px !important;
136
+ width: 160px !important;
137
+ font-family: sans-serif;
138
+ }
139
+ .input_th2 {
140
+ margin-left: 0px !important;
141
+ width: 160px !important;
142
+ margin-top:5px;
143
+ height: 19px;
144
+ }
145
+
146
+ .edit_input {
147
+ height: 28px !important;
148
+ padding-bottom: 7px !important;
149
+ }
150
+
151
+ .add_tag_th {
152
+ padding-left: 21px;
153
+ font-size: 12px;
154
+ font-family: sans-serif;
155
+ }
156
+
157
+ .pointer{
158
+ cursor: pointer;
159
+ }
160
+
161
+ .non_selectable {
162
+ -webkit-touch-callout: none;
163
+ -webkit-user-select: none;
164
+ -khtml-user-select: none;
165
+ -moz-user-select: none;
166
+ -ms-user-select: none;
167
+ user-select: none;
168
+ }
169
+
170
+ .wds_position_table td,
171
+ .wds_position_table input{
172
+ border: 1px solid #CCCCCC;
173
+ margin: 2px;
174
+ }
175
+
176
+ .wds_position_table .wds_position_td {
177
+ background-color: #f4f4f4;
178
+ display: inline-block;
179
+ line-height: 1;
180
+ padding: 0 !important;
181
+ }
182
+
183
+ .wds_position_table {
184
+ width:inherit !important;
185
+ }
186
+
187
+ .spider_div_options {
188
+ background: none repeat scroll 0 0 #F4F4F4;
189
+ border: 1px solid #8F8D8D;
190
+ border-radius: 8px 8px 8px 8px;
191
+ display: none;
192
+ margin: 2px 0 0 190px;
193
+ padding: 13px;
194
+ min-height: 300px;
195
+ min-width: 600px;
196
+ vertical-align: top;
197
+ }
198
+
199
+ .table_small_col {
200
+ text-align: center !important;
201
+ width: 45px;
202
+ }
203
+
204
+ .table_medium_col {
205
+ text-align: center !important;
206
+ width: 70px;
207
+ }
208
+
209
+ .table_big_col {
210
+ text-align: center !important;
211
+ width: 80px;
212
+ }
213
+
214
+ .table_large_col {
215
+ text-align: center !important;
216
+ width: 140px;
217
+ }
218
+
219
+ .table_medium_col_uncenter {
220
+ width: 80px;
221
+ }
222
+
223
+ .table_extra_large_col {
224
+ padding: 4px !important;
225
+ width: 150px !important;
226
+ }
227
+
228
+ .first-page,
229
+ .prev-page,
230
+ .next-page,
231
+ .last-page,
232
+ .table_extra_large_col a,
233
+ .table_medium_col a,
234
+ .table_big_col a,
235
+ .table_small_col a {
236
+ cursor: pointer;
237
+ }
238
+
239
+ .spider_word_wrap {
240
+ word-wrap: normal;
241
+ }
242
+
243
+ .spider_description {
244
+ color: #666666;
245
+ font-size: 0.923em;
246
+ line-height: 1.231em;
247
+ }
248
+ .handle_wrap{
249
+ display: table-cell;
250
+ padding: 2px 10px;
251
+ vertical-align: middle;
252
+ }
253
+ .handle {
254
+ background: url("../images/sliderwdpng/slide_drag.png") no-repeat transparent;
255
+ border: none;
256
+ cursor: move;
257
+ display: inline-block;
258
+ height: 18px;
259
+ /*margin: 0 10px;*/
260
+ width: 24px;
261
+ vertical-align: middle;
262
+ }
263
+
264
+ .layer_handle {
265
+ background: url("../images/sliderwdpng/layer.png") no-repeat transparent;
266
+ }
267
+
268
+ .slider-icon {
269
+ background-image: url("../images/slider-icon.png");
270
+ background-repeat: no-repeat;
271
+ border: none;
272
+ float: left;
273
+ height: 30px;
274
+ margin: 0 8px 0 0;
275
+ width: 30px;
276
+ }
277
+
278
+ .spider_label {
279
+ font-weight: bold;
280
+ width: 100px;
281
+ }
282
+
283
+ .spider_label_top {
284
+ font-weight: bold;
285
+ padding-top: 3px;
286
+ vertical-align: top;
287
+ width: 100px;
288
+ }
289
+
290
+ .spider_fieldset .spider_label {
291
+ font-weight: bold;
292
+ vertical-align: top;
293
+ width: 150px;
294
+ }
295
+
296
+ .spider_label_options {
297
+ font-weight: bold;
298
+ vertical-align: top;
299
+ width: 150px;
300
+ }
301
+
302
+ .spider_choose_option {
303
+ display: table;
304
+ box-shadow: 0px 0px 1px 1px #D2D2D2;
305
+ margin-bottom: 5px;
306
+ border-radius: 2px;
307
+ padding: 2px;
308
+ box-sizing: border-box;
309
+ cursor: pointer;
310
+ width: 100%;
311
+ }
312
+
313
+ .spider_options_cont,
314
+ .spider_bull_options_cont,
315
+ .spider_pp_options_cont,
316
+ .spider_options_color_cont,
317
+ .spider_bull_options_color_cont,
318
+ .spider_pp_options_color_cont {
319
+ display: none;
320
+ width: 180px;
321
+ height: 150px;
322
+ overflow: scroll;
323
+ overflow-x: hidden;
324
+ overflow-y: scroll;
325
+ }
326
+
327
+ .spider_option_cont {
328
+ display: block;
329
+ border-bottom: 1px solid #D3D3D3;
330
+ padding: 3px 0px 3px 0px;
331
+ box-sizing: content-box;
332
+ width: 98%;
333
+ border-radius: 0px;
334
+ cursor: pointer;
335
+ }
336
+
337
+ .spider_option_cont_title {
338
+ display: table-cell;
339
+ vertical-align: middle;
340
+ padding: 0px 0px 0px 4px;
341
+ }
342
+
343
+ .spider_option_cont_img {
344
+ display: table-cell;
345
+ width: 23%;
346
+ height: 15px;
347
+ text-align: right;
348
+ padding: 5px 4px 0px 0px;
349
+ box-sizing: border-box;
350
+ background-color: #EEEEEE;
351
+ }
352
+
353
+ .spider_option_main_title {
354
+ display: table-cell;
355
+ width: 65%;
356
+ vertical-align: middle;
357
+ padding: 0px 0px 0px 4px;
358
+ color: #555;
359
+ }
360
+
361
+ .spider_sel_option_ic {
362
+ display: table-cell;
363
+ width: 20%;
364
+ height: 15px;
365
+ text-align: right;
366
+ padding: 0px 6px 0px 0px;
367
+ box-sizing: border-box;
368
+ }
369
+
370
+ .spider_int_input {
371
+ width: 45px;
372
+ }
373
+
374
+ .spider_char_input {
375
+ width: 115px;
376
+ }
377
+
378
+ .spider_text_input {
379
+ width: 190px;
380
+ }
381
+
382
+ .spider_slider_div {
383
+ display: inline-block;
384
+ vertical-align: middle;
385
+ width: 140px;
386
+ }
387
+
388
+ .spider_slider_percentage,
389
+ .spider_slider_percentage input,
390
+ .spider_slider_percentage input :focus {
391
+ background: transparent;
392
+ border: none;
393
+ color: #00AEEF;
394
+ display: inline;
395
+ font-weight: bold;
396
+ text-align: right;
397
+ vertical-align: middle;
398
+ width: 30px;
399
+ }
400
+
401
+ .wd_error {
402
+ border-color: #dd3d36 !important;
403
+ }
404
+
405
+ .wd_updated {
406
+ border-color: #7ad03a !important;
407
+ }
408
+
409
+ .wd_error,
410
+ .wd_updated {
411
+ background: #fff none repeat scroll 0 0;
412
+ border-left: 4px solid #fff;
413
+ box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
414
+ margin: 5px 0 2px;
415
+ padding: 1px 12px;
416
+ }
417
+
418
+ .buttons_div {
419
+ float: right;
420
+ margin: 5px 0;
421
+ }
422
+
423
+ .buttons_div input{
424
+ margin-bottom:4px;
425
+ }
426
+
427
+ .buttons_div_left {
428
+ float: left;
429
+ margin: 5px 0;
430
+ }
431
+
432
+ .buttons_div_right {
433
+ float: right;
434
+ margin: 5px 0;
435
+ }
436
+
437
+ .spider_delete_img {
438
+ background-image: url("../images/delete.png");
439
+ border: none;
440
+ cursor: pointer;
441
+ display: inline-block;
442
+ vertical-align: middle;
443
+ height: 14px;
444
+ width: 14px;
445
+ }
446
+
447
+ .spider_delete_img_small {
448
+ background-image: url("../images/delete.png");
449
+ background-size: 10px auto;
450
+ border: medium none;
451
+ cursor: pointer;
452
+ display: inline-block;
453
+ height: 10px;
454
+ margin-top: 2px;
455
+ vertical-align: middle;
456
+ width: 10px;
457
+ }
458
+
459
+ .spider_fieldset {
460
+ background: none repeat scroll 0 0 #F4F4F4;
461
+ border: 1px solid #8F8D8D;
462
+ border-radius: 8px 8px 8px 8px;
463
+ display: none;
464
+ float: left;
465
+ margin: 4px;
466
+ padding: 13px;
467
+ width: 97%;
468
+ }
469
+
470
+ .spider_type_fieldset {
471
+ background: none repeat scroll 0 0 #F4F4F4;
472
+ border-radius: 8px 8px 8px 8px;
473
+ display: none;
474
+ float: left;
475
+ width: 100%;
476
+ }
477
+
478
+ .spider_child_fieldset {
479
+ background: none repeat scroll 0 0 #F4F4F4;
480
+ border: 1px solid #8F8D8D;
481
+ border-radius: 8px 8px 8px 8px;
482
+ float: left;
483
+ margin: 4px;
484
+ width: 30%;
485
+ padding: 13px;
486
+ display: block;
487
+ }
488
+
489
+ .spider_table td {
490
+ padding: 0;
491
+ vertical-align: middle;
492
+ }
493
+
494
+ .spider_ctrls {
495
+ padding: 4px;
496
+ text-align: center;
497
+ width: 40px;
498
+ }
499
+
500
+ .theme_type {
501
+ background-color: #F4F4F4;
502
+ border: 1px solid #8F8D8D;
503
+ border-radius: 8px 8px 8px 8px;
504
+ cursor: pointer;
505
+ display: inline-block;
506
+ font-size: 16px;
507
+ height: 24px;
508
+ padding-top: 5px;
509
+ text-align: center;
510
+ vertical-align: middle;
511
+ width: 123px;
512
+ margin: 2px 0px 2px 0px;
513
+ }
514
+
515
+ .ui-slider-handle {
516
+ cursor: pointer !important;
517
+ }
518
+
519
+ .thumb {
520
+ border: 1px solid #CCCCCC;
521
+ max-height: 120px;
522
+ max-width: 120px;
523
+ }
524
+
525
+ .fileDescription {
526
+ color: #666666;
527
+ cursor: pointer;
528
+ font-family: sans-serif;
529
+ font-size: 12px;
530
+ }
531
+
532
+ .filename {
533
+ font-size: 13px;
534
+ }
535
+
536
+ .tag_div {
537
+ background-clip: padding-box;
538
+ background-color: #F3F3F3;
539
+ border: 1px solid #AAAAAA;
540
+ border-radius: 3px 3px 3px 3px;
541
+ box-shadow: 0 0 2px #FFFFFF inset, 0 1px 0 rgba(0, 0, 0, 0.05);
542
+ color: #666666;
543
+ line-height: 13px;
544
+ margin: 2px 0;
545
+ padding: 2px 5px 2px 5px;
546
+ width: 132px;
547
+ }
548
+
549
+ .tags_div {
550
+ overflow-y: auto;
551
+ height: 65px;
552
+ }
553
+
554
+ .tag_name {
555
+ width: 118px;
556
+ }
557
+
558
+ .spider_rotate {
559
+ border-radius: 2px;
560
+ border: 1px solid #FFFFFF;
561
+ height: 30px;
562
+ }
563
+
564
+ .spider_search_value {
565
+ height: 2em;
566
+ margin: 0 0 4px;
567
+ }
568
+
569
+ #th_order,
570
+ .spider_order {
571
+ display: none;
572
+ }
573
+ .wds_buttons:after, .slide_add_buttons:after, #layer_add_buttons:after{
574
+ content:"";
575
+ clear:both;
576
+ display:table;
577
+ }
578
+ .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap{
579
+ float:left;
580
+ margin-right: 5px;
581
+ margin-bottom: 2px;
582
+ }
583
+
584
+ .wds_add_video,
585
+ .wds_resize_image,
586
+ .wds_imports,
587
+ .wds_exports,
588
+ .wds_editor {
589
+ display: none;
590
+ padding: 10px;
591
+ height: 60px;
592
+ background-color: #FFFFFF;
593
+ border: 1px solid #999999;
594
+ top: 50%;
595
+ position: fixed;
596
+ left: 50%;
597
+ text-align: left;
598
+ z-index: 100000;
599
+ border-radius: 3px;
600
+ margin-top: -45px;
601
+ }
602
+
603
+ .wds_add_video,
604
+ .wds_resize_image {
605
+ margin-left: -340px;
606
+ }
607
+
608
+ .wds_exports {
609
+ margin-left: -240px;
610
+ }
611
+
612
+ .wds_editor {
613
+ background-color: transparent;
614
+ border: none;
615
+ margin-left: -247px;
616
+ margin-top: -110px;
617
+ width: 465px;
618
+ height: 225px;
619
+ resize: vertical;
620
+ }
621
+
622
+ .wds_editor_btn {
623
+ position: absolute;
624
+ margin-left: 5px !important;
625
+ }
626
+
627
+ .wds_editor_insert_btn {
628
+ background-color: #FFFFFF;
629
+ padding: 5px;
630
+ text-align: right;
631
+ }
632
+
633
+ #wp-template_text-wrap {
634
+ background-color: #FFFFFF;
635
+ }
636
+
637
+ .wds_imports {
638
+ margin-left: -185px;
639
+ }
640
+
641
+ .wds_add_video input[type="text"],
642
+ .wds_resize_image input[type="text"] {
643
+ width: 500px;
644
+ }
645
+
646
+
647
+ .wds_opacity_video,
648
+ .wds_opacity_import,
649
+ .wds_opacity_export {
650
+ background-color: #000000;
651
+ display: none;
652
+ opacity: 0.75;
653
+ filter: Alpha(opacity=75);
654
+ position: fixed;
655
+ top: 0;
656
+ left: 0;
657
+ width: 100%;
658
+ height: 100%;
659
+ z-index: 99998;
660
+ }
661
+
662
+ .widefat .check-column {
663
+ text-align: center;
664
+ }
665
+
666
+ .wds_tabs {
667
+ clear: both;
668
+ display: none;
669
+ position: relative;
670
+ z-index: 1;
671
+ }
672
+
673
+ .wds_tabs a.wds_sub_active,
674
+ .wds_tabs a.wds_active {
675
+ background-color: #F5F5F5;
676
+ color: #333;
677
+ }
678
+
679
+ .wds_tabs a {
680
+ color: #c7c7c7;
681
+ display: block !important;
682
+ float: left;
683
+ font: bold 17px/32px Arial,serif;
684
+ height: 30px;
685
+ margin: 3px 3px 0 0;
686
+ padding: 0 10px;
687
+ position: relative;
688
+ text-decoration: none;
689
+ width: 130px;
690
+ }
691
+
692
+ .wbs_subtab a {
693
+ font: bold 14px/26px Arial,serif;
694
+ height: 26px;
695
+ padding: 0 5px;
696
+ width: 105px;
697
+ }
698
+
699
+ .wds_add_layer {
700
+ position:absolute;
701
+ display:block;
702
+ width:30px !important;
703
+ height:30px !important;
704
+ padding: 0 !important;
705
+ margin: 0 !important;
706
+ top:39%;
707
+ left:39%;
708
+ background-image:url('../images/sliderwdpng/add slide.png');
709
+ background-size: cover;
710
+ border:0 !important;
711
+ }
712
+ .wds_tab_title_wrap{
713
+ display: table-cell;
714
+ vertical-align: middle;
715
+ }
716
+ .wds_tab_title {
717
+ background: none repeat scroll 0 0 transparent !important;
718
+ border: none !important;
719
+ cursor: pointer;
720
+ opacity: 0.5;
721
+ filter: Alpha(opacity=50);
722
+ padding: 2px 5px !important;
723
+ width: 94%;
724
+ }
725
+
726
+ .wds_sub_active .wds_tab_title,
727
+ .wds_layer_title {
728
+ background-color: #FFFFFF !important;
729
+ border-color: #DFDFDF !important;
730
+ border-radius: 3px !important;
731
+ border-style: solid !important;
732
+ border-width: 1px !important;
733
+ cursor: pointer;
734
+ opacity: 1;
735
+ filter: Alpha(opacity=100);
736
+ padding: 2px 5px;
737
+ }
738
+ .wds_layer_title {
739
+ width: 120px;
740
+ padding:5px;
741
+ color:#00A2D0;
742
+ }
743
+
744
+ .wds_tab_remove {
745
+ background-image: url("../images/sliderwdpng/hover_delete.png");
746
+ background-repeat: no-repeat;
747
+ background-size: 100% 100%;
748
+ display: inline-block;
749
+ width: 19px;
750
+ height: 19px;
751
+ margin:0 auto;
752
+ cursor:pointer
753
+ }
754
+
755
+ .wds_layer_remove {
756
+ background-image: url("../images/sliderwdpng/close.png");
757
+ background-repeat: no-repeat;
758
+ display: inline-block;
759
+ width: 20px;
760
+ height: 20px;
761
+ margin: 5px;
762
+ vertical-align: middle;
763
+ background-size: contain;
764
+ }
765
+
766
+ .wds_layer_dublicate {
767
+ background-image: url("../images/sliderwdpng/duplicate_slide.png");
768
+ background-repeat: no-repeat;
769
+ display: inline-block;
770
+ width: 20px;
771
+ height: 20px;
772
+ margin: 5px;
773
+ vertical-align: middle;
774
+ background-size: contain;
775
+ }
776
+
777
+ .wds_slide_dublicate {
778
+ background-image: url("../images/sliderwdpng/hover_duplicate.png");
779
+ background-repeat: no-repeat;
780
+ background-size: 100% 100%;
781
+ display: inline-block;
782
+ width: 19px;
783
+ height: 19px;
784
+ margin-right:11px;
785
+ cursor:pointer;
786
+ }
787
+
788
+ .wds_change_thumbnail {
789
+ background-image: url("../images/sliderwdpng/tumbnail.png");
790
+ background-repeat: no-repeat;
791
+ background-size: 100% 100%;
792
+ display: inline-block;
793
+ width: 19px !important;
794
+ height: 19px !important;
795
+ margin-top:0 !important;
796
+ margin-right:11px !important;
797
+ padding:0px !important;
798
+ cursor: pointer;
799
+ }
800
+
801
+ .wds_layer_depth {
802
+ font-size: 13px;
803
+ line-height: 15px;
804
+ margin: 1px 5px;
805
+ text-align: left;
806
+ width: 40px;
807
+ color: #00A2D0;
808
+ }
809
+
810
+ .wds_layer_label {
811
+ display: inline-block;
812
+ font-size: 13px;
813
+ width: 80%;
814
+ }
815
+
816
+ .wds_layer_right{
817
+ position: absolute;
818
+ top: 10px;
819
+ right: 5px;
820
+ }
821
+
822
+ .wds_sub_active .wds_tab_remove {
823
+ cursor: pointer !important;
824
+ opacity: 1;
825
+ filter: Alpha(opacity=100);
826
+ }
827
+
828
+ .wds_box.wds_sub_active,
829
+ .wds_box.wds_active {
830
+ display: block;
831
+ }
832
+
833
+ .wds_tab_label {
834
+ display: block;
835
+ width: inherit;
836
+ }
837
+
838
+ .wds_box {
839
+ display: none;
840
+ position: relative;
841
+ top: -1px;
842
+ }
843
+
844
+ .wds_box {
845
+ margin-top: 15px;
846
+ position: relative;
847
+ }
848
+
849
+ .wds_clear {
850
+ clear: both;
851
+ float: none !important;
852
+ }
853
+
854
+ .wds_box thead td {
855
+ border-bottom: 0 none !important;
856
+ }
857
+
858
+ .wds_box tbody {
859
+ border-top: 0 none;
860
+ padding-left: 10px;
861
+ }
862
+
863
+ .wds_box thead {
864
+ border-top: 0 none;
865
+ border-bottom: 0 none;
866
+ color: #333;
867
+ font: bold 12px/29px Arial,serif;
868
+ height: 29px;
869
+ margin: 0;
870
+ padding: 0 10px;
871
+ text-align: left;
872
+ }
873
+
874
+ .wds_box table {
875
+ border-collapse: collapse;
876
+ border-spacing: 0;
877
+ width: 100%;
878
+ }
879
+
880
+ .wds_nav_tabs {
881
+ background-color: #F5F5F5;
882
+ border-right: 1px solid #DFDFDF;
883
+ float: left;
884
+ height: 640px;
885
+ margin: 0;
886
+ width: 150px;
887
+ margin-left: 14px;
888
+ }
889
+
890
+ .wds_nav_tabs ul {
891
+ list-style: none outside none;
892
+ margin: 0px 0;
893
+ padding: 0;
894
+ }
895
+
896
+ .wds_nav_tabs .wds_sub_active,
897
+ .wds_nav_tabs .wds_sub_active a,
898
+ .wds_nav_tabs .wds_sub_active a:hover,
899
+ .wds_nav_tabs .wds_active,
900
+ .wds_nav_tabs .wds_active a,
901
+ .wds_nav_tabs .wds_active a:hover {
902
+ background: none repeat scroll 0 0 #fff;
903
+ color: #333;
904
+ }
905
+
906
+ .wds_nav_tabs .wds_active {
907
+ border-color: rgb(0, 160, 212);
908
+ border-width: 1px 0 1px 1px;
909
+ border-style: solid;
910
+ margin: 0 -2px 0 -4px;
911
+ padding: 0;
912
+ }
913
+
914
+ .wds_nav_tabs li {
915
+ border-color: transparent;
916
+ border-style: solid;
917
+ border-width: 1px 0;
918
+ list-style-type: none;
919
+ margin-bottom: 0;
920
+ }
921
+
922
+ .wds_nav_tabs a {
923
+ display: block;
924
+ line-height: 18px;
925
+ padding: 5px 5px 5px 12px;
926
+ text-decoration: none;
927
+ }
928
+
929
+ .wds_nav_box {
930
+ background: none repeat scroll 0 0 #fff;
931
+ display: none;
932
+ height: 610px;
933
+ overflow: auto;
934
+ padding: 15px;
935
+ }
936
+
937
+ .wds_nav_box.wds_active {
938
+ display: block;
939
+ border: 1px solid rgb(0, 160, 212);
940
+ }
941
+
942
+ .wds_layer_head {
943
+ cursor: pointer;
944
+ padding: 5px;
945
+ position:relative;
946
+ }
947
+
948
+ .wds_layer_head .handle {
949
+ cursor: move;
950
+ display: inline-block;
951
+ margin: 5px;
952
+ }
953
+
954
+ .wds_box td {
955
+ padding: 10px !important;
956
+ }
957
+
958
+ .wds_draggable {
959
+ box-sizing: border-box;
960
+ cursor: move;
961
+ }
962
+
963
+ .wds_box .color {
964
+ width: 60px;
965
+ }
966
+
967
+ .wds_active_layer {
968
+ box-shadow: rgb(44, 36, 36) 0px 0px 5px;
969
+ border-radius: 3px;
970
+ }
971
+
972
+ .wds_draggable a,
973
+ .wds_draggable a:hover {
974
+ color: inherit !important;
975
+ font-size: inherit !important;
976
+ font-style: inherit !important;
977
+ font-weight: inherit !important;
978
+ text-decoration: none;
979
+ }
980
+
981
+ #add_embed_help {
982
+ height: 200px;
983
+ width: 672px;
984
+ top: 40%;
985
+ }
986
+
987
+ #add_embed input[type="text"] {
988
+ width: 500px;
989
+ }
990
+
991
+ .wds_buttons {
992
+ float: right;
993
+ font-weight: normal;
994
+ position: relative;
995
+ }
996
+
997
+ .wds_reset_button {
998
+ display: none;
999
+ font-weight: normal;
1000
+ margin: 14px 0;
1001
+ position: absolute;
1002
+ right: 26px;
1003
+ z-index: 1
1004
+ }
1005
+
1006
+ span[data-type="wds_text_parent"] * {
1007
+ color: inherit;
1008
+ font-family: inherit;
1009
+ font-size: inherit;
1010
+ margin: inherit;
1011
+ }
1012
+
1013
+ .wds_button-secondary{
1014
+ background-color: #FFFFFF;
1015
+ padding: 0 7px 1px 37px;
1016
+ margin: 0;
1017
+ display: inline-block;
1018
+ text-decoration: none;
1019
+ font-size: 13px;
1020
+ line-height: 30px;
1021
+ height: 30px;
1022
+ cursor: pointer;
1023
+ border: 1px solid #ddd;
1024
+ -webkit-appearance: none;
1025
+ white-space: nowrap;
1026
+ -webkit-box-sizing: border-box;
1027
+ -moz-box-sizing: border-box;
1028
+ box-sizing: border-box;
1029
+ color:#666
1030
+ }
1031
+
1032
+ .wds_check_all {
1033
+ padding: 0px 7px 1px 7px;
1034
+ }
1035
+
1036
+ .last {
1037
+ margin-right: 10px;
1038
+ }
1039
+
1040
+ #wds_search,
1041
+ #wds_reset {
1042
+ background-color: #FFFFFF;
1043
+ padding: 0 15px 1px ;
1044
+ margin: 0 2px 0 0;
1045
+ display: inline-block;
1046
+ text-decoration: none;
1047
+ font-size: 13px;
1048
+ line-height: 30px;
1049
+ height: 30px;
1050
+ cursor: pointer;
1051
+ -webkit-appearance: none;
1052
+ white-space: nowrap;
1053
+ -webkit-box-sizing: border-box;
1054
+ -moz-box-sizing: border-box;
1055
+ box-sizing: border-box;
1056
+ }
1057
+
1058
+ .wds_alternate {
1059
+ background-color:#F1F1F1;
1060
+ }
1061
+
1062
+ .action_buttons {
1063
+ padding: 0 7px 1px 32px;
1064
+ margin: 0 ;
1065
+ display: inline-block;
1066
+ text-decoration: none;
1067
+ font-size: 13px;
1068
+ line-height: 30px;
1069
+ height: 30px;
1070
+ cursor: pointer;
1071
+ border: 0;
1072
+ -webkit-appearance: none;
1073
+ white-space: nowrap;
1074
+ -webkit-box-sizing: border-box;
1075
+ -moz-box-sizing: border-box;
1076
+ box-sizing: border-box;
1077
+ color:#FFFFFF;
1078
+ }
1079
+
1080
+ #tbody_arr .action_buttons{
1081
+ padding: 0 7px 1px 32px;
1082
+ margin: 0 2px 0 0;
1083
+ display: inline-block;
1084
+ text-decoration: none;
1085
+ font-size: 13px;
1086
+ line-height: 30px;
1087
+ height: 30px;
1088
+ cursor: pointer;
1089
+ border: 0;
1090
+ -webkit-appearance: none;
1091
+ white-space: nowrap;
1092
+ -webkit-box-sizing: border-box;
1093
+ -moz-box-sizing: border-box;
1094
+ box-sizing: border-box;
1095
+ color:#FFFFFF;
1096
+ }
1097
+
1098
+ .wds_buttons .action_buttons{
1099
+ padding: 0 7px 1px 30px;
1100
+ line-height: 34px;
1101
+ height: 34px
1102
+ }
1103
+
1104
+ /* .wrap a {
1105
+ color: #000000 !important;
1106
+ }
1107
+
1108
+ .wrap a:hover {
1109
+ color: #00A0D2 !important;
1110
+ }
1111
+ */
1112
+ .buttons_conteiner{
1113
+ margin:10px 0 0
1114
+ }
1115
+
1116
+ #wds_preview{
1117
+ background-color:#00A2D0;
1118
+ line-height: 30px;
1119
+ height: 30px;
1120
+ border-bottom: 3px solid #258AA6;
1121
+ }
1122
+
1123
+ tbody .action_buttons{
1124
+ padding: 0 7px 1px 32px;
1125
+ line-height: 34px;
1126
+ height: 34px
1127
+ }
1128
+
1129
+ .layer_bgcolor{
1130
+ background-color: #FFFFFF !important;
1131
+ }
1132
+
1133
+ .bgcolor td{
1134
+ padding: 20px !important;
1135
+ }
1136
+
1137
+ .bgcolor {
1138
+ background-color: #FFFFFF !important;
1139
+ padding: 20px !important;
1140
+ }
1141
+ .edit_slide{
1142
+ color: white !important;
1143
+ background-image:url('../images/sliderwdpng/add.png');
1144
+ background-position: 5% 50%;
1145
+ }
1146
+
1147
+ .add_by_url{
1148
+ background-image:url('../images/sliderwdpng/add_url.png');
1149
+ background-position: 5% 50%;
1150
+ }
1151
+
1152
+ .embed_media{
1153
+ background-image:url('../images/sliderwdpng/media.png');
1154
+ background-position: 5% 50%;
1155
+ }
1156
+
1157
+ .add_post{
1158
+ color: white !important;
1159
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1160
+ background-position: 10% 50%;
1161
+ }
1162
+
1163
+ .delete{
1164
+ background-image:url('../images/sliderwdpng/delete.png');
1165
+ background-position: 10% 50%;
1166
+ background-color:#D14130 !important;
1167
+ border-bottom-color:#AD2626 !important;
1168
+
1169
+ }
1170
+
1171
+ .add_text_layer{
1172
+ color: white !important;
1173
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1174
+ background-position: 5% 50%;
1175
+ }
1176
+
1177
+ .add_image_layer{
1178
+ color: white !important;
1179
+ background-image:url('../images/sliderwdpng/add_image_layer.png');
1180
+ background-position: 5% 50%;
1181
+ }
1182
+
1183
+ .add_embed_layer{
1184
+ color: white !important;
1185
+ background-image:url('../images/sliderwdpng/media.png');
1186
+ background-position: 5% 50%;
1187
+ }
1188
+
1189
+ .add_social_layer{
1190
+ background-image:url('../images/sliderwdpng/add_social.png');
1191
+ background-position: 5% 50%;
1192
+ background-repeat:no-repeat;
1193
+ }
1194
+
1195
+ .add_hotspot_layer{
1196
+ background-image:url('../images/sliderwdpng/add_hotspot.png');
1197
+ background-position: 5% 50%;
1198
+ }
1199
+
1200
+ .tab_image {
1201
+ background-size:cover;
1202
+ width:100%;
1203
+ height:100%;
1204
+ position:relative;
1205
+ border:1px solid #B4AFAF;
1206
+
1207
+ }
1208
+
1209
+ .new_tab_image {
1210
+ background-image:url('../images/sliderwdpng/border.png');
1211
+ background-repeat: no-repeat;
1212
+ background-position:center center;
1213
+ width:100%;
1214
+ position:relative;
1215
+ border:1px solid #B4AFAF;
1216
+ cursor:pointer;
1217
+ height: 130px !important;
1218
+ }
1219
+
1220
+ .tab_buttons{
1221
+ position:absolute;
1222
+ bottom:0px;
1223
+ background-color:#F1F1F1;
1224
+ width:100%;
1225
+ }
1226
+
1227
+ .tab_link, .new_tab_link{
1228
+ display:block !important;
1229
+ width:100% !important;
1230
+ height:100% !important;
1231
+ padding:0 !important;
1232
+ }
1233
+
1234
+ .select_icon{
1235
+ background-image:url('../images/sliderwdpng/select.png');
1236
+ background-repeat: no-repeat;
1237
+ -webkit-appearance: none;
1238
+ -moz-appearance: none;
1239
+ background-position:93% 49%;
1240
+ padding: 0 2px 2px 2px !important;
1241
+ width: 10%;
1242
+ }
1243
+ .overlay {
1244
+ display:none;
1245
+ width:100%;
1246
+ height:100%;
1247
+ background-color:rgba(0,0,0,0.6);
1248
+
1249
+ }
1250
+
1251
+ .tab_image:hover .overlay {
1252
+ display: block;
1253
+ }
1254
+
1255
+ #hover_buttons {
1256
+ position:absolute;
1257
+ top:0;
1258
+ bottom:0;
1259
+ left:0;
1260
+ right:0;
1261
+ margin:auto;
1262
+ width:86px;
1263
+ height:19px;
1264
+ }
1265
+
1266
+ .layer_table_left{
1267
+ float:left !important;
1268
+ }
1269
+ .layer_table_right{
1270
+ float:right !important;
1271
+ }
1272
+
1273
+ .slider_title_conteiner {
1274
+ /* background-color: white; */
1275
+ padding: 2px 11px;
1276
+ width: 35%;
1277
+ float: left;
1278
+ }
1279
+
1280
+ #name {
1281
+ width: 80%;
1282
+ }
1283
+
1284
+ .slider_title_conteiner input{
1285
+ box-shadow:none;
1286
+ height: 30px
1287
+ }
1288
+
1289
+ .tab_conteiner{
1290
+ float:left ;
1291
+ margin-bottom:2px;
1292
+ }
1293
+
1294
+ .wds_subtab_wrap{
1295
+ width:12%;
1296
+ height:130px;
1297
+ float:left;
1298
+ margin:12px
1299
+ }
1300
+
1301
+ .tab_button_wrap {
1302
+ float: left;
1303
+ width: 120px;
1304
+ margin-right: 5px;
1305
+ }
1306
+
1307
+ .tab_button_wrap .wds_button-secondary {
1308
+ margin-right: 5px;
1309
+ }
1310
+
1311
+ .wds_menu_icon{
1312
+ display:none;
1313
+ }
1314
+
1315
+ .add_video{
1316
+ color: white !important;
1317
+ background-image:url('../images/sliderwdpng/add_video.png');
1318
+ background-position: 5% 50%;
1319
+ }
1320
+
1321
+ .add_images{
1322
+ background-image:url('../images/sliderwdpng/add.png');
1323
+ background-position: 5% 50%;
1324
+ color:white !important;
1325
+ background-repeat:no-repeat;
1326
+ background-color:#00A0D2;
1327
+ border-bottom: 3px solid #258AA6;
1328
+ }
1329
+
1330
+ .edit_thumb {
1331
+ background-image:url('../images/sliderwdpng/edit_thumbnail.png');
1332
+ background-position: 5% 50%;
1333
+ color:white !important;
1334
+ background-repeat:no-repeat;
1335
+ background-color:#00A0D2;
1336
+ border-bottom: 3px solid #258AA6;
1337
+ }
1338
+
1339
+ .add_posts{
1340
+ background-image:url('../images/sliderwdpng/add_text_layer.png');
1341
+ background-position: 10% 50%;
1342
+ color:white !important;
1343
+ }
1344
+
1345
+ .add_video_layer{
1346
+ color: white !important;
1347
+ background-image:url('../images/sliderwdpng/add_video_layer.png');
1348
+ background-position: 5% 50%;
1349
+ }
1350
+
1351
+ .set_watermark{
1352
+ background-image:url('../images/sliderwdpng/watermark.png');
1353
+ background-position: 5% 50%;
1354
+ color:white !important;
1355
+ }
1356
+
1357
+ .reset_watermark{
1358
+ background-image:url('../images/sliderwdpng/reset_watermark.png');
1359
+ background-position: 5% 50%;
1360
+ color:white !important;
1361
+ }
1362
+
1363
+ .wds_button_wrap .action_buttons, .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
1364
+ background-repeat:no-repeat;
1365
+ background-color: #00A0D2;
1366
+ border-bottom: 3px solid #258AA6;
1367
+ }
1368
+
1369
+ .wds_publish_all {
1370
+ background-image:url('../images/sliderwdpng/publish.png');
1371
+ background-repeat:no-repeat;
1372
+ background-position: 15% 50%
1373
+ }
1374
+
1375
+ .wds_unpublish_all {
1376
+ background-image:url('../images/sliderwdpng/unpublish.png');
1377
+ background-repeat:no-repeat;
1378
+ background-position: 15% 50%
1379
+ }
1380
+
1381
+ .wds_duplicate_all {
1382
+ background-image:url('../images/sliderwdpng/duplicate.png');
1383
+ background-repeat:no-repeat;
1384
+ background-position: 15% 50%
1385
+ }
1386
+
1387
+ .wds_export {
1388
+ background-image:url('../images/sliderwdpng/export.png');
1389
+ background-repeat:no-repeat;
1390
+ background-position: 15% 50%
1391
+ }
1392
+
1393
+ .wds_import {
1394
+ background-image:url('../images/sliderwdpng/import.png');
1395
+ background-repeat:no-repeat;
1396
+ background-position: 15% 50%
1397
+ }
1398
+
1399
+ .wds_delete_all {
1400
+ background-image:url('../images/sliderwdpng/delete_red.png');
1401
+ background-repeat:no-repeat;
1402
+ background-position: 15% 50%
1403
+ }
1404
+
1405
+ .wds_table_big_col_action {
1406
+ width:25%;
1407
+ text-align:left!important;
1408
+ padding-left: 21px;
1409
+ }
1410
+
1411
+ #check_all_items {
1412
+ margin: 0px 5px 5px 0;
1413
+ vertical-align: middle;
1414
+ }
1415
+
1416
+ .edit_slider {
1417
+ background-image:url('../images/sliderwdpng/edit.png');
1418
+ background-repeat:no-repeat;
1419
+ background-color:#00A0D2;
1420
+ border-bottom: 3px solid #00546B !important;
1421
+ background-position: 10% 50%;
1422
+ }
1423
+
1424
+ .wds_duplicate_slider {
1425
+ background-image:url('../images/sliderwdpng/duplicate_blue.png');
1426
+ background-repeat:no-repeat;
1427
+ background-color:#00A0D2;
1428
+ border-bottom: 3px solid #00546B !important;
1429
+ background-position: 10% 50%;
1430
+ }
1431
+
1432
+ .wds_delete_slider {
1433
+ background-image:url('../images/sliderwdpng/delete_slider.png');
1434
+ background-repeat:no-repeat;
1435
+ background-color:#D14130;
1436
+ border-bottom: 3px solid #AD2626 !important;
1437
+ background-position: 10% 50%;
1438
+ }
1439
+
1440
+ .wds_settings {
1441
+ background-image:url('../images/sliderwdpng/settings_grey.png');
1442
+ background-repeat:no-repeat;
1443
+ background-position: 15% 50%;
1444
+ background-repeat: no-repeat;
1445
+ height: 36px;
1446
+ padding-top: 2px;
1447
+ font-size: 13px;
1448
+ width: 100%
1449
+ }
1450
+
1451
+ .wds_slides {
1452
+ background-image:url('../images/sliderwdpng/slider_grey.png');
1453
+ background-repeat:no-repeat;
1454
+ background-position: 15% 50%;
1455
+ background-repeat: no-repeat;
1456
+ height: 36px;
1457
+ padding-top: 2px;
1458
+ font-size: 13px;
1459
+ width: 100%
1460
+ }
1461
+
1462
+ .wds_save_slider {
1463
+ background-image:url('../images/sliderwdpng/save.png');
1464
+ background-repeat:no-repeat;
1465
+ background-position: 15% 50%
1466
+ }
1467
+
1468
+ .wds_aplly_slider {
1469
+ background-image:url('../images/sliderwdpng/apply.png');
1470
+ background-repeat:no-repeat;
1471
+ background-position: 15% 50%
1472
+ }
1473
+
1474
+ .wds_dublicate_slide {
1475
+ background-image:url('../images/sliderwdpng/save_copy.png');
1476
+ background-repeat:no-repeat;
1477
+ background-position: 15% 50%
1478
+ }
1479
+
1480
+ #wds_preview{
1481
+ background-color:#00A2D0;
1482
+ line-height: 30px;
1483
+ height: 30px;
1484
+ border-bottom: 3px solid #258AA6;
1485
+ background-image:url('../images/sliderwdpng/preview1.png');
1486
+ background-repeat:no-repeat;
1487
+ background-position: 15% 50%
1488
+ }
1489
+
1490
+ .wds_export_one {
1491
+ background-image:url('../images/sliderwdpng/export.png');
1492
+ background-repeat:no-repeat;
1493
+ background-position: 15% 50%
1494
+ }
1495
+
1496
+ .wds_cancel {
1497
+ background-image:url('../images/sliderwdpng/cancel.png');
1498
+ background-repeat:no-repeat;
1499
+ background-position: 15% 50%
1500
+ }
1501
+
1502
+ .wds_external_link {
1503
+ border:0;
1504
+ box-shadow:none;
1505
+ margin-right:12px
1506
+ }
1507
+
1508
+ .layer_table_left {
1509
+ width: 60% !important;
1510
+ }
1511
+
1512
+ .layer_table_right {
1513
+ width: 39% !important;
1514
+ }
1515
+
1516
+ .selected_color {
1517
+ color:#00A2D0 !important;
1518
+ }
1519
+
1520
+ .slider_delete {
1521
+ float:left
1522
+ }
1523
+
1524
+ .slider_duplicate {
1525
+ float:left
1526
+ }
1527
+
1528
+ .slider_edit {
1529
+ float:left
1530
+ }
1531
+
1532
+ .reset_settings {
1533
+ background-image: url('../images/sliderwdpng/reset.png');
1534
+ background-position-y: 22%;
1535
+ color: #FFFFFF !important;
1536
+ background-repeat: no-repeat;
1537
+ background-color: #00A0D2;
1538
+ padding: 0 7px 1px 38px;
1539
+ margin: 0;
1540
+ display: inline-block;
1541
+ text-decoration: none;
1542
+ font-size: 13px;
1543
+ line-height: 30px;
1544
+ height: 30px;
1545
+ cursor: pointer;
1546
+ border: 0;
1547
+ border-bottom: 3px solid #258AA6;
1548
+ -webkit-appearance: none;
1549
+ white-space: nowrap;
1550
+ -webkit-box-sizing: border-box;
1551
+ -moz-box-sizing: border-box;
1552
+ box-sizing: border-box;
1553
+ background-position: 5% 50%;
1554
+ }
1555
+
1556
+ .wds_slide_radio_left {
1557
+ width: 34% !important;
1558
+ float: left;
1559
+ }
1560
+
1561
+ .wds_slide_radio_right {
1562
+ width: 66% !important;
1563
+ float: right;
1564
+ }
1565
+
1566
+ .wds_layer_head_tr {
1567
+ background-color: #e1e1e1;
1568
+ border: 1px solid #cccccc;
1569
+ }
1570
+
1571
+ .ui-tooltip {
1572
+ background-color: rgba(255,255,255,1);
1573
+ border-radius: 3px;
1574
+ box-shadow: 0 0 7px black;
1575
+ line-height: 15px;
1576
+ }
1577
+
1578
+ .titles {
1579
+ padding-top:0 !important;
1580
+ }
1581
+
1582
+ .wds_tab_label {
1583
+ text-align:center
1584
+ }
1585
+
1586
+ .callbeck-textarea {
1587
+ width: 400px;
1588
+ margin: 10px 0;
1589
+ resize: vertical;
1590
+ }
1591
+
1592
+ .callbeck-item {
1593
+ margin: 20px 0;
1594
+ max-width: 400px;
1595
+ }
1596
+ .remove_callback {
1597
+ background-image: url('../images/sliderwdpng/delete.png');
1598
+ background-repeat: no-repeat;
1599
+ background-color: #D14130 !important;
1600
+ border-bottom: 3px solid #AD2626 !important;
1601
+ background-position: 10% 50%;
1602
+ display: block;
1603
+ }
1604
+ .add_callback {
1605
+ background-image: url('../images/sliderwdpng/add.png');
1606
+ background-position: 50% 50%;
1607
+ color: white !important;
1608
+ background-repeat: no-repeat;
1609
+ background-color:#00A0D2;
1610
+ border-bottom: 3px solid #258AA6;
1611
+ vertical-align: top;
1612
+ }
1613
+ #callback_list {
1614
+ width: 200px;
1615
+ height: 34px;
1616
+ }
1617
+
1618
+ @media screen and (max-width: 782px){
1619
+ body {
1620
+ overflow-x: initial !important;
1621
+ min-width: inherit;
1622
+ }
1623
+ #wpwrap {
1624
+ overflow-x: hidden !important;
1625
+ }
1626
+ .callbeck-textarea {
1627
+ width: 100%;
1628
+ margin: 10px 0 10px 0px;
1629
+ }
1630
+ .remove_callback {
1631
+ margin-left: 0px;
1632
+ max-width: 50%;
1633
+ }
1634
+ .callback_label_options {
1635
+ width: 30%;
1636
+ }
1637
+ #callback_list {
1638
+ margin-top: 0px;
1639
+ width: 80% !important;
1640
+ }
1641
+ #add_callback {
1642
+ width: 15%;
1643
+ padding: 0 7px 1px 7px;
1644
+ margin-top: 1px;
1645
+ }
1646
+ }
1647
+
1648
+ @media screen and (max-width: 475px) and (min-width: 320px) {
1649
+ .wds_subtab_wrap {
1650
+ width: 47.2% !important;
1651
+ height: 155px !important;
1652
+ }
1653
+ .wds_textarea {
1654
+ width: 107px !important;
1655
+ }
1656
+ .wds_link {
1657
+ width: 145px !important;
1658
+ }
1659
+ .select_icon_320 {
1660
+ width: 90% !important;
1661
+ }
1662
+ .action_buttons{
1663
+ font-size: 11px !important
1664
+ }
1665
+ .wds_button_wrap,
1666
+ .slide_add_buttons_wrap,
1667
+ .layer_add_buttons_wrap {
1668
+ width: 48.1% !important;
1669
+ }
1670
+ }
1671
+
1672
+ @media screen and (max-width: 400px) {
1673
+ .wds_button_wrap,
1674
+ .slide_add_buttons_wrap,
1675
+ .layer_add_buttons_wrap {
1676
+ width:48% !important;
1677
+ }
1678
+ .layer_table_left span, .layer_table_right span, .layer_table_left .wds_editor_btn {
1679
+ display:block !important;
1680
+ }
1681
+ .layer_table_left textarea, .layer_table_left .select_icon, .layer_table_right .select_icon{
1682
+ width:auto !important;
1683
+ }
1684
+ }
1685
+
1686
+ .goodbye-text {
1687
+ font-size: 16px;
1688
+ font-weight: bold;
1689
+ background: #fff;
1690
+ padding: 15px;
1691
+ line-height: 22px;
1692
+ }
1693
+
1694
+ .goodbye-text a {
1695
+ font-size: 15px;
1696
+ }
1697
+
1698
+ .wds_free_button {
1699
+ background-color: #6EC9E6!important;
1700
+ border-color:#5BA6B9 !important;
1701
+ opacity: 1;
1702
+ filter: Alpha(opacity=100);
1703
  }
css/wds_tables_320.css CHANGED
@@ -1,295 +1,295 @@
1
- @media screen and (max-width: 320px){
2
-
3
- .handle {
4
- margin: 0 !important;
5
- width: 19px;
6
- }
7
-
8
- .wds_tabs {
9
- width: 93%;
10
- }
11
-
12
- .wds_tab_title {
13
- width: 94%;
14
- padding:0 !important
15
- }
16
-
17
-
18
- .wds_layer_remove {
19
- float: none;
20
- vertical-align: middle
21
- }
22
-
23
- .wds_layer_dublicate {
24
- margin: 5px;
25
- float: none;
26
- vertical-align: middle
27
- }
28
-
29
- .wds_layer_depth {
30
- float: none;
31
- }
32
-
33
- .wds_tab_label {
34
- text-align: center;
35
- }
36
-
37
- .wds_button-secondary{
38
- padding: 0 9px 1px 34px !important;
39
- }
40
-
41
- .wds_alternate{
42
- background-color:#F1F1F1;
43
- }
44
-
45
- .action_buttons{
46
- font-size: 11px;
47
- }
48
-
49
- .wds_buttons .action_buttons{
50
- padding: 0 18px 1px 46px;
51
- font-size:12px
52
- }
53
-
54
-
55
- .buttons_conteiner{
56
- margin:0px !important
57
- }
58
-
59
- tbody .action_buttons{
60
- padding: 0 7px 1px 43px;
61
- }
62
-
63
- .bgcolor td{
64
- padding: 10px !important;
65
- }
66
-
67
- .bgcolor {
68
- padding: 10px !important;
69
- }
70
-
71
- .delete{
72
- background-repeat:no-repeat;
73
- background-color:#00A0D2;
74
- border-bottom: 3px solid #1D88A5;
75
- }
76
-
77
- .select_icon{
78
- width: 169px !important;
79
- }
80
-
81
- #slide_add_buttons{
82
- padding:0
83
- }
84
-
85
- #layer_add_buttons .action_buttons{
86
- padding: 0 7px 1px 32px;
87
- }
88
-
89
- .wds_preview_wrapper{
90
- width:100% !important;
91
- }
92
-
93
- .slider_title_conteiner {
94
- width: 99%;
95
- margin-left: 0 !important;
96
- }
97
-
98
- .mobile_hide,
99
- .tablenav-pages {
100
- display: none !important;
101
- }
102
-
103
-
104
- .wds_buttons_320 {
105
- background-repeat: no-repeat;
106
- background-color: #00A0D2;
107
- border-bottom: 3px solid #258AA6;
108
- padding: 0 18px 1px 39px !important;
109
- width: 100%
110
- }
111
-
112
- .wds_textarea {
113
- width: 107px !important;
114
- }
115
-
116
- .wds_link {
117
- width: 145px !important;
118
- }
119
-
120
- .select_icon_320 {
121
- width: 90% !important;
122
- }
123
-
124
- input[type=radio] {
125
- margin-top:1px
126
- }
127
-
128
- #TB_window{
129
- width:100% !important;
130
- left: 3% !important;
131
- margin-left: 0 !important;
132
- margin-top: 0 !important;
133
- top: 3%;
134
- }
135
-
136
-
137
- .wds_sub_active {
138
- padding: 0!important
139
- }
140
-
141
- .wds_preview {
142
- width:93% !important
143
- }
144
-
145
- .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap {
146
- width: 48.2%;
147
- text-align: center;
148
- }
149
-
150
- .slide_add_buttons_wrap .action_buttons {
151
- width:100%;
152
- background-repeat: no-repeat;
153
- background-color: #00A0D2;
154
- border-bottom: 3px solid #258AA6;
155
- text-align:center
156
- }
157
-
158
- .add_by_url {
159
- padding: 0 7px 1px 34px !important;
160
- }
161
-
162
- .layer_add_buttons_wrap .action_buttons {
163
- width: 100%;
164
- text-align:center;
165
- background-repeat:no-repeat;
166
- font-size: 9px;
167
- background-color: #00A0D2;
168
- border-bottom: 3px solid #258AA6;
169
- }
170
-
171
- .block_320 {
172
- display: block !important;
173
- }
174
-
175
- .wds_tab_remove {
176
- /* width: 15px;
177
- height: 15px; */
178
- margin:0 2px;
179
- /* opacity: 0.5;
180
- filter: Alpha(opacity=50); */
181
- }
182
-
183
- .wds_slide_dublicate {
184
- /* width: 15px;
185
- height: 15px; */
186
- margin:0 2px;
187
- }
188
-
189
- #hover_buttons{
190
- width:76px !important;
191
- }
192
-
193
- .add_social_layer {
194
- background-image:url('../images/sliderwdpng/add_social.png')
195
- }
196
-
197
- #TB_window,
198
- #TB_iframeContent {
199
- width: 300px !important;
200
- height: 500px !important;
201
- }
202
-
203
- .mobiel_width {
204
- width: 35%
205
- }
206
-
207
- .mobile_hide {
208
- display: none !important;
209
- }
210
-
211
- .non_selectable {
212
- display:none
213
- }
214
-
215
- .wds_subtab_wrap{
216
- width: 48%;
217
- height:130px;
218
- float:left;
219
- margin:2px
220
-
221
- }
222
-
223
- .new_tab_image{
224
- height: 120px;
225
- top: 1px;
226
- }
227
-
228
- .buttons_div input {
229
- width: 32%;
230
- }
231
-
232
- .wds_change_thumbnail{
233
- margin:0 2px;
234
- /* width:15px;
235
- height:15px */
236
- }
237
-
238
- .wds_nav_tabs {
239
- height: auto;
240
- width: auto;
241
- position: relative;
242
- }
243
-
244
- .wds_nav_tabs ul {
245
- display: none;
246
- width: 150px;
247
- position: absolute;
248
- background-color: #ffffff;
249
- border: 1px solid #ccc;
250
- top: -5px;
251
- margin:0;
252
- }
253
-
254
- .wds_menu_icon{
255
- top: -26px;
256
- }
257
-
258
- .wds_nav_tabs .wds_active {
259
- border-color: none;
260
- border-width: 0;
261
- border-style: none;
262
- margin: 0 ;
263
-
264
- }
265
-
266
- .wds_reset_button{
267
- position:static;
268
- text-align:center;
269
- }
270
-
271
- .wds_box td {
272
- padding: 10px 2px !important;
273
- }
274
-
275
- .wds_preview_image{
276
- width:100% !important
277
- }
278
-
279
- .display_block {
280
- display:block !important;
281
- }
282
-
283
- .display_block .default_buttons {
284
- margin:0 !important
285
- }
286
-
287
- .play_buttons_cont {
288
- margin: 0 !important
289
- }
290
-
291
- .wds_reverse_cont {
292
- margin-top:10px
293
- }
294
-
295
  }
1
+ @media screen and (max-width: 320px){
2
+
3
+ .handle {
4
+ margin: 0 !important;
5
+ width: 19px;
6
+ }
7
+
8
+ .wds_tabs {
9
+ width: 93%;
10
+ }
11
+
12
+ .wds_tab_title {
13
+ width: 94%;
14
+ padding:0 !important
15
+ }
16
+
17
+
18
+ .wds_layer_remove {
19
+ float: none;
20
+ vertical-align: middle
21
+ }
22
+
23
+ .wds_layer_dublicate {
24
+ margin: 5px;
25
+ float: none;
26
+ vertical-align: middle
27
+ }
28
+
29
+ .wds_layer_depth {
30
+ float: none;
31
+ }
32
+
33
+ .wds_tab_label {
34
+ text-align: center;
35
+ }
36
+
37
+ .wds_button-secondary{
38
+ padding: 0 9px 1px 34px !important;
39
+ }
40
+
41
+ .wds_alternate{
42
+ background-color:#F1F1F1;
43
+ }
44
+
45
+ .action_buttons{
46
+ font-size: 11px;
47
+ }
48
+
49
+ .wds_buttons .action_buttons{
50
+ padding: 0 18px 1px 46px;
51
+ font-size:12px
52
+ }
53
+
54
+
55
+ .buttons_conteiner{
56
+ margin:0px !important
57
+ }
58
+
59
+ tbody .action_buttons{
60
+ padding: 0 7px 1px 43px;
61
+ }
62
+
63
+ .bgcolor td{
64
+ padding: 10px !important;
65
+ }
66
+
67
+ .bgcolor {
68
+ padding: 10px !important;
69
+ }
70
+
71
+ .delete{
72
+ background-repeat:no-repeat;
73
+ background-color:#00A0D2;
74
+ border-bottom: 3px solid #1D88A5;
75
+ }
76
+
77
+ .select_icon{
78
+ width: 169px !important;
79
+ }
80
+
81
+ #slide_add_buttons{
82
+ padding:0
83
+ }
84
+
85
+ #layer_add_buttons .action_buttons{
86
+ padding: 0 7px 1px 32px;
87
+ }
88
+
89
+ .wds_preview_wrapper{
90
+ width:100% !important;
91
+ }
92
+
93
+ .slider_title_conteiner {
94
+ width: 99%;
95
+ margin-left: 0 !important;
96
+ }
97
+
98
+ .mobile_hide,
99
+ .tablenav-pages {
100
+ display: none !important;
101
+ }
102
+
103
+
104
+ .wds_buttons_320 {
105
+ background-repeat: no-repeat;
106
+ background-color: #00A0D2;
107
+ border-bottom: 3px solid #258AA6;
108
+ padding: 0 18px 1px 39px !important;
109
+ width: 100%
110
+ }
111
+
112
+ .wds_textarea {
113
+ width: 107px !important;
114
+ }
115
+
116
+ .wds_link {
117
+ width: 145px !important;
118
+ }
119
+
120
+ .select_icon_320 {
121
+ width: 90% !important;
122
+ }
123
+
124
+ input[type=radio] {
125
+ margin-top:1px
126
+ }
127
+
128
+ #TB_window{
129
+ width:100% !important;
130
+ left: 3% !important;
131
+ margin-left: 0 !important;
132
+ margin-top: 0 !important;
133
+ top: 3%;
134
+ }
135
+
136
+
137
+ .wds_sub_active {
138
+ padding: 0!important
139
+ }
140
+
141
+ .wds_preview {
142
+ width:93% !important
143
+ }
144
+
145
+ .wds_button_wrap, .slide_add_buttons_wrap, .layer_add_buttons_wrap {
146
+ width: 48.2%;
147
+ text-align: center;
148
+ }
149
+
150
+ .slide_add_buttons_wrap .action_buttons {
151
+ width:100%;
152
+ background-repeat: no-repeat;
153
+ background-color: #00A0D2;
154
+ border-bottom: 3px solid #258AA6;
155
+ text-align:center
156
+ }
157
+
158
+ .add_by_url {
159
+ padding: 0 7px 1px 34px !important;
160
+ }
161
+
162
+ .layer_add_buttons_wrap .action_buttons {
163
+ width: 100%;
164
+ text-align:center;
165
+ background-repeat:no-repeat;
166
+ font-size: 9px;
167
+ background-color: #00A0D2;
168
+ border-bottom: 3px solid #258AA6;
169
+ }
170
+
171
+ .block_320 {
172
+ display: block !important;
173
+ }
174
+
175
+ .wds_tab_remove {
176
+ /* width: 15px;
177
+ height: 15px; */
178
+ margin:0 2px;
179
+ /* opacity: 0.5;
180
+ filter: Alpha(opacity=50); */
181
+ }
182
+
183
+ .wds_slide_dublicate {
184
+ /* width: 15px;
185
+ height: 15px; */
186
+ margin:0 2px;
187
+ }
188
+
189
+ #hover_buttons{
190
+ width:76px !important;
191
+ }
192
+
193
+ .add_social_layer {
194
+ background-image:url('../images/sliderwdpng/add_social.png')
195
+ }
196
+
197
+ #TB_window,
198
+ #TB_iframeContent {
199
+ width: 300px !important;
200
+ height: 500px !important;
201
+ }
202
+
203
+ .mobiel_width {
204
+ width: 35%
205
+ }
206
+
207
+ .mobile_hide {
208
+ display: none !important;
209
+ }
210
+
211
+ .non_selectable {
212
+ display:none
213
+ }
214
+
215
+ .wds_subtab_wrap{
216
+ width: 48%;
217
+ height:130px;
218
+ float:left;
219
+ margin:2px
220
+
221
+ }
222
+
223
+ .new_tab_image{
224
+ height: 120px;
225
+ top: 1px;
226
+ }
227
+
228
+ .buttons_div input {
229
+ width: 32%;
230
+ }
231
+
232
+ .wds_change_thumbnail{
233
+ margin:0 2px;
234
+ /* width:15px;
235
+ height:15px */
236
+ }
237
+
238
+ .wds_nav_tabs {
239
+ height: auto;
240
+ width: auto;
241
+ position: relative;
242
+ }
243
+
244
+ .wds_nav_tabs ul {
245
+ display: none;
246
+ width: 150px;
247
+ position: absolute;
248
+ background-color: #ffffff;
249
+ border: 1px solid #ccc;
250
+ top: -5px;
251
+ margin:0;
252
+ }
253
+
254
+ .wds_menu_icon{
255
+ top: -26px;
256
+ }
257
+
258
+ .wds_nav_tabs .wds_active {
259
+ border-color: none;
260
+ border-width: 0;
261
+ border-style: none;
262
+ margin: 0 ;
263
+
264
+ }
265
+
266
+ .wds_reset_button{
267
+ position:static;
268
+ text-align:center;
269
+ }
270
+
271
+ .wds_box td {
272
+ padding: 10px 2px !important;
273
+ }
274
+
275
+ .wds_preview_image{
276
+ width:100% !important
277
+ }
278
+
279
+ .display_block {
280
+ display:block !important;
281
+ }
282
+
283
+ .display_block .default_buttons {
284
+ margin:0 !important
285
+ }
286
+
287
+ .play_buttons_cont {
288
+ margin: 0 !important
289
+ }
290
+
291
+ .wds_reverse_cont {
292
+ margin-top:10px
293
+ }
294
+
295
  }
css/wds_tables_640.css CHANGED
@@ -1,285 +1,285 @@
1
- @media screen and (max-width: 640px) {
2
-
3
- .wds_layer_depth {
4
- padding: 3px 10px !important;
5
- }
6
-
7
-
8
- .wds_box tbody {
9
- padding-left: 0px !important;
10
- }
11
-
12
- .wds_button-secondary{
13
- padding: 0 9px 1px 37px;
14
- }
15
-
16
- .wds_button_wrap .wds_button-secondary{
17
- width:100%
18
- }
19
-
20
- .action_buttons{
21
- margin: 0 2px 0 0;
22
- font-size: 12px;
23
- background-repeat: no-repeat;
24
- background-color: #00A0D2;
25
- border-bottom: 3px solid #258AA6;
26
- text-align:center;
27
- width: 100%
28
- }
29
-
30
- .wds_buttons .action_buttons{
31
- padding: 0 18px 1px 43px;
32
- font-size:12px
33
- }
34
-
35
- .wds_buttons{
36
- float:none;
37
- }
38
-
39
- .last{
40
- margin-right:0
41
- }
42
-
43
- .buttons_conteiner{
44
- margin:10px !important;
45
- }
46
-
47
- tbody .action_buttons{
48
- padding: 0 10px 1px 32px;
49
- }
50
- .bgcolor td{
51
- padding: 10px !important;
52
- }
53
-
54
- .bgcolor {
55
- padding: 10px !important;
56
- }
57
-
58
- .delete{
59
- background-repeat:no-repeat;
60
- background-color:#00A0D2;
61
- border-bottom: 3px solid #1D88A5;
62
- }
63
-
64
- .tab_image, .new_tab_image{
65
- width:100%;
66
- height:100% ;
67
- cursor:pointer
68
- }
69
-
70
- .new_tab_image{
71
- height: 132px ;
72
- top: 2px;
73
- }
74
-
75
- .tab_link, .new_tab_link{
76
- width:100% !important;
77
- height:100% !important;
78
- }
79
-
80
-
81
- #slide_add_buttons{
82
- width:100%;
83
- }
84
-
85
- #layer_add_buttons .action_buttons{
86
- padding: 0 7px 1px 32px;
87
- }
88
-
89
- .wds_preview_wrapper{
90
- width:98% !important;
91
- }
92
-
93
- .slider_title_conteiner{
94
- padding: 8px 0px 8px 0;
95
- width: 99%;
96
- margin-left: 1%;
97
- }
98
-
99
- #name {
100
- width: 73%;
101
- }
102
-
103
- .layer_table{
104
- display: block !important;
105
- width:100% !Important
106
- }
107
-
108
- .mobile_hide {
109
- display: none !important;
110
- }
111
-
112
- .layer_table_left, .layer_table_right{
113
- float:none !important;
114
- width:100% !important;
115
- }
116
-
117
- .wds_textarea {
118
- width: 197px ;
119
- }
120
-
121
- #TB_window{
122
- width:100% !important;
123
- left:0 !important;
124
- margin-left: 0 !important;
125
- }
126
-
127
- #add_embed, .wds_resize_image , .wds_exports, .wds_editor, #add_embed_help{
128
- width:93% !important;
129
- left:0 !important;
130
- margin-left: 0 !important;
131
- height: auto;
132
- }
133
- #add_embed input[type="text"], .wds_resize_image input[type="text"] , .wds_exports input[type="text"], .wds_editor input[type="text"]{
134
- width:94% !important;
135
- }
136
-
137
- #TB_window,
138
- #TB_iframeContent {
139
- width: 100% !important;
140
- height: 500px !important;
141
- }
142
-
143
- #TB_window {
144
- top:3%;
145
- margin-top:0 !important;
146
- left: 1% !important
147
- }
148
-
149
-
150
- .wds_settings_box {
151
- margin-top:15px !important
152
- }
153
-
154
- .non_selectable {
155
- display:none
156
- }
157
-
158
-
159
- .slide_add_buttons_wrap, .layer_add_buttons_wrap, .wds_button_wrap {
160
- width: 48.6%;
161
- }
162
-
163
- .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
164
- width: 100%;
165
- text-align:center;
166
- background-repeat:no-repeat;
167
- background-color: #00A0D2;
168
- border-bottom: 3px solid #258AA6;
169
- }
170
-
171
- .buttons_div input {
172
- width: 32%;
173
- }
174
-
175
- .buttons_div {
176
- float:none;
177
- }
178
-
179
- .wds_tab_label {
180
- width: 100%
181
- }
182
-
183
- .tab_button_wrap {
184
- float:left;
185
- width: 48.7%;
186
- margin-right: 2px
187
- }
188
-
189
- .tab_button_wrap .wds_button-secondary{
190
- width:100%;
191
- text-align:center;
192
- }
193
-
194
- .tab_conteiner{
195
- padding:5px 0 15px;
196
- float:none;
197
- }
198
-
199
- .wds_subtab_wrap{
200
- width:24%;
201
- height:130px;
202
- float:left;
203
- margin:2px
204
- }
205
-
206
- .wds_nav_tabs {
207
- height: auto;
208
- width: auto;
209
- position: relative;
210
- }
211
- .wds_nav_tabs ul {
212
- display: none;
213
- width: 150px;
214
- position: absolute;
215
- background-color: #ffffff;
216
- border: 1px solid #ccc;
217
- top: -15px;
218
- margin:0;
219
- }
220
-
221
- .wds_menu_icon{
222
- width: 33px;
223
- height: 25px;
224
- background-image: url("../images/sliderwdpng/menu.png");
225
- display: inline-block;
226
- position: absolute;
227
- top: -26px;
228
- }
229
-
230
- .wds_nav_tabs .wds_active {
231
- border-color: none;
232
- border-width: 0;
233
- border-style: none;
234
- margin: 0 ;
235
-
236
- }
237
- .wds_reset_button{
238
- position:static;
239
- text-align:center;
240
- }
241
-
242
- input[type=radio]{
243
- margin-top:5px
244
- }
245
- .select_icon_320 {
246
- font-size:12px !Important
247
- }
248
-
249
- .layer_table_left .thickbox {
250
- width: 100% !important;
251
- display: block;
252
- text-align:center
253
- }
254
-
255
- .layer_table_left .wds_editor_btn{
256
- position:static !important;
257
- }
258
-
259
- .wds_640{
260
- display:table-cell !Important
261
- }
262
-
263
- .default_buttons {
264
- width:90px !important
265
- }
266
-
267
- .spider_options_cont,
268
- .spider_bull_options_cont,
269
- .spider_pp_options_cont,
270
- .spider_options_color_cont,
271
- .spider_bull_options_color_cont,
272
- .spider_pp_options_color_cont {
273
- width: 90px;
274
- }
275
-
276
- .wds_slide_radio_left {
277
- width: 100% !important;
278
- float: none !important;
279
- }
280
-
281
- .wds_slide_radio_right {
282
- width: 100% !important;
283
- float: none !important;
284
- }
285
  }
1
+ @media screen and (max-width: 640px) {
2
+
3
+ .wds_layer_depth {
4
+ padding: 3px 10px !important;
5
+ }
6
+
7
+
8
+ .wds_box tbody {
9
+ padding-left: 0px !important;
10
+ }
11
+
12
+ .wds_button-secondary{
13
+ padding: 0 9px 1px 37px;
14
+ }
15
+
16
+ .wds_button_wrap .wds_button-secondary{
17
+ width:100%
18
+ }
19
+
20
+ .action_buttons{
21
+ margin: 0 2px 0 0;
22
+ font-size: 12px;
23
+ background-repeat: no-repeat;
24
+ background-color: #00A0D2;
25
+ border-bottom: 3px solid #258AA6;
26
+ text-align:center;
27
+ width: 100%
28
+ }
29
+
30
+ .wds_buttons .action_buttons{
31
+ padding: 0 18px 1px 43px;
32
+ font-size:12px
33
+ }
34
+
35
+ .wds_buttons{
36
+ float:none;
37
+ }
38
+
39
+ .last{
40
+ margin-right:0
41
+ }
42
+
43
+ .buttons_conteiner{
44
+ margin:10px !important;
45
+ }
46
+
47
+ tbody .action_buttons{
48
+ padding: 0 10px 1px 32px;
49
+ }
50
+ .bgcolor td{
51
+ padding: 10px !important;
52
+ }
53
+
54
+ .bgcolor {
55
+ padding: 10px !important;
56
+ }
57
+
58
+ .delete{
59
+ background-repeat:no-repeat;
60
+ background-color:#00A0D2;
61
+ border-bottom: 3px solid #1D88A5;
62
+ }
63
+
64
+ .tab_image, .new_tab_image{
65
+ width:100%;
66
+ height:100% ;
67
+ cursor:pointer
68
+ }
69
+
70
+ .new_tab_image{
71
+ height: 132px ;
72
+ top: 2px;
73
+ }
74
+
75
+ .tab_link, .new_tab_link{
76
+ width:100% !important;
77
+ height:100% !important;
78
+ }
79
+
80
+
81
+ #slide_add_buttons{
82
+ width:100%;
83
+ }
84
+
85
+ #layer_add_buttons .action_buttons{
86
+ padding: 0 7px 1px 32px;
87
+ }
88
+
89
+ .wds_preview_wrapper{
90
+ width:98% !important;
91
+ }
92
+
93
+ .slider_title_conteiner{
94
+ padding: 8px 0px 8px 0;
95
+ width: 99%;
96
+ margin-left: 1%;
97
+ }
98
+
99
+ #name {
100
+ width: 73%;
101
+ }
102
+
103
+ .layer_table{
104
+ display: block !important;
105
+ width:100% !Important
106
+ }
107
+
108
+ .mobile_hide {
109
+ display: none !important;
110
+ }
111
+
112
+ .layer_table_left, .layer_table_right{
113
+ float:none !important;
114
+ width:100% !important;
115
+ }
116
+
117
+ .wds_textarea {
118
+ width: 197px ;
119
+ }
120
+
121
+ #TB_window{
122
+ width:100% !important;
123
+ left:0 !important;
124
+ margin-left: 0 !important;
125
+ }
126
+
127
+ #add_embed, .wds_resize_image , .wds_exports, .wds_editor, #add_embed_help{
128
+ width:93% !important;
129
+ left:0 !important;
130
+ margin-left: 0 !important;
131
+ height: auto;
132
+ }
133
+ #add_embed input[type="text"], .wds_resize_image input[type="text"] , .wds_exports input[type="text"], .wds_editor input[type="text"]{
134
+ width:94% !important;
135
+ }
136
+
137
+ #TB_window,
138
+ #TB_iframeContent {
139
+ width: 100% !important;
140
+ height: 500px !important;
141
+ }
142
+
143
+ #TB_window {
144
+ top:3%;
145
+ margin-top:0 !important;
146
+ left: 1% !important
147
+ }
148
+
149
+
150
+ .wds_settings_box {
151
+ margin-top:15px !important
152
+ }
153
+
154
+ .non_selectable {
155
+ display:none
156
+ }
157
+
158
+
159
+ .slide_add_buttons_wrap, .layer_add_buttons_wrap, .wds_button_wrap {
160
+ width: 48.6%;
161
+ }
162
+
163
+ .layer_add_buttons_wrap .action_buttons, .slide_add_buttons_wrap .action_buttons {
164
+ width: 100%;
165
+ text-align:center;
166
+ background-repeat:no-repeat;
167
+ background-color: #00A0D2;
168
+ border-bottom: 3px solid #258AA6;
169
+ }
170
+
171
+ .buttons_div input {
172
+ width: 32%;
173
+ }
174
+
175
+ .buttons_div {
176
+ float:none;
177
+ }
178
+
179
+ .wds_tab_label {
180
+ width: 100%
181
+ }
182
+
183
+ .tab_button_wrap {
184
+ float:left;
185
+ width: 48.7%;
186
+ margin-right: 2px
187
+ }
188
+
189
+ .tab_button_wrap .wds_button-secondary{
190
+ width:100%;
191
+ text-align:center;
192
+ }
193
+
194
+ .tab_conteiner{
195
+ padding:5px 0 15px;
196
+ float:none;
197
+ }
198
+
199
+ .wds_subtab_wrap{
200
+ width:24%;
201
+ height:130px;
202
+ float:left;
203
+ margin:2px
204
+ }
205
+
206
+ .wds_nav_tabs {
207
+ height: auto;
208
+ width: auto;
209
+ position: relative;
210
+ }
211
+ .wds_nav_tabs ul {
212
+ display: none;
213
+ width: 150px;
214
+ position: absolute;
215
+ background-color: #ffffff;
216
+ border: 1px solid #ccc;
217
+ top: -15px;
218
+ margin:0;
219
+ }
220
+
221
+ .wds_menu_icon{
222
+ width: 33px;
223
+ height: 25px;
224
+ background-image: url("../images/sliderwdpng/menu.png");
225
+ display: inline-block;
226
+ position: absolute;
227
+ top: -26px;
228
+ }
229
+
230
+ .wds_nav_tabs .wds_active {
231
+ border-color: none;
232
+ border-width: 0;
233
+ border-style: none;
234
+ margin: 0 ;
235
+
236
+ }
237
+ .wds_reset_button{
238
+ position:static;
239
+ text-align:center;
240
+ }
241
+
242
+ input[type=radio]{
243
+ margin-top:5px
244
+ }
245
+ .select_icon_320 {
246
+ font-size:12px !Important
247
+ }
248
+
249
+ .layer_table_left .thickbox {
250
+ width: 100% !important;
251
+ display: block;
252
+ text-align:center
253
+ }
254
+
255
+ .layer_table_left .wds_editor_btn{
256
+ position:static !important;
257
+ }
258
+
259
+ .wds_640{
260
+ display:table-cell !Important
261
+ }
262
+
263
+ .default_buttons {
264
+ width:90px !important
265
+ }
266
+
267
+ .spider_options_cont,
268
+ .spider_bull_options_cont,
269
+ .spider_pp_options_cont,
270
+ .spider_options_color_cont,
271
+ .spider_bull_options_color_cont,
272
+ .spider_pp_options_color_cont {
273
+ width: 90px;
274
+ }
275
+
276
+ .wds_slide_radio_left {
277
+ width: 100% !important;
278
+ float: none !important;
279
+ }
280
+
281
+ .wds_slide_radio_right {
282
+ width: 100% !important;
283
+ float: none !important;
284
+ }
285
  }
demo_sliders/demo_sliders.php CHANGED
@@ -1,37 +1,37 @@
1
- <?php
2
- function spider_demo_sliders() {
3
- $demo_sliders = array(
4
- 'layer-slider' => 'LAYER SLIDER',
5
- 'slider-pro-2' => 'LAYER SLIDER 2',
6
- 'slide1' => 'MULTY LAYER SLIDER',
7
- 'news-site-or-blog' => 'NEWS SITE OR BLOG SLIDER',
8
- 'post-feed-demo' => 'POST FEED DEMO SLIDER',
9
- 'online-store' => 'ONLINE STORE SLIDER',
10
- 'portfolio' => 'PORTFOLIO SLIDER',
11
- 'slide2' => '3D FULL-WIDTH SLIDER',
12
- 'slide3' => 'FILMSTRIP SLIDER',
13
- 'slide4' => 'ZOOM EFFECT SLIDER',
14
- 'wordpress-slider-wd-carusel' => 'CAROUSEL SLIDER',
15
- 'parallax' => 'PARALLAX SLIDER',
16
- 'hotspot' => 'HOTSPOT SLIDER',
17
- 'video-slider' => 'VIDEO SLIDER SLIDER',
18
- );
19
- ?>
20
- <div id="main_featured_sliders_page">
21
- <h3>Slider Pro</h3>
22
- <p>You can download and import these demo sliders in your website by using Import / Export feature.</p>
23
- <ul id="featured-sliders-list">
24
- <?php
25
- foreach ($demo_sliders as $key => $demo_slider) {
26
- ?>
27
- <li class="<?php echo $key; ?>">
28
- <div class="product"></div>
29
- <a target="_blank" href="http://wpdemo.web-dorado.com/<?php echo $key; ?>" class="download"><span>DOWNLOAD <?php echo $demo_slider; ?></span></a>
30
- </li>
31
- <?php
32
- }
33
- ?>
34
- </ul>
35
- </div>
36
- <?php
37
  }
1
+ <?php
2
+ function spider_demo_sliders() {
3
+ $demo_sliders = array(
4
+ 'layer-slider' => 'LAYER SLIDER',
5
+ 'slider-pro-2' => 'LAYER SLIDER 2',
6
+ 'slide1' => 'MULTY LAYER SLIDER',
7
+ 'news-site-or-blog' => 'NEWS SITE OR BLOG SLIDER',
8
+ 'post-feed-demo' => 'POST FEED DEMO SLIDER',
9
+ 'online-store' => 'ONLINE STORE SLIDER',
10
+ 'portfolio' => 'PORTFOLIO SLIDER',
11
+ 'slide2' => '3D FULL-WIDTH SLIDER',
12
+ 'slide3' => 'FILMSTRIP SLIDER',
13
+ 'slide4' => 'ZOOM EFFECT SLIDER',
14
+ 'wordpress-slider-wd-carusel' => 'CAROUSEL SLIDER',
15
+ 'parallax' => 'PARALLAX SLIDER',
16
+ 'hotspot' => 'HOTSPOT SLIDER',
17
+ 'video-slider' => 'VIDEO SLIDER SLIDER',
18
+ );
19
+ ?>
20
+ <div id="main_featured_sliders_page">
21
+ <h3>Slider Pro</h3>
22
+ <p>You can download and import these demo sliders in your website by using Import / Export feature.</p>
23
+ <ul id="featured-sliders-list">
24
+ <?php
25
+ foreach ($demo_sliders as $key => $demo_slider) {
26
+ ?>
27
+ <li class="<?php echo $key; ?>">
28
+ <div class="product"></div>
29
+ <a target="_blank" href="http://wpdemo.web-dorado.com/<?php echo $key; ?>" class="download"><span>DOWNLOAD <?php echo $demo_slider; ?></span></a>
30
+ </li>
31
+ <?php
32
+ }
33
+ ?>
34
+ </ul>
35
+ </div>
36
+ <?php
37
  }
demo_sliders/style.css CHANGED
@@ -1,79 +1,79 @@
1
- #main_featured_sliders_page h3 {
2
- color: rgb(111, 111, 111);
3
- font-family: Segoe UI;
4
- font-size: 30px;
5
- margin: 0px;
6
- padding: 20px 0px 10px 0px;
7
- width: 99%;
8
- }
9
-
10
- #main_featured_sliders_page p {
11
- color: rgb(111, 111, 111);
12
- font-family: Segoe UI;
13
- font-size: 20px;
14
- margin: 0px;
15
- }
16
-
17
- #main_featured_sliders_page #featured-sliders-list {
18
- position: relative;
19
- width: 95.4%;
20
- height: auto;
21
- display: table;
22
- list-style: none;
23
- }
24
-
25
- #main_featured_sliders_page #featured-sliders-list li {
26
- float: left;
27
- width: 310px;
28
- margin: 10px 30px 20px 0px;
29
- height: 242px;
30
- }
31
-
32
- #main_featured_sliders_page #featured-sliders-list li .product {
33
- position:relative;
34
- height: 200px;
35
- border: 1px solid #DCDCDC;
36
- background-size: 100% !important;
37
- }
38
-
39
- #main_featured_sliders_page #featured-sliders-list li.layer-slider .product {background:url("images/1.png") left center no-repeat;}
40
- #main_featured_sliders_page #featured-sliders-list li.slider-pro-2 .product {background:url("images/9.png") left center no-repeat;}
41
- #main_featured_sliders_page #featured-sliders-list li.slide1 .product {background:url("images/8.png") left center no-repeat; }
42
- #main_featured_sliders_page #featured-sliders-list li.news-site-or-blog .product {background:url("images/7.png") left center no-repeat;}
43
- #main_featured_sliders_page #featured-sliders-list li.post-feed-demo .product {background:url("images/6.png") left center no-repeat;}
44
- #main_featured_sliders_page #featured-sliders-list li.online-store .product {background:url("images/5.png") left center no-repeat;}
45
- #main_featured_sliders_page #featured-sliders-list li.portfolio .product {background:url("images/4.png") left center no-repeat;}
46
- #main_featured_sliders_page #featured-sliders-list li.slide2 .product {background:url("images/3.png") left center no-repeat;}
47
- #main_featured_sliders_page #featured-sliders-list li.slide3 .product {background:url("images/10.png") left center no-repeat;}
48
- #main_featured_sliders_page #featured-sliders-list li.slide4 .product {background:url("images/11.png") left center no-repeat;}
49
- #main_featured_sliders_page #featured-sliders-list li.wordpress-slider-wd-carusel .product {background:url("images/2.png") left center no-repeat;}
50
- #main_featured_sliders_page #featured-sliders-list li.parallax .product {background:url("images/12.png") left center no-repeat;}
51
- #main_featured_sliders_page #featured-sliders-list li.hotspot .product {background:url("images/13.png") left center no-repeat;}
52
- #main_featured_sliders_page #featured-sliders-list li.video-slider .product {background:url("images/14.png") left center no-repeat;}
53
-
54
- #featured-sliders-list li a.download {
55
- outline: none;
56
- display: inline-block;
57
- margin-top: 7px;
58
- font-size: 11px;
59
- border: 1px solid #DCDCDC;
60
- font-weight: bold;
61
- background: #FFFFFF url("images/down.png") no-repeat 6px center;
62
- color: #66686B;
63
- padding: 9px 12px 9px 45px;
64
- width: 100%;
65
- box-sizing: border-box;
66
- -webkit-box-sizing: border-box;
67
- -moz-box-sizing: border-box;
68
- text-decoration: none;
69
- }
70
-
71
- #featured-sliders-list .download span {
72
- border-left: 1px solid #A7A9AB;
73
- padding: 4px 10px 4px 10px;
74
- }
75
-
76
- #featured-sliders-list .download:hover {
77
- background: #23282D url("images/down_hover.png") no-repeat 6px center;
78
- color: #DDDEDE;
79
  }
1
+ #main_featured_sliders_page h3 {
2
+ color: rgb(111, 111, 111);
3
+ font-family: Segoe UI;
4
+ font-size: 30px;
5
+ margin: 0px;
6
+ padding: 20px 0px 10px 0px;
7
+ width: 99%;
8
+ }
9
+
10
+ #main_featured_sliders_page p {
11
+ color: rgb(111, 111, 111);
12
+ font-family: Segoe UI;
13
+ font-size: 20px;
14
+ margin: 0px;
15
+ }
16
+
17
+ #main_featured_sliders_page #featured-sliders-list {
18
+ position: relative;
19
+ width: 95.4%;
20
+ height: auto;
21
+ display: table;
22
+ list-style: none;
23
+ }
24
+
25
+ #main_featured_sliders_page #featured-sliders-list li {
26
+ float: left;
27
+ width: 310px;
28
+ margin: 10px 30px 20px 0px;
29
+ height: 242px;
30
+ }
31
+
32
+ #main_featured_sliders_page #featured-sliders-list li .product {
33
+ position:relative;
34
+ height: 200px;
35
+ border: 1px solid #DCDCDC;
36
+ background-size: 100% !important;
37
+ }
38
+
39
+ #main_featured_sliders_page #featured-sliders-list li.layer-slider .product {background:url("images/1.png") left center no-repeat;}
40
+ #main_featured_sliders_page #featured-sliders-list li.slider-pro-2 .product {background:url("images/9.png") left center no-repeat;}
41
+ #main_featured_sliders_page #featured-sliders-list li.slide1 .product {background:url("images/8.png") left center no-repeat; }
42
+ #main_featured_sliders_page #featured-sliders-list li.news-site-or-blog .product {background:url("images/7.png") left center no-repeat;}
43
+ #main_featured_sliders_page #featured-sliders-list li.post-feed-demo .product {background:url("images/6.png") left center no-repeat;}
44
+ #main_featured_sliders_page #featured-sliders-list li.online-store .product {background:url("images/5.png") left center no-repeat;}
45
+ #main_featured_sliders_page #featured-sliders-list li.portfolio .product {background:url("images/4.png") left center no-repeat;}
46
+ #main_featured_sliders_page #featured-sliders-list li.slide2 .product {background:url("images/3.png") left center no-repeat;}
47
+ #main_featured_sliders_page #featured-sliders-list li.slide3 .product {background:url("images/10.png") left center no-repeat;}
48
+ #main_featured_sliders_page #featured-sliders-list li.slide4 .product {background:url("images/11.png") left center no-repeat;}
49
+ #main_featured_sliders_page #featured-sliders-list li.wordpress-slider-wd-carusel .product {background:url("images/2.png") left center no-repeat;}
50
+ #main_featured_sliders_page #featured-sliders-list li.parallax .product {background:url("images/12.png") left center no-repeat;}
51
+ #main_featured_sliders_page #featured-sliders-list li.hotspot .product {background:url("images/13.png") left center no-repeat;}
52
+ #main_featured_sliders_page #featured-sliders-list li.video-slider .product {background:url("images/14.png") left center no-repeat;}
53
+
54
+ #featured-sliders-list li a.download {
55
+ outline: none;
56
+ display: inline-block;
57
+ margin-top: 7px;
58
+ font-size: 11px;
59
+ border: 1px solid #DCDCDC;
60
+ font-weight: bold;
61
+ background: #FFFFFF url("images/down.png") no-repeat 6px center;
62
+ color: #66686B;
63
+ padding: 9px 12px 9px 45px;
64
+ width: 100%;
65
+ box-sizing: border-box;
66
+ -webkit-box-sizing: border-box;
67
+ -moz-box-sizing: border-box;
68
+ text-decoration: none;
69
+ }
70
+
71
+ #featured-sliders-list .download span {
72
+ border-left: 1px solid #A7A9AB;
73
+ padding: 4px 10px 4px 10px;
74
+ }
75
+
76
+ #featured-sliders-list .download:hover {
77
+ background: #23282D url("images/down_hover.png") no-repeat 6px center;
78
+ color: #DDDEDE;
79
  }
featured/featured.php CHANGED
@@ -1,159 +1,159 @@
1
- <?php
2
- function spider_featured($current_plugin = '') {
3
- $plugins = array(
4
- "form-maker" => array(
5
- 'title' => 'Form Maker',
6
- 'text' => 'Wordpress form builder plugin',
7
- 'content' => 'Form Maker is a modern and advanced tool for creating WordPress forms easily and fast.',
8
- 'href' => 'https://web-dorado.com/products/wordpress-form.html'
9
- ),
10
- "photo-gallery" => array(
11
- 'title' => 'Photo Gallery',
12
- 'text' => 'WordPress Photo Gallery plugin',
13
- 'content' => 'Photo Gallery is a fully responsive WordPress Gallery plugin with advanced functionality.',
14
- 'href' => 'https://web-dorado.com/products/wordpress-photo-gallery-plugin.html'
15
- ),
16
- "contact_form_bulder" => array(
17
- 'title' => 'Contact Form Builder',
18
- 'text' => 'WordPress contact form builder plugin',
19
- 'content' => 'Contact Form Builder is the best tool for quickly arranging a contact form for your clients and visitors.',
20
- 'href' => 'https://web-dorado.com/products/wordpress-contact-form-builder.html'
21
- ),
22
- "slider_wd" => array(
23
- 'title' => 'Slider WD',
24
- 'text' => 'WordPress slider plugin',
25
- 'content' => 'Create responsive, highly configurable sliders with various effects for your WordPress site.',
26
- 'href' => 'https://web-dorado.com/products/wordpress-slider-plugin.html'
27
- ),
28
- "events-wd" => array(
29
- 'title' => 'Event Calendar WD',
30
- 'text' => 'WordPress calendar plugin',
31
- 'content' => 'Organize and publish your events in an easy and elegant way using Event Calendar WD.',
32
- 'href' => 'https://web-dorado.com/products/wordpress-event-calendar-wd.html'
33
- ),
34
- "contact-maker" => array(
35
- 'title' => 'Contact Form Maker',
36
- 'text' => 'WordPress contact form maker plugin',
37
- 'content' => 'WordPress Contact Form Maker is an advanced and easy-to-use tool for creating forms.',
38
- 'href' => 'https://web-dorado.com/products/wordpress-contact-form-maker-plugin.html'
39
- ),
40
- "spider-calendar" => array(
41
- 'title' => 'Spider Calendar',
42
- 'text' => 'WordPress event calendar plugin',
43
- 'content' => 'Spider Event Calendar is a highly configurable product which allows you to have multiple organized events.',
44
- 'href' => 'https://web-dorado.com/products/wordpress-calendar.html'
45
- ),
46
- "catalog" => array(
47
- 'title' => 'Spider Catalog',
48
- 'text' => 'WordPress product catalog plugin',
49
- 'content' => 'Spider Catalog for WordPress is a convenient tool for organizing the products represented on your website into catalogs.',
50
- 'href' => 'https://web-dorado.com/products/wordpress-catalog.html'
51
- ),
52
- "player" => array(
53
- 'title' => 'Video Player',
54
- 'text' => 'WordPress Video player plugin',
55
- 'content' => 'Spider Video Player for WordPress is a Flash & HTML5 video player plugin that allows you to easily add videos to your website with the possibility.',
56
- 'href' => 'https://web-dorado.com/products/wordpress-player.html'
57
- ),
58
- "contacts" => array(
59
- 'title' => 'Spider Contacts',
60
- 'text' => 'Wordpress staff list plugin',
61
- 'content' => 'Spider Contacts helps you to display information about the group of people more intelligible, effective and convenient.',
62
- 'href' => 'https://web-dorado.com/products/wordpress-contacts-plugin.html'
63
- ),
64
- "facebook" => array(
65
- 'title' => 'Spider Facebook',
66
- 'text' => 'WordPress Facebook plugin',
67
- 'content' => 'Spider Facebook is a WordPress integration tool for Facebook.It includes all the available Facebook social plugins and widgets.',
68
- 'href' => 'https://web-dorado.com/products/wordpress-facebook.html'
69
- ),
70
- "twitter-widget" => array(
71
- 'title' => 'Widget Twitter',
72
- 'text' => 'WordPress Widget Twitter plugin',
73
- 'content' => 'The Widget Twitter plugin lets you to fully integrate your WordPress site with your Twitter account.',
74
- 'href' => 'https://web-dorado.com/products/wordpress-twitter-integration-plugin.html'
75
- ),
76
- "faq" => array(
77
- 'title' => 'Spider FAQ',
78
- 'text' => 'WordPress FAQ Plugin',
79
- 'content' => 'The Spider FAQ WordPress plugin is for creating an FAQ (Frequently Asked Questions) section for your website.',
80
- 'href' => 'https://web-dorado.com/products/wordpress-faq-plugin.html'
81
- ),
82
- "zoom" => array(
83
- 'title' => 'Zoom',
84
- 'text' => 'WordPress text zoom plugin',
85
- 'content' => 'Zoom enables site users to resize the predefined areas of the web site.',
86
- 'href' => 'https://web-dorado.com/products/wordpress-zoom.html'
87
- ),
88
- "flash-calendar" => array(
89
- 'title' => 'Flash Calendar',
90
- 'text' => 'WordPress flash calendar plugin',
91
- 'content' => 'Spider Flash Calendar is a highly configurable Flash calendar plugin which allows you to have multiple organized events.',
92
- 'href' => 'https://web-dorado.com/products/wordpress-events-calendar.html'
93
- ),
94
- "folder_menu" => array(
95
- 'title' => 'Folder Menu',
96
- 'text' => 'WordPress folder menu plugin',
97
- 'content' => 'Folder Menu Vertical is a WordPress Flash menu module for your website, designed to meet your needs and preferences.',
98
- 'href' => 'https://web-dorado.com/products/wordpress-menu-vertical.html'
99
- ),
100
- "random_post" => array(
101
- 'title' => 'Random post',
102
- 'text' => 'WordPress random post plugin',
103
- 'content' => 'Spider Random Post is a small but very smart solution for your WordPress web site.',
104
- 'href' => 'https://web-dorado.com/products/wordpress-random-post.html'
105
- ),
106
- "faq_wd" => array(
107
- 'title' => 'FAQ WD',
108
- 'text' => 'WordPress FAQ plugin',
109
- 'content' => 'Organize and publish your FAQs in an easy and elegant way using FAQ WD.',
110
- 'href' => 'https://web-dorado.com/products/wordpress-faq-wd.html'
111
- ),
112
- "instagram_feed" => array(
113
- 'title' => 'Instagram Feed WD',
114
- 'text' => 'WordPress Instagram Feed plugin',
115
- 'content' => 'WD Instagram Feed is a user-friendly tool for displaying user or hashtag-based feeds on your website.',
116
- 'href' => 'https://web-dorado.com/products/wordpress-instagram-feed-wd.html'
117
- ),
118
- "post-slider" => array(
119
- 'title' => 'Post Slider',
120
- 'text' => 'WordPress Post Slider plugin',
121
- 'content' => 'Post Slider WD is designed to show off the selected posts of your website in a slider.',
122
- 'href' => 'https://web-dorado.com/products/wordpress-post-slider-plugin.html'
123
- ),
124
- );
125
- ?>
126
- <div id="main_featured_plugins_page">
127
- <h3>Featured Plugins</h3>
128
- <div class="featured_header">
129
- <a target="_blank" href="https://web-dorado.com/wordpress-plugins.html?source=<?php echo $current_plugin; ?>">
130
- <h1>GET <?php echo $plugins[$current_plugin]["title"]; ?> +18 PLUGINS</h1>
131
- <h1 class="get_plugins">FOR $100 ONLY <span>- SAVE 70%</span></h1>
132
- <div class="try-now">
133
- <span>TRY NOW</span>
134
- </div>
135
- </a>
136
- </div>
137
- <ul id="featured-plugins-list">
138
- <?php
139
- foreach ($plugins as $key => $plugins) {
140
- if ($current_plugin != $key) {
141
- ?>
142
- <li class="<?php echo $key; ?>">
143
- <div class="product"></div>
144
- <div class="title">
145
- <strong class="heading"><?php echo $plugins['title']; ?></strong>
146
- </div>
147
- <div class="description">
148
- <p><?php echo $plugins['content']; ?></p>
149
- </div>
150
- <a target="_blank" href="<?php echo $plugins['href']; ?>?source=<?php echo $current_plugin; ?>" class="download">Download Plugin &#9658;</a>
151
- </li>
152
- <?php
153
- }
154
- }
155
- ?>
156
- </ul>
157
- </div>
158
- <?php
159
  }
1
+ <?php
2
+ function spider_featured($current_plugin = '') {
3
+ $plugins = array(
4
+ "form-maker" => array(
5
+ 'title' => 'Form Maker',
6
+ 'text' => 'Wordpress form builder plugin',
7
+ 'content' => 'Form Maker is a modern and advanced tool for creating WordPress forms easily and fast.',
8
+ 'href' => 'https://web-dorado.com/products/wordpress-form.html'
9
+ ),
10
+ "photo-gallery" => array(
11
+ 'title' => 'Photo Gallery',
12
+ 'text' => 'WordPress Photo Gallery plugin',
13
+ 'content' => 'Photo Gallery is a fully responsive WordPress Gallery plugin with advanced functionality.',
14
+ 'href' => 'https://web-dorado.com/products/wordpress-photo-gallery-plugin.html'
15
+ ),
16
+ "contact_form_bulder" => array(
17
+ 'title' => 'Contact Form Builder',
18
+ 'text' => 'WordPress contact form builder plugin',
19
+ 'content' => 'Contact Form Builder is the best tool for quickly arranging a contact form for your clients and visitors.',
20
+ 'href' => 'https://web-dorado.com/products/wordpress-contact-form-builder.html'
21
+ ),
22
+ "slider_wd" => array(
23
+ 'title' => 'Slider WD',
24
+ 'text' => 'WordPress slider plugin',
25
+ 'content' => 'Create responsive, highly configurable sliders with various effects for your WordPress site.',
26
+ 'href' => 'https://web-dorado.com/products/wordpress-slider-plugin.html'
27
+ ),
28
+ "events-wd" => array(
29
+ 'title' => 'Event Calendar WD',
30
+ 'text' => 'WordPress calendar plugin',
31
+ 'content' => 'Organize and publish your events in an easy and elegant way using Event Calendar WD.',
32
+ 'href' => 'https://web-dorado.com/products/wordpress-event-calendar-wd.html'
33
+ ),
34
+ "contact-maker" => array(
35
+ 'title' => 'Contact Form Maker',
36
+ 'text' => 'WordPress contact form maker plugin',
37
+ 'content' => 'WordPress Contact Form Maker is an advanced and easy-to-use tool for creating forms.',
38
+ 'href' => 'https://web-dorado.com/products/wordpress-contact-form-maker-plugin.html'
39
+ ),
40
+ "spider-calendar" => array(
41
+ 'title' => 'Spider Calendar',
42
+ 'text' => 'WordPress event calendar plugin',
43
+ 'content' => 'Spider Event Calendar is a highly configurable product which allows you to have multiple organized events.',
44
+ 'href' => 'https://web-dorado.com/products/wordpress-calendar.html'
45
+ ),
46
+ "catalog" => array(
47
+ 'title' => 'Spider Catalog',
48
+ 'text' => 'WordPress product catalog plugin',
49
+ 'content' => 'Spider Catalog for WordPress is a convenient tool for organizing the products represented on your website into catalogs.',
50
+ 'href' => 'https://web-dorado.com/products/wordpress-catalog.html'
51
+ ),
52
+ "player" => array(
53
+ 'title' => 'Video Player',
54
+ 'text' => 'WordPress Video player plugin',
55
+ 'content' => 'Spider Video Player for WordPress is a Flash & HTML5 video player plugin that allows you to easily add videos to your website with the possibility.',
56
+ 'href' => 'https://web-dorado.com/products/wordpress-player.html'
57
+ ),
58
+ "contacts" => array(
59
+ 'title' => 'Spider Contacts',
60
+ 'text' => 'Wordpress staff list plugin',
61
+ 'content' => 'Spider Contacts helps you to display information about the group of people more intelligible, effective and convenient.',
62
+ 'href' => 'https://web-dorado.com/products/wordpress-contacts-plugin.html'
63
+ ),
64
+ "facebook" => array(
65
+ 'title' => 'Spider Facebook',
66
+ 'text' => 'WordPress Facebook plugin',
67
+ 'content' => 'Spider Facebook is a WordPress integration tool for Facebook.It includes all the available Facebook social plugins and widgets.',
68
+ 'href' => 'https://web-dorado.com/products/wordpress-facebook.html'
69
+ ),
70
+ "twitter-widget" => array(
71
+ 'title' => 'Widget Twitter',
72
+ 'text' => 'WordPress Widget Twitter plugin',
73
+ 'content' => 'The Widget Twitter plugin lets you to fully integrate your WordPress site with your Twitter account.',
74
+ 'href' => 'https://web-dorado.com/products/wordpress-twitter-integration-plugin.html'
75
+ ),
76
+ "faq" => array(
77
+ 'title' => 'Spider FAQ',
78
+ 'text' => 'WordPress FAQ Plugin',
79
+ 'content' => 'The Spider FAQ WordPress plugin is for creating an FAQ (Frequently Asked Questions) section for your website.',
80
+ 'href' => 'https://web-dorado.com/products/wordpress-faq-plugin.html'
81
+ ),
82
+ "zoom" => array(
83
+ 'title' => 'Zoom',
84
+ 'text' => 'WordPress text zoom plugin',
85
+ 'content' => 'Zoom enables site users to resize the predefined areas of the web site.',
86
+ 'href' => 'https://web-dorado.com/products/wordpress-zoom.html'
87
+ ),
88
+ "flash-calendar" => array(
89
+ 'title' => 'Flash Calendar',
90
+ 'text' => 'WordPress flash calendar plugin',
91
+ 'content' => 'Spider Flash Calendar is a highly configurable Flash calendar plugin which allows you to have multiple organized events.',
92
+ 'href' => 'https://web-dorado.com/products/wordpress-events-calendar.html'
93
+ ),
94
+ "folder_menu" => array(
95
+ 'title' => 'Folder Menu',
96
+ 'text' => 'WordPress folder menu plugin',
97
+ 'content' => 'Folder Menu Vertical is a WordPress Flash menu module for your website, designed to meet your needs and preferences.',
98
+ 'href' => 'https://web-dorado.com/products/wordpress-menu-vertical.html'
99
+ ),
100
+ "random_post" => array(
101
+ 'title' => 'Random post',
102
+ 'text' => 'WordPress random post plugin',
103
+ 'content' => 'Spider Random Post is a small but very smart solution for your WordPress web site.',
104
+ 'href' => 'https://web-dorado.com/products/wordpress-random-post.html'
105
+ ),
106
+ "faq_wd" => array(
107
+ 'title' => 'FAQ WD',
108
+ 'text' => 'WordPress FAQ plugin',
109
+ 'content' => 'Organize and publish your FAQs in an easy and elegant way using FAQ WD.',
110
+ 'href' => 'https://web-dorado.com/products/wordpress-faq-wd.html'
111
+ ),
112
+ "instagram_feed" => array(
113
+ 'title' => 'Instagram Feed WD',
114
+ 'text' => 'WordPress Instagram Feed plugin',
115
+ 'content' => 'WD Instagram Feed is a user-friendly tool for displaying user or hashtag-based feeds on your website.',
116
+ 'href' => 'https://web-dorado.com/products/wordpress-instagram-feed-wd.html'
117
+ ),
118
+ "post-slider" => array(
119
+ 'title' => 'Post Slider',
120
+ 'text' => 'WordPress Post Slider plugin',
121
+ 'content' => 'Post Slider WD is designed to show off the selected posts of your website in a slider.',
122
+ 'href' => 'https://web-dorado.com/products/wordpress-post-slider-plugin.html'
123
+ ),
124
+ );
125
+ ?>
126
+ <div id="main_featured_plugins_page">
127
+ <h3>Featured Plugins</h3>
128
+ <div class="featured_header">
129
+ <a target="_blank" href="https://web-dorado.com/wordpress-plugins.html?source=<?php echo $current_plugin; ?>">
130
+ <h1>GET <?php echo $plugins[$current_plugin]["title"]; ?> +18 PLUGINS</h1>
131
+ <h1 class="get_plugins">FOR $100 ONLY <span>- SAVE 70%</span></h1>
132
+ <div class="try-now">
133
+ <span>TRY NOW</span>
134
+ </div>
135
+ </a>
136
+ </div>
137
+ <ul id="featured-plugins-list">
138
+ <?php
139
+ foreach ($plugins as $key => $plugins) {
140
+ if ($current_plugin != $key) {
141
+ ?>
142
+ <li class="<?php echo $key; ?>">
143
+ <div class="product"></div>
144
+ <div class="title">
145
+ <strong class="heading"><?php echo $plugins['title']; ?></strong>
146
+ </div>
147
+ <div class="description">
148
+ <p><?php echo $plugins['content']; ?></p>
149
+ </div>
150
+ <a target="_blank" href="<?php echo $plugins['href']; ?>?source=<?php echo $current_plugin; ?>" class="download">Download Plugin &#9658;</a>
151
+ </li>
152
+ <?php
153
+ }
154
+ }
155
+ ?>
156
+ </ul>
157
+ </div>
158
+ <?php
159
  }
featured/featured_themes.php CHANGED
@@ -1,92 +1,92 @@
1
- <?php
2
- function spider_featured_themes($current_plugin = '') {
3
- $themes = array(
4
- "portfolio_gallery" => array(
5
- 'title' => 'Portfolio Gallery Theme',
6
- 'content' => 'Portfolio Gallery helps to display images using various color schemes and layouts combined with elegant fonts and content parts.',
7
- 'href' => 'https://web-dorado.com/wordpress-themes/portfolio-gallery.html'
8
- ),
9
- "business_elite" => array(
10
- 'title' => 'Business Elite Theme',
11
- 'content' => 'Business Elite is a robust parallax theme for business websites. The theme uses smooth transitions and many functional sections.',
12
- 'href' => 'https://web-dorado.com/wordpress-themes/business-elite.html'
13
- ),
14
- "sauron" => array(
15
- 'title' => 'Sauron Theme',
16
- 'content' => 'Sauron is a multipurpose parallax theme, which uses multiple interactive sections designed for the client-engagement.',
17
- 'href' => 'https://web-dorado.com/wordpress-themes/sauron.html'
18
- ),
19
- "mottomag" => array(
20
- 'title' => 'MottoMag Theme',
21
- 'content' => 'MottoMag is a vibrant, responsive theme which is a perfect choice for the combination of textual content with videos and images.',
22
- 'href' => 'https://web-dorado.com/wordpress-themes/mottomag.html'
23
- ),
24
- "business_world" => array(
25
- 'title' => 'Business World Theme',
26
- 'content' => 'Business World is an innovative WordPress theme great for Business websites.',
27
- 'href' => 'https://web-dorado.com/wordpress-themes/business-world.html'
28
- ),
29
- "best_magazine" => array(
30
- 'title' => 'Best Magazine Theme',
31
- 'content' => 'Best Magazine is an ultimate selection when you are dealing with multi-category news websites.',
32
- 'href' => 'https://web-dorado.com/wordpress-themes/best-magazine.html'
33
- ),
34
- "wedding_style" => array(
35
- 'title' => 'Wedding Style Theme',
36
- 'content' => 'Wedding style is a responsive theme designed for the organization and maintenance of wedding websites and blogs.',
37
- 'href' => 'https://web-dorado.com/wordpress-themes/wedding-style.html'
38
- ),
39
- "magazine" => array(
40
- 'title' => 'Magazine Theme',
41
- 'content' => 'Magazine theme is a perfect solution when creating news and informational websites. It comes with a wide range of layout options.',
42
- 'href' => 'https://web-dorado.com/wordpress-themes/news-magazine.html'
43
- ),
44
- "weddings" => array(
45
- 'title' => 'Weddings Theme',
46
- 'content' => 'Weddings is an elegant, responsive WordPress theme designed for wedding websites. The theme includes multiple pages, homepage slider and gallery support.',
47
- 'href' => 'https://web-dorado.com/wordpress-themes/wedding.html'
48
- ),
49
- "exclusive" => array(
50
- 'title' => 'Exclusive Theme',
51
- 'content' => 'Exclusive is a unique theme designed to best fit business style websites. It comes with a large list of customizable features.',
52
- 'href' => 'https://web-dorado.com/wordpress-themes/exclusive.html'
53
- ),
54
- "expert" => array(
55
- 'title' => 'Expert Theme',
56
- 'content' => 'WordPress Expert is a modern, user-friendly and stylish theme. It has a list of customizable layout, style, colors and fonts.',
57
- 'href' => 'https://web-dorado.com/wordpress-themes/business-responsive.html'
58
- ),
59
- );
60
- ?>
61
- <div id="main_featured_themes_page">
62
- <h3>Featured Themes</h3>
63
- <div class="featured_header">
64
- <a href="https://web-dorado.com/wordpress-themes.html?source=<?php echo $current_plugin; ?>" target="_blank">
65
- <h1>WORDPRESS THEMES</h1>
66
- <h1 class="get_plugins">FOR $40 ONLY <span>- SAVE 80%</span></h1>
67
- <div class="try-now">
68
- <span>TRY NOW</span>
69
- </div>
70
- </a>
71
- </div>
72
- <ul id="featured-plugins-list">
73
- <?php
74
- foreach ($themes as $key => $themes) {
75
- ?>
76
- <li class="<?php echo $key; ?>">
77
- <div class="product"></div>
78
- <div class="title">
79
- <strong class="heading"><?php echo $themes['title']; ?></strong>
80
- </div>
81
- <div class="description">
82
- <p><?php echo $themes['content']; ?></p>
83
- </div>
84
- <a target="_blank" href="<?php echo $themes['href']; ?>?source=<?php echo $current_plugin; ?>" class="download">Download theme &#9658;</a>
85
- </li>
86
- <?php
87
- }
88
- ?>
89
- </ul>
90
- </div>
91
- <?php
92
  }
1
+ <?php
2
+ function spider_featured_themes($current_plugin = '') {
3
+ $themes = array(
4
+ "portfolio_gallery" => array(
5
+ 'title' => 'Portfolio Gallery Theme',
6
+ 'content' => 'Portfolio Gallery helps to display images using various color schemes and layouts combined with elegant fonts and content parts.',
7
+ 'href' => 'https://web-dorado.com/wordpress-themes/portfolio-gallery.html'
8
+ ),
9
+ "business_elite" => array(
10
+ 'title' => 'Business Elite Theme',
11
+ 'content' => 'Business Elite is a robust parallax theme for business websites. The theme uses smooth transitions and many functional sections.',
12
+ 'href' => 'https://web-dorado.com/wordpress-themes/business-elite.html'
13
+ ),
14
+ "sauron" => array(
15
+ 'title' => 'Sauron Theme',
16
+ 'content' => 'Sauron is a multipurpose parallax theme, which uses multiple interactive sections designed for the client-engagement.',
17
+ 'href' => 'https://web-dorado.com/wordpress-themes/sauron.html'
18
+ ),
19
+ "mottomag" => array(
20
+ 'title' => 'MottoMag Theme',
21
+ 'content' => 'MottoMag is a vibrant, responsive theme which is a perfect choice for the combination of textual content with videos and images.',
22
+ 'href' => 'https://web-dorado.com/wordpress-themes/mottomag.html'
23
+ ),
24
+ "business_world" => array(
25
+ 'title' => 'Business World Theme',
26
+ 'content' => 'Business World is an innovative WordPress theme great for Business websites.',
27
+ 'href' => 'https://web-dorado.com/wordpress-themes/business-world.html'
28
+ ),
29
+ "best_magazine" => array(
30
+ 'title' => 'Best Magazine Theme',
31
+ 'content' => 'Best Magazine is an ultimate selection when you are dealing with multi-category news websites.',
32
+ 'href' => 'https://web-dorado.com/wordpress-themes/best-magazine.html'
33
+ ),
34
+ "wedding_style" => array(
35
+ 'title' => 'Wedding Style Theme',
36
+ 'content' => 'Wedding style is a responsive theme designed for the organization and maintenance of wedding websites and blogs.',
37
+ 'href' => 'https://web-dorado.com/wordpress-themes/wedding-style.html'
38
+ ),
39
+ "magazine" => array(
40
+ 'title' => 'Magazine Theme',
41
+ 'content' => 'Magazine theme is a perfect solution when creating news and informational websites. It comes with a wide range of layout options.',
42
+ 'href' => 'https://web-dorado.com/wordpress-themes/news-magazine.html'
43
+ ),
44
+ "weddings" => array(
45
+ 'title' => 'Weddings Theme',
46
+ 'content' => 'Weddings is an elegant, responsive WordPress theme designed for wedding websites. The theme includes multiple pages, homepage slider and gallery support.',
47
+ 'href' => 'https://web-dorado.com/wordpress-themes/wedding.html'
48
+ ),
49
+ "exclusive" => array(
50
+ 'title' => 'Exclusive Theme',
51
+ 'content' => 'Exclusive is a unique theme designed to best fit business style websites. It comes with a large list of customizable features.',
52
+ 'href' => 'https://web-dorado.com/wordpress-themes/exclusive.html'
53
+ ),
54
+ "expert" => array(
55
+ 'title' => 'Expert Theme',
56
+ 'content' => 'WordPress Expert is a modern, user-friendly and stylish theme. It has a list of customizable layout, style, colors and fonts.',
57
+ 'href' => 'https://web-dorado.com/wordpress-themes/business-responsive.html'
58
+ ),
59
+ );
60
+ ?>
61
+ <div id="main_featured_themes_page">
62
+ <h3>Featured Themes</h3>
63
+ <div class="featured_header">
64
+ <a href="https://web-dorado.com/wordpress-themes.html?source=<?php echo $current_plugin; ?>" target="_blank">
65
+ <h1>WORDPRESS THEMES</h1>
66
+ <h1 class="get_plugins">FOR $40 ONLY <span>- SAVE 80%</span></h1>
67
+ <div class="try-now">
68
+ <span>TRY NOW</span>
69
+ </div>
70
+ </a>
71
+ </div>
72
+ <ul id="featured-plugins-list">
73
+ <?php
74
+ foreach ($themes as $key => $themes) {
75
+ ?>
76
+ <li class="<?php echo $key; ?>">
77
+ <div class="product"></div>
78
+ <div class="title">
79
+ <strong class="heading"><?php echo $themes['title']; ?></strong>
80
+ </div>
81
+ <div class="description">
82
+ <p><?php echo $themes['content']; ?></p>
83
+ </div>
84
+ <a target="_blank" href="<?php echo $themes['href']; ?>?source=<?php echo $current_plugin; ?>" class="download">Download theme &#9658;</a>
85
+ </li>
86
+ <?php
87
+ }
88
+ ?>
89
+ </ul>
90
+ </div>
91
+ <?php
92
  }
featured/style.css CHANGED
@@ -1,201 +1,201 @@
1
- @import url(http://fonts.googleapis.com/css?family=Oswald);
2
-
3
- #main_featured_plugins_page {
4
- font-family: Oswald;
5
- width: 90%;
6
- margin: 15px auto 0px auto;
7
- }
8
-
9
- #main_featured_plugins_page h3 {
10
- border-bottom: 2px solid #CECECE;
11
- color: rgb(111, 111, 111);
12
- font-family: Segoe UI;
13
- font-size: 18px;
14
- margin: 0px auto 15px auto;
15
- padding: 20px 0;
16
- }
17
-
18
- #main_featured_plugins_page #featured-plugins-list {
19
- position:relative;
20
- margin:0px auto;
21
- height:auto;
22
- display:table;
23
- list-style:none;
24
- text-align: center;
25
- width: 100%;
26
- }
27
-
28
- #main_featured_plugins_page #featured-plugins-list li {
29
- display: inline-table;
30
- width: 200px;
31
- margin: 20px 10px 0px 10px;
32
- background: #FFFFFF;
33
- border-right: 3px solid #E5E5E5;
34
- height: 335px;
35
- border-bottom: 3px solid #E5E5E5;
36
- position: relative;
37
- }
38
-
39
- #main_featured_plugins_page #featured-plugins-list li .product {
40
- position:relative;
41
- height:113px;
42
- background-color: transparent !important;
43
- background-position-x: 50% !important;
44
- margin: 7px;
45
- border-radius: 3px;
46
- background-size: 115px !important;
47
- }
48
-
49
- #main_featured_plugins_page #featured-plugins-list li .title {
50
- width: 90%;
51
- text-align: center;
52
- margin: 0 auto;
53
- }
54
-
55
- #main_featured_plugins_page #featured-plugins-list li.form-maker .product {background:url("images/form.png") center center no-repeat;}
56
- #main_featured_plugins_page #featured-plugins-list li.catalog .product {background:url("images/catalog.png") center center no-repeat;}
57
- #main_featured_plugins_page #featured-plugins-list li.contact-maker .product {background:url("images/contact.maker.png") center center no-repeat;}
58
- #main_featured_plugins_page #featured-plugins-list li.contacts .product {background:url("images/contacts.png") center center no-repeat;}
59
- #main_featured_plugins_page #featured-plugins-list li.facebook .product {background:url("images/facebook.png") center center no-repeat;}
60
- #main_featured_plugins_page #featured-plugins-list li.faq .product {background:url("images/faq.png") center center no-repeat;}
61
- #main_featured_plugins_page #featured-plugins-list li.flash-calendar .product {background:url("images/flash.calendar.png") center center no-repeat;}
62
- #main_featured_plugins_page #featured-plugins-list li.player .product {background:url("images/player.png") center center no-repeat; }
63
- #main_featured_plugins_page #featured-plugins-list li.spider-calendar .product {background:url("images/spider.calendar.png") center center no-repeat;}
64
- #main_featured_plugins_page #featured-plugins-list li.contact_form_bulder .product {background:url("images/contact.builder.png") center center no-repeat;}
65
- #main_featured_plugins_page #featured-plugins-list li.random_post .product {background:url("images/random.post.png") center center no-repeat;}
66
- #main_featured_plugins_page #featured-plugins-list li.slider_wd .product {background:url("images/slider.png") center center no-repeat;}
67
- #main_featured_plugins_page #featured-plugins-list li.folder_menu .product {background:url("images/folder.menu.png") center center no-repeat;}
68
- #main_featured_plugins_page #featured-plugins-list li.zoom .product {background:url("images/zoom.png") center center no-repeat;}
69
- #main_featured_plugins_page #featured-plugins-list li.fm-import .product {background:url("images/fm-import.png") center center no-repeat;}
70
- #main_featured_plugins_page #featured-plugins-list li.photo-gallery .product {background:url("images/photo-gallery.png") center center no-repeat;}
71
- #main_featured_plugins_page #featured-plugins-list li.twitter-widget .product {background:url("images/twittertools.png") center center no-repeat;}
72
- #main_featured_plugins_page #featured-plugins-list li.events-wd .product {background:url("images/events-wd.png") center center no-repeat;}
73
- #main_featured_plugins_page #featured-plugins-list li.faq_wd .product {background:url("images/faq_wd.png") center center no-repeat;}
74
- #main_featured_plugins_page #featured-plugins-list li.instagram_feed .product {background:url("images/instagram_feed.png") center center no-repeat;}
75
- #main_featured_plugins_page #featured-plugins-list li.post-slider .product {background:url("images/post-slider.png") center center no-repeat;}
76
-
77
- #main_featured_plugins_page #featured-plugins-list li .title .heading {
78
- display: block;
79
- position: relative;
80
- font-size: 17px;
81
- color: #767676;
82
- margin: 13px 0px 13px 0px;
83
- text-transform: uppercase;
84
- }
85
-
86
- #main_featured_plugins_page #featured-plugins-list li .title p {
87
- font-size:14px;
88
- color:#444;
89
- margin-left:20px;
90
- }
91
-
92
- #main_featured_plugins_page #featured-plugins-list li .description {
93
- height: 127px;
94
- width: 90%;
95
- margin: 0 auto;
96
- }
97
-
98
- #main_featured_plugins_page #featured-plugins-list li .description p {
99
- text-align: center;
100
- width: 100%;
101
- color: #9A9A9A;
102
- font-family: Segoe UI Light;
103
- }
104
-
105
- #featured-plugins-list li a.download {
106
- display: block;
107
- border-top: 1px solid #CACACA;
108
- outline: none;
109
- width: 90%;
110
- margin: 0 auto;
111
- font-size: 14px;
112
- line-height: 40px;
113
- text-decoration: none;
114
- font-weight: bolder;
115
- text-align: center;
116
- color: #134D68;
117
- position: absolute;
118
- text-transform: uppercase;
119
- bottom: 0;
120
- left: 10px;
121
- font-family: Segoe UI Black;
122
- text-shadow: 1px 0;
123
- }
124
-
125
- #featured-plugins-list li a.download:hover {
126
- color: #F47629;
127
- }
128
-
129
- .featured_header {
130
- background: #11465F;
131
- border-right: 3px solid #E5E5E5;
132
- border-bottom: 3px solid #E5E5E5;
133
- position: relative;
134
- padding: 20px 0;
135
- }
136
-
137
- .featured_header .old_price {
138
- color: rgba(180, 180, 180, 0.3);
139
- text-decoration: line-through;
140
- font-family: Oswald;
141
- }
142
-
143
- .featured_header h1.get_plugins {
144
- color: #FFFFFF;
145
- height: 85px;
146
- margin: 0;
147
- background-size: 85% 100%;
148
- background-position: center;
149
- line-height: 60px;
150
- }
151
-
152
- .featured_header .try-now {
153
- text-align: center;
154
- }
155
-
156
- .featured_header .try-now span {
157
- display: inline-block;
158
- padding: 7px 16px;
159
- background: #F47629;
160
- border-radius: 10px;
161
- color: #ffffff;
162
- font-size: 23px;
163
- }
164
-
165
- .featured_header h1 {
166
- font-size: 50px;
167
- text-align: center;
168
- color: #FFFFFF;
169
- letter-spacing: 3px;
170
- text-transform: uppercase;
171
- }
172
-
173
- .featured_header a {
174
- text-decoration: none;
175
- }
176
-
177
- @media screen and (max-width: 1105px) {
178
- .featured_header h1 {
179
- font-size: 37px;
180
- line-height: 0;
181
- }
182
- }
183
-
184
- @media screen and (max-width: 835px) {
185
- .get_plugins span {
186
- display: none;
187
- }
188
- }
189
-
190
- @media screen and (max-width: 700px) {
191
- .featured_header h1 {
192
- line-height: 40px;
193
- }
194
- }
195
-
196
- @media screen and (max-width: 435px) {
197
- .featured_header h1 {
198
- font-size: 20px;
199
- line-height: 25px;
200
- }
201
  }
1
+ @import url(http://fonts.googleapis.com/css?family=Oswald);
2
+
3
+ #main_featured_plugins_page {
4
+ font-family: Oswald;
5
+ width: 90%;
6
+ margin: 15px auto 0px auto;
7
+ }
8
+
9
+ #main_featured_plugins_page h3 {
10
+ border-bottom: 2px solid #CECECE;
11
+ color: rgb(111, 111, 111);
12
+ font-family: Segoe UI;
13
+ font-size: 18px;
14
+ margin: 0px auto 15px auto;
15
+ padding: 20px 0;
16
+ }
17
+
18
+ #main_featured_plugins_page #featured-plugins-list {
19
+ position:relative;
20
+ margin:0px auto;
21
+ height:auto;
22
+ display:table;
23
+ list-style:none;
24
+ text-align: center;
25
+ width: 100%;
26
+ }
27
+
28
+ #main_featured_plugins_page #featured-plugins-list li {
29
+ display: inline-table;
30
+ width: 200px;
31
+ margin: 20px 10px 0px 10px;
32
+ background: #FFFFFF;
33
+ border-right: 3px solid #E5E5E5;
34
+ height: 335px;
35
+ border-bottom: 3px solid #E5E5E5;
36
+ position: relative;
37
+ }
38
+
39
+ #main_featured_plugins_page #featured-plugins-list li .product {
40
+ position:relative;
41
+ height:113px;
42
+ background-color: transparent !important;
43
+ background-position-x: 50% !important;
44
+ margin: 7px;
45
+ border-radius: 3px;
46
+ background-size: 115px !important;
47
+ }
48
+
49
+ #main_featured_plugins_page #featured-plugins-list li .title {
50
+ width: 90%;
51
+ text-align: center;
52
+ margin: 0 auto;
53
+ }
54
+
55
+ #main_featured_plugins_page #featured-plugins-list li.form-maker .product {background:url("images/form.png") center center no-repeat;}
56
+ #main_featured_plugins_page #featured-plugins-list li.catalog .product {background:url("images/catalog.png") center center no-repeat;}
57
+ #main_featured_plugins_page #featured-plugins-list li.contact-maker .product {background:url("images/contact.maker.png") center center no-repeat;}
58
+ #main_featured_plugins_page #featured-plugins-list li.contacts .product {background:url("images/contacts.png") center center no-repeat;}
59
+ #main_featured_plugins_page #featured-plugins-list li.facebook .product {background:url("images/facebook.png") center center no-repeat;}
60
+ #main_featured_plugins_page #featured-plugins-list li.faq .product {background:url("images/faq.png") center center no-repeat;}
61
+ #main_featured_plugins_page #featured-plugins-list li.flash-calendar .product {background:url("images/flash.calendar.png") center center no-repeat;}
62
+ #main_featured_plugins_page #featured-plugins-list li.player .product {background:url("images/player.png") center center no-repeat; }
63
+ #main_featured_plugins_page #featured-plugins-list li.spider-calendar .product {background:url("images/spider.calendar.png") center center no-repeat;}
64
+ #main_featured_plugins_page #featured-plugins-list li.contact_form_bulder .product {background:url("images/contact.builder.png") center center no-repeat;}
65
+ #main_featured_plugins_page #featured-plugins-list li.random_post .product {background:url("images/random.post.png") center center no-repeat;}
66
+ #main_featured_plugins_page #featured-plugins-list li.slider_wd .product {background:url("images/slider.png") center center no-repeat;}
67
+ #main_featured_plugins_page #featured-plugins-list li.folder_menu .product {background:url("images/folder.menu.png") center center no-repeat;}
68
+ #main_featured_plugins_page #featured-plugins-list li.zoom .product {background:url("images/zoom.png") center center no-repeat;}
69
+ #main_featured_plugins_page #featured-plugins-list li.fm-import .product {background:url("images/fm-import.png") center center no-repeat;}
70
+ #main_featured_plugins_page #featured-plugins-list li.photo-gallery .product {background:url("images/photo-gallery.png") center center no-repeat;}
71
+ #main_featured_plugins_page #featured-plugins-list li.twitter-widget .product {background:url("images/twittertools.png") center center no-repeat;}
72
+ #main_featured_plugins_page #featured-plugins-list li.events-wd .product {background:url("images/events-wd.png") center center no-repeat;}
73
+ #main_featured_plugins_page #featured-plugins-list li.faq_wd .product {background:url("images/faq_wd.png") center center no-repeat;}
74
+ #main_featured_plugins_page #featured-plugins-list li.instagram_feed .product {background:url("images/instagram_feed.png") center center no-repeat;}
75
+ #main_featured_plugins_page #featured-plugins-list li.post-slider .product {background:url("images/post-slider.png") center center no-repeat;}
76
+
77
+ #main_featured_plugins_page #featured-plugins-list li .title .heading {
78
+ display: block;
79
+ position: relative;
80
+ font-size: 17px;
81
+ color: #767676;
82
+ margin: 13px 0px 13px 0px;
83
+ text-transform: uppercase;
84
+ }
85
+
86
+ #main_featured_plugins_page #featured-plugins-list li .title p {
87
+ font-size:14px;
88
+ color:#444;
89
+ margin-left:20px;
90
+ }
91
+
92
+ #main_featured_plugins_page #featured-plugins-list li .description {
93
+ height: 127px;
94
+ width: 90%;
95
+ margin: 0 auto;
96
+ }
97
+
98
+ #main_featured_plugins_page #featured-plugins-list li .description p {
99
+ text-align: center;
100
+ width: 100%;
101
+ color: #9A9A9A;
102
+ font-family: Segoe UI Light;
103
+ }
104
+
105
+ #featured-plugins-list li a.download {
106
+ display: block;
107
+ border-top: 1px solid #CACACA;
108
+ outline: none;
109
+ width: 90%;
110
+ margin: 0 auto;
111
+ font-size: 14px;
112
+ line-height: 40px;
113
+ text-decoration: none;
114
+ font-weight: bolder;
115
+ text-align: center;
116
+ color: #134D68;
117
+ position: absolute;
118
+ text-transform: uppercase;
119
+ bottom: 0;
120
+ left: 10px;
121
+ font-family: Segoe UI Black;
122
+ text-shadow: 1px 0;
123
+ }
124
+
125
+ #featured-plugins-list li a.download:hover {
126
+ color: #F47629;
127
+ }
128
+
129
+ .featured_header {
130
+ background: #11465F;
131
+ border-right: 3px solid #E5E5E5;
132
+ border-bottom: 3px solid #E5E5E5;
133
+ position: relative;
134
+ padding: 20px 0;
135
+ }
136
+
137
+ .featured_header .old_price {
138
+ color: rgba(180, 180, 180, 0.3);
139
+ text-decoration: line-through;
140
+ font-family: Oswald;
141
+ }
142
+
143
+ .featured_header h1.get_plugins {
144
+ color: #FFFFFF;
145
+ height: 85px;
146
+ margin: 0;
147
+ background-size: 85% 100%;
148
+ background-position: center;
149
+ line-height: 60px;
150
+ }
151
+
152
+ .featured_header .try-now {
153
+ text-align: center;
154
+ }
155
+
156
+ .featured_header .try-now span {
157
+ display: inline-block;
158
+ padding: 7px 16px;
159
+ background: #F47629;
160
+ border-radius: 10px;
161
+ color: #ffffff;
162
+ font-size: 23px;
163
+ }
164
+
165
+ .featured_header h1 {
166
+ font-size: 50px;
167
+ text-align: center;
168
+ color: #FFFFFF;
169
+ letter-spacing: 3px;
170
+ text-transform: uppercase;
171
+ }
172
+
173
+ .featured_header a {
174
+ text-decoration: none;
175
+ }
176
+
177
+ @media screen and (max-width: 1105px) {
178
+ .featured_header h1 {
179
+ font-size: 37px;
180
+ line-height: 0;
181
+ }
182
+ }
183
+
184
+ @media screen and (max-width: 835px) {
185
+ .get_plugins span {
186
+ display: none;
187
+ }
188
+ }
189
+
190
+ @media screen and (max-width: 700px) {
191
+ .featured_header h1 {
192
+ line-height: 40px;
193
+ }
194
+ }
195
+
196
+ @media screen and (max-width: 435px) {
197
+ .featured_header h1 {
198
+ font-size: 20px;
199
+ line-height: 25px;
200
+ }
201
  }
featured/themes_style.css CHANGED
@@ -1,186 +1,186 @@
1
- @import url(http://fonts.googleapis.com/css?family=Oswald);
2
-
3
- #main_featured_themes_page #featured-plugins-list {
4
- position: relative;
5
- margin: 0px auto;
6
- height: auto;
7
- display: table;
8
- list-style: none;
9
- text-align: center;
10
- width: 100%;
11
- }
12
-
13
- #main_featured_themes_page #featured-plugins-list li {
14
- display: inline-table;
15
- width: 245px;
16
- margin: 20px 10px 0px 10px;
17
- background: #FFFFFF;
18
- border-right: 3px solid #E5E5E5;
19
- height: 405px;
20
- border-bottom: 3px solid #E5E5E5;
21
- position: relative;
22
- }
23
-
24
- #main_featured_themes_page #featured-plugins-list li .product {
25
- position:relative;
26
- height: 168px;
27
- background-color: #F1F1F1 !important;
28
- background-size: 100% !important;
29
- }
30
-
31
- #main_featured_themes_page #featured-plugins-list li .title {
32
- width: 91%;
33
- text-align: center;
34
- margin: 0 auto;
35
- }
36
-
37
- #main_featured_themes_page {
38
- width: 90%;
39
- margin: 15px auto 0px auto;
40
- }
41
-
42
- #main_featured_themes_page h3 {
43
- border-bottom: 2px solid #CECECE;
44
- color: rgb(111, 111, 111);
45
- font-family: Segoe UI;
46
- font-size: 18pt;
47
- margin: 0px auto 15px auto;
48
- padding: 20px 0;
49
- }
50
-
51
- #main_featured_themes_page #featured-plugins-list li.sauron .product {background:url("images/sauron.jpg") left center no-repeat;}
52
- #main_featured_themes_page #featured-plugins-list li.portfolio_gallery .product {background:url("images/portfolio.png") left center no-repeat;}
53
- #main_featured_themes_page #featured-plugins-list li.business_elite .product {background:url("images/business_elite.jpg") left center no-repeat;}
54
- #main_featured_themes_page #featured-plugins-list li.mottomag .product {background:url("images/mottomag.jpg") left center no-repeat; }
55
- #main_featured_themes_page #featured-plugins-list li.business_world .product {background:url("images/business_world.jpg") left center no-repeat;}
56
- #main_featured_themes_page #featured-plugins-list li.best_magazine .product {background:url("images/best_magazine.jpg") left center no-repeat;}
57
- #main_featured_themes_page #featured-plugins-list li.wedding_style .product {background:url("images/wedding_style.jpg") left center no-repeat;}
58
- #main_featured_themes_page #featured-plugins-list li.magazine .product {background:url("images/magazine.jpg") left center no-repeat;}
59
- #main_featured_themes_page #featured-plugins-list li.weddings .product {background:url("images/wedding.jpg") left center no-repeat;}
60
- #main_featured_themes_page #featured-plugins-list li.exclusive .product {background:url("images/exclusive.jpg") left center no-repeat;}
61
- #main_featured_themes_page #featured-plugins-list li.expert .product {background:url("images/expert.jpg") left center no-repeat; background-size: 80%;}
62
-
63
- #main_featured_themes_page #featured-plugins-list li .title .heading {
64
- display: block;
65
- position: relative;
66
- font-size: 17px;
67
- color: #767676;
68
- margin: 13px 0px 13px 0px;
69
- text-transform: uppercase;
70
- }
71
-
72
- #main_featured_themes_page #featured-plugins-list li .title p {
73
- font-size:14px;
74
- color:#444;
75
- margin-left:20px;
76
- }
77
-
78
- #main_featured_themes_page #featured-plugins-list li .description {
79
- height:130px;
80
- width: 90%;
81
- margin: 0 auto;
82
- }
83
-
84
- #main_featured_themes_page #featured-plugins-list li .description p {
85
- text-align: center;
86
- width: 100%;
87
- color: #9A9A9A;
88
- font-family: "Open Sans",sans-serif;
89
- }
90
-
91
- #featured-plugins-list li a.download {
92
- display: block;
93
- border-top: 1px solid #CACACA;
94
- outline: none;
95
- width: 90%;
96
- margin: 0 auto;
97
- font-size: 14px;
98
- line-height: 40px;
99
- text-decoration: none;
100
- font-weight: bolder;
101
- text-align: center;
102
- color: #134D68;
103
- position: absolute;
104
- text-transform: uppercase;
105
- bottom: 0;
106
- left: 10px;
107
- font-family: "Open Sans",sans-serif;
108
- text-shadow: 1px 0;
109
- }
110
-
111
- #featured-plugins-list li a.download:hover {
112
- color: #F47629;
113
- }
114
-
115
- .featured_header {
116
- background: #11465F;
117
- border-right: 3px solid #E5E5E5;
118
- border-bottom: 3px solid #E5E5E5;
119
- position: relative;
120
- padding: 20px 0;
121
- }
122
-
123
- .featured_header .old_price {
124
- color: rgba(180, 180, 180, 0.3);
125
- text-decoration: line-through;
126
- font-family: Oswald;
127
- }
128
-
129
- .featured_header h1.get_plugins {
130
- color: #FFFFFF;
131
- height: 85px;
132
- margin: 0;
133
- background-size: 85% 100%;
134
- background-position: center;
135
- line-height: 60px;
136
- }
137
-
138
- .featured_header .try-now{
139
- text-align: center;
140
- }
141
-
142
- .featured_header .try-now span {
143
- display: inline-block;
144
- padding: 7px 16px;
145
- background: #F47629;
146
- border-radius: 10px;
147
- color: #ffffff;
148
- font-size: 23px;
149
- }
150
-
151
- .featured_header h1 {
152
- font-size: 50px;
153
- text-align: center;
154
- color: #FFFFFF;
155
- letter-spacing: 3px;
156
- text-transform: uppercase;
157
- }
158
-
159
- .featured_header a {
160
- text-decoration: none;
161
- }
162
-
163
- .featured_header .old-price {
164
- color: #889CA8;
165
- text-decoration: line-through;
166
- }
167
-
168
- @media screen and (max-width: 1035px) {
169
- .featured_header h1 {
170
- font-size: 37px;
171
- line-height: 0;
172
- }
173
- }
174
-
175
- @media screen and (max-width: 835px) {
176
- .get_plugins span {
177
- display: none;
178
- }
179
- }
180
-
181
- @media screen and (max-width: 435px) {
182
- .featured_header h1 {
183
- font-size: 20px;
184
- line-height: 17px;
185
- }
186
  }
1
+ @import url(http://fonts.googleapis.com/css?family=Oswald);
2
+
3
+ #main_featured_themes_page #featured-plugins-list {
4
+ position: relative;
5
+ margin: 0px auto;
6
+ height: auto;
7
+ display: table;
8
+ list-style: none;
9
+ text-align: center;
10
+ width: 100%;
11
+ }
12
+
13
+ #main_featured_themes_page #featured-plugins-list li {
14
+ display: inline-table;
15
+ width: 245px;
16
+ margin: 20px 10px 0px 10px;
17
+ background: #FFFFFF;
18
+ border-right: 3px solid #E5E5E5;
19
+ height: 405px;
20
+ border-bottom: 3px solid #E5E5E5;
21
+ position: relative;
22
+ }
23
+
24
+ #main_featured_themes_page #featured-plugins-list li .product {
25
+ position:relative;
26
+ height: 168px;
27
+ background-color: #F1F1F1 !important;
28
+ background-size: 100% !important;
29
+ }
30
+
31
+ #main_featured_themes_page #featured-plugins-list li .title {
32
+ width: 91%;
33
+ text-align: center;
34
+ margin: 0 auto;
35
+ }
36
+
37
+ #main_featured_themes_page {
38
+ width: 90%;
39
+ margin: 15px auto 0px auto;
40
+ }
41
+
42
+ #main_featured_themes_page h3 {
43
+ border-bottom: 2px solid #CECECE;
44
+ color: rgb(111, 111, 111);
45
+ font-family: Segoe UI;
46
+ font-size: 18pt;
47
+ margin: 0px auto 15px auto;
48
+ padding: 20px 0;
49
+ }
50
+
51
+ #main_featured_themes_page #featured-plugins-list li.sauron .product {background:url("images/sauron.jpg") left center no-repeat;}
52
+ #main_featured_themes_page #featured-plugins-list li.portfolio_gallery .product {background:url("images/portfolio.png") left center no-repeat;}
53
+ #main_featured_themes_page #featured-plugins-list li.business_elite .product {background:url("images/business_elite.jpg") left center no-repeat;}
54
+ #main_featured_themes_page #featured-plugins-list li.mottomag .product {background:url("images/mottomag.jpg") left center no-repeat; }
55
+ #main_featured_themes_page #featured-plugins-list li.business_world .product {background:url("images/business_world.jpg") left center no-repeat;}
56
+ #main_featured_themes_page #featured-plugins-list li.best_magazine .product {background:url("images/best_magazine.jpg") left center no-repeat;}
57
+ #main_featured_themes_page #featured-plugins-list li.wedding_style .product {background:url("images/wedding_style.jpg") left center no-repeat;}
58
+ #main_featured_themes_page #featured-plugins-list li.magazine .product {background:url("images/magazine.jpg") left center no-repeat;}
59
+ #main_featured_themes_page #featured-plugins-list li.weddings .product {background:url("images/wedding.jpg") left center no-repeat;}
60
+ #main_featured_themes_page #featured-plugins-list li.exclusive .product {background:url("images/exclusive.jpg") left center no-repeat;}
61
+ #main_featured_themes_page #featured-plugins-list li.expert .product {background:url("images/expert.jpg") left center no-repeat; background-size: 80%;}
62
+
63
+ #main_featured_themes_page #featured-plugins-list li .title .heading {
64
+ display: block;
65
+ position: relative;
66
+ font-size: 17px;
67
+ color: #767676;
68
+ margin: 13px 0px 13px 0px;
69
+ text-transform: uppercase;
70
+ }
71
+
72
+ #main_featured_themes_page #featured-plugins-list li .title p {
73
+ font-size:14px;
74
+ color:#444;
75
+ margin-left:20px;
76
+ }
77
+
78
+ #main_featured_themes_page #featured-plugins-list li .description {
79
+ height:130px;
80
+ width: 90%;
81
+ margin: 0 auto;
82
+ }
83
+
84
+ #main_featured_themes_page #featured-plugins-list li .description p {
85
+ text-align: center;
86
+ width: 100%;
87
+ color: #9A9A9A;
88
+ font-family: "Open Sans",sans-serif;
89
+ }
90
+
91
+ #featured-plugins-list li a.download {
92
+ display: block;
93
+ border-top: 1px solid #CACACA;
94
+ outline: none;
95
+ width: 90%;
96
+ margin: 0 auto;
97
+ font-size: 14px;
98
+ line-height: 40px;
99
+ text-decoration: none;
100
+ font-weight: bolder;
101
+ text-align: center;
102
+ color: #134D68;
103
+ position: absolute;
104
+ text-transform: uppercase;
105
+ bottom: 0;
106
+ left: 10px;
107
+ font-family: "Open Sans",sans-serif;
108
+ text-shadow: 1px 0;
109
+ }
110
+
111
+ #featured-plugins-list li a.download:hover {
112
+ color: #F47629;
113
+ }
114
+
115
+ .featured_header {
116
+ background: #11465F;
117
+ border-right: 3px solid #E5E5E5;
118
+ border-bottom: 3px solid #E5E5E5;
119
+ position: relative;
120
+ padding: 20px 0;
121
+ }
122
+
123
+ .featured_header .old_price {
124
+ color: rgba(180, 180, 180, 0.3);
125
+ text-decoration: line-through;
126
+ font-family: Oswald;
127
+ }
128
+
129
+ .featured_header h1.get_plugins {
130
+ color: #FFFFFF;
131
+ height: 85px;
132
+ margin: 0;
133
+ background-size: 85% 100%;
134
+ background-position: center;
135
+ line-height: 60px;
136
+ }
137
+
138
+ .featured_header .try-now{
139
+ text-align: center;
140
+ }
141
+
142
+ .featured_header .try-now span {
143
+ display: inline-block;
144
+ padding: 7px 16px;
145
+ background: #F47629;
146
+ border-radius: 10px;
147
+ color: #ffffff;
148
+ font-size: 23px;
149
+ }
150
+
151
+ .featured_header h1 {
152
+ font-size: 50px;
153
+ text-align: center;
154
+ color: #FFFFFF;
155
+ letter-spacing: 3px;
156
+ text-transform: uppercase;
157
+ }
158
+
159
+ .featured_header a {
160
+ text-decoration: none;
161
+ }
162
+
163
+ .featured_header .old-price {
164
+ color: #889CA8;
165
+ text-decoration: line-through;
166
+ }
167
+
168
+ @media screen and (max-width: 1035px) {
169
+ .featured_header h1 {
170
+ font-size: 37px;
171
+ line-height: 0;
172
+ }
173
+ }
174
+
175
+ @media screen and (max-width: 835px) {
176
+ .get_plugins span {
177
+ display: none;
178
+ }
179
+ }
180
+
181
+ @media screen and (max-width: 435px) {
182
+ .featured_header h1 {
183
+ font-size: 20px;
184
+ line-height: 17px;
185
+ }
186
  }
filemanager/UploadHandler.php CHANGED
@@ -1,984 +1,984 @@
1
- <?php
2
- /*
3
- * jQuery File Upload Plugin PHP Class 6.4.1
4
- *
5
- *
6
- * Copyright 2010, Sebastian Tschan
7
- * https://blueimp.net
8
- *
9
- * Licensed under the MIT license:
10
- * http://www.opensource.org/licenses/MIT
11
- */
12
-
13
- if (function_exists('current_user_can')) {
14
- if (!current_user_can('manage_options')) {
15
- die('Access Denied');
16
- }
17
- }
18
- else {
19
- die('Access Denied');
20
- }
21
-
22
- $upload_handler = new UploadHandler(array(
23
- 'upload_dir' => (isset($_GET['dir']) ? esc_html($_GET['dir']) : ''),
24
- 'accept_file_types' => '/\.(gif|jpe?g|png|bmp|mp4|flv|webm|ogg|mp3|wav|pdf|zip)$/i'
25
- ));
26
-
27
- class UploadHandler {
28
- protected $options;
29
- // PHP File Upload error message codes:
30
- // http://php.net/manual/en/features.file-upload.errors.php
31
- protected $error_messages = array(
32
- 1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
33
- 2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
34
- 3 => 'The uploaded file was only partially uploaded',
35
- 4 => 'No file was uploaded',
36
- 6 => 'Missing a temporary folder',
37
- 7 => 'Failed to write file to disk',
38
- 8 => 'A PHP extension stopped the file upload',
39
- 'post_max_size' => 'The uploaded file exceeds the post_max_size directive in php.ini',
40
- 'max_file_size' => 'File is too big',
41
- 'min_file_size' => 'File is too small',
42
- 'accept_file_types' => 'Filetype not allowed',
43
- 'max_number_of_files' => 'Maximum number of files exceeded',
44
- 'max_width' => 'Image exceeds maximum width',
45
- 'min_width' => 'Image requires a minimum width',
46
- 'max_height' => 'Image exceeds maximum height',
47
- 'min_height' => 'Image requires a minimum height'
48
- );
49
-
50
- function __construct($options = null, $initialize = true, $error_messages = null) {
51
- $this->options = array(
52
- 'script_url' => $this->get_full_url().'/',
53
- 'upload_dir' => dirname($_SERVER['SCRIPT_FILENAME']).'/files/',
54
- 'upload_url' => $this->get_full_url().'/files/',
55
- 'user_dirs' => false,
56
- 'mkdir_mode' => 0755,
57
- 'param_name' => 'files',
58
- // Set the following option to 'POST', if your server does not support
59
- // DELETE requests. This is a parameter sent to the client:
60
- 'delete_type' => 'DELETE',
61
- 'access_control_allow_origin' => '*',
62
- 'access_control_allow_credentials' => false,
63
- 'access_control_allow_methods' => array(
64
- 'OPTIONS',
65
- 'HEAD',
66
- 'GET',
67
- 'POST',
68
- 'PUT',
69
- 'PATCH',
70
- 'DELETE'
71
- ),
72
- 'access_control_allow_headers' => array(
73
- 'Content-Type',
74
- 'Content-Range',
75
- 'Content-Disposition'
76
- ),
77
- // Enable to provide file downloads via GET requests to the PHP script:
78
- 'download_via_php' => false,
79
- // Defines which files can be displayed inline when downloaded:
80
- 'inline_file_types' => '/\.(gif|jpe?g|png)$/i',
81
- // Defines which files (based on their names) are accepted for upload:
82
- 'accept_file_types' => '/.+$/i',
83
- // The php.ini settings upload_max_filesize and post_max_size
84
- // take precedence over the following max_file_size setting:
85
- 'max_file_size' => null,
86
- 'min_file_size' => 1,
87
- // The maximum number of files for the upload directory:
88
- 'max_number_of_files' => null,
89
- // Image resolution restrictions:
90
- 'max_width' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_img_width']) ? (int) $_REQUEST['importer_img_width'] : 1200) : (isset($_POST['upload_img_width']) ? (int) $_POST['upload_img_width'] : 1200)),
91
- 'max_height' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_img_height']) ? (int) $_REQUEST['importer_img_height'] : 1200) : (isset($_POST['upload_img_height']) ? (int) $_POST['upload_img_height'] : 1200)),
92
- 'min_width' => 1,
93
- 'min_height' => 1,
94
- // Set the following option to false to enable resumable uploads:
95
- 'discard_aborted_uploads' => true,
96
- // Set to true to rotate images based on EXIF meta data, if available:
97
- 'orient_image' => false,
98
- );
99
- if (!$this->options['max_width'] || !$this->options['max_height']) {
100
- $this->options['max_width'] = NULL;
101
- $this->options['max_height'] = NULL;
102
- }
103
- $this->options += array(
104
- 'image_versions' => array(
105
- // Uncomment the following version to restrict the size of
106
- // uploaded images:
107
- /*
108
- '' => array(
109
- 'max_width' => 1920,
110
- 'max_height' => 1200,
111
- 'jpeg_quality' => 95
112
- ),
113
- */
114
- // Uncomment the following to create medium sized images:
115
- /*
116
- 'medium' => array(
117
- 'max_width' => 800,
118
- 'max_height' => 600,
119
- 'jpeg_quality' => 80
120
- ),
121
- */
122
- '.original' => array(
123
- 'max_width' => $this->options['max_width'],
124
- 'max_height' => $this->options['max_height'],
125
- 'jpeg_quality' => 100
126
- ),
127
- 'thumb' => array(
128
- 'max_width' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_thumb_width']) ? (int) $_REQUEST['importer_thumb_width'] : 300) : ((isset($_POST['upload_thumb_width']) && (int) $_POST['upload_thumb_width']) ? (int) $_POST['upload_thumb_width'] : 300)),
129
- 'max_height' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_thumb_height']) ? (int) $_REQUEST['importer_thumb_height'] : 300) : ((isset($_POST['upload_thumb_height']) && (int) $_POST['upload_thumb_height']) ? (int) $_POST['upload_thumb_height'] : 300)),
130
- 'jpeg_quality' => 90
131
- ),
132
- )
133
- );
134
- if ($options) {
135
- $this->options = array_merge($this->options, $options);
136
- }
137
- if ($error_messages) {
138
- $this->error_messages = array_merge($this->error_messages, $error_messages);
139
- }
140
- if ($initialize) {
141
- $this->initialize();
142
- }
143
- }
144
-
145
- protected function initialize() {
146
- switch ($_SERVER['REQUEST_METHOD']) {
147
- case 'OPTIONS':
148
- case 'HEAD':
149
- $this->head();
150
- break;
151
- case 'GET':
152
- $this->get();
153
- break;
154
- case 'PATCH':
155
- case 'PUT':
156
- case 'POST':
157
- $this->post();
158
- break;
159
- case 'DELETE':
160
- $this->delete();
161
- break;
162
- default:
163
- $this->header('HTTP/1.1 405 Method Not Allowed');
164
- }
165
- }
166
-
167
- protected function get_full_url() {
168
- $https = !empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off';
169
- return
170
- ($https ? 'https://' : 'http://').
171
- (!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : '').
172
- (isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME'].
173
- ($https && $_SERVER['SERVER_PORT'] === 443 ||
174
- $_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))).
175
- substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/'));
176
- }
177
-
178
- protected function get_user_id() {
179
- @session_start();
180
- return session_id();
181
- }
182
-
183
- protected function get_user_path() {
184
- if ($this->options['user_dirs']) {
185
- return $this->get_user_id().'/';
186
- }
187
- return '';
188
- }
189
-
190
- protected function get_upload_path($file_name = null, $version = null) {
191
- $file_name = $file_name ? $file_name : '';
192
- $version_path = empty($version) ? '' : $version.'/';
193
- return $this->options['upload_dir'].$this->get_user_path()
194
- .$version_path.$file_name;
195
- }
196
-
197
- protected function get_query_separator($url) {
198
- return strpos($url, '?') === false ? '?' : '&';
199
- }
200
-
201
- protected function get_download_url($file_name, $version = null) {
202
- if ($this->options['download_via_php']) {
203
- $url = $this->options['script_url']
204
- .$this->get_query_separator($this->options['script_url'])
205
- .'file='.rawurlencode($file_name);
206
- if ($version) {
207
- $url .= '&version='.rawurlencode($version);
208
- }
209
- return $url.'&download=1';
210
- }
211
- $version_path = empty($version) ? '' : rawurlencode($version).'/';
212
- return $this->options['upload_url'].$this->get_user_path()
213
- .$version_path.rawurlencode($file_name);
214
- }
215
-
216
- protected function set_file_delete_properties($file) {
217
- $file->delete_url = $this->options['script_url']
218
- .$this->get_query_separator($this->options['script_url'])
219
- .'file='.rawurlencode($file->name);
220
- $file->delete_type = $this->options['delete_type'];
221
- if ($file->delete_type !== 'DELETE') {
222
- $file->delete_url .= '&_method=DELETE';
223
- }
224
- if ($this->options['access_control_allow_credentials']) {
225
- $file->delete_with_credentials = true;
226
- }
227
- }
228
-
229
- // Fix for overflowing signed 32 bit integers,
230
- // works for sizes up to 2^32-1 bytes (4 GiB - 1):
231
- protected function fix_integer_overflow($size) {
232
- if ($size < 0) {
233
- $size += 2.0 * (PHP_INT_MAX + 1);
234
- }
235
- return $size;
236
- }
237
-
238
- protected function get_file_size($file_path, $clear_stat_cache = false) {
239
- if ($clear_stat_cache) {
240
- clearstatcache(true, $file_path);
241
- }
242
- return $this->fix_integer_overflow(filesize($file_path));
243
-
244
- }
245
-
246
- protected function is_valid_file_object($file_name) {
247
- $file_path = $this->get_upload_path($file_name);
248
- if (is_file($file_path) && $file_name[0] !== '.') {
249
- return true;
250
- }
251
- return false;
252
- }
253
-
254
- protected function get_file_object($file_name) {
255
- if ($this->is_valid_file_object($file_name)) {
256
- $file = new stdClass();
257
- $file->name = $file_name;
258
- $file->size = $this->get_file_size(
259
- $this->get_upload_path($file_name)
260
- );
261
- $file->url = $this->get_download_url($file->name);
262
- foreach($this->options['image_versions'] as $version => $options) {
263
- if (!empty($version)) {
264
- if (is_file($this->get_upload_path($file_name, $version))) {
265
- $file->{$version.'_url'} = $this->get_download_url(
266
- $file->name,
267
- $version
268
- );
269
- }
270
- }
271
- }
272
- $this->set_file_delete_properties($file);
273
- return $file;
274
- }
275
- return null;
276
- }
277
-
278
- protected function get_file_objects($iteration_method = 'get_file_object') {
279
- $upload_dir = $this->get_upload_path();
280
- if (!is_dir($upload_dir)) {
281
- return array();
282
- }
283
- return array_values(array_filter(array_map(
284
- array($this, $iteration_method),
285
- scandir($upload_dir)
286
- )));
287
- }
288
-
289
- protected function count_file_objects() {
290
- return count($this->get_file_objects('is_valid_file_object'));
291
- }
292
-
293
- protected function create_scaled_image($file_name, $version, $options) {
294
- $file_path = $this->get_upload_path($file_name);
295
- if (!empty($version) && ($version != 'main')) {
296
- $version_dir = $this->get_upload_path(null, $version);
297
- if (!is_dir($version_dir)) {
298
- mkdir($version_dir, $this->options['mkdir_mode'], true);
299
- }
300
- $new_file_path = $version_dir.'/'.$file_name;
301
- } else {
302
- $new_file_path = $file_path;
303
- }
304
- if (!function_exists('getimagesize')) {
305
- error_log('Function not found: getimagesize');
306
- return false;
307
- }
308
- list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
309
- if (!$img_width || !$img_height) {
310
- return false;
311
- }
312
- $max_width = $options['max_width'];
313
- $max_height = $options['max_height'];
314
- $scale = min(
315
- $max_width / $img_width,
316
- $max_height / $img_height
317
- );
318
- @ini_set('memory_limit', '-1');
319
- if (($scale >= 1) || (($max_width == NULL) && ($max_height == NULL))) {
320
- if ($file_path !== $new_file_path) {
321
- return copy($file_path, $new_file_path);
322
- }
323
- return true;
324
- }
325
- if (!function_exists('imagecreatetruecolor')) {
326
- error_log('Function not found: imagecreatetruecolor');
327
- return false;
328
- }
329
-
330
- if (empty($options['crop'])) {
331
- $new_width = $img_width * $scale;
332
- $new_height = $img_height * $scale;
333
- $dst_x = 0;
334
- $dst_y = 0;
335
- $new_img = @imagecreatetruecolor($new_width, $new_height);
336
- } else {
337
- if (($img_width / $img_height) >= ($max_width / $max_height)) {
338
- $new_width = $img_width / ($img_height / $max_height);
339
- $new_height = $max_height;
340
- } else {
341
- $new_width = $max_width;
342
- $new_height = $img_height / ($img_width / $max_width);
343
- }
344
- $dst_x = 0 - ($new_width - $max_width) / 2;
345
- $dst_y = 0 - ($new_height - $max_height) / 2;
346
- $new_img = @imagecreatetruecolor($max_width, $max_height);
347
- }
348
- list($width, $height, $type) = getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
349
- // switch (strtolower(substr(strrchr($file_name, '.'), 1))) {
350
- switch ($type) {
351
- case 2:
352
- $src_img = @imagecreatefromjpeg($file_path);
353
- $write_image = 'imagejpeg';
354
- $image_quality = isset($options['jpeg_quality']) ? $options['jpeg_quality'] : 75;
355
- break;
356
- case 1:
357
- @imagecolortransparent($new_img, @imagecolorallocate($new_img, 0, 0, 0));
358
- $src_img = @imagecreatefromgif($file_path);
359
- $write_image = 'imagegif';
360
- $image_quality = null;
361
- break;
362
- case 3:
363
- @imagecolortransparent($new_img, @imagecolorallocate($new_img, 0, 0, 0));
364
- @imagealphablending($new_img, false);
365
- @imagesavealpha($new_img, true);
366
- $src_img = @imagecreatefrompng($file_path);
367
- $write_image = 'imagepng';
368
- $image_quality = isset($options['png_quality']) ? $options['png_quality'] : 9;
369
- break;
370
- default:
371
- $src_img = null;
372
- }
373
- $success = $src_img && @imagecopyresampled(
374
- $new_img,
375
- $src_img,
376
- $dst_x,
377
- $dst_y,
378
- 0,
379
- 0,
380
- $new_width,
381
- $new_height,
382
- $img_width,
383
- $img_height
384
- ) && $write_image($new_img, $new_file_path, $image_quality);
385
- // Free up memory (imagedestroy does not delete files):
386
- @imagedestroy($src_img);
387
- @imagedestroy($new_img);
388
- @ini_restore('memory_limit');
389
- return $success;
390
- }
391
-
392
- protected function get_error_message($error) {
393
- return array_key_exists($error, $this->error_messages) ? $this->error_messages[$error] : $error;
394
- }
395
-
396
- function get_config_bytes($val) {
397
- $val = trim($val);
398
- $last = strtolower($val[strlen($val)-1]);
399
- switch($last) {
400
- case 'g':
401
- $val *= 1024;
402
- case 'm':
403
- $val *= 1024;
404
- case 'k':
405
- $val *= 1024;
406
- }
407
- return $this->fix_integer_overflow($val);
408
- }
409
-
410
- protected function validate($uploaded_file, $file, $error, $index) {
411
- if ($error) {
412
- $file->error = $this->get_error_message($error);
413
- return false;
414
- }
415
- $content_length = $this->fix_integer_overflow(intval($_SERVER['CONTENT_LENGTH']));
416
- $post_max_size = $this->get_config_bytes(ini_get('post_max_size'));
417
- if ($post_max_size && ($content_length > $post_max_size)) {
418
- $file->error = $this->get_error_message('post_max_size');
419
- return false;
420
- }
421
- if (!preg_match($this->options['accept_file_types'], $file->name)) {
422
- $file->error = $this->get_error_message('accept_file_types');
423
- return false;
424
- }
425
- if ($uploaded_file && is_uploaded_file($uploaded_file)) {
426
- $file_size = $this->get_file_size($uploaded_file);
427
- }
428
- else {
429
- $file_size = $content_length;
430
- }
431
- if ($this->options['max_file_size'] && (
432
- $file_size > $this->options['max_file_size'] ||
433
- $file->size > $this->options['max_file_size'])
434
- ) {
435
- $file->error = $this->get_error_message('max_file_size');
436
- return false;
437
- }
438
- if ($this->options['min_file_size'] &&
439
- $file_size < $this->options['min_file_size']) {
440
- $file->error = $this->get_error_message('min_file_size');
441
- return false;
442
- }
443
- if (is_int($this->options['max_number_of_files']) && (
444
- $this->count_file_objects() >= $this->options['max_number_of_files'])
445
- ) {
446
- $file->error = $this->get_error_message('max_number_of_files');
447
- return false;
448
- }
449
- list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($uploaded_file, ENT_COMPAT | ENT_QUOTES));
450
- if (is_int($img_width)) {
451
- // if ($this->options['max_width'] && $img_width > $this->options['max_width']) {
452
- // $file->error = $this->get_error_message('max_width');
453
- // return false;
454
- // }
455
- // if ($this->options['max_height'] && $img_height > $this->options['max_height']) {
456
- // $file->error = $this->get_error_message('max_height');
457
- // return false;
458
- // }
459
- if ($this->options['min_width'] && $img_width < $this->options['min_width']) {
460
- $file->error = $this->get_error_message('min_width');
461
- return false;
462
- }
463
- if ($this->options['min_height'] && $img_height < $this->options['min_height']) {
464
- $file->error = $this->get_error_message('min_height');
465
- return false;
466
- }
467
- }
468
- return true;
469
- }
470
-
471
- protected function upcount_name_callback($matches) {
472
- $index = isset($matches[1]) ? intval($matches[1]) + 1 : 1;
473
- $ext = isset($matches[2]) ? $matches[2] : '';
474
- return ' ('.$index.')'.$ext;
475
- }
476
-
477
- protected function upcount_name($name) {
478
- return preg_replace_callback(
479
- '/(?:(?: \(([\d]+)\))?(\.[^.]+))?$/',
480
- array($this, 'upcount_name_callback'),
481
- $name,
482
- 1
483
- );
484
- }
485
-
486
- protected function get_unique_filename($name, $type, $index, $content_range) {
487
- while(is_dir($this->get_upload_path($name))) {
488
- $name = $this->upcount_name($name);
489
- }
490
- // Keep an existing filename if this is part of a chunked upload:
491
- $uploaded_bytes = $this->fix_integer_overflow(intval(isset($content_range[1]) ? $content_range[1] : 0));
492
- while(is_file($this->get_upload_path($name))) {
493
- if ($uploaded_bytes === $this->get_file_size(
494
- $this->get_upload_path($name))) {
495
- break;
496
- }
497
- $name = $this->upcount_name($name);
498
- }
499
- return $name;
500
- }
501
-
502
- protected function trim_file_name($name, $type, $index, $content_range) {
503
- // Remove path information and dots around the filename, to prevent uploading
504
- // into different directories or replacing hidden system files.
505
- // Also remove control characters and spaces (\x00..\x20) around the filename:
506
- $name = trim(stripslashes($name), ".\x00..\x20");
507
- $name = str_replace(' ', '_', $name);
508
- // Use a timestamp for empty filenames:
509
- if (!$name) {
510
- $name = str_replace('.', '-', microtime(true));
511
- }
512
- // Add missing file extension for known image types:
513
- if (strpos($name, '.') === false &&
514
- preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) {
515
- $name .= '.'.$matches[1];
516
- }
517
- return $name;
518
- }
519
-
520
- protected function get_file_name($name, $type, $index, $content_range) {
521
- return $this->get_unique_filename(
522
- $this->trim_file_name($name, $type, $index, $content_range),
523
- $type,
524
- $index,
525
- $content_range
526
- );
527
- }
528
-
529
- protected function handle_form_data($file, $index) {
530
- // Handle form data, e.g. $_REQUEST['description'][$index]
531
- }
532
-
533
- protected function orient_image($file_path) {
534
- if (!function_exists('exif_read_data')) {
535
- return false;
536
- }
537
- $exif = @exif_read_data($file_path);
538
- if ($exif === false) {
539
- return false;
540
- }
541
- $orientation = intval(@$exif['Orientation']);
542
- if (!in_array($orientation, array(3, 6, 8))) {
543
- return false;
544
- }
545
- @ini_set('memory_limit', '-1');
546
- $image = @imagecreatefromjpeg($file_path);
547
- switch ($orientation) {
548
- case 3:
549
- $image = @imagerotate($image, 180, 0);
550
- break;
551
- case 6:
552
- $image = @imagerotate($image, 270, 0);
553
- break;
554
- case 8:
555
- $image = @imagerotate($image, 90, 0);
556
- break;
557
- default:
558
- return false;
559
- }
560
- $success = imagejpeg($image, $file_path);
561
- // Free up memory (imagedestroy does not delete files):
562
- @imagedestroy($image);
563
- @ini_restore('memory_limit');
564
- return $success;
565
- }
566
-
567
- protected function handle_image_file($file_path, $file) {
568
- if ($this->options['orient_image']) {
569
- $this->orient_image($file_path);
570
- }
571
- $failed_versions = array();
572
- foreach($this->options['image_versions'] as $version => $options) {
573
- if ($this->create_scaled_image($file->name, $version, $options)) {
574
- if (!empty($version)) {
575
- $file->{$version.'_url'} = $this->get_download_url(
576
- $file->name,
577
- $version
578
- );
579
- }
580
- else {
581
- $file->size = $this->get_file_size($file_path, true);
582
- }
583
- }
584
- else {
585
- $failed_versions[] = $version;
586
- }
587
- }
588
- switch (count($failed_versions)) {
589
- case 0:
590
- break;
591
- case 1:
592
- $file->error = 'Failed to create scaled version: '
593
- .$failed_versions[0];
594
- break;
595
- default:
596
- $file->error = 'Failed to create scaled versions: '
597
- .implode($failed_versions,', ');
598
- }
599
- }
600
-
601
- protected function handle_zip_file($file_path, $file) {
602
- $zip = new ZipArchive;
603
- $res = $zip->open($file_path);
604
- if ($res === TRUE) {
605
- $allow_extract = true;
606
- for($i = 0; $i < $zip->numFiles; $i++) {
607
- $OnlyFileName = $zip->getNameIndex($i);
608
- $FullFileName = $zip->statIndex($i);
609
- if (!($FullFileName['name'][strlen($FullFileName['name'])-1] =="/")) {
610
- if (!preg_match('#\.(gif|jpe?g|png|bmp|mp4|flv|webm|ogg|mp3|wav|pdf|ini|txt)$#i', $OnlyFileName)) {
611
- $allow_extract = false;
612
- }
613
- }
614
- }
615
- if ($allow_extract) {
616
- $target_dir = substr($file_path, 0, strlen($file_path) - 4);
617
- if (!is_dir($target_dir)) {
618
- mkdir($target_dir, 0777);
619
- }
620
- $zip->extractTo($target_dir);
621
- }
622
- else {
623
- $file->error = 'Zip file should contain only image files.';
624
- }
625
- $zip->close();
626
- if ($allow_extract) {
627
- $this->handle_directory($target_dir);
628
- }
629
- }
630
- }
631
-
632
- protected function handle_directory($target_dir) {
633
- $extracted_files = scandir($target_dir);
634
- if ($extracted_files) {
635
- $temp_upload_dir = $this->options['upload_dir'];
636
- $this->options['upload_dir'] = $target_dir . '/';
637
- foreach ($extracted_files as $ex_file) {
638
- if ($ex_file != '.' && $ex_file != '..') {
639
- $ex_file = $target_dir . '/' . $ex_file;
640
- if (is_file($ex_file)) {
641
- $type = filetype($ex_file);
642
- $name = basename($ex_file);
643
- $index = null;
644
- $content_range = null;
645
- $size = $this->get_file_size($ex_file);
646
- $file = new stdClass();
647
- $file->name = $name;
648
- $file->size = $this->fix_integer_overflow(intval($size));
649
- $file->type = $type;
650
- $file->url = $this->get_download_url($file->name);
651
- list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($ex_file, ENT_COMPAT | ENT_QUOTES));
652
-
653
- if ($this->options['max_width'] && $this->options['max_height']) {
654
- // Zip Upload.
655
- $this->create_scaled_image($file->name, 'main', $this->options);
656
- }
657
-
658
- if (is_int($img_width)) {
659
- $this->handle_image_file($ex_file, $file);
660
- }
661
- }
662
- elseif (is_dir($ex_file)) {
663
- $this->handle_directory($ex_file);
664
- }
665
- }
666
- }
667
- $this->options['upload_dir'] = $temp_upload_dir;
668
- }
669
- }
670
-
671
- protected function handle_file_import($uploaded_file, $name, $index = null, $content_range = null) {
672
- $parent_dir = wp_upload_dir();
673
- $parent_dir = $parent_dir['basedir'];
674
- $file_type_array = explode('.', $name);
675
- $type = strtolower(end($file_type_array));
676
-
677
- $file = new stdClass();
678
- $file->name = $this->get_file_name($name, $type, $index, $content_range);
679
- $file->type = $type;
680
- $this->handle_form_data($file, $index);
681
- $upload_dir = $this->get_upload_path();
682
- if (!is_dir($upload_dir)) {
683
- mkdir($upload_dir, $this->options['mkdir_mode'], true);
684
- }
685
- $file_path = $this->get_upload_path($file->name);
686
-
687
- copy($parent_dir . '/' . $uploaded_file, $file_path);
688
- list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
689
-
690
- if ($this->options['max_width'] && $this->options['max_height']) {
691
- // Media libruary Upload.
692
- $this->create_scaled_image($file->name, 'main', $this->options);
693
- }
694
-
695
- if (is_int($img_width)) {
696
- $this->handle_image_file($file_path, $file);
697
- }
698
- $this->set_file_delete_properties($file);
699
-
700
- return $file;
701
- }
702
-
703
- protected function handle_file_upload($uploaded_file, $name, $size, $type, $error, $index = null, $content_range = null) {
704
- $file = new stdClass();
705
- $file->name = $this->get_file_name($name, $type, $index, $content_range);
706
- $file->size = $this->fix_integer_overflow(intval($size));
707
- $file->type = $type;
708
- if ($this->validate($uploaded_file, $file, $error, $index)) {
709
- $this->handle_form_data($file, $index);
710
- $upload_dir = $this->get_upload_path();
711
- if (!is_dir($upload_dir)) {
712
- mkdir($upload_dir, $this->options['mkdir_mode'], true);
713
- }
714
- $file_path = $this->get_upload_path($file->name);
715
- $append_file = $content_range && is_file($file_path) &&
716
- $file->size > $this->get_file_size($file_path);
717
- if ($uploaded_file && is_uploaded_file($uploaded_file)) {
718
- // multipart/formdata uploads (POST method uploads)
719
- if ($append_file) {
720
- file_put_contents(
721
- $file_path,
722
- fopen($uploaded_file, 'r'),
723
- FILE_APPEND
724
- );
725
- }
726
- else {
727
- move_uploaded_file($uploaded_file, $file_path);
728
- }
729
- }
730
- else {
731
- // Non-multipart uploads (PUT method support)
732
- file_put_contents(
733
- $file_path,
734
- fopen('php://input', 'r'),
735
- $append_file ? FILE_APPEND : 0
736
- );
737
- }
738
- $file_size = $this->get_file_size($file_path, $append_file);
739
- if ($file_size === $file->size) {
740
- if ($this->options['max_width'] && $this->options['max_height']) {
741
- // Upload.
742
- $this->create_scaled_image($file->name, 'main', $this->options);
743
- }
744
- $file->url = $this->get_download_url($file->name);
745
- list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
746
- if (is_int($img_width)) {
747
- $this->handle_image_file($file_path, $file);
748
- }
749
- else {
750
- $this->handle_zip_file($file_path, $file);
751
- }
752
- }
753
- else {
754
- $file->size = $file_size;
755
- if (!$content_range && $this->options['discard_aborted_uploads']) {
756
- unlink($file_path);
757
- $file->error = 'abort';
758
- }
759
- }
760
- $this->set_file_delete_properties($file);
761
- }
762
- return $file;
763
- }
764
-
765
- protected function readfile($file_path) {
766
- return readfile($file_path);
767
- }
768
-
769
- protected function body($str) {
770
- echo $str;
771
- }
772
-
773
- protected function header($str) {
774
- header($str);
775
- }
776
-
777
- protected function generate_response($content, $print_response = true) {
778
- if ($print_response) {
779
- $json = json_encode($content);
780
- $redirect = isset($_REQUEST['redirect']) ? stripslashes($_REQUEST['redirect']) : null;
781
- if ($redirect) {
782
- $this->header('Location: '.sprintf($redirect, rawurlencode($json)));
783
- return;
784
- }
785
- $this->head();
786
- if (isset($_SERVER['HTTP_CONTENT_RANGE'])) {
787
- $files = isset($content[$this->options['param_name']]) ? $content[$this->options['param_name']] : null;
788
- if ($files && is_array($files) && is_object($files[0]) && $files[0]->size) {
789
- $this->header('Range: 0-'.($this->fix_integer_overflow(intval($files[0]->size)) - 1));
790
- }
791
- }
792
- $this->body($json);
793
- }
794
- return $content;
795
- }
796
-
797
- protected function get_version_param() {
798
- return isset($_GET['version']) ? basename(stripslashes($_GET['version'])) : null;
799
- }
800
-
801
- protected function get_file_name_param() {
802
- return isset($_GET['file']) ? basename(stripslashes($_GET['file'])) : null;
803
- }
804
-
805
- protected function get_file_type($file_path) {
806
- switch (strtolower(pathinfo($file_path, PATHINFO_EXTENSION))) {
807
- case 'jpeg':
808
- case 'jpg':
809
- return 'image/jpeg';
810
- case 'png':
811
- return 'image/png';
812
- case 'gif':
813
- return 'image/gif';
814
- default:
815
- return '';
816
- }
817
- }
818
-
819
- protected function download() {
820
- if (!$this->options['download_via_php']) {
821
- $this->header('HTTP/1.1 403 Forbidden');
822
- return;
823
- }
824
- $file_name = $this->get_file_name_param();
825
- if ($this->is_valid_file_object($file_name)) {
826
- $file_path = $this->get_upload_path($file_name, $this->get_version_param());
827
- if (is_file($file_path)) {
828
- if (!preg_match($this->options['inline_file_types'], $file_name)) {
829
- $this->header('Content-Description: File Transfer');
830
- $this->header('Content-Type: application/octet-stream');
831
- $this->header('Content-Disposition: attachment; filename="'.$file_name.'"');
832
- $this->header('Content-Transfer-Encoding: binary');
833
- }
834
- else {
835
- // Prevent Internet Explorer from MIME-sniffing the content-type:
836
- $this->header('X-Content-Type-Options: nosniff');
837
- $this->header('Content-Type: '.$this->get_file_type($file_path));
838
- $this->header('Content-Disposition: inline; filename="'.$file_name.'"');
839
- }
840
- $this->header('Content-Length: '.$this->get_file_size($file_path));
841
- $this->header('Last-Modified: '.gmdate('D, d M Y H:i:s T', filemtime($file_path)));
842
- $this->readfile($file_path);
843
- }
844
- }
845
- }
846
-
847
- protected function send_content_type_header() {
848
- $this->header('Vary: Accept');
849
- if (isset($_SERVER['HTTP_ACCEPT']) &&
850
- (strpos($_SERVER['HTTP_ACCEPT'], 'application/json') !== false)) {
851
- $this->header('Content-type: application/json');
852
- }
853
- else {
854
- $this->header('Content-type: text/plain');
855
- }
856
- }
857
-
858
- protected function send_access_control_headers() {
859
- $this->header('Access-Control-Allow-Origin: '.$this->options['access_control_allow_origin']);
860
- $this->header('Access-Control-Allow-Credentials: '
861
- .($this->options['access_control_allow_credentials'] ? 'true' : 'false'));
862
- $this->header('Access-Control-Allow-Methods: '
863
- .implode(', ', $this->options['access_control_allow_methods']));
864
- $this->header('Access-Control-Allow-Headers: '
865
- .implode(', ', $this->options['access_control_allow_headers']));
866
- }
867
-
868
- public function head() {
869
- $this->header('Pragma: no-cache');
870
- $this->header('Cache-Control: no-store, no-cache, must-revalidate');
871
- $this->header('Content-Disposition: inline; filename="files.json"');
872
- // Prevent Internet Explorer from MIME-sniffing the content-type:
873
- $this->header('X-Content-Type-Options: nosniff');
874
- if ($this->options['access_control_allow_origin']) {
875
- $this->send_access_control_headers();
876
- }
877
- $this->send_content_type_header();
878
- }
879
-
880
- public function get($print_response = true) {
881
- /*if (isset($_GET['import']) && $_GET['import'] == 'true') {
882
- $file_names = explode('**@**', (isset($_REQUEST['file_namesML']) ? stripslashes($_REQUEST['file_namesML']) : ''));
883
- foreach ($file_names as $index => $value) {
884
- $file_name_array = explode('/', $value);
885
- $files[] = $this->handle_file_import(
886
- $value,
887
- end($file_name_array),
888
- 0,
889
- ""
890
- );
891
- }
892
- header('Location: ' . add_query_arg(array('action' => 'addImage', 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => $_REQUEST['callback'], 'image_for' => $_REQUEST['image_for'], 'slide_id' => $_REQUEST['slide_id'], 'dir' => $_REQUEST['redir'], 'TB_iframe' => '1'), admin_url('admin-ajax.php')));
893
- exit;
894
- }*/
895
- if ($print_response && isset($_GET['download'])) {
896
- return $this->download();
897
- }
898
- $file_name = $this->get_file_name_param();
899
- if ($file_name) {
900
- $response = array(
901
- substr($this->options['param_name'], 0, -1) => $this->get_file_object($file_name)
902
- );
903
- }
904
- else {
905
- $response = array(
906
- $this->options['param_name'] => $this->get_file_objects()
907
- );
908
- }
909
- return $this->generate_response($response, $print_response);
910
- }
911
-
912
- public function post($print_response = true) {
913
- if (isset($_REQUEST['_method']) && $_REQUEST['_method'] === 'DELETE') {
914
- return $this->delete($print_response);
915
- }
916
- $upload = isset($_FILES[$this->options['param_name']]) ? $_FILES[$this->options['param_name']] : null;
917
- $files = array();
918
- // Parse the Content-Disposition header, if available:
919
- $file_name = isset($_SERVER['HTTP_CONTENT_DISPOSITION']) ? rawurldecode(preg_replace(
920
- '/(^[^"]+")|("$)/',
921
- '',
922
- $_SERVER['HTTP_CONTENT_DISPOSITION']
923
- )) : null;
924
- // Parse the Content-Range header, which has the following form:
925
- // Content-Range: bytes 0-524287/2000000
926
- $content_range = isset($_SERVER['HTTP_CONTENT_RANGE']) ? preg_split('/[^0-9]+/', $_SERVER['HTTP_CONTENT_RANGE']) : null;
927
- $size = $content_range ? $content_range[3] : null;
928
- if ($upload && is_array($upload['tmp_name'])) {
929
- // param_name is an array identifier like "files[]",
930
- // $_FILES is a multi-dimensional array:
931
- foreach ($upload['tmp_name'] as $index => $value) {
932
- $files[] = $this->handle_file_upload(
933
- $upload['tmp_name'][$index],
934
- $file_name ? $file_name : $upload['name'][$index],
935
- $size ? $size : $upload['size'][$index],
936
- $upload['type'][$index],
937
- $upload['error'][$index],
938
- $index,
939
- $content_range
940
- );
941
- }
942
- }
943
- else {
944
- // param_name is a single object identifier like "file",
945
- // $_FILES is a one-dimensional array:
946
- $files[] = $this->handle_file_upload(
947
- isset($upload['tmp_name']) ? $upload['tmp_name'] : null,
948
- $file_name ? $file_name : (isset($upload['name']) ?
949
- $upload['name'] : null),
950
- $size ? $size : (isset($upload['size']) ?
951
- $upload['size'] : $_SERVER['CONTENT_LENGTH']),
952
- isset($upload['type']) ?
953
- $upload['type'] : $_SERVER['CONTENT_TYPE'],
954
- isset($upload['error']) ? $upload['error'] : null,
955
- null,
956
- $content_range
957
- );
958
- }
959
- return $this->generate_response(
960
- array($this->options['param_name'] => $files),
961
- $print_response
962
- );
963
- }
964
-
965
- public function delete($print_response = true) {
966
- $file_name = $this->get_file_name_param();
967
- $file_path = $this->get_upload_path($file_name);
968
- $success = is_file($file_path) && $file_name[0] !== '.' && unlink($file_path);
969
- if ($success) {
970
- foreach($this->options['image_versions'] as $version => $options) {
971
- if (!empty($version)) {
972
- $file = $this->get_upload_path($file_name, $version);
973
- if (is_file($file)) {
974
- unlink($file);
975
- }
976
- }
977
- }
978
- }
979
- return $this->generate_response(array('success' => $success), $print_response);
980
- }
981
-
982
- }
983
-
984
- die();
1
+ <?php
2
+ /*
3
+ * jQuery File Upload Plugin PHP Class 6.4.1
4
+ *
5
+ *
6
+ * Copyright 2010, Sebastian Tschan
7
+ * https://blueimp.net
8
+ *
9
+ * Licensed under the MIT license:
10
+ * http://www.opensource.org/licenses/MIT
11
+ */
12
+
13
+ if (function_exists('current_user_can')) {
14
+ if (!current_user_can('manage_options')) {
15
+ die('Access Denied');
16
+ }
17
+ }
18
+ else {
19
+ die('Access Denied');
20
+ }
21
+
22
+ $upload_handler = new UploadHandler(array(
23
+ 'upload_dir' => (isset($_GET['dir']) ? esc_html($_GET['dir']) : ''),
24
+ 'accept_file_types' => '/\.(gif|jpe?g|png|bmp|mp4|flv|webm|ogg|mp3|wav|pdf|zip)$/i'
25
+ ));
26
+
27
+ class UploadHandler {
28
+ protected $options;
29
+ // PHP File Upload error message codes:
30
+ // http://php.net/manual/en/features.file-upload.errors.php
31
+ protected $error_messages = array(
32
+ 1 => 'The uploaded file exceeds the upload_max_filesize directive in php.ini',
33
+ 2 => 'The uploaded file exceeds the MAX_FILE_SIZE directive that was specified in the HTML form',
34
+ 3 => 'The uploaded file was only partially uploaded',
35
+ 4 => 'No file was uploaded',
36
+ 6 => 'Missing a temporary folder',
37
+ 7 => 'Failed to write file to disk',
38
+ 8 => 'A PHP extension stopped the file upload',
39
+ 'post_max_size' => 'The uploaded file exceeds the post_max_size directive in php.ini',
40
+ 'max_file_size' => 'File is too big',
41
+ 'min_file_size' => 'File is too small',
42
+ 'accept_file_types' => 'Filetype not allowed',
43
+ 'max_number_of_files' => 'Maximum number of files exceeded',
44
+ 'max_width' => 'Image exceeds maximum width',
45
+ 'min_width' => 'Image requires a minimum width',
46
+ 'max_height' => 'Image exceeds maximum height',
47
+ 'min_height' => 'Image requires a minimum height'
48
+ );
49
+
50
+ function __construct($options = null, $initialize = true, $error_messages = null) {
51
+ $this->options = array(
52
+ 'script_url' => $this->get_full_url().'/',
53
+ 'upload_dir' => dirname($_SERVER['SCRIPT_FILENAME']).'/files/',
54
+ 'upload_url' => $this->get_full_url().'/files/',
55
+ 'user_dirs' => false,
56
+ 'mkdir_mode' => 0755,
57
+ 'param_name' => 'files',
58
+ // Set the following option to 'POST', if your server does not support
59
+ // DELETE requests. This is a parameter sent to the client:
60
+ 'delete_type' => 'DELETE',
61
+ 'access_control_allow_origin' => '*',
62
+ 'access_control_allow_credentials' => false,
63
+ 'access_control_allow_methods' => array(
64
+ 'OPTIONS',
65
+ 'HEAD',
66
+ 'GET',
67
+ 'POST',
68
+ 'PUT',
69
+ 'PATCH',
70
+ 'DELETE'
71
+ ),
72
+ 'access_control_allow_headers' => array(
73
+ 'Content-Type',
74
+ 'Content-Range',
75
+ 'Content-Disposition'
76
+ ),
77
+ // Enable to provide file downloads via GET requests to the PHP script:
78
+ 'download_via_php' => false,
79
+ // Defines which files can be displayed inline when downloaded:
80
+ 'inline_file_types' => '/\.(gif|jpe?g|png)$/i',
81
+ // Defines which files (based on their names) are accepted for upload:
82
+ 'accept_file_types' => '/.+$/i',
83
+ // The php.ini settings upload_max_filesize and post_max_size
84
+ // take precedence over the following max_file_size setting:
85
+ 'max_file_size' => null,
86
+ 'min_file_size' => 1,
87
+ // The maximum number of files for the upload directory:
88
+ 'max_number_of_files' => null,
89
+ // Image resolution restrictions:
90
+ 'max_width' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_img_width']) ? (int) $_REQUEST['importer_img_width'] : 1200) : (isset($_POST['upload_img_width']) ? (int) $_POST['upload_img_width'] : 1200)),
91
+ 'max_height' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_img_height']) ? (int) $_REQUEST['importer_img_height'] : 1200) : (isset($_POST['upload_img_height']) ? (int) $_POST['upload_img_height'] : 1200)),
92
+ 'min_width' => 1,
93
+ 'min_height' => 1,
94
+ // Set the following option to false to enable resumable uploads:
95
+ 'discard_aborted_uploads' => true,
96
+ // Set to true to rotate images based on EXIF meta data, if available:
97
+ 'orient_image' => false,
98
+ );
99
+ if (!$this->options['max_width'] || !$this->options['max_height']) {
100
+ $this->options['max_width'] = NULL;
101
+ $this->options['max_height'] = NULL;
102
+ }
103
+ $this->options += array(
104
+ 'image_versions' => array(
105
+ // Uncomment the following version to restrict the size of
106
+ // uploaded images:
107
+ /*
108
+ '' => array(
109
+ 'max_width' => 1920,
110
+ 'max_height' => 1200,
111
+ 'jpeg_quality' => 95
112
+ ),
113
+ */
114
+ // Uncomment the following to create medium sized images:
115
+ /*
116
+ 'medium' => array(
117
+ 'max_width' => 800,
118
+ 'max_height' => 600,
119
+ 'jpeg_quality' => 80
120
+ ),
121
+ */
122
+ '.original' => array(
123
+ 'max_width' => $this->options['max_width'],
124
+ 'max_height' => $this->options['max_height'],
125
+ 'jpeg_quality' => 100
126
+ ),
127
+ 'thumb' => array(
128
+ 'max_width' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_thumb_width']) ? (int) $_REQUEST['importer_thumb_width'] : 300) : ((isset($_POST['upload_thumb_width']) && (int) $_POST['upload_thumb_width']) ? (int) $_POST['upload_thumb_width'] : 300)),
129
+ 'max_height' => ((isset($_REQUEST['file_namesML']) && esc_html($_REQUEST['file_namesML'])) ? (isset($_REQUEST['importer_thumb_height']) ? (int) $_REQUEST['importer_thumb_height'] : 300) : ((isset($_POST['upload_thumb_height']) && (int) $_POST['upload_thumb_height']) ? (int) $_POST['upload_thumb_height'] : 300)),
130
+ 'jpeg_quality' => 90
131
+ ),
132
+ )
133
+ );
134
+ if ($options) {
135
+ $this->options = array_merge($this->options, $options);
136
+ }
137
+ if ($error_messages) {
138
+ $this->error_messages = array_merge($this->error_messages, $error_messages);
139
+ }
140
+ if ($initialize) {
141
+ $this->initialize();
142
+ }
143
+ }
144
+
145
+ protected function initialize() {
146
+ switch ($_SERVER['REQUEST_METHOD']) {
147
+ case 'OPTIONS':
148
+ case 'HEAD':
149
+ $this->head();
150
+ break;
151
+ case 'GET':
152
+ $this->get();
153
+ break;
154
+ case 'PATCH':
155
+ case 'PUT':
156
+ case 'POST':
157
+ $this->post();
158
+ break;
159
+ case 'DELETE':
160
+ $this->delete();
161
+ break;
162
+ default:
163
+ $this->header('HTTP/1.1 405 Method Not Allowed');
164
+ }
165
+ }
166
+
167
+ protected function get_full_url() {
168
+ $https = !empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off';
169
+ return
170
+ ($https ? 'https://' : 'http://').
171
+ (!empty($_SERVER['REMOTE_USER']) ? $_SERVER['REMOTE_USER'].'@' : '').
172
+ (isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : ($_SERVER['SERVER_NAME'].
173
+ ($https && $_SERVER['SERVER_PORT'] === 443 ||
174
+ $_SERVER['SERVER_PORT'] === 80 ? '' : ':'.$_SERVER['SERVER_PORT']))).
175
+ substr($_SERVER['SCRIPT_NAME'],0, strrpos($_SERVER['SCRIPT_NAME'], '/'));
176
+ }
177
+
178
+ protected function get_user_id() {
179
+ @session_start();
180
+ return session_id();
181
+ }
182
+
183
+ protected function get_user_path() {
184
+ if ($this->options['user_dirs']) {
185
+ return $this->get_user_id().'/';
186
+ }
187
+ return '';
188
+ }
189
+
190
+ protected function get_upload_path($file_name = null, $version = null) {
191
+ $file_name = $file_name ? $file_name : '';
192
+ $version_path = empty($version) ? '' : $version.'/';
193
+ return $this->options['upload_dir'].$this->get_user_path()
194
+ .$version_path.$file_name;
195
+ }
196
+
197
+ protected function get_query_separator($url) {
198
+ return strpos($url, '?') === false ? '?' : '&';
199
+ }
200
+
201
+ protected function get_download_url($file_name, $version = null) {
202
+ if ($this->options['download_via_php']) {
203
+ $url = $this->options['script_url']
204
+ .$this->get_query_separator($this->options['script_url'])
205
+ .'file='.rawurlencode($file_name);
206
+ if ($version) {
207
+ $url .= '&version='.rawurlencode($version);
208
+ }
209
+ return $url.'&download=1';
210
+ }
211
+ $version_path = empty($version) ? '' : rawurlencode($version).'/';
212
+ return $this->options['upload_url'].$this->get_user_path()
213
+ .$version_path.rawurlencode($file_name);
214
+ }
215
+
216
+ protected function set_file_delete_properties($file) {
217
+ $file->delete_url = $this->options['script_url']
218
+ .$this->get_query_separator($this->options['script_url'])
219
+ .'file='.rawurlencode($file->name);
220
+ $file->delete_type = $this->options['delete_type'];
221
+ if ($file->delete_type !== 'DELETE') {
222
+ $file->delete_url .= '&_method=DELETE';
223
+ }
224
+ if ($this->options['access_control_allow_credentials']) {
225
+ $file->delete_with_credentials = true;
226
+ }
227
+ }
228
+
229
+ // Fix for overflowing signed 32 bit integers,
230
+ // works for sizes up to 2^32-1 bytes (4 GiB - 1):
231
+ protected function fix_integer_overflow($size) {
232
+ if ($size < 0) {
233
+ $size += 2.0 * (PHP_INT_MAX + 1);
234
+ }
235
+ return $size;
236
+ }
237
+
238
+ protected function get_file_size($file_path, $clear_stat_cache = false) {
239
+ if ($clear_stat_cache) {
240
+ clearstatcache(true, $file_path);
241
+ }
242
+ return $this->fix_integer_overflow(filesize($file_path));
243
+
244
+ }
245
+
246
+ protected function is_valid_file_object($file_name) {
247
+ $file_path = $this->get_upload_path($file_name);
248
+ if (is_file($file_path) && $file_name[0] !== '.') {
249
+ return true;
250
+ }
251
+ return false;
252
+ }
253
+
254
+ protected function get_file_object($file_name) {
255
+ if ($this->is_valid_file_object($file_name)) {
256
+ $file = new stdClass();
257
+ $file->name = $file_name;
258
+ $file->size = $this->get_file_size(
259
+ $this->get_upload_path($file_name)
260
+ );
261
+ $file->url = $this->get_download_url($file->name);
262
+ foreach($this->options['image_versions'] as $version => $options) {
263
+ if (!empty($version)) {
264
+ if (is_file($this->get_upload_path($file_name, $version))) {
265
+ $file->{$version.'_url'} = $this->get_download_url(
266
+ $file->name,
267
+ $version
268
+ );
269
+ }
270
+ }
271
+ }
272
+ $this->set_file_delete_properties($file);
273
+ return $file;
274
+ }
275
+ return null;
276
+ }
277
+
278
+ protected function get_file_objects($iteration_method = 'get_file_object') {
279
+ $upload_dir = $this->get_upload_path();
280
+ if (!is_dir($upload_dir)) {
281
+ return array();
282
+ }
283
+ return array_values(array_filter(array_map(
284
+ array($this, $iteration_method),
285
+ scandir($upload_dir)
286
+ )));
287
+ }
288
+
289
+ protected function count_file_objects() {
290
+ return count($this->get_file_objects('is_valid_file_object'));
291
+ }
292
+
293
+ protected function create_scaled_image($file_name, $version, $options) {
294
+ $file_path = $this->get_upload_path($file_name);
295
+ if (!empty($version) && ($version != 'main')) {
296
+ $version_dir = $this->get_upload_path(null, $version);
297
+ if (!is_dir($version_dir)) {
298
+ mkdir($version_dir, $this->options['mkdir_mode'], true);
299
+ }
300
+ $new_file_path = $version_dir.'/'.$file_name;
301
+ } else {
302
+ $new_file_path = $file_path;
303
+ }
304
+ if (!function_exists('getimagesize')) {
305
+ error_log('Function not found: getimagesize');
306
+ return false;
307
+ }
308
+ list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
309
+ if (!$img_width || !$img_height) {
310
+ return false;
311
+ }
312
+ $max_width = $options['max_width'];
313
+ $max_height = $options['max_height'];
314
+ $scale = min(
315
+ $max_width / $img_width,
316
+ $max_height / $img_height
317
+ );
318
+ @ini_set('memory_limit', '-1');
319
+ if (($scale >= 1) || (($max_width == NULL) && ($max_height == NULL))) {
320
+ if ($file_path !== $new_file_path) {
321
+ return copy($file_path, $new_file_path);
322
+ }
323
+ return true;
324
+ }
325
+ if (!function_exists('imagecreatetruecolor')) {
326
+ error_log('Function not found: imagecreatetruecolor');
327
+ return false;
328
+ }
329
+
330
+ if (empty($options['crop'])) {
331
+ $new_width = $img_width * $scale;
332
+ $new_height = $img_height * $scale;
333
+ $dst_x = 0;
334
+ $dst_y = 0;
335
+ $new_img = @imagecreatetruecolor($new_width, $new_height);
336
+ } else {
337
+ if (($img_width / $img_height) >= ($max_width / $max_height)) {
338
+ $new_width = $img_width / ($img_height / $max_height);
339
+ $new_height = $max_height;
340
+ } else {
341
+ $new_width = $max_width;
342
+ $new_height = $img_height / ($img_width / $max_width);
343
+ }
344
+ $dst_x = 0 - ($new_width - $max_width) / 2;
345
+ $dst_y = 0 - ($new_height - $max_height) / 2;
346
+ $new_img = @imagecreatetruecolor($max_width, $max_height);
347
+ }
348
+ list($width, $height, $type) = getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
349
+ // switch (strtolower(substr(strrchr($file_name, '.'), 1))) {
350
+ switch ($type) {
351
+ case 2:
352
+ $src_img = @imagecreatefromjpeg($file_path);
353
+ $write_image = 'imagejpeg';
354
+ $image_quality = isset($options['jpeg_quality']) ? $options['jpeg_quality'] : 75;
355
+ break;
356
+ case 1:
357
+ @imagecolortransparent($new_img, @imagecolorallocate($new_img, 0, 0, 0));
358
+ $src_img = @imagecreatefromgif($file_path);
359
+ $write_image = 'imagegif';
360
+ $image_quality = null;
361
+ break;
362
+ case 3:
363
+ @imagecolortransparent($new_img, @imagecolorallocate($new_img, 0, 0, 0));
364
+ @imagealphablending($new_img, false);
365
+ @imagesavealpha($new_img, true);
366
+ $src_img = @imagecreatefrompng($file_path);
367
+ $write_image = 'imagepng';
368
+ $image_quality = isset($options['png_quality']) ? $options['png_quality'] : 9;
369
+ break;
370
+ default:
371
+ $src_img = null;
372
+ }
373
+ $success = $src_img && @imagecopyresampled(
374
+ $new_img,
375
+ $src_img,
376
+ $dst_x,
377
+ $dst_y,
378
+ 0,
379
+ 0,
380
+ $new_width,
381
+ $new_height,
382
+ $img_width,
383
+ $img_height
384
+ ) && $write_image($new_img, $new_file_path, $image_quality);
385
+ // Free up memory (imagedestroy does not delete files):
386
+ @imagedestroy($src_img);
387
+ @imagedestroy($new_img);
388
+ @ini_restore('memory_limit');
389
+ return $success;
390
+ }
391
+
392
+ protected function get_error_message($error) {
393
+ return array_key_exists($error, $this->error_messages) ? $this->error_messages[$error] : $error;
394
+ }
395
+
396
+ function get_config_bytes($val) {
397
+ $val = trim($val);
398
+ $last = strtolower($val[strlen($val)-1]);
399
+ switch($last) {
400
+ case 'g':
401
+ $val *= 1024;
402
+ case 'm':
403
+ $val *= 1024;
404
+ case 'k':
405
+ $val *= 1024;
406
+ }
407
+ return $this->fix_integer_overflow($val);
408
+ }
409
+
410
+ protected function validate($uploaded_file, $file, $error, $index) {
411
+ if ($error) {
412
+ $file->error = $this->get_error_message($error);
413
+ return false;
414
+ }
415
+ $content_length = $this->fix_integer_overflow(intval($_SERVER['CONTENT_LENGTH']));
416
+ $post_max_size = $this->get_config_bytes(ini_get('post_max_size'));
417
+ if ($post_max_size && ($content_length > $post_max_size)) {
418
+ $file->error = $this->get_error_message('post_max_size');
419
+ return false;
420
+ }
421
+ if (!preg_match($this->options['accept_file_types'], $file->name)) {
422
+ $file->error = $this->get_error_message('accept_file_types');
423
+ return false;
424
+ }
425
+ if ($uploaded_file && is_uploaded_file($uploaded_file)) {
426
+ $file_size = $this->get_file_size($uploaded_file);
427
+ }
428
+ else {
429
+ $file_size = $content_length;
430
+ }
431
+ if ($this->options['max_file_size'] && (
432
+ $file_size > $this->options['max_file_size'] ||
433
+ $file->size > $this->options['max_file_size'])
434
+ ) {
435
+ $file->error = $this->get_error_message('max_file_size');
436
+ return false;
437
+ }
438
+ if ($this->options['min_file_size'] &&
439
+ $file_size < $this->options['min_file_size']) {
440
+ $file->error = $this->get_error_message('min_file_size');
441
+ return false;
442
+ }
443
+ if (is_int($this->options['max_number_of_files']) && (
444
+ $this->count_file_objects() >= $this->options['max_number_of_files'])
445
+ ) {
446
+ $file->error = $this->get_error_message('max_number_of_files');
447
+ return false;
448
+ }
449
+ list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($uploaded_file, ENT_COMPAT | ENT_QUOTES));
450
+ if (is_int($img_width)) {
451
+ // if ($this->options['max_width'] && $img_width > $this->options['max_width']) {
452
+ // $file->error = $this->get_error_message('max_width');
453
+ // return false;
454
+ // }
455
+ // if ($this->options['max_height'] && $img_height > $this->options['max_height']) {
456
+ // $file->error = $this->get_error_message('max_height');
457
+ // return false;
458
+ // }
459
+ if ($this->options['min_width'] && $img_width < $this->options['min_width']) {
460
+ $file->error = $this->get_error_message('min_width');
461
+ return false;
462
+ }
463
+ if ($this->options['min_height'] && $img_height < $this->options['min_height']) {
464
+ $file->error = $this->get_error_message('min_height');
465
+ return false;
466
+ }
467
+ }
468
+ return true;
469
+ }
470
+
471
+ protected function upcount_name_callback($matches) {
472
+ $index = isset($matches[1]) ? intval($matches[1]) + 1 : 1;
473
+ $ext = isset($matches[2]) ? $matches[2] : '';
474
+ return ' ('.$index.')'.$ext;
475
+ }
476
+
477
+ protected function upcount_name($name) {
478
+ return preg_replace_callback(
479
+ '/(?:(?: \(([\d]+)\))?(\.[^.]+))?$/',
480
+ array($this, 'upcount_name_callback'),
481
+ $name,
482
+ 1
483
+ );
484
+ }
485
+
486
+ protected function get_unique_filename($name, $type, $index, $content_range) {
487
+ while(is_dir($this->get_upload_path($name))) {
488
+ $name = $this->upcount_name($name);
489
+ }
490
+ // Keep an existing filename if this is part of a chunked upload:
491
+ $uploaded_bytes = $this->fix_integer_overflow(intval(isset($content_range[1]) ? $content_range[1] : 0));
492
+ while(is_file($this->get_upload_path($name))) {
493
+ if ($uploaded_bytes === $this->get_file_size(
494
+ $this->get_upload_path($name))) {
495
+ break;
496
+ }
497
+ $name = $this->upcount_name($name);
498
+ }
499
+ return $name;
500
+ }
501
+
502
+ protected function trim_file_name($name, $type, $index, $content_range) {
503
+ // Remove path information and dots around the filename, to prevent uploading
504
+ // into different directories or replacing hidden system files.
505
+ // Also remove control characters and spaces (\x00..\x20) around the filename:
506
+ $name = trim(stripslashes($name), ".\x00..\x20");
507
+ $name = str_replace(' ', '_', $name);
508
+ // Use a timestamp for empty filenames:
509
+ if (!$name) {
510
+ $name = str_replace('.', '-', microtime(true));
511
+ }
512
+ // Add missing file extension for known image types:
513
+ if (strpos($name, '.') === false &&
514
+ preg_match('/^image\/(gif|jpe?g|png)/', $type, $matches)) {
515
+ $name .= '.'.$matches[1];
516
+ }
517
+ return $name;
518
+ }
519
+
520
+ protected function get_file_name($name, $type, $index, $content_range) {
521
+ return $this->get_unique_filename(
522
+ $this->trim_file_name($name, $type, $index, $content_range),
523
+ $type,
524
+ $index,
525
+ $content_range
526
+ );
527
+ }
528
+
529
+ protected function handle_form_data($file, $index) {
530
+ // Handle form data, e.g. $_REQUEST['description'][$index]
531
+ }
532
+
533
+ protected function orient_image($file_path) {
534
+ if (!function_exists('exif_read_data')) {
535
+ return false;
536
+ }
537
+ $exif = @exif_read_data($file_path);
538
+ if ($exif === false) {
539
+ return false;
540
+ }
541
+ $orientation = intval(@$exif['Orientation']);
542
+ if (!in_array($orientation, array(3, 6, 8))) {
543
+ return false;
544
+ }
545
+ @ini_set('memory_limit', '-1');
546
+ $image = @imagecreatefromjpeg($file_path);
547
+ switch ($orientation) {
548
+ case 3:
549
+ $image = @imagerotate($image, 180, 0);
550
+ break;
551
+ case 6:
552
+ $image = @imagerotate($image, 270, 0);
553
+ break;
554
+ case 8:
555
+ $image = @imagerotate($image, 90, 0);
556
+ break;
557
+ default:
558
+ return false;
559
+ }
560
+ $success = imagejpeg($image, $file_path);
561
+ // Free up memory (imagedestroy does not delete files):
562
+ @imagedestroy($image);
563
+ @ini_restore('memory_limit');
564
+ return $success;
565
+ }
566
+
567
+ protected function handle_image_file($file_path, $file) {
568
+ if ($this->options['orient_image']) {
569
+ $this->orient_image($file_path);
570
+ }
571
+ $failed_versions = array();
572
+ foreach($this->options['image_versions'] as $version => $options) {
573
+ if ($this->create_scaled_image($file->name, $version, $options)) {
574
+ if (!empty($version)) {
575
+ $file->{$version.'_url'} = $this->get_download_url(
576
+ $file->name,
577
+ $version
578
+ );
579
+ }
580
+ else {
581
+ $file->size = $this->get_file_size($file_path, true);
582
+ }
583
+ }
584
+ else {
585
+ $failed_versions[] = $version;
586
+ }
587
+ }
588
+ switch (count($failed_versions)) {
589
+ case 0:
590
+ break;
591
+ case 1:
592
+ $file->error = 'Failed to create scaled version: '
593
+ .$failed_versions[0];
594
+ break;
595
+ default:
596
+ $file->error = 'Failed to create scaled versions: '
597
+ .implode($failed_versions,', ');
598
+ }
599
+ }
600
+
601
+ protected function handle_zip_file($file_path, $file) {
602
+ $zip = new ZipArchive;
603
+ $res = $zip->open($file_path);
604
+ if ($res === TRUE) {
605
+ $allow_extract = true;
606
+ for($i = 0; $i < $zip->numFiles; $i++) {
607
+ $OnlyFileName = $zip->getNameIndex($i);
608
+ $FullFileName = $zip->statIndex($i);
609
+ if (!($FullFileName['name'][strlen($FullFileName['name'])-1] =="/")) {
610
+ if (!preg_match('#\.(gif|jpe?g|png|bmp|mp4|flv|webm|ogg|mp3|wav|pdf|ini|txt)$#i', $OnlyFileName)) {
611
+ $allow_extract = false;
612
+ }
613
+ }
614
+ }
615
+ if ($allow_extract) {
616
+ $target_dir = substr($file_path, 0, strlen($file_path) - 4);
617
+ if (!is_dir($target_dir)) {
618
+ mkdir($target_dir, 0777);
619
+ }
620
+ $zip->extractTo($target_dir);
621
+ }
622
+ else {
623
+ $file->error = 'Zip file should contain only image files.';
624
+ }
625
+ $zip->close();
626
+ if ($allow_extract) {
627
+ $this->handle_directory($target_dir);
628
+ }
629
+ }
630
+ }
631
+
632
+ protected function handle_directory($target_dir) {
633
+ $extracted_files = scandir($target_dir);
634
+ if ($extracted_files) {
635
+ $temp_upload_dir = $this->options['upload_dir'];
636
+ $this->options['upload_dir'] = $target_dir . '/';
637
+ foreach ($extracted_files as $ex_file) {
638
+ if ($ex_file != '.' && $ex_file != '..') {
639
+ $ex_file = $target_dir . '/' . $ex_file;
640
+ if (is_file($ex_file)) {
641
+ $type = filetype($ex_file);
642
+ $name = basename($ex_file);
643
+ $index = null;
644
+ $content_range = null;
645
+ $size = $this->get_file_size($ex_file);
646
+ $file = new stdClass();
647
+ $file->name = $name;
648
+ $file->size = $this->fix_integer_overflow(intval($size));
649
+ $file->type = $type;
650
+ $file->url = $this->get_download_url($file->name);
651
+ list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($ex_file, ENT_COMPAT | ENT_QUOTES));
652
+
653
+ if ($this->options['max_width'] && $this->options['max_height']) {
654
+ // Zip Upload.
655
+ $this->create_scaled_image($file->name, 'main', $this->options);
656
+ }
657
+
658
+ if (is_int($img_width)) {
659
+ $this->handle_image_file($ex_file, $file);
660
+ }
661
+ }
662
+ elseif (is_dir($ex_file)) {
663
+ $this->handle_directory($ex_file);
664
+ }
665
+ }
666
+ }
667
+ $this->options['upload_dir'] = $temp_upload_dir;
668
+ }
669
+ }
670
+
671
+ protected function handle_file_import($uploaded_file, $name, $index = null, $content_range = null) {
672
+ $parent_dir = wp_upload_dir();
673
+ $parent_dir = $parent_dir['basedir'];
674
+ $file_type_array = explode('.', $name);
675
+ $type = strtolower(end($file_type_array));
676
+
677
+ $file = new stdClass();
678
+ $file->name = $this->get_file_name($name, $type, $index, $content_range);
679
+ $file->type = $type;
680
+ $this->handle_form_data($file, $index);
681
+ $upload_dir = $this->get_upload_path();
682
+ if (!is_dir($upload_dir)) {
683
+ mkdir($upload_dir, $this->options['mkdir_mode'], true);
684
+ }
685
+ $file_path = $this->get_upload_path($file->name);
686
+
687
+ copy($parent_dir . '/' . $uploaded_file, $file_path);
688
+ list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
689
+
690
+ if ($this->options['max_width'] && $this->options['max_height']) {
691
+ // Media libruary Upload.
692
+ $this->create_scaled_image($file->name, 'main', $this->options);
693
+ }
694
+
695
+ if (is_int($img_width)) {
696
+ $this->handle_image_file($file_path, $file);
697
+ }
698
+ $this->set_file_delete_properties($file);
699
+
700
+ return $file;
701
+ }
702
+
703
+ protected function handle_file_upload($uploaded_file, $name, $size, $type, $error, $index = null, $content_range = null) {
704
+ $file = new stdClass();
705
+ $file->name = $this->get_file_name($name, $type, $index, $content_range);
706
+ $file->size = $this->fix_integer_overflow(intval($size));
707
+ $file->type = $type;
708
+ if ($this->validate($uploaded_file, $file, $error, $index)) {
709
+ $this->handle_form_data($file, $index);
710
+ $upload_dir = $this->get_upload_path();
711
+ if (!is_dir($upload_dir)) {
712
+ mkdir($upload_dir, $this->options['mkdir_mode'], true);
713
+ }
714
+ $file_path = $this->get_upload_path($file->name);
715
+ $append_file = $content_range && is_file($file_path) &&
716
+ $file->size > $this->get_file_size($file_path);
717
+ if ($uploaded_file && is_uploaded_file($uploaded_file)) {
718
+ // multipart/formdata uploads (POST method uploads)
719
+ if ($append_file) {
720
+ file_put_contents(
721
+ $file_path,
722
+ fopen($uploaded_file, 'r'),
723
+ FILE_APPEND
724
+ );
725
+ }
726
+ else {
727
+ move_uploaded_file($uploaded_file, $file_path);
728
+ }
729
+ }
730
+ else {
731
+ // Non-multipart uploads (PUT method support)
732
+ file_put_contents(
733
+ $file_path,
734
+ fopen('php://input', 'r'),
735
+ $append_file ? FILE_APPEND : 0
736
+ );
737
+ }
738
+ $file_size = $this->get_file_size($file_path, $append_file);
739
+ if ($file_size === $file->size) {
740
+ if ($this->options['max_width'] && $this->options['max_height']) {
741
+ // Upload.
742
+ $this->create_scaled_image($file->name, 'main', $this->options);
743
+ }
744
+ $file->url = $this->get_download_url($file->name);
745
+ list($img_width, $img_height) = @getimagesize(htmlspecialchars_decode($file_path, ENT_COMPAT | ENT_QUOTES));
746
+ if (is_int($img_width)) {
747
+ $this->handle_image_file($file_path, $file);
748
+ }
749
+ else {
750
+ $this->handle_zip_file($file_path, $file);
751
+ }
752
+ }
753
+ else {
754
+ $file->size = $file_size;
755
+ if (!$content_range && $this->options['discard_aborted_uploads']) {
756
+ unlink($file_path);
757
+ $file->error = 'abort';
758
+ }
759
+ }
760
+ $this->set_file_delete_properties($file);
761
+ }
762
+ return $file;
763
+ }
764
+
765
+ protected function readfile($file_path) {
766
+ return readfile($file_path);
767
+ }
768
+
769
+ protected function body($str) {
770
+ echo $str;
771
+ }
772
+
773
+ protected function header($str) {
774
+ header($str);
775
+ }
776
+
777
+ protected function generate_response($content, $print_response = true) {
778
+ if ($print_response) {
779
+ $json = json_encode($content);
780
+ $redirect = isset($_REQUEST['redirect']) ? stripslashes($_REQUEST['redirect']) : null;
781
+ if ($redirect) {
782
+ $this->header('Location: '.sprintf($redirect, rawurlencode($json)));
783
+ return;
784
+ }
785
+ $this->head();
786
+ if (isset($_SERVER['HTTP_CONTENT_RANGE'])) {
787
+ $files = isset($content[$this->options['param_name']]) ? $content[$this->options['param_name']] : null;
788
+ if ($files && is_array($files) && is_object($files[0]) && $files[0]->size) {
789
+ $this->header('Range: 0-'.($this->fix_integer_overflow(intval($files[0]->size)) - 1));
790
+ }
791
+ }
792
+ $this->body($json);
793
+ }
794
+ return $content;
795
+ }
796
+
797
+ protected function get_version_param() {
798
+ return isset($_GET['version']) ? basename(stripslashes($_GET['version'])) : null;
799
+ }
800
+
801
+ protected function get_file_name_param() {
802
+ return isset($_GET['file']) ? basename(stripslashes($_GET['file'])) : null;
803
+ }
804
+
805
+ protected function get_file_type($file_path) {
806
+ switch (strtolower(pathinfo($file_path, PATHINFO_EXTENSION))) {
807
+ case 'jpeg':
808
+ case 'jpg':
809
+ return 'image/jpeg';
810
+ case 'png':
811
+ return 'image/png';
812
+ case 'gif':
813
+ return 'image/gif';
814
+ default:
815
+ return '';
816
+ }
817
+ }
818
+
819
+ protected function download() {
820
+ if (!$this->options['download_via_php']) {
821
+ $this->header('HTTP/1.1 403 Forbidden');
822
+ return;
823
+ }
824
+ $file_name = $this->get_file_name_param();
825
+ if ($this->is_valid_file_object($file_name)) {
826
+ $file_path = $this->get_upload_path($file_name, $this->get_version_param());
827
+ if (is_file($file_path)) {
828
+ if (!preg_match($this->options['inline_file_types'], $file_name)) {
829
+ $this->header('Content-Description: File Transfer');
830
+ $this->header('Content-Type: application/octet-stream');
831
+ $this->header('Content-Disposition: attachment; filename="'.$file_name.'"');
832
+ $this->header('Content-Transfer-Encoding: binary');
833
+ }
834
+ else {
835
+ // Prevent Internet Explorer from MIME-sniffing the content-type:
836
+ $this->header('X-Content-Type-Options: nosniff');
837
+ $this->header('Content-Type: '.$this->get_file_type($file_path));
838
+ $this->header('Content-Disposition: inline; filename="'.$file_name.'"');
839
+ }
840
+ $this->header('Content-Length: '.$this->get_file_size($file_path));
841
+ $this->header('Last-Modified: '.gmdate('D, d M Y H:i:s T', filemtime($file_path)));
842
+ $this->readfile($file_path);
843
+ }
844
+ }
845
+ }
846
+
847
+ protected function send_content_type_header() {
848
+ $this->header('Vary: Accept');
849
+ if (isset($_SERVER['HTTP_ACCEPT']) &&
850
+ (strpos($_SERVER['HTTP_ACCEPT'], 'application/json') !== false)) {
851
+ $this->header('Content-type: application/json');
852
+ }
853
+ else {
854
+ $this->header('Content-type: text/plain');
855
+ }
856
+ }
857
+
858
+ protected function send_access_control_headers() {
859
+ $this->header('Access-Control-Allow-Origin: '.$this->options['access_control_allow_origin']);
860
+ $this->header('Access-Control-Allow-Credentials: '
861
+ .($this->options['access_control_allow_credentials'] ? 'true' : 'false'));
862
+ $this->header('Access-Control-Allow-Methods: '
863
+ .implode(', ', $this->options['access_control_allow_methods']));
864
+ $this->header('Access-Control-Allow-Headers: '
865
+ .implode(', ', $this->options['access_control_allow_headers']));
866
+ }
867
+
868
+ public function head() {
869
+ $this->header('Pragma: no-cache');
870
+ $this->header('Cache-Control: no-store, no-cache, must-revalidate');
871
+ $this->header('Content-Disposition: inline; filename="files.json"');
872
+ // Prevent Internet Explorer from MIME-sniffing the content-type:
873
+ $this->header('X-Content-Type-Options: nosniff');
874
+ if ($this->options['access_control_allow_origin']) {
875
+ $this->send_access_control_headers();
876
+ }
877
+ $this->send_content_type_header();
878
+ }
879
+
880
+ public function get($print_response = true) {
881
+ /*if (isset($_GET['import']) && $_GET['import'] == 'true') {
882
+ $file_names = explode('**@**', (isset($_REQUEST['file_namesML']) ? stripslashes($_REQUEST['file_namesML']) : ''));
883
+ foreach ($file_names as $index => $value) {
884
+ $file_name_array = explode('/', $value);
885
+ $files[] = $this->handle_file_import(
886
+ $value,
887
+ end($file_name_array),
888
+ 0,
889
+ ""
890
+ );
891
+ }
892
+ header('Location: ' . add_query_arg(array('action' => 'addImage', 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => 'jpg,jpeg,png,gif', 'callback' => $_REQUEST['callback'], 'image_for' => $_REQUEST['image_for'], 'slide_id' => $_REQUEST['slide_id'], 'dir' => $_REQUEST['redir'], 'TB_iframe' => '1'), admin_url('admin-ajax.php')));
893
+ exit;
894
+ }*/
895
+ if ($print_response && isset($_GET['download'])) {
896
+ return $this->download();
897
+ }
898
+ $file_name = $this->get_file_name_param();
899
+ if ($file_name) {
900
+ $response = array(
901
+ substr($this->options['param_name'], 0, -1) => $this->get_file_object($file_name)
902
+ );
903
+ }
904
+ else {
905
+ $response = array(
906
+ $this->options['param_name'] => $this->get_file_objects()
907
+ );
908
+ }
909
+ return $this->generate_response($response, $print_response);
910
+ }
911
+
912
+ public function post($print_response = true) {
913
+ if (isset($_REQUEST['_method']) && $_REQUEST['_method'] === 'DELETE') {
914
+ return $this->delete($print_response);
915
+ }
916
+ $upload = isset($_FILES[$this->options['param_name']]) ? $_FILES[$this->options['param_name']] : null;
917
+ $files = array();
918
+ // Parse the Content-Disposition header, if available:
919
+ $file_name = isset($_SERVER['HTTP_CONTENT_DISPOSITION']) ? rawurldecode(preg_replace(
920
+ '/(^[^"]+")|("$)/',
921
+ '',
922
+ $_SERVER['HTTP_CONTENT_DISPOSITION']
923
+ )) : null;
924
+ // Parse the Content-Range header, which has the following form:
925
+ // Content-Range: bytes 0-524287/2000000
926
+ $content_range = isset($_SERVER['HTTP_CONTENT_RANGE']) ? preg_split('/[^0-9]+/', $_SERVER['HTTP_CONTENT_RANGE']) : null;
927
+ $size = $content_range ? $content_range[3] : null;
928
+ if ($upload && is_array($upload['tmp_name'])) {
929
+ // param_name is an array identifier like "files[]",
930
+ // $_FILES is a multi-dimensional array:
931
+ foreach ($upload['tmp_name'] as $index => $value) {
932
+ $files[] = $this->handle_file_upload(
933
+ $upload['tmp_name'][$index],
934
+ $file_name ? $file_name : $upload['name'][$index],
935
+ $size ? $size : $upload['size'][$index],
936
+ $upload['type'][$index],
937
+ $upload['error'][$index],
938
+ $index,
939
+ $content_range
940
+ );
941
+ }
942
+ }
943
+ else {
944
+ // param_name is a single object identifier like "file",
945
+ // $_FILES is a one-dimensional array:
946
+ $files[] = $this->handle_file_upload(
947
+ isset($upload['tmp_name']) ? $upload['tmp_name'] : null,
948
+ $file_name ? $file_name : (isset($upload['name']) ?
949
+ $upload['name'] : null),
950
+ $size ? $size : (isset($upload['size']) ?
951
+ $upload['size'] : $_SERVER['CONTENT_LENGTH']),
952
+ isset($upload['type']) ?
953
+ $upload['type'] : $_SERVER['CONTENT_TYPE'],
954
+ isset($upload['error']) ? $upload['error'] : null,
955
+ null,
956
+ $content_range
957
+ );
958
+ }
959
+ return $this->generate_response(
960
+ array($this->options['param_name'] => $files),
961
+ $print_response
962
+ );
963
+ }
964
+
965
+ public function delete($print_response = true) {
966
+ $file_name = $this->get_file_name_param();
967
+ $file_path = $this->get_upload_path($file_name);
968
+ $success = is_file($file_path) && $file_name[0] !== '.' && unlink($file_path);
969
+ if ($success) {
970
+ foreach($this->options['image_versions'] as $version => $options) {
971
+ if (!empty($version)) {
972
+ $file = $this->get_upload_path($file_name, $version);
973
+ if (is_file($file)) {
974
+ unlink($file);
975
+ }
976
+ }
977
+ }
978
+ }
979
+ return $this->generate_response(array('success' => $success), $print_response);
980
+ }
981
+
982
+ }
983
+
984
+ die();
filemanager/controller.php CHANGED
@@ -1,317 +1,317 @@
1
- <?php
2
- /**
3
- * Author: Rob
4
- * Date: 6/24/13
5
- * Time: 10:57 AM
6
- */
7
-
8
-
9
- class FilemanagerController {
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- // Events //
12
- ////////////////////////////////////////////////////////////////////////////////////////
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- // Constants //
15
- ////////////////////////////////////////////////////////////////////////////////////////
16
- ////////////////////////////////////////////////////////////////////////////////////////
17
- // Variables //
18
- ////////////////////////////////////////////////////////////////////////////////////////
19
- public $uploads_dir;
20
- public $uploads_url;
21
-
22
- ////////////////////////////////////////////////////////////////////////////////////////
23
- // Constructor & Destructor //
24
- ////////////////////////////////////////////////////////////////////////////////////////
25
-
26
- public function __construct() {
27
- global $WD_S_UPLOAD_DIR;
28
- $upload_dir = wp_upload_dir();
29
- //$bwg_options = $this->get_options_data();
30
- //$this->uploads_dir = (($bwg_options->images_directory . '/photo-gallery') ? ABSPATH . $bwg_options->images_directory . '/photo-gallery' : WD_S_DIR . '/filemanager/uploads');
31
- $this->uploads_dir = ABSPATH . $WD_S_UPLOAD_DIR;
32
- if (file_exists($this->uploads_dir) == FALSE) {
33
- mkdir($this->uploads_dir);
34
- }
35
- //$this->uploads_url = (($bwg_options->images_directory . '/photo-gallery') ? site_url() . '/' . $bwg_options->images_directory . '/photo-gallery' : WD_S_URL . '/filemanager/uploads');
36
- $this->uploads_url = site_url() . '/' . $WD_S_UPLOAD_DIR;
37
- }
38
-
39
- ////////////////////////////////////////////////////////////////////////////////////////
40
- // Public Methods //
41
- ////////////////////////////////////////////////////////////////////////////////////////
42
-
43
- public function get_options_data() {
44
- global $wpdb;
45
- $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'bwg_option WHERE id="%d"', 1));
46
- return $row;
47
- }
48
-
49
- public function execute() {
50
- $task = isset($_REQUEST['task']) ? stripslashes(esc_html($_REQUEST['task'])) : 'display';
51
- if (method_exists($this, $task)) {
52
- $this->$task();
53
- }
54
- else {
55
- $this->display();
56
- }
57
- }
58
-
59
- public function get_uploads_dir() {
60
- return $this->uploads_dir;
61
- }
62
-
63
- public function get_uploads_url() {
64
- return $this->uploads_url;
65
- }
66
-
67
- public function display() {
68
- require_once WD_S_DIR . '/filemanager/model.php';
69
- $model = new FilemanagerModel($this);
70
-
71
- require_once WD_S_DIR . '/filemanager/view.php';
72
- $view = new FilemanagerView($this, $model);
73
- $view->display();
74
- }
75
-
76
- public function make_dir() {
77
- $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
78
- $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
79
-
80
- $new_dir_path = $cur_dir_path . '/' . (isset($_REQUEST['new_dir_name']) ? stripslashes(esc_html($_REQUEST['new_dir_name'])) : '');
81
-
82
- $msg = '';
83
- if (file_exists($new_dir_path) == true) {
84
- $msg = "Directory already exists.";
85
- }
86
- else {
87
- mkdir($new_dir_path);
88
- }
89
- $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
90
- $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'display', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
91
- header('Location: ' . $query_url);
92
- exit;
93
- }
94
-
95
- public function rename_item() {
96
- $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
97
- $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
98
- $cur_dir_path = htmlspecialchars_decode($cur_dir_path, ENT_COMPAT | ENT_QUOTES);
99
-
100
- $file_names = explode('**#**', (isset($_REQUEST['file_names']) ? stripslashes(esc_html($_REQUEST['file_names'])) : ''));
101
- $file_name = $file_names[0];
102
- $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
103
-
104
- $file_new_name = (isset($_REQUEST['file_new_name']) ? stripslashes(esc_html($_REQUEST['file_new_name'])) : '');
105
-
106
- $file_path = $cur_dir_path . '/' . $file_name;
107
- $thumb_file_path = $cur_dir_path . '/thumb/' . $file_name;
108
- $original_file_path = $cur_dir_path . '/.original/' . $file_name;
109
-
110
- $msg = '';
111
- if (file_exists($file_path) == false) {
112
- $msg = "File doesn't exist.";
113
- }
114
- elseif (is_dir($file_path) == true) {
115
- if (rename($file_path, $cur_dir_path . '/' . $file_new_name) == false) {
116
- $msg = "Can't rename the file.";
117
- }
118
- }
119
- elseif ((strrpos($file_name, '.') !== false)) {
120
- $file_extension = substr($file_name, strrpos($file_name, '.') + 1);
121
- if (rename($file_path, $cur_dir_path . '/' . $file_new_name . '.' . $file_extension) == false) {
122
- $msg = "Can't rename the file.";
123
- }
124
- rename($thumb_file_path, $cur_dir_path . '/thumb/' . $file_new_name . '.' . $file_extension);
125
- rename($original_file_path, $cur_dir_path . '/.original/' . $file_new_name . '.' . $file_extension);
126
- }
127
- else {
128
- $msg = "Can't rename the file.";
129
- }
130
- $_REQUEST['file_names'] = '';
131
- $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
132
- $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'display', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
133
- header('Location: ' . $query_url);
134
- exit;
135
- }
136
-
137
- public function remove_items() {
138
- $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
139
- $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
140
- $cur_dir_path = htmlspecialchars_decode($cur_dir_path, ENT_COMPAT | ENT_QUOTES);
141
-
142
- $file_names = explode('**#**', (isset($_REQUEST['file_names']) ? stripslashes(esc_html($_REQUEST['file_names'])) : ''));
143
-
144
- $msg = '';
145
- foreach ($file_names as $file_name) {
146
- $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
147
- $file_path = $cur_dir_path . '/' . $file_name;
148
- $thumb_file_path = $cur_dir_path . '/thumb/' . $file_name;
149
- $original_file_path = $cur_dir_path . '/.original/' . $file_name;
150
- if (file_exists($file_path) == false) {
151
- $msg = "Some of the files couldn't be removed.";
152
- }
153
- else {
154
- $this->remove_file_dir($file_path);
155
- if (file_exists($thumb_file_path)) {
156
- $this->remove_file_dir($thumb_file_path);
157
- }
158
- if (file_exists($original_file_path)) {
159
- $this->remove_file_dir($original_file_path);
160
- }
161
- }
162
- }
163
- $_REQUEST['file_names'] = '';
164
- $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
165
- $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
166
- header('Location: ' . $query_url);
167
- exit;
168
- }
169
-
170
- public function paste_items() {
171
- $msg = '';
172
-
173
- $file_names = explode('**#**', (isset($_REQUEST['clipboard_files']) ? stripslashes($_REQUEST['clipboard_files']) : ''));
174
- // $src_dir = $_SESSION['clipboard_src'];
175
- $src_dir = (isset($_REQUEST['clipboard_src']) ? stripslashes($_REQUEST['clipboard_src']) : '');
176
- $src_dir = $src_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $src_dir;
177
- $src_dir = htmlspecialchars_decode($src_dir, ENT_COMPAT | ENT_QUOTES);
178
- // $dest_dir = $_SESSION['clipboard_dest'];
179
- $dest_dir = (isset($_REQUEST['clipboard_dest']) ? stripslashes($_REQUEST['clipboard_dest']) : '');
180
- $dest_dir = $dest_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $dest_dir;
181
- $dest_dir = htmlspecialchars_decode($dest_dir, ENT_COMPAT | ENT_QUOTES);
182
-
183
- switch ((isset($_REQUEST['clipboard_task']) ? stripslashes($_REQUEST['clipboard_task']) : '')) {
184
- case 'copy':
185
- foreach ($file_names as $file_name) {
186
- $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
187
- $src = $src_dir . '/' . $file_name;
188
- if (file_exists($src) == false) {
189
- $msg = "Failed to copy some of the files.";
190
- $msg = $file_name;
191
- continue;
192
- }
193
- $dest = $dest_dir . '/' . $file_name;
194
- if (!is_dir($src_dir . '/' . $file_name)) {
195
- if (!is_dir($dest_dir . '/thumb')) {
196
- mkdir($dest_dir . '/thumb', 0777);
197
- }
198
- $thumb_src = $src_dir . '/thumb/' . $file_name;
199
- $thumb_dest = $dest_dir . '/thumb/' . $file_name;
200
- if (!is_dir($dest_dir . '/.original')) {
201
- mkdir($dest_dir . '/.original', 0777);
202
- }
203
- $original_src = $src_dir . '/.original/' . $file_name;
204
- $original_dest = $dest_dir . '/.original/' . $file_name;
205
- }
206
- $i = 0;
207
- if (file_exists($dest) == true) {
208
- $path_parts = pathinfo($dest);
209
- while (file_exists($path_parts['dirname'] . '/' . $path_parts['filename'] . '(' . ++$i . ')' . '.' . $path_parts['extension'])) {
210
- }
211
- $dest = $path_parts['dirname'] . '/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
212
- if (!is_dir($src_dir . '/' . $file_name)) {
213
- $thumb_dest = $path_parts['dirname'] . '/thumb/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
214
- $original_dest = $path_parts['dirname'] . '/.original/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
215
- }
216
- }
217
-
218
- if (!$this->copy_file_dir($src, $dest)) {
219
- $msg = "Failed to copy some of the files.";
220
- }
221
- if (!is_dir($src_dir . '/' . $file_name)) {
222
- $this->copy_file_dir($thumb_src, $thumb_dest);
223
- $this->copy_file_dir($original_src, $original_dest);
224
- }
225
- }
226
- break;
227
- case 'cut':
228
- if ($src_dir != $dest_dir) {
229
- foreach ($file_names as $file_name) {
230
- $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
231
- $src = $src_dir . '/' . $file_name;
232
- $dest = $dest_dir . '/' . $file_name;
233
- if (!is_dir($src_dir . '/' . $file_name)) {
234
- $thumb_src = $src_dir . '/thumb/' . $file_name;
235
- $thumb_dest = $dest_dir . '/thumb/' . $file_name;
236
- if (!is_dir($dest_dir . '/thumb')) {
237
- mkdir($dest_dir . '/thumb', 0777);
238
- }
239
- $original_src = $src_dir . '/.original/' . $file_name;
240
- $original_dest = $dest_dir . '/.original/' . $file_name;
241
- if (!is_dir($dest_dir . '/.original')) {
242
- mkdir($dest_dir . '/.original', 0777);
243
- }
244
- }
245
- if ((file_exists($src) == false) || (file_exists($dest) == true) || (!rename($src, $dest))) {
246
- $msg = "Failed to move some of the files.";
247
- }
248
- if (!is_dir($src_dir . '/' . $file_name)) {
249
- rename($thumb_src, $thumb_dest);
250
- rename($original_src, $original_dest);
251
- }
252
- }
253
- }
254
- break;
255
- }
256
- $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
257
- $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
258
- header('Location: ' . $query_url);
259
- exit;
260
- }
261
-
262
- public function import_items() {
263
- $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
264
- $query_url = add_query_arg(array('action' => 'wds_UploadHandler', 'importer_thumb_width' => esc_html($_REQUEST['importer_thumb_width']), 'importer_thumb_height' => esc_html($_REQUEST['importer_thumb_height']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'file_namesML' => esc_html($_REQUEST['file_namesML']), 'importer_img_width' => esc_html($_REQUEST['importer_img_width']), 'importer_img_height' => esc_html($_REQUEST['importer_img_height']), 'import' => 'true', 'redir' => esc_html($_REQUEST['dir']), 'dir' => $this->get_uploads_dir() . '/' . esc_html($_REQUEST['dir']) . '/'), $query_url);
265
- header('Location: ' . $query_url);
266
- exit;
267
- }
268
-
269
-
270
- ////////////////////////////////////////////////////////////////////////////////////////
271
- // Getters & Setters //
272
- ////////////////////////////////////////////////////////////////////////////////////////
273
- ////////////////////////////////////////////////////////////////////////////////////////
274
- // Private Methods //
275
- ////////////////////////////////////////////////////////////////////////////////////////
276
- private function remove_file_dir($del_file_dir) {
277
- if (is_dir($del_file_dir) == true) {
278
- $files_to_remove = scandir($del_file_dir);
279
- foreach ($files_to_remove as $file) {
280
- if ($file != '.' and $file != '..') {
281
- $this->remove_file_dir($del_file_dir . '/' . $file);
282
- }
283
- }
284
- rmdir($del_file_dir);
285
- }
286
- else {
287
- unlink($del_file_dir);
288
- }
289
- }
290
-
291
- private function copy_file_dir($src, $dest) {
292
- if (is_dir($src) == true) {
293
- $dir = opendir($src);
294
- @mkdir($dest);
295
- while (false !== ($file = readdir($dir))) {
296
- if (($file != '.') && ($file != '..')) {
297
- if (is_dir($src . '/' . $file)) {
298
- $this->copy_file_dir($src . '/' . $file, $dest . '/' . $file);
299
- }
300
- else {
301
- copy($src . '/' . $file, $dest . '/' . $file);
302
- }
303
- }
304
- }
305
- closedir($dir);
306
- return true;
307
- }
308
- else {
309
- return copy($src, $dest);
310
- }
311
- }
312
-
313
-
314
- ////////////////////////////////////////////////////////////////////////////////////////
315
- // Listeners //
316
- ////////////////////////////////////////////////////////////////////////////////////////
317
  }
1
+ <?php
2
+ /**
3
+ * Author: Rob
4
+ * Date: 6/24/13
5
+ * Time: 10:57 AM
6
+ */
7
+
8
+
9
+ class FilemanagerController {
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ // Events //
12
+ ////////////////////////////////////////////////////////////////////////////////////////
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ // Constants //
15
+ ////////////////////////////////////////////////////////////////////////////////////////
16
+ ////////////////////////////////////////////////////////////////////////////////////////
17
+ // Variables //
18
+ ////////////////////////////////////////////////////////////////////////////////////////
19
+ public $uploads_dir;
20
+ public $uploads_url;
21
+
22
+ ////////////////////////////////////////////////////////////////////////////////////////
23
+ // Constructor & Destructor //
24
+ ////////////////////////////////////////////////////////////////////////////////////////
25
+
26
+ public function __construct() {
27
+ global $WD_S_UPLOAD_DIR;
28
+ $upload_dir = wp_upload_dir();
29
+ //$bwg_options = $this->get_options_data();
30
+ //$this->uploads_dir = (($bwg_options->images_directory . '/photo-gallery') ? ABSPATH . $bwg_options->images_directory . '/photo-gallery' : WD_S_DIR . '/filemanager/uploads');
31
+ $this->uploads_dir = ABSPATH . $WD_S_UPLOAD_DIR;
32
+ if (file_exists($this->uploads_dir) == FALSE) {
33
+ mkdir($this->uploads_dir);
34
+ }
35
+ //$this->uploads_url = (($bwg_options->images_directory . '/photo-gallery') ? site_url() . '/' . $bwg_options->images_directory . '/photo-gallery' : WD_S_URL . '/filemanager/uploads');
36
+ $this->uploads_url = site_url() . '/' . $WD_S_UPLOAD_DIR;
37
+ }
38
+
39
+ ////////////////////////////////////////////////////////////////////////////////////////
40
+ // Public Methods //
41
+ ////////////////////////////////////////////////////////////////////////////////////////
42
+
43
+ public function get_options_data() {
44
+ global $wpdb;
45
+ $row = $wpdb->get_row($wpdb->prepare('SELECT * FROM ' . $wpdb->prefix . 'bwg_option WHERE id="%d"', 1));
46
+ return $row;
47
+ }
48
+
49
+ public function execute() {
50
+ $task = isset($_REQUEST['task']) ? stripslashes(esc_html($_REQUEST['task'])) : 'display';
51
+ if (method_exists($this, $task)) {
52
+ $this->$task();
53
+ }
54
+ else {
55
+ $this->display();
56
+ }
57
+ }
58
+
59
+ public function get_uploads_dir() {
60
+ return $this->uploads_dir;
61
+ }
62
+
63
+ public function get_uploads_url() {
64
+ return $this->uploads_url;
65
+ }
66
+
67
+ public function display() {
68
+ require_once WD_S_DIR . '/filemanager/model.php';
69
+ $model = new FilemanagerModel($this);
70
+
71
+ require_once WD_S_DIR . '/filemanager/view.php';
72
+ $view = new FilemanagerView($this, $model);
73
+ $view->display();
74
+ }
75
+
76
+ public function make_dir() {
77
+ $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
78
+ $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
79
+
80
+ $new_dir_path = $cur_dir_path . '/' . (isset($_REQUEST['new_dir_name']) ? stripslashes(esc_html($_REQUEST['new_dir_name'])) : '');
81
+
82
+ $msg = '';
83
+ if (file_exists($new_dir_path) == true) {
84
+ $msg = "Directory already exists.";
85
+ }
86
+ else {
87
+ mkdir($new_dir_path);
88
+ }
89
+ $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
90
+ $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'display', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
91
+ header('Location: ' . $query_url);
92
+ exit;
93
+ }
94
+
95
+ public function rename_item() {
96
+ $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
97
+ $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
98
+ $cur_dir_path = htmlspecialchars_decode($cur_dir_path, ENT_COMPAT | ENT_QUOTES);
99
+
100
+ $file_names = explode('**#**', (isset($_REQUEST['file_names']) ? stripslashes(esc_html($_REQUEST['file_names'])) : ''));
101
+ $file_name = $file_names[0];
102
+ $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
103
+
104
+ $file_new_name = (isset($_REQUEST['file_new_name']) ? stripslashes(esc_html($_REQUEST['file_new_name'])) : '');
105
+
106
+ $file_path = $cur_dir_path . '/' . $file_name;
107
+ $thumb_file_path = $cur_dir_path . '/thumb/' . $file_name;
108
+ $original_file_path = $cur_dir_path . '/.original/' . $file_name;
109
+
110
+ $msg = '';
111
+ if (file_exists($file_path) == false) {
112
+ $msg = "File doesn't exist.";
113
+ }
114
+ elseif (is_dir($file_path) == true) {
115
+ if (rename($file_path, $cur_dir_path . '/' . $file_new_name) == false) {
116
+ $msg = "Can't rename the file.";
117
+ }
118
+ }
119
+ elseif ((strrpos($file_name, '.') !== false)) {
120
+ $file_extension = substr($file_name, strrpos($file_name, '.') + 1);
121
+ if (rename($file_path, $cur_dir_path . '/' . $file_new_name . '.' . $file_extension) == false) {
122
+ $msg = "Can't rename the file.";
123
+ }
124
+ rename($thumb_file_path, $cur_dir_path . '/thumb/' . $file_new_name . '.' . $file_extension);
125
+ rename($original_file_path, $cur_dir_path . '/.original/' . $file_new_name . '.' . $file_extension);
126
+ }
127
+ else {
128
+ $msg = "Can't rename the file.";
129
+ }
130
+ $_REQUEST['file_names'] = '';
131
+ $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
132
+ $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'display', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
133
+ header('Location: ' . $query_url);
134
+ exit;
135
+ }
136
+
137
+ public function remove_items() {
138
+ $input_dir = (isset($_REQUEST['dir']) ? stripslashes(esc_html($_REQUEST['dir'])) : '');
139
+ $cur_dir_path = $input_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $input_dir;
140
+ $cur_dir_path = htmlspecialchars_decode($cur_dir_path, ENT_COMPAT | ENT_QUOTES);
141
+
142
+ $file_names = explode('**#**', (isset($_REQUEST['file_names']) ? stripslashes(esc_html($_REQUEST['file_names'])) : ''));
143
+
144
+ $msg = '';
145
+ foreach ($file_names as $file_name) {
146
+ $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
147
+ $file_path = $cur_dir_path . '/' . $file_name;
148
+ $thumb_file_path = $cur_dir_path . '/thumb/' . $file_name;
149
+ $original_file_path = $cur_dir_path . '/.original/' . $file_name;
150
+ if (file_exists($file_path) == false) {
151
+ $msg = "Some of the files couldn't be removed.";
152
+ }
153
+ else {
154
+ $this->remove_file_dir($file_path);
155
+ if (file_exists($thumb_file_path)) {
156
+ $this->remove_file_dir($thumb_file_path);
157
+ }
158
+ if (file_exists($original_file_path)) {
159
+ $this->remove_file_dir($original_file_path);
160
+ }
161
+ }
162
+ }
163
+ $_REQUEST['file_names'] = '';
164
+ $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
165
+ $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
166
+ header('Location: ' . $query_url);
167
+ exit;
168
+ }
169
+
170
+ public function paste_items() {
171
+ $msg = '';
172
+
173
+ $file_names = explode('**#**', (isset($_REQUEST['clipboard_files']) ? stripslashes($_REQUEST['clipboard_files']) : ''));
174
+ // $src_dir = $_SESSION['clipboard_src'];
175
+ $src_dir = (isset($_REQUEST['clipboard_src']) ? stripslashes($_REQUEST['clipboard_src']) : '');
176
+ $src_dir = $src_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $src_dir;
177
+ $src_dir = htmlspecialchars_decode($src_dir, ENT_COMPAT | ENT_QUOTES);
178
+ // $dest_dir = $_SESSION['clipboard_dest'];
179
+ $dest_dir = (isset($_REQUEST['clipboard_dest']) ? stripslashes($_REQUEST['clipboard_dest']) : '');
180
+ $dest_dir = $dest_dir == '' ? $this->uploads_dir : $this->uploads_dir . '/' . $dest_dir;
181
+ $dest_dir = htmlspecialchars_decode($dest_dir, ENT_COMPAT | ENT_QUOTES);
182
+
183
+ switch ((isset($_REQUEST['clipboard_task']) ? stripslashes($_REQUEST['clipboard_task']) : '')) {
184
+ case 'copy':
185
+ foreach ($file_names as $file_name) {
186
+ $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
187
+ $src = $src_dir . '/' . $file_name;
188
+ if (file_exists($src) == false) {
189
+ $msg = "Failed to copy some of the files.";
190
+ $msg = $file_name;
191
+ continue;
192
+ }
193
+ $dest = $dest_dir . '/' . $file_name;
194
+ if (!is_dir($src_dir . '/' . $file_name)) {
195
+ if (!is_dir($dest_dir . '/thumb')) {
196
+ mkdir($dest_dir . '/thumb', 0777);
197
+ }
198
+ $thumb_src = $src_dir . '/thumb/' . $file_name;
199
+ $thumb_dest = $dest_dir . '/thumb/' . $file_name;
200
+ if (!is_dir($dest_dir . '/.original')) {
201
+ mkdir($dest_dir . '/.original', 0777);
202
+ }
203
+ $original_src = $src_dir . '/.original/' . $file_name;
204
+ $original_dest = $dest_dir . '/.original/' . $file_name;
205
+ }
206
+ $i = 0;
207
+ if (file_exists($dest) == true) {
208
+ $path_parts = pathinfo($dest);
209
+ while (file_exists($path_parts['dirname'] . '/' . $path_parts['filename'] . '(' . ++$i . ')' . '.' . $path_parts['extension'])) {
210
+ }
211
+ $dest = $path_parts['dirname'] . '/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
212
+ if (!is_dir($src_dir . '/' . $file_name)) {
213
+ $thumb_dest = $path_parts['dirname'] . '/thumb/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
214
+ $original_dest = $path_parts['dirname'] . '/.original/' . $path_parts['filename'] . '(' . $i . ')' . '.' . $path_parts['extension'];
215
+ }
216
+ }
217
+
218
+ if (!$this->copy_file_dir($src, $dest)) {
219
+ $msg = "Failed to copy some of the files.";
220
+ }
221
+ if (!is_dir($src_dir . '/' . $file_name)) {
222
+ $this->copy_file_dir($thumb_src, $thumb_dest);
223
+ $this->copy_file_dir($original_src, $original_dest);
224
+ }
225
+ }
226
+ break;
227
+ case 'cut':
228
+ if ($src_dir != $dest_dir) {
229
+ foreach ($file_names as $file_name) {
230
+ $file_name = htmlspecialchars_decode($file_name, ENT_COMPAT | ENT_QUOTES);
231
+ $src = $src_dir . '/' . $file_name;
232
+ $dest = $dest_dir . '/' . $file_name;
233
+ if (!is_dir($src_dir . '/' . $file_name)) {
234
+ $thumb_src = $src_dir . '/thumb/' . $file_name;
235
+ $thumb_dest = $dest_dir . '/thumb/' . $file_name;
236
+ if (!is_dir($dest_dir . '/thumb')) {
237
+ mkdir($dest_dir . '/thumb', 0777);
238
+ }
239
+ $original_src = $src_dir . '/.original/' . $file_name;
240
+ $original_dest = $dest_dir . '/.original/' . $file_name;
241
+ if (!is_dir($dest_dir . '/.original')) {
242
+ mkdir($dest_dir . '/.original', 0777);
243
+ }
244
+ }
245
+ if ((file_exists($src) == false) || (file_exists($dest) == true) || (!rename($src, $dest))) {
246
+ $msg = "Failed to move some of the files.";
247
+ }
248
+ if (!is_dir($src_dir . '/' . $file_name)) {
249
+ rename($thumb_src, $thumb_dest);
250
+ rename($original_src, $original_dest);
251
+ }
252
+ }
253
+ }
254
+ break;
255
+ }
256
+ $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
257
+ $query_url = add_query_arg(array('action' => 'addImage', 'filemanager_msg' => $msg, 'width' => '650', 'height' => '500', 'task' => 'show_file_manager', 'extensions' => esc_html($_REQUEST['extensions']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'dir' => esc_html($_REQUEST['dir']), 'TB_iframe' => '1'), $query_url);
258
+ header('Location: ' . $query_url);
259
+ exit;
260
+ }
261
+
262
+ public function import_items() {
263
+ $query_url = wp_nonce_url(admin_url('admin-ajax.php'), 'addImage', 'nonce_wd');
264
+ $query_url = add_query_arg(array('action' => 'wds_UploadHandler', 'importer_thumb_width' => esc_html($_REQUEST['importer_thumb_width']), 'importer_thumb_height' => esc_html($_REQUEST['importer_thumb_height']), 'callback' => esc_html($_REQUEST['callback']), 'image_for' => esc_html($_REQUEST['image_for']), 'slide_id' => esc_html($_REQUEST['slide_id']), 'file_namesML' => esc_html($_REQUEST['file_namesML']), 'importer_img_width' => esc_html($_REQUEST['importer_img_width']), 'importer_img_height' => esc_html($_REQUEST['importer_img_height']), 'import' => 'true', 'redir' => esc_html($_REQUEST['dir']), 'dir' => $this->get_uploads_dir() . '/' . esc_html($_REQUEST['dir']) . '/'), $query_url);
265
+ header('Location: ' . $query_url);
266
+ exit;
267
+ }
268
+
269
+
270
+ ////////////////////////////////////////////////////////////////////////////////////////
271
+ // Getters & Setters //
272
+ ////////////////////////////////////////////////////////////////////////////////////////
273
+ ////////////////////////////////////////////////////////////////////////////////////////
274
+ // Private Methods //
275
+ ////////////////////////////////////////////////////////////////////////////////////////
276
+ private function remove_file_dir($del_file_dir) {
277
+ if (is_dir($del_file_dir) == true) {
278
+ $files_to_remove = scandir($del_file_dir);
279
+ foreach ($files_to_remove as $file) {
280
+ if ($file != '.' and $file != '..') {
281
+ $this->remove_file_dir($del_file_dir . '/' . $file);
282
+ }
283
+ }
284
+ rmdir($del_file_dir);
285
+ }
286
+ else {
287
+ unlink($del_file_dir);
288
+ }
289
+ }
290
+
291
+ private function copy_file_dir($src, $dest) {
292
+ if (is_dir($src) == true) {
293
+ $dir = opendir($src);
294
+ @mkdir($dest);
295
+ while (false !== ($file = readdir($dir))) {
296
+ if (($file != '.') && ($file != '..')) {
297
+ if (is_dir($src . '/' . $file)) {
298
+ $this->copy_file_dir($src . '/' . $file, $dest . '/' . $file);
299
+ }
300
+ else {
301
+ copy($src . '/' . $file, $dest . '/' . $file);
302
+ }
303
+ }
304
+ }
305
+ closedir($dir);
306
+ return true;
307
+ }
308
+ else {
309
+ return copy($src, $dest);
310
+ }
311
+ }
312
+
313
+
314
+ ////////////////////////////////////////////////////////////////////////////////////////
315
+ // Listeners //
316
+ ////////////////////////////////////////////////////////////////////////////////////////
317
  }
filemanager/css/default.css CHANGED
@@ -1,576 +1,576 @@
1
- .spider_ajax_loading {
2
- border: none !important;
3
- -webkit-animation: spin 2.5s infinite linear;
4
- -moz-animation: spin 2.5s infinite linear;
5
- -o-animation: spin 2.5s infinite linear;
6
- animation: spin 2.5s infinite linear;
7
- }
8
-
9
- @-moz-keyframes spin {
10
- 0% {
11
- -moz-transform: rotate(0deg);
12
- }
13
- 100% {
14
- -moz-transform: rotate(359deg);
15
- }
16
- }
17
- @-webkit-keyframes spin {
18
- 0% {
19
- -webkit-transform: rotate(0deg);
20
- }
21
- 100% {
22
- -webkit-transform: rotate(359deg);
23
- }
24
- }
25
- @-o-keyframes spin {
26
- 0% {
27
- -o-transform: rotate(0deg);
28
- }
29
- 100% {
30
- -o-transform: rotate(359deg);
31
- }
32
- }
33
- @-ms-keyframes spin {
34
- 0% {
35
- -ms-transform: rotate(0deg);
36
- }
37
- 100% {
38
- -ms-transform: rotate(359deg);
39
- }
40
- }
41
- @keyframes spin {
42
- 0% {
43
- transform: rotate(0deg);
44
- }
45
- 100% {
46
- transform: rotate(359deg);
47
- }
48
- }
49
-
50
- html {
51
- overflow: hidden !important;
52
-
53
- /*deny selecting text*/
54
- cursor: default;
55
- -webkit-touch-callout: none;
56
- -webkit-user-select: none;
57
- -khtml-user-select: none;
58
- -moz-user-select: none;
59
- -ms-user-select: none;
60
- user-select: none;
61
- }
62
-
63
- /* set joomla messages margin to 0 */
64
- body {
65
- margin: 0 !important;
66
- }
67
-
68
- #system-message, #system-message ul {
69
- margin: 0;
70
- }
71
-
72
-
73
- /* font-size */
74
- html, body, div, span, th, td, a {
75
- font-size: 12px !important;
76
- }
77
-
78
-
79
- /* default tags */
80
- .clickable {
81
- cursor: pointer !important;
82
- }
83
-
84
-
85
- /* wrapper */
86
- #wrapper {
87
- position: absolute;
88
- top: 0;
89
- bottom: 0;
90
- left: 0;
91
- right: 0;
92
- }
93
-
94
- #file_manager,
95
- #uploader,
96
- #importer {
97
- position: absolute;
98
- top: 0;
99
- bottom: 0;
100
- left: 0;
101
- right: 0;
102
- margin: 0;
103
- padding: 0;
104
- }
105
-
106
-
107
- /* file manager */
108
- /* ctrls bar */
109
- .ctrls_bar {
110
- display: table-row;
111
- position: absolute;
112
- z-index: 1;
113
- left: 0;
114
- right: 0;
115
- margin: 0;
116
- border: solid 1px #e8e9ea;
117
- background-color: #f5f6f7;
118
- padding: 4px;
119
- height: 32px;
120
- }
121
-
122
- .ctrls_bar_header {
123
- top: 0;
124
- }
125
-
126
- .ctrls_bar_footer {
127
- bottom: 0;
128
- }
129
-
130
- .ctrls_bar .ctrls_left {
131
- float: left;
132
- margin: 0;
133
- padding: 0;
134
- margin-left: 5px;
135
- }
136
-
137
- .ctrls_bar .ctrls_right {
138
- float: right;
139
- margin: 0;
140
- padding: 0;
141
- }
142
-
143
- .ctrls_bar .ctrls_right_img {
144
- float: right;
145
- margin: 0;
146
- padding: 0;
147
- margin-right: 10px;
148
- }
149
-
150
- .ctrl_bar_divider {
151
- display: table-cell;
152
- margin: 0;
153
- background-image: url("../images/btn_icons/divider.png");
154
- background-repeat: no-repeat;
155
- width: 16px !important;
156
- height: 32px !important;
157
- padding: 0;
158
- vertical-align: middle;
159
- cursor: default;
160
- }
161
-
162
- .upload_thumb_dim {
163
- width: 50px;
164
- display: inline-block;
165
- margin: 0;
166
- background-repeat: no-repeat;
167
- min-width: 32px !important;
168
- height: 32px !important;
169
- padding: 0;
170
- vertical-align: middle;
171
- color: #808080;
172
- cursor: default;
173
- }
174
-
175
- .upload_thumb {
176
- color: #808080;
177
- font-size: 16px !important;
178
- }
179
-
180
- .ctrl_bar_btn {
181
- display: table-cell;
182
- margin: 0;
183
- background-repeat: no-repeat;
184
- min-width: 32px !important;
185
- height: 32px !important;
186
- padding: 0;
187
- vertical-align: middle;
188
- color: #808080;
189
- cursor: default;
190
- }
191
-
192
- .ctrl_bar_btn:hover {
193
- outline: solid 1px #C6C6C6;
194
- text-decoration: none;
195
- }
196
-
197
- .ctrl_bar_btn.btn_up {
198
- background-image: url("../images/btn_icons/up.png");
199
- }
200
-
201
- .ctrl_bar_btn.btn_make_dir {
202
- background-image: url("../images/btn_icons/create_dir.png");
203
- }
204
-
205
- .ctrl_bar_btn.btn_rename_item {
206
- background-image: url("../images/btn_icons/rename.png");
207
- }
208
-
209
- .ctrl_bar_btn.btn_copy {
210
- background-image: url("../images/btn_icons/copy.png");
211
- }
212
-
213
- .ctrl_bar_btn.btn_cut {
214
- background-image: url("../images/btn_icons/cut.png");
215
- }
216
-
217
- .ctrl_bar_btn.btn_paste {
218
- background-image: url("../images/btn_icons/paste.png");
219
- }
220
-
221
- .ctrl_bar_btn.btn_remove_items {
222
- background-image: url("../images/btn_icons/delete.png");
223
- }
224
-
225
- .ctrl_bar_btn.btn_upload_files {
226
- padding-left: 32px;
227
- padding-right: 4px;
228
- background-image: url("../images/btn_icons/upload.png");
229
- color: #F5F6F7;
230
- cursor: pointer;
231
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
232
- height: 30px !important;
233
- font-size: 14px !important;
234
- }
235
-
236
- .ctrl_bar_btn.btn_import_files {
237
- padding-left: 32px;
238
- padding-right: 4px;
239
- background-image: url("../images/btn_icons/import.png");
240
- color: #F5F6F7;
241
- cursor: pointer;
242
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
243
- height: 30px !important;
244
- font-size: 14px !important;
245
- }
246
-
247
- .ctrl_bar_btn.btn_upload_files, .ctrl_bar_btn.btn_import_files:hover {
248
- outline: none;
249
- text-decoration: none;
250
- }
251
-
252
- .ctrl_bar_btn.btn_primary {
253
- background-color: #21759B;
254
- background-image: linear-gradient(to bottom, #2A95C5, #21759B);
255
- border: 1px solid #21759b;
256
- border-bottom-color: #1e6a8d;
257
- box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
258
- text-decoration: none;
259
- color: #F5F6F7 !important;
260
- -webkit-border-radius: 3px;
261
- -webkit-appearance: none;
262
- border-radius: 3px;
263
- -moz-box-sizing: border-box;
264
- box-sizing: border-box;
265
- cursor: pointer;
266
- white-space: nowrap;
267
- padding: 0 10px;
268
- font-size: 14px !important;
269
- }
270
-
271
- .ctrl_bar_btn.btn_secondary {
272
- background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) repeat scroll 0 0 #F3F3F3;
273
- border-color: #BBBBBB;
274
- color: #333333 !important;
275
- text-shadow: 0 1px 0 #FFFFFF;
276
- border: 1px solid #BBBBBB;
277
- box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
278
- text-decoration: none;
279
- -webkit-border-radius: 3px;
280
- -webkit-appearance: none;
281
- border-radius: 3px;
282
- -moz-box-sizing: border-box;
283
- box-sizing: border-box;
284
- cursor: pointer;
285
- white-space: nowrap;
286
- padding: 0 10px;
287
- font-size: 14px !important;
288
- }
289
- .ctrl_bar_empty_devider {
290
- display: table-cell;
291
- width: 10px;
292
- }
293
-
294
- .ctrl_bar_btn.btn_view_thumbs {
295
- background-image: url("../images/btn_icons/view_thumbs.png");
296
- }
297
-
298
- .ctrl_bar_btn.btn_view_list {
299
- background-image: url("../images/btn_icons/view_list.png");
300
- }
301
-
302
- .ctrl_bar_btn.btn_back {
303
- background-image: url("../images/btn_icons/back.png");
304
- }
305
-
306
-
307
- /* sort icons */
308
- .sort_order_asc {
309
- display: inline-block !important;
310
- margin: 0;
311
- background-image: url("../images/btn_icons/sort_asc.png");
312
- background-repeat: no-repeat;
313
- padding: 0;
314
- width: 12px !important;
315
- height: 12px !important;
316
- vertical-align: middle;
317
- color: #808080;
318
- cursor: default;
319
- text-decoration: none;
320
- cursor: pointer;
321
- }
322
-
323
- .sort_order_desc {
324
- display: inline-block !important;
325
- margin: 0;
326
- background-image: url("../images/btn_icons/sort_desc.png");
327
- background-repeat: no-repeat;
328
- padding: 0;
329
- width: 12px !important;
330
- height: 12px !important;
331
- vertical-align: middle;
332
- color: #808080;
333
- cursor: default;
334
- text-decoration: none;
335
- cursor: pointer;
336
- }
337
-
338
-
339
- /* path */
340
- #path {
341
- display: table-row;
342
- position: absolute;
343
- z-index: 1;
344
- top: 40px;
345
- left: 0;
346
- right: 0;
347
- border: solid 1px #e8e9ea;
348
- background-color: #f5f6f7;
349
- padding: 3px 3px;
350
- height: 24px;
351
- vertical-align: middle;
352
- }
353
-
354
- .path_component {
355
- display: table-cell;
356
- margin: 0;
357
- background-repeat: no-repeat;
358
- padding: 0 2px;
359
- height: 24px !important;
360
- vertical-align: middle;
361
- color: #808080;
362
- cursor: default;
363
- }
364
-
365
- .path_dir:hover {
366
- outline: solid 1px #C6C6C6;
367
- text-decoration: none;
368
- }
369
-
370
- .path_separator:hover {
371
- text-decoration: none;
372
- }
373
-
374
-
375
- #file_names_span {
376
- display: none;
377
- padding: 0 4px;
378
- width: 100%;
379
- height: 32px !important;
380
- vertical-align: middle;
381
- }
382
-
383
- #file_names_span span {
384
- display: block;
385
- height: 18px !important;
386
- background-color: #ffffff;
387
- vertical-align: middle;
388
- cursor: default;
389
- outline-style: solid;
390
- outline-width: 1px;
391
- outline-color: #C6C6C6;
392
- overflow: hidden;
393
- }
394
-
395
-
396
- /* uploader */
397
- #uploader,
398
- #importer {
399
- z-index: 10;
400
- width: 100%;
401
- height: 100%;
402
- }
403
-
404
- #uploader_bg,
405
- #importer_bg {
406
- position: absolute;
407
- top: 0;
408
- bottom: 0;
409
- left: 0;
410
- right: 0;
411
- background-color: #ffffff;
412
- opacity: 0.9;
413
- }
414
-
415
- #uploader_hitter {
416
- position: absolute;
417
- top: 40px;
418
- bottom: 160px;
419
- left: 0;
420
- right: 0;
421
- }
422
-
423
- #drag_message {
424
- position: absolute;
425
- top: 40px;
426
- bottom: 60px;
427
- left: 40px;
428
- right: 40px;
429
- outline: #c0c0c0 dashed 5px;
430
- text-align: center;
431
- }
432
-
433
- #drag_message span {
434
- position: absolute;
435
- top: 20%;
436
- left: 0;
437
- right: 0;
438
- font-size: 24pt !important;
439
- color: #c0c0c0;
440
- }
441
-
442
- #btnBrowseContainer {
443
- position: absolute;
444
- bottom: 0;
445
- left: 0;
446
- right: 0;
447
- height: 40px;
448
- vertical-align: middle;
449
- text-align: center;
450
- }
451
-
452
- #uploaded_files {
453
- position: absolute;
454
- bottom: 60px;
455
- left: 0;
456
- right: 0;
457
- border: solid 1px #e8e9ea;
458
- height: 100px;
459
- background-color: #ffffff;
460
- overflow-x: auto;
461
- overflow-y: scroll;
462
- }
463
-
464
- #uploaded_files ul {
465
- margin: 0;
466
- padding: 5px !important;
467
- }
468
-
469
- .uploaded_item {
470
- list-style: none;
471
- padding: 2px;
472
- color: #c0c0c0;
473
- }
474
-
475
- .uploaded_item_failed {
476
- list-style: none;
477
- padding: 2px;
478
- color: #ff0000;
479
- }
480
-
481
- .uploader_text {
482
- background-color: #ffffe0;
483
- border-color: #e6db55;
484
- padding: 5px 10px;
485
- -webkit-border-radius: 3px;
486
- border-radius: 3px;
487
- border-width: 1px;
488
- border-style: solid;
489
- font-size: 12px !important;
490
- font-family: sans-serif;
491
- font-weight: bold;
492
- color: #000000;
493
- display: inherit;
494
- }
495
-
496
- #uploader_progress {
497
- position: absolute;
498
- z-index: 11;
499
- bottom: 0;
500
- left: 0;
501
- right: 0;
502
- border: solid 1px #e8e9ea;
503
- background-color: #f5f6f7;
504
- padding: 10px 20px;
505
- height: 40px;
506
- text-align: center;
507
- color: #c0c0c0;
508
- }
509
-
510
- #uploader_progress div {
511
- height: 20px;
512
- border: solid 1px #e8e9ea;
513
- border-radius: 5px;
514
- background-color: #ffffff;
515
- }
516
-
517
- #uploader_progress div div {
518
- border-width: 0;
519
- background-image: url("../images/progressbar.gif");
520
- background-repeat: repeat-x;
521
- height: 20px;
522
- }
523
-
524
- .none_select {
525
- -webkit-user-select: none;
526
- -khtml-user-select: none;
527
- -moz-user-select: none;
528
- -ms-user-select: none;
529
- user-select: none;
530
- }
531
-
532
- .ctrl_bar_search_upload{
533
- display:table-cell;
534
- }
535
-
536
- @media screen and (max-width: 640px){
537
- .ctrls_bar, #path{
538
- height:auto !important;
539
- }
540
-
541
- .ctrl_bar_search_upload {
542
- display:block !important;
543
- margin-top: 4px
544
- }
545
-
546
- .ctrls_bar_header .ctrls_right{
547
- display:none !important;
548
- }
549
-
550
- #path{
551
- top: 74px !important;
552
- }
553
-
554
- #explorer {
555
- top: 106px !important;
556
- }
557
- .btn_remove_items + .ctrl_bar_divider{
558
- display:none !important;
559
- }
560
-
561
- .search_by_name{
562
- width:100% !important;;
563
- }
564
-
565
- .ctrls_bar_footer .ctrls_right{
566
- margin-right:5px !important;
567
- }
568
- }
569
-
570
- @media screen and (max-width: 350px){
571
- .ctrls_bar_footer .ctrls_left, .ctrls_bar_footer .ctrls_right{
572
- float:none;
573
- margin-left:5px !important;
574
- margin-bottom:2px;
575
- }
576
  }
1
+ .spider_ajax_loading {
2
+ border: none !important;
3
+ -webkit-animation: spin 2.5s infinite linear;
4
+ -moz-animation: spin 2.5s infinite linear;
5
+ -o-animation: spin 2.5s infinite linear;
6
+ animation: spin 2.5s infinite linear;
7
+ }
8
+
9
+ @-moz-keyframes spin {
10
+ 0% {
11
+ -moz-transform: rotate(0deg);
12
+ }
13
+ 100% {
14
+ -moz-transform: rotate(359deg);
15
+ }
16
+ }
17
+ @-webkit-keyframes spin {
18
+ 0% {
19
+ -webkit-transform: rotate(0deg);
20
+ }
21
+ 100% {
22
+ -webkit-transform: rotate(359deg);
23
+ }
24
+ }
25
+ @-o-keyframes spin {
26
+ 0% {
27
+ -o-transform: rotate(0deg);
28
+ }
29
+ 100% {
30
+ -o-transform: rotate(359deg);
31
+ }
32
+ }
33
+ @-ms-keyframes spin {
34
+ 0% {
35
+ -ms-transform: rotate(0deg);
36
+ }
37
+ 100% {
38
+ -ms-transform: rotate(359deg);
39
+ }
40
+ }
41
+ @keyframes spin {
42
+ 0% {
43
+ transform: rotate(0deg);
44
+ }
45
+ 100% {
46
+ transform: rotate(359deg);
47
+ }
48
+ }
49
+
50
+ html {
51
+ overflow: hidden !important;
52
+
53
+ /*deny selecting text*/
54
+ cursor: default;
55
+ -webkit-touch-callout: none;
56
+ -webkit-user-select: none;
57
+ -khtml-user-select: none;
58
+ -moz-user-select: none;
59
+ -ms-user-select: none;
60
+ user-select: none;
61
+ }
62
+
63
+ /* set joomla messages margin to 0 */
64
+ body {
65
+ margin: 0 !important;
66
+ }
67
+
68
+ #system-message, #system-message ul {
69
+ margin: 0;
70
+ }
71
+
72
+
73
+ /* font-size */
74
+ html, body, div, span, th, td, a {
75
+ font-size: 12px !important;
76
+ }
77
+
78
+
79
+ /* default tags */
80
+ .clickable {
81
+ cursor: pointer !important;
82
+ }
83
+
84
+
85
+ /* wrapper */
86
+ #wrapper {
87
+ position: absolute;
88
+ top: 0;
89
+ bottom: 0;
90
+ left: 0;
91
+ right: 0;
92
+ }
93
+
94
+ #file_manager,
95
+ #uploader,
96
+ #importer {
97
+ position: absolute;
98
+ top: 0;
99
+ bottom: 0;
100
+ left: 0;
101
+ right: 0;
102
+ margin: 0;
103
+ padding: 0;
104
+ }
105
+
106
+
107
+ /* file manager */
108
+ /* ctrls bar */
109
+ .ctrls_bar {
110
+ display: table-row;
111
+ position: absolute;
112
+ z-index: 1;
113
+ left: 0;
114
+ right: 0;
115
+ margin: 0;
116
+ border: solid 1px #e8e9ea;
117
+ background-color: #f5f6f7;
118
+ padding: 4px;
119
+ height: 32px;
120
+ }
121
+
122
+ .ctrls_bar_header {
123
+ top: 0;
124
+ }
125
+
126
+ .ctrls_bar_footer {
127
+ bottom: 0;
128
+ }
129
+
130
+ .ctrls_bar .ctrls_left {
131
+ float: left;
132
+ margin: 0;
133
+ padding: 0;
134
+ margin-left: 5px;
135
+ }
136
+
137
+ .ctrls_bar .ctrls_right {
138
+ float: right;
139
+ margin: 0;
140
+ padding: 0;
141
+ }
142
+
143
+ .ctrls_bar .ctrls_right_img {
144
+ float: right;
145
+ margin: 0;
146
+ padding: 0;
147
+ margin-right: 10px;
148
+ }
149
+
150
+ .ctrl_bar_divider {
151
+ display: table-cell;
152
+ margin: 0;
153
+ background-image: url("../images/btn_icons/divider.png");
154
+ background-repeat: no-repeat;
155
+ width: 16px !important;
156
+ height: 32px !important;
157
+ padding: 0;
158
+ vertical-align: middle;
159
+ cursor: default;
160
+ }
161
+
162
+ .upload_thumb_dim {
163
+ width: 50px;
164
+ display: inline-block;
165
+ margin: 0;
166
+ background-repeat: no-repeat;
167
+ min-width: 32px !important;
168
+ height: 32px !important;
169
+ padding: 0;
170
+ vertical-align: middle;
171
+ color: #808080;
172
+ cursor: default;
173
+ }
174
+
175
+ .upload_thumb {
176
+ color: #808080;
177
+ font-size: 16px !important;
178
+ }
179
+
180
+ .ctrl_bar_btn {
181
+ display: table-cell;
182
+ margin: 0;
183
+ background-repeat: no-repeat;
184
+ min-width: 32px !important;
185
+ height: 32px !important;
186
+ padding: 0;
187
+ vertical-align: middle;
188
+ color: #808080;
189
+ cursor: default;
190
+ }
191
+
192
+ .ctrl_bar_btn:hover {
193
+ outline: solid 1px #C6C6C6;
194
+ text-decoration: none;
195
+ }
196
+
197
+ .ctrl_bar_btn.btn_up {
198
+ background-image: url("../images/btn_icons/up.png");
199
+ }
200
+
201
+ .ctrl_bar_btn.btn_make_dir {
202
+ background-image: url("../images/btn_icons/create_dir.png");
203
+ }
204
+
205
+ .ctrl_bar_btn.btn_rename_item {
206
+ background-image: url("../images/btn_icons/rename.png");
207
+ }
208
+
209
+ .ctrl_bar_btn.btn_copy {
210
+ background-image: url("../images/btn_icons/copy.png");
211
+ }
212
+
213
+ .ctrl_bar_btn.btn_cut {
214
+ background-image: url("../images/btn_icons/cut.png");
215
+ }
216
+
217
+ .ctrl_bar_btn.btn_paste {
218
+ background-image: url("../images/btn_icons/paste.png");
219
+ }
220
+
221
+ .ctrl_bar_btn.btn_remove_items {
222
+ background-image: url("../images/btn_icons/delete.png");
223
+ }
224
+
225
+ .ctrl_bar_btn.btn_upload_files {
226
+ padding-left: 32px;
227
+ padding-right: 4px;
228
+ background-image: url("../images/btn_icons/upload.png");
229
+ color: #F5F6F7;
230
+ cursor: pointer;
231
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
232
+ height: 30px !important;
233
+ font-size: 14px !important;
234
+ }
235
+
236
+ .ctrl_bar_btn.btn_import_files {
237
+ padding-left: 32px;
238
+ padding-right: 4px;
239
+ background-image: url("../images/btn_icons/import.png");
240
+ color: #F5F6F7;
241
+ cursor: pointer;
242
+ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
243
+ height: 30px !important;
244
+ font-size: 14px !important;
245
+ }
246
+
247
+ .ctrl_bar_btn.btn_upload_files, .ctrl_bar_btn.btn_import_files:hover {
248
+ outline: none;
249
+ text-decoration: none;
250
+ }
251
+
252
+ .ctrl_bar_btn.btn_primary {
253
+ background-color: #21759B;
254
+ background-image: linear-gradient(to bottom, #2A95C5, #21759B);
255
+ border: 1px solid #21759b;
256
+ border-bottom-color: #1e6a8d;
257
+ box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
258
+ text-decoration: none;
259
+ color: #F5F6F7 !important;
260
+ -webkit-border-radius: 3px;
261
+ -webkit-appearance: none;
262
+ border-radius: 3px;
263
+ -moz-box-sizing: border-box;
264
+ box-sizing: border-box;
265
+ cursor: pointer;
266
+ white-space: nowrap;
267
+ padding: 0 10px;
268
+ font-size: 14px !important;
269
+ }
270
+
271
+ .ctrl_bar_btn.btn_secondary {
272
+ background: linear-gradient(to bottom, #FEFEFE, #F4F4F4) repeat scroll 0 0 #F3F3F3;
273
+ border-color: #BBBBBB;
274
+ color: #333333 !important;
275
+ text-shadow: 0 1px 0 #FFFFFF;
276
+ border: 1px solid #BBBBBB;
277
+ box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
278
+ text-decoration: none;
279
+ -webkit-border-radius: 3px;
280
+ -webkit-appearance: none;
281
+ border-radius: 3px;
282
+ -moz-box-sizing: border-box;
283
+ box-sizing: border-box;
284
+ cursor: pointer;
285
+ white-space: nowrap;
286
+ padding: 0 10px;
287
+ font-size: 14px !important;
288
+ }
289
+ .ctrl_bar_empty_devider {
290
+ display: table-cell;
291
+ width: 10px;
292
+ }
293
+
294
+ .ctrl_bar_btn.btn_view_thumbs {
295
+ background-image: url("../images/btn_icons/view_thumbs.png");
296
+ }
297
+
298
+ .ctrl_bar_btn.btn_view_list {
299
+ background-image: url("../images/btn_icons/view_list.png");
300
+ }
301
+
302
+ .ctrl_bar_btn.btn_back {
303
+ background-image: url("../images/btn_icons/back.png");
304
+ }
305
+
306
+
307
+ /* sort icons */
308
+ .sort_order_asc {
309
+ display: inline-block !important;
310
+ margin: 0;
311
+ background-image: url("../images/btn_icons/sort_asc.png");
312
+ background-repeat: no-repeat;
313
+ padding: 0;
314
+ width: 12px !important;
315
+ height: 12px !important;
316
+ vertical-align: middle;
317
+ color: #808080;
318
+ cursor: default;
319
+ text-decoration: none;
320
+ cursor: pointer;
321
+ }
322
+
323
+ .sort_order_desc {
324
+ display: inline-block !important;
325
+ margin: 0;
326
+ background-image: url("../images/btn_icons/sort_desc.png");
327
+ background-repeat: no-repeat;
328
+ padding: 0;
329
+ width: 12px !important;
330
+ height: 12px !important;
331
+ vertical-align: middle;
332
+ color: #808080;
333
+ cursor: default;
334
+ text-decoration: none;
335
+ cursor: pointer;
336
+ }
337
+
338
+
339
+ /* path */
340
+ #path {
341
+ display: table-row;
342
+ position: absolute;
343
+ z-index: 1;
344
+ top: 40px;
345
+ left: 0;
346
+ right: 0;
347
+ border: solid 1px #e8e9ea;
348
+ background-color: #f5f6f7;
349
+ padding: 3px 3px;
350
+ height: 24px;
351
+ vertical-align: middle;
352
+ }
353
+
354
+ .path_component {
355
+ display: table-cell;
356
+ margin: 0;
357
+ background-repeat: no-repeat;
358
+ padding: 0 2px;
359
+ height: 24px !important;
360
+ vertical-align: middle;
361
+ color: #808080;
362
+ cursor: default;
363
+ }
364
+
365
+ .path_dir:hover {
366
+ outline: solid 1px #C6C6C6;
367
+ text-decoration: none;
368
+ }
369
+
370
+ .path_separator:hover {
371
+ text-decoration: none;
372
+ }
373
+
374
+
375
+ #file_names_span {
376
+ display: none;
377
+ padding: 0 4px;
378
+ width: 100%;
379
+ height: 32px !important;
380
+ vertical-align: middle;
381
+ }
382
+
383
+ #file_names_span span {
384
+ display: block;
385
+ height: 18px !important;
386
+ background-color: #ffffff;
387
+ vertical-align: middle;
388
+ cursor: default;
389
+ outline-style: solid;
390
+ outline-width: 1px;
391
+ outline-color: #C6C6C6;
392
+ overflow: hidden;
393
+ }
394
+
395
+
396
+ /* uploader */
397
+ #uploader,
398
+ #importer {
399
+ z-index: 10;
400
+ width: 100%;
401
+ height: 100%;
402
+ }
403
+
404
+ #uploader_bg,
405
+ #importer_bg {
406
+ position: absolute;
407
+ top: 0;
408
+ bottom: 0;
409
+ left: 0;
410
+ right: 0;
411
+ background-color: #ffffff;
412
+ opacity: 0.9;
413
+ }
414
+
415
+ #uploader_hitter {
416
+ position: absolute;
417
+ top: 40px;
418
+ bottom: 160px;
419
+ left: 0;
420
+ right: 0;
421
+ }
422
+
423
+ #drag_message {
424
+ position: absolute;
425
+ top: 40px;
426
+ bottom: 60px;
427
+ left: 40px;
428
+ right: 40px;
429
+ outline: #c0c0c0 dashed 5px;
430
+ text-align: center;
431
+ }
432
+
433
+ #drag_message span {
434
+ position: absolute;
435
+ top: 20%;
436
+ left: 0;
437
+ right: 0;
438
+ font-size: 24pt !important;
439
+ color: #c0c0c0;
440
+ }
441
+
442
+ #btnBrowseContainer {
443
+ position: absolute;
444
+ bottom: 0;
445
+ left: 0;
446
+ right: 0;
447
+ height: 40px;
448
+ vertical-align: middle;
449
+ text-align: center;
450
+ }
451
+
452
+ #uploaded_files {
453
+ position: absolute;
454
+ bottom: 60px;
455
+ left: 0;
456
+ right: 0;
457
+ border: solid 1px #e8e9ea;
458
+ height: 100px;
459
+ background-color: #ffffff;
460
+ overflow-x: auto;
461
+ overflow-y: scroll;
462
+ }
463
+
464
+ #uploaded_files ul {
465
+ margin: 0;
466
+ padding: 5px !important;
467
+ }
468
+
469
+ .uploaded_item {
470
+ list-style: none;
471
+ padding: 2px;
472
+ color: #c0c0c0;
473
+ }
474
+
475
+ .uploaded_item_failed {
476
+ list-style: none;
477
+ padding: 2px;
478
+ color: #ff0000;
479
+ }
480
+
481
+ .uploader_text {
482
+ background-color: #ffffe0;
483
+ border-color: #e6db55;
484
+ padding: 5px 10px;
485
+ -webkit-border-radius: 3px;
486
+ border-radius: 3px;
487
+ border-width: 1px;
488
+ border-style: solid;
489
+ font-size: 12px !important;
490
+ font-family: sans-serif;
491
+ font-weight: bold;
492
+ color: #000000;
493
+ display: inherit;
494
+ }
495
+
496
+ #uploader_progress {
497
+ position: absolute;
498
+ z-index: 11;
499
+ bottom: 0;
500
+ left: 0;
501
+ right: 0;
502
+ border: solid 1px #e8e9ea;
503
+ background-color: #f5f6f7;
504
+ padding: 10px 20px;
505
+ height: 40px;
506
+ text-align: center;
507
+ color: #c0c0c0;
508
+ }
509
+
510
+ #uploader_progress div {
511
+ height: 20px;
512
+ border: solid 1px #e8e9ea;
513
+ border-radius: 5px;
514
+ background-color: #ffffff;
515
+ }
516
+
517
+ #uploader_progress div div {
518
+ border-width: 0;
519
+ background-image: url("../images/progressbar.gif");
520
+ background-repeat: repeat-x;
521
+ height: 20px;
522
+ }
523
+
524
+ .none_select {
525
+ -webkit-user-select: none;
526
+ -khtml-user-select: none;
527
+ -moz-user-select: none;
528
+ -ms-user-select: none;
529
+ user-select: none;
530
+ }
531
+
532
+ .ctrl_bar_search_upload{
533
+ display:table-cell;
534
+ }
535
+
536
+ @media screen and (max-width: 640px){
537
+ .ctrls_bar, #path{
538
+ height:auto !important;
539
+ }
540
+
541
+ .ctrl_bar_search_upload {
542
+ display:block !important;
543
+ margin-top: 4px
544
+ }
545
+
546
+ .ctrls_bar_header .ctrls_right{
547
+ display:none !important;
548
+ }
549
+
550
+ #path{
551
+ top: 74px !important;
552
+ }
553
+
554
+ #explorer {
555
+ top: 106px !important;
556
+ }
557
+ .btn_remove_items + .ctrl_bar_divider{
558
+ display:none !important;
559
+ }
560
+
561
+ .search_by_name{
562
+ width:100% !important;;
563
+ }
564
+
565
+ .ctrls_bar_footer .ctrls_right{
566
+ margin-right:5px !important;
567
+ }
568
+ }
569
+
570
+ @media screen and (max-width: 350px){
571
+ .ctrls_bar_footer .ctrls_left, .ctrls_bar_footer .ctrls_right{
572
+ float:none;
573
+ margin-left:5px !important;
574
+ margin-bottom:2px;
575
+ }
576
  }
filemanager/css/default_view_list.css CHANGED
@@ -1,126 +1,126 @@
1
- #explorer {
2
- position: absolute;
3
- top: 70px;
4
- bottom: 40px;
5
- left: 0;
6
- right: 0;
7
- background-color: #ffffff;
8
- }
9
-
10
- #explorer_header_container {
11
- position: absolute;
12
- z-index: 1;
13
- top: 0;
14
- display: table;
15
- outline: solid 1px #e8e9ea;
16
- background-color: #ffffff;
17
- width: 100%;
18
- color: #585858;
19
- padding: 0 0 0 5px;
20
- }
21
-
22
- #explorer_header {
23
- display: table-row;
24
- }
25
-
26
- #explorer_header span {
27
- display: table-cell;
28
- height: 30px;
29
- vertical-align: middle;
30
- }
31
-
32
- #explorer_body_container,
33
- #importer_body_container {
34
- position: absolute;
35
- top: 30px;
36
- bottom: 0;
37
- left: 0;
38
- right: 0;
39
- padding: 5px;
40
- overflow-y: scroll;
41
-
42
- /*deny selecting text*/
43
- cursor: default;
44
- -webkit-touch-callout: none;
45
- -webkit-user-select: none;
46
- -khtml-user-select: none;
47
- -moz-user-select: none;
48
- -ms-user-select: none;
49
- user-select: none;
50
- }
51
-
52
- #explorer_body,
53
- #importer_body {
54
- display: table;
55
- margin: 0;
56
- padding: 0;
57
- width: 100%;
58
- }
59
-
60
-
61
- .explorer_item,
62
- .importer_item {
63
- display: table-row;
64
- height: 40px;
65
- }
66
-
67
- .explorer_item_hover,
68
- .importer_item_hover {
69
- outline-style: solid;
70
- outline-width: 1px;
71
- outline-color: #70c0e7;
72
- background-color: #e5f3fb;
73
- }
74
-
75
- .explorer_item_select,
76
- .importer_item_select {
77
- outline-style: solid;
78
- outline-width: 1px;
79
- outline-color: #66a7e8;
80
- background-color: #d1e8ff;
81
- }
82
-
83
- .item_thumb {
84
- display: none;
85
- }
86
-
87
- .item_numbering {
88
- display: table-cell;
89
- padding: 0 2px;
90
- vertical-align: middle;
91
- width: 20px;
92
- text-align: right;
93
- }
94
-
95
- .item_icon {
96
- display: table-cell;
97
- width: 40px;
98
- padding: 0 2px;
99
- vertical-align: middle;
100
- }
101
-
102
- .item_icon img {
103
- max-width: 32px;
104
- max-height: 32px;
105
- }
106
-
107
- .item_name {
108
- display: table-cell;
109
- word-wrap: break-word;
110
- word-break: break-all;
111
- vertical-align: middle;
112
- }
113
-
114
- .item_size {
115
- display: table-cell;
116
- width: 60px;
117
- color: #808080;
118
- vertical-align: middle;
119
- }
120
-
121
- .item_date_modified {
122
- display: table-cell;
123
- width: 140px;
124
- color: #808080;
125
- vertical-align: middle;
126
  }
1
+ #explorer {
2
+ position: absolute;
3
+ top: 70px;
4
+ bottom: 40px;
5
+ left: 0;
6
+ right: 0;
7
+ background-color: #ffffff;
8
+ }
9
+
10
+ #explorer_header_container {
11
+ position: absolute;
12
+ z-index: 1;
13
+ top: 0;
14
+ display: table;
15
+ outline: solid 1px #e8e9ea;
16
+ background-color: #ffffff;
17
+ width: 100%;
18
+ color: #585858;
19
+ padding: 0 0 0 5px;
20
+ }
21
+
22
+ #explorer_header {
23
+ display: table-row;
24
+ }
25
+
26
+ #explorer_header span {
27
+ display: table-cell;
28
+ height: 30px;
29
+ vertical-align: middle;
30
+ }
31
+
32
+ #explorer_body_container,
33
+ #importer_body_container {
34
+ position: absolute;
35
+ top: 30px;
36
+ bottom: 0;
37
+ left: 0;
38
+ right: 0;
39
+ padding: 5px;
40
+ overflow-y: scroll;
41
+
42
+ /*deny selecting text*/
43
+ cursor: default;
44
+ -webkit-touch-callout: none;
45
+ -webkit-user-select: none;
46
+ -khtml-user-select: none;
47
+ -moz-user-select: none;
48
+ -ms-user-select: none;
49
+ user-select: none;
50
+ }
51
+
52
+ #explorer_body,
53
+ #importer_body {
54
+ display: table;
55
+ margin: 0;
56
+ padding: 0;
57
+ width: 100%;
58
+ }
59
+
60
+
61
+ .explorer_item,
62
+ .importer_item {
63
+ display: table-row;
64
+ height: 40px;
65
+ }
66
+
67
+ .explorer_item_hover,
68
+ .importer_item_hover {
69
+ outline-style: solid;
70
+ outline-width: 1px;
71
+ outline-color: #70c0e7;
72
+ background-color: #e5f3fb;
73
+ }
74
+
75
+ .explorer_item_select,
76
+ .importer_item_select {
77
+ outline-style: solid;
78
+ outline-width: 1px;
79
+ outline-color: #66a7e8;
80
+ background-color: #d1e8ff;
81
+ }
82
+
83
+ .item_thumb {
84
+ display: none;
85
+ }
86
+
87
+ .item_numbering {
88
+ display: table-cell;
89
+ padding: 0 2px;
90
+ vertical-align: middle;
91
+ width: 20px;
92
+ text-align: right;
93
+ }
94
+
95
+ .item_icon {
96
+ display: table-cell;
97
+ width: 40px;
98
+ padding: 0 2px;
99
+ vertical-align: middle;
100
+ }
101
+
102
+ .item_icon img {
103
+ max-width: 32px;
104
+ max-height: 32px;
105
+ }
106
+
107
+ .item_name {
108
+ display: table-cell;
109
+ word-wrap: break-word;
110
+ word-break: break-all;
111
+ vertical-align: middle;
112
+ }
113
+
114
+ .item_size {
115
+ display: table-cell;
116
+ width: 60px;
117
+ color: #808080;
118
+ vertical-align: middle;
119
+ }
120
+
121
+ .item_date_modified {
122
+ display: table-cell;
123
+ width: 140px;
124
+ color: #808080;
125
+ vertical-align: middle;
126
  }
filemanager/css/default_view_thumbs.css CHANGED
@@ -1,97 +1,97 @@
1
- #explorer {
2
- position: absolute;
3
- top: 70px;
4
- bottom: 40px;
5
- left: 0;
6
- right: 0;
7
- background-color: #ffffff;
8
- width: 100%;
9
- }
10
-
11
- #importer_body_wrapper {
12
- position: absolute;
13
- top: 40px;
14
- bottom: 40px;
15
- left: 0;
16
- right: 0;
17
- background-color: #ffffff;
18
- width: 100%;
19
- }
20
-
21
- #explorer_header_container {
22
- display: none;
23
- }
24
-
25
- #explorer_body_container,
26
- #importer_body_container {
27
- position: absolute;
28
- top: 0;
29
- bottom: 0;
30
- left: 0;
31
- right: 0;
32
- padding: 5px;
33
- overflow-y: scroll;
34
- }
35
-
36
-
37
- .explorer_item,
38
- .importer_item {
39
- display: table-row;
40
- float: left;
41
- width: 120px;
42
- height: 100px;
43
- text-align: center;
44
- }
45
-
46
- .explorer_item_hover,
47
- .importer_item_hover {
48
- outline-style: solid;
49
- outline-width: 1px;
50
- outline-color: #70c0e7;
51
- background-color: #e5f3fb;
52
- }
53
-
54
- .explorer_item_select,
55
- .importer_item_select {
56
- outline-style: solid;
57
- outline-width: 1px;
58
- outline-color: #66a7e8;
59
- background-color: #d1e8ff;
60
- }
61
-
62
-
63
- .item_thumb {
64
- display: table-cell;
65
- padding: 2px;
66
- width: 116px;
67
- height: 76px;
68
- vertical-align: middle;
69
- }
70
-
71
- .item_numbering {
72
- display: none;
73
- }
74
-
75
- .item_thumb img {
76
- max-width: 116px;
77
- max-height: 76px;
78
- }
79
-
80
- .item_icon {
81
- display: none;
82
- }
83
-
84
- .item_name {
85
- display: block;
86
- margin: 0 4px;
87
- height: 20px;
88
- overflow: hidden;
89
- }
90
-
91
- .item_size {
92
- display: none;
93
- }
94
-
95
- .item_date_modified {
96
- display: none;
97
  }
1
+ #explorer {
2
+ position: absolute;
3
+ top: 70px;
4
+ bottom: 40px;
5
+ left: 0;
6
+ right: 0;
7
+ background-color: #ffffff;
8
+ width: 100%;
9
+ }
10
+
11
+ #importer_body_wrapper {
12
+ position: absolute;
13
+ top: 40px;
14
+ bottom: 40px;
15
+ left: 0;
16
+ right: 0;
17
+ background-color: #ffffff;
18
+ width: 100%;
19
+ }
20
+
21
+ #explorer_header_container {
22
+ display: none;
23
+ }
24
+
25
+ #explorer_body_container,
26
+ #importer_body_container {
27
+ position: absolute;
28
+ top: 0;
29
+ bottom: 0;
30
+ left: 0;
31
+ right: 0;
32
+ padding: 5px;
33
+ overflow-y: scroll;
34
+ }
35
+
36
+
37
+ .explorer_item,
38
+ .importer_item {
39
+ display: table-row;
40
+ float: left;
41
+ width: 120px;
42
+ height: 100px;
43
+ text-align: center;
44
+ }
45
+
46
+ .explorer_item_hover,
47
+ .importer_item_hover {
48
+ outline-style: solid;
49
+ outline-width: 1px;
50
+ outline-color: #70c0e7;
51
+ background-color: #e5f3fb;
52
+ }
53
+
54
+ .explorer_item_select,
55
+ .importer_item_select {
56
+ outline-style: solid;
57
+ outline-width: 1px;
58
+ outline-color: #66a7e8;
59
+ background-color: #d1e8ff;
60
+ }
61
+
62
+
63
+ .item_thumb {
64
+ display: table-cell;
65
+ padding: 2px;
66
+ width: 116px;
67
+ height: 76px;
68
+ vertical-align: middle;
69
+ }
70
+
71
+ .item_numbering {
72
+ display: none;
73
+ }
74
+
75
+ .item_thumb img {
76
+ max-width: 116px;
77
+ max-height: 76px;
78
+ }
79
+
80
+ .item_icon {
81
+ display: none;
82
+ }
83
+
84
+ .item_name {
85
+ display: block;
86
+ margin: 0 4px;
87
+ height: 20px;
88
+ overflow: hidden;
89
+ }
90
+
91
+ .item_size {
92
+ display: none;
93
+ }
94
+
95
+ .item_date_modified {
96
+ display: none;
97
  }
filemanager/css/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><title></title>
1
+ <!DOCTYPE html><title></title>
filemanager/images/btn_icons/index.html CHANGED
@@ -1 +1 @@
1
- <!DOCTYPE html><title></title>
1
+ <!DOCTYPE html><title></title>
filemanager/images/file_icons/index.html CHANGED
@@ -1,9 +1,9 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title></title>
5
- </head>
6
- <body bgcolor="#ffffff">
7
-
8
- </body>
9
  </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title></title>
5
+ </head>
6
+ <body bgcolor="#ffffff">
7
+
8
+ </body>
9
  </html>
filemanager/images/index.html CHANGED
@@ -1,9 +1,9 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title></title>
5
- </head>
6
- <body bgcolor="#ffffff">
7
-
8
- </body>
9
  </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title></title>
5
+ </head>
6
+ <body bgcolor="#ffffff">
7
+
8
+ </body>
9
  </html>
filemanager/js/default.js CHANGED
@@ -1,561 +1,561 @@
1
- /**
2
- * Author: Rob
3
- * Date: 4/18/13
4
- * Time: 3:56 PM
5
- */
6
-
7
-
8
- ////////////////////////////////////////////////////////////////////////////////////////
9
- // Events //
10
- ////////////////////////////////////////////////////////////////////////////////////////
11
- ////////////////////////////////////////////////////////////////////////////////////////
12
- // Constants //
13
- ////////////////////////////////////////////////////////////////////////////////////////
14
- ////////////////////////////////////////////////////////////////////////////////////////
15
- // Variables //
16
- ////////////////////////////////////////////////////////////////////////////////////////
17
- var keyFileSelected;
18
- var keyFileSelectedML;
19
- var filesSelected;
20
- var filesSelectedML;
21
- var dragFiles;
22
- var isUploading;
23
-
24
-
25
- ////////////////////////////////////////////////////////////////////////////////////////
26
- // Constructor //
27
- ////////////////////////////////////////////////////////////////////////////////////////
28
- ////////////////////////////////////////////////////////////////////////////////////////
29
- // Public Methods //
30
- ////////////////////////////////////////////////////////////////////////////////////////
31
- jQuery(document).ready(function () {
32
- var all_images_count = jQuery(".item_thumb img").length;
33
- if (all_images_count == 0 || all_images_count <= 24) {
34
- jQuery("#opacity_div").hide();
35
- jQuery("#loading_div").hide();
36
- }
37
- filesSelected = [];
38
- filesSelectedML = [];
39
- dragFiles = [];
40
-
41
- //file manager under system messages
42
- jQuery("#wrapper").css("top", jQuery("#file_manager_message").css("height"));
43
- jQuery(window).resize(function () {
44
- jQuery("#container").css("top", jQuery("#file_manager_message").css("height"));
45
- });
46
-
47
- isUploading = false;
48
- jQuery("#uploader").css("display", "none");
49
- jQuery("#uploader_progress_bar").css("display", "none");
50
- jQuery("#importer").css("display", "none");
51
-
52
- //decrease explorer header width by scroller width
53
- jQuery(".scrollbar_filler").css("width", getScrollBarWidth() + "px");
54
- jQuery(document).keydown(function(e) {
55
- onKeyDown(e);
56
- });
57
- });
58
-
59
- ////////////////////////////////////////////////////////////////////////////////////////
60
- // Getters & Setters //
61
- ////////////////////////////////////////////////////////////////////////////////////////
62
- ////////////////////////////////////////////////////////////////////////////////////////
63
- // Private Methods //
64
- ////////////////////////////////////////////////////////////////////////////////////////
65
- function loaded() {
66
- jQuery("#opacity_div").hide();
67
- jQuery("#loading_div").hide();
68
- }
69
-
70
- function getClipboardFiles() {
71
- return jQuery("form[name=adminForm]").find("input[name=clipboard_file]").val();
72
- }
73
-
74
- function submit(task, sortBy, sortOrder, itemsView, destDir, fileNewName, newDirName, clipboardTask, clipboardFiles, clipboardSrc, clipboardDest) {
75
- fileNames = filesSelected.join("**#**");
76
- fileNamesML = filesSelectedML.join("**@**");
77
- switch (task) {
78
- case "rename_item":
79
- destDir = dir;
80
- newDirName = "";
81
- clipboardTask = ""
82
- clipboardDest = "";
83
- break;
84
- case "remove_items":
85
- destDir = dir;
86
- fileNewName = "";
87
- newDirName = "";
88
- clipboardTask = ""
89
- clipboardDest = "";
90
- break;
91
- case "make_dir":
92
- destDir = dir;
93
- fileNewName = "";
94
- clipboardTask = ""
95
- clipboardDest = "";
96
- break;
97
- case "paste_items":
98
- destDir = dir;
99
- fileNewName = "";
100
- newDirName = "";
101
- break;
102
- case "import_items":
103
- destDir = dir;
104
- fileNewName = "";
105
- newDirName = "";
106
- break;
107
- default:
108
- task = "";
109
- break;
110
-
111
- }
112
-
113
- jQuery("form[name=adminForm]").find("input[name=task]").val(task);
114
-
115
- if (sortBy != null) {
116
- jQuery("form[name=adminForm]").find("input[name=sort_by]").val(sortBy);
117
- }
118
- if (sortOrder != null) {
119
- jQuery("form[name=adminForm]").find("input[name=sort_order]").val(sortOrder);
120
- }
121
- if (itemsView != null) {
122
- jQuery("form[name=adminForm]").find("input[name=items_view]").val(itemsView);
123
- }
124
-
125
- if (destDir != null) {
126
- jQuery("form[name=adminForm]").find("input[name=dir]").val(destDir);
127
- }
128
- if (fileNames != null) {
129
- jQuery("form[name=adminForm]").find("input[name=file_names]").val(fileNames);
130
- }
131
- if (fileNamesML != null) {
132
- jQuery("form[name=adminForm]").find("input[name=file_namesML]").val(fileNamesML);
133
- }
134
- if (fileNewName != null) {
135
- jQuery("form[name=adminForm]").find("input[name=file_new_name]").val(fileNewName);
136
- }
137
- if (newDirName != null) {
138
- jQuery("form[name=adminForm]").find("input[name=new_dir_name]").val(newDirName);
139
- }
140
-
141
- if (clipboardTask != null) {
142
- jQuery("form[name=adminForm]").find("input[name=clipboard_task]").val(clipboardTask);
143
- }
144
- if (clipboardFiles != null) {
145
- jQuery("form[name=adminForm]").find("input[name=clipboard_files]").val(clipboardFiles);
146
- }
147
- if (clipboardSrc != null) {
148
- jQuery("form[name=adminForm]").find("input[name=clipboard_src]").val(clipboardSrc);
149
- }
150
- if (clipboardDest != null) {
151
- jQuery("form[name=adminForm]").find("input[name=clipboard_dest]").val(clipboardDest);
152
- }
153
- jQuery("form[name=adminForm]").submit();
154
- }
155
-
156
- function updateFileNames() {
157
- var result = "";
158
- if (filesSelected.length > 0) {
159
- var fileNames = [];
160
- for (var i = 0; i < filesSelected.length; i++) {
161
- fileNames[i] = '"' + filesSelected[i] + '"';
162
- }
163
- result = fileNames.join(" ");
164
- }
165
- jQuery("#file_names_span span").html(result);
166
- }
167
-
168
-
169
- // submit file
170
- function submitFiles() {
171
- if (filesSelected.length == 0) {
172
- return;
173
- }
174
- if ((image_for != "add_slides") && (filesSelected.length > 1)) {
175
- alert('You cannot add multiple images at once. Please add images one by one or use "Add images" button.');
176
- return;
177
- }
178
- var filesValid = [];
179
- for (var i = 0; i < filesSelected.length; i++) {
180
- var file_object = jQuery('.explorer_item[name="' + filesSelected[i] + '"]');
181
- if (jQuery(file_object).attr("isDir") == "false") {
182
- var fileData = [];
183
- fileData['name'] = filesSelected[i];
184
- fileData['filename'] = jQuery(file_object).attr("filename");
185
- fileData['url'] = dirUrl + "/" + filesSelected[i];
186
- fileData['reliative_url'] = dirUrl + "/" + filesSelected[i];
187
- fileData['thumb_url'] = dirUrl + "/thumb/" + filesSelected[i];
188
- fileData['thumb'] = jQuery(file_object).attr("filethumb");
189
- fileData['size'] = jQuery(file_object).attr("filesize");
190
- fileData['filetype'] = jQuery(file_object).attr("filetype");
191
- fileData['date_modified'] = jQuery(file_object).attr("date_modified");
192
- fileData['resolution'] = jQuery(file_object).attr("fileresolution");
193
- filesValid.push(fileData);
194
- }
195
- }
196
- window.parent[callback](filesValid, image_for, slide_id, layer_id);
197
- window.parent.tb_remove();
198
- }
199
-
200
- function importFiles() {
201
- if (filesSelectedML.length == 0) {
202
- alert("Select at least one file to import.");
203
- return;
204
- }
205
- else {
206
- submit("import_items", null, null, null, null, null, null, null, null, null, dir);
207
- }
208
- }
209
-
210
- function getScrollBarWidth() {
211
- var inner = document.createElement("p");
212
- inner.style.width = "100%";
213
- inner.style.height = "200px";
214
-
215
- var outer = document.createElement("div");
216
- outer.style.position = "absolute";
217
- outer.style.top = "0px";
218
- outer.style.left = "0px";
219
- outer.style.visibility = "hidden";
220
- outer.style.width = "200px";
221
- outer.style.height = "150px";
222
- outer.style.overflow = "hidden";
223
- outer.appendChild(inner);
224
-
225
- document.body.appendChild(outer);
226
- var w1 = inner.offsetWidth;
227
- outer.style.overflow = "scroll";
228
- var w2 = inner.offsetWidth;
229
- if (w1 == w2) {
230
- w2 = outer.clientWidth;
231
- }
232
- document.body.removeChild(outer);
233
-
234
- return (w1 - w2);
235
- }
236
-
237
- function getFileName(file) {
238
- var dotIndex = file.lastIndexOf('.');
239
- return file.substring(0, dotIndex < 0 ? file.length : dotIndex);
240
- }
241
-
242
- function getFileExtension(file) {
243
- return file.substring(file.lastIndexOf('.') + 1);
244
- }
245
-
246
-
247
- ////////////////////////////////////////////////////////////////////////////////////////
248
- // Listeners //
249
- ////////////////////////////////////////////////////////////////////////////////////////
250
- //ctrls bar handlers
251
- function onBtnUpClick(event, obj) {
252
- var destDir = dir.substring(0, dir.lastIndexOf(DS));
253
- submit("", null, null, null, destDir, null, null, null, null, null, null);
254
- }
255
-
256
- function onBtnMakeDirClick(event, obj) {
257
- var newDirName = prompt(messageEnterDirName);
258
- if ((newDirName) && (newDirName != "")) {
259
- submit("make_dir", null, null, null, null, null, newDirName, null, null, null, null);
260
- }
261
- }
262
-
263
- function onBtnRenameItemClick(event, obj) {
264
- if (filesSelected.length != 0) {
265
- var newName = prompt(messageEnterNewName, getFileName(filesSelected[0]));
266
- if ((newName != null) && (newName != "")) {
267
- submit("rename_item", null, null, null, null, newName, null, null, null, null, null);
268
- }
269
- }
270
- }
271
-
272
- function onBtnCopyClick(event, obj) {
273
- if (filesSelected.length != 0) {
274
- submit("", null, null, null, null, null, null, "copy", filesSelected.join("**#**"), dir, null);
275
- }
276
- }
277
-
278
- function onBtnCutClick(event, obj) {
279
- if (filesSelected.length != 0) {
280
- submit("", null, null, null, null, null, null, "cut", filesSelected.join("**#**"), dir, null);
281
- }
282
- }
283
-
284
- function onBtnPasteClick(event, obj) {
285
- if (getClipboardFiles() != "") {
286
- submit("paste_items", null, null, null, null, null, null, null, null, null, dir);
287
- }
288
- }
289
-
290
- function onBtnRemoveItemsClick(event, obj) {
291
- if ((filesSelected.length != 0) && (confirm(warningRemoveItems) == true)) {
292
- submit("remove_items", null, null, null, null, null, null, null, null, null, null);
293
- }
294
- }
295
-
296
- function onBtnShowUploaderClick(event, obj) {
297
- jQuery("#uploader").fadeIn();
298
- }
299
-
300
- function onBtnViewThumbsClick(event, obj) {
301
- submit("", null, null, "thumbs", null, null, null, null, null, null, null);
302
- }
303
-
304
- function onBtnViewListClick(event, obj) {
305
- submit("", null, null, "list", null, null, null, null, null, null, null);
306
- }
307
-
308
- function onBtnBackClick(event, obj) {
309
- if ((isUploading == false) || (confirm(warningCancelUploads) == true)) {
310
- // jQuery("#uploader").fadeOut(function () {
311
- submit("", null, null, null, null, null, null, null, null, null, null);
312
- // });
313
- }
314
- }
315
-
316
-
317
- function onPathComponentClick(event, obj, path) {
318
- submit("", null, null, null, path, null, null, null, null, null, null);
319
- }
320
-
321
- function onBtnShowImportClick(event, obj) {
322
- jQuery("#importer").fadeIn();
323
- }
324
-
325
- function onNameHeaderClick(event, obj) {
326
- var newSortOrder = ((sortBy == "name") && (sortOrder == "asc")) ? "desc" : "asc";
327
- submit("", "name", newSortOrder, null, null, null, null, null, null, null, null);
328
- }
329
-
330
- function onSizeHeaderClick(event, obj) {
331
- var newSortOrder = ((sortBy == "size") && (sortOrder == "asc")) ? "desc" : "asc";
332
- submit("", "size", newSortOrder, null, null, null, null, null, null, null, null);
333
- }
334
-
335
- function onDateModifiedHeaderClick(event, obj) {
336
- var newSortOrder = ((sortBy == "date_modified") && (sortOrder == "asc")) ? "desc" : "asc";
337
- submit("", "date_modified", newSortOrder, null, null, null, null, null, null, null, null);
338
- }
339
-
340
-
341
- //file handlers
342
- function onKeyDown(e) {
343
- var e = e || window.event;
344
- var chCode1 = e.which || e.paramlist_keyCode;
345
- if ((e.ctrlKey || e.metaKey) && chCode1 == 65) {
346
- jQuery(".explorer_item").addClass("explorer_item_select");
347
- jQuery(".importer_item").addClass("importer_item_select");
348
- filesSelected = [];
349
- filesSelectedML = [];
350
- jQuery(".explorer_item").each(function() {
351
- var objName = jQuery(this).attr("name");
352
- if (filesSelected.indexOf(objName) == -1) {
353
- filesSelected.push(objName);
354
- keyFileSelected = this;
355
- }
356
- });
357
- jQuery(".importer_item").each(function() {
358
- var objName = jQuery(this).attr("path");
359
- if (filesSelectedML.indexOf(objName) == -1) {
360
- filesSelectedML.push(objName);
361
- keyFileSelectedML = this;
362
- }
363
- });
364
- e.preventDefault();
365
- }
366
- }
367
-
368
- function onFileMOver(event, obj) {
369
- jQuery(obj).addClass("explorer_item_hover");
370
- }
371
-
372
- function onFileMOverML(event, obj) {
373
- jQuery(obj).addClass("importer_item_hover");
374
- }
375
-
376
- function onFileMOut(event, obj) {
377
- jQuery(obj).removeClass("explorer_item_hover");
378
- }
379
-
380
- function onFileMOutML(event, obj) {
381
- jQuery(obj).removeClass("importer_item_hover");
382
- }
383
-
384
- function onFileClick(event, obj) {
385
- jQuery(".explorer_item").removeClass("explorer_item_select");
386
- var objName = jQuery(obj).attr("name");
387
- if (event.ctrlKey == true || event.metaKey == true) {
388
- if (filesSelected.indexOf(objName) == -1) {
389
- filesSelected.push(objName);
390
- keyFileSelected = obj;
391
- }
392
- else {
393
- filesSelected.splice(filesSelected.indexOf(objName), 1);
394
- jQuery(obj).removeClass("explorer_item_select");
395
- }
396
- }
397
- else if (event.shiftKey == true) {
398
- filesSelected = [];
399
- var explorerItems = jQuery(".explorer_item");
400
- var curFileIndex = explorerItems.index(jQuery(obj));
401
- var keyFileIndex = explorerItems.index(keyFileSelected);
402
- var startIndex = Math.min(keyFileIndex, curFileIndex);
403
- var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
404
- for (var i = startIndex; i < endIndex + 1; i++) {
405
- filesSelected.push(jQuery(explorerItems[i]).attr("name"));
406
- }
407
- }
408
- else {
409
- filesSelected = [jQuery(obj).attr("name")];
410
- keyFileSelected = obj;
411
- }
412
-
413
- for (var i = 0; i < filesSelected.length; i++) {
414
- jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
415
- }
416
- updateFileNames();
417
- }
418
-
419
- function onFileClickML(event, obj) {
420
- jQuery(".importer_item").removeClass("importer_item_select");
421
- var objName = jQuery(obj).attr("path");
422
- if (event.ctrlKey == true || event.metaKey == true) {
423
- if (filesSelectedML.indexOf(objName) == -1) {
424
- filesSelectedML.push(objName);
425
- keyFileSelectedML = obj;
426
- }
427
- else {
428
- filesSelectedML.splice(filesSelectedML.indexOf(objName), 1);
429
- jQuery(obj).removeClass("importer_item_select");
430
- }
431
- }
432
- else if (event.shiftKey == true) {
433
- filesSelectedML = [];
434
- var explorerItems = jQuery(".importer_item");
435
- var curFileIndex = explorerItems.index(jQuery(obj));
436
- var keyFileIndex = explorerItems.index(keyFileSelectedML);
437
- var startIndex = Math.min(keyFileIndex, curFileIndex);
438
- var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
439
- for (var i = startIndex; i < endIndex + 1; i++) {
440
- filesSelectedML.push(jQuery(explorerItems[i]).attr("path"));
441
- }
442
- }
443
- else {
444
- filesSelectedML = [jQuery(obj).attr("path")];
445
- keyFileSelectedML = obj;
446
- }
447
-
448
- for (var i = 0; i < filesSelectedML.length; i++) {
449
- jQuery('.importer_item[path="' + filesSelectedML[i] + '"]').addClass("importer_item_select");
450
- }
451
- updateFileNames();
452
- }
453
-
454
- function onFileDblClick(event, obj) {
455
- if (jQuery(obj).attr("isDir") == "true") {
456
- submit("", null, null, null, dir + DS + jQuery(obj).attr("name"), null, null, null, null, null, null);
457
- }
458
- else {
459
- filesSelected = [];
460
- filesSelected.push(jQuery(obj).attr("name"));
461
- submitFiles();
462
- }
463
- }
464
-
465
- function onFileDblClickML(event, obj) {
466
- filesSelectedML = [];
467
- filesSelectedML.push(jQuery(obj).attr("path"));
468
- importFiles();
469
- }
470
-
471
- function onFileDragStart(event, obj) {
472
- var objName = jQuery(obj).attr("name");
473
- if (filesSelected.indexOf(objName) < 0) {
474
- jQuery(".explorer_item").removeClass("explorer_item_select");
475
- if (event.ctrlKey == true || event.metaKey == true) {
476
- if (filesSelected.indexOf(objName) == -1) {
477
- filesSelected.push(objName);
478
- keyFileSelected = obj;
479
- }
480
- }
481
- else if (event.shiftKey == true) {
482
- filesSelected = [];
483
- var explorerItems = jQuery(".explorer_item");
484
- var curFileIndex = explorerItems.index(jQuery(obj));
485
- var keyFileIndex = explorerItems.index(keyFileSelected);
486
- var startIndex = Math.min(keyFileIndex, curFileIndex);
487
- var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
488
- for (var i = startIndex; i < endIndex + 1; i++) {
489
- filesSelected.push(jQuery(explorerItems[i]).attr("name"));
490
- }
491
- }
492
- else {
493
- filesSelected = [jQuery(obj).attr("name")];
494
- keyFileSelected = obj;
495
- }
496
-
497
- for (var i = 0; i < filesSelected.length; i++) {
498
- jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
499
- }
500
-
501
- updateFileNames();
502
- }
503
- dragFiles = filesSelected;
504
- }
505
-
506
- function onFileDragOver(event, obj) {
507
- event.preventDefault();
508
- }
509
-
510
- function onFileDrop(event, obj) {
511
- var destDirName = jQuery(obj).attr("name");
512
- if ((dragFiles.length == 0) || (dragFiles.indexOf(destDirName) >= 0)) {
513
- return false;
514
- }
515
- var clipboardTask = (event.ctrlKey == true || event.metaKey == true) ? "copy" : "cut";
516
- var clipboardDest = dir + DS + destDirName;
517
- submit("paste_items", null, null, null, null, null, null, clipboardTask, dragFiles.join("**#**"), dir, clipboardDest);
518
- event.preventDefault();
519
- }
520
-
521
- function onBtnOpenClick(event, obj) {
522
- if (jQuery('.explorer_item[name="' + filesSelected[0] + '"]').attr("isDir") == true) {
523
- filesSelected.length = 1;
524
- submit("", null, null, null, dir + DS + filesSelected[0], null, null, null, null, null, null);
525
- }
526
- else {
527
- submitFiles();
528
- }
529
- }
530
-
531
- function onBtnImportClick(event, obj) {
532
- importFiles();
533
- }
534
-
535
- function onBtnCancelClick(event, obj) {
536
- window.parent.tb_remove();
537
- }
538
-
539
- function onBtnSelectAllClick() {
540
- jQuery(".explorer_item").addClass("explorer_item_select");
541
- filesSelected = [];
542
- jQuery(".explorer_item").each(function() {
543
- var objName = jQuery(this).attr("name");
544
- if (filesSelected.indexOf(objName) == -1) {
545
- filesSelected.push(objName);
546
- keyFileSelected = this;
547
- }
548
- });
549
- }
550
-
551
- function onBtnSelectAllMediLibraryClick() {
552
- jQuery(".importer_item").addClass("importer_item_select");
553
- filesSelectedML = [];
554
- jQuery(".importer_item").each(function() {
555
- var objName = jQuery(this).attr("path");
556
- if (filesSelectedML.indexOf(objName) == -1) {
557
- filesSelectedML.push(objName);
558
- keyFileSelectedML = this;
559
- }
560
- });
561
  }
1
+ /**
2
+ * Author: Rob
3
+ * Date: 4/18/13
4
+ * Time: 3:56 PM
5
+ */
6
+
7
+
8
+ ////////////////////////////////////////////////////////////////////////////////////////
9
+ // Events //
10
+ ////////////////////////////////////////////////////////////////////////////////////////
11
+ ////////////////////////////////////////////////////////////////////////////////////////
12
+ // Constants //
13
+ ////////////////////////////////////////////////////////////////////////////////////////
14
+ ////////////////////////////////////////////////////////////////////////////////////////
15
+ // Variables //
16
+ ////////////////////////////////////////////////////////////////////////////////////////
17
+ var keyFileSelected;
18
+ var keyFileSelectedML;
19
+ var filesSelected;
20
+ var filesSelectedML;
21
+ var dragFiles;
22
+ var isUploading;
23
+
24
+
25
+ ////////////////////////////////////////////////////////////////////////////////////////
26
+ // Constructor //
27
+ ////////////////////////////////////////////////////////////////////////////////////////
28
+ ////////////////////////////////////////////////////////////////////////////////////////
29
+ // Public Methods //
30
+ ////////////////////////////////////////////////////////////////////////////////////////
31
+ jQuery(document).ready(function () {
32
+ var all_images_count = jQuery(".item_thumb img").length;
33
+ if (all_images_count == 0 || all_images_count <= 24) {
34
+ jQuery("#opacity_div").hide();
35
+ jQuery("#loading_div").hide();
36
+ }
37
+ filesSelected = [];
38
+ filesSelectedML = [];
39
+ dragFiles = [];
40
+
41
+ //file manager under system messages
42
+ jQuery("#wrapper").css("top", jQuery("#file_manager_message").css("height"));
43
+ jQuery(window).resize(function () {
44
+ jQuery("#container").css("top", jQuery("#file_manager_message").css("height"));
45
+ });
46
+
47
+ isUploading = false;
48
+ jQuery("#uploader").css("display", "none");
49
+ jQuery("#uploader_progress_bar").css("display", "none");
50
+ jQuery("#importer").css("display", "none");
51
+
52
+ //decrease explorer header width by scroller width
53
+ jQuery(".scrollbar_filler").css("width", getScrollBarWidth() + "px");
54
+ jQuery(document).keydown(function(e) {
55
+ onKeyDown(e);
56
+ });
57
+ });
58
+
59
+ ////////////////////////////////////////////////////////////////////////////////////////
60
+ // Getters & Setters //
61
+ ////////////////////////////////////////////////////////////////////////////////////////
62
+ ////////////////////////////////////////////////////////////////////////////////////////
63
+ // Private Methods //
64
+ ////////////////////////////////////////////////////////////////////////////////////////
65
+ function loaded() {
66
+ jQuery("#opacity_div").hide();
67
+ jQuery("#loading_div").hide();
68
+ }
69
+
70
+ function getClipboardFiles() {
71
+ return jQuery("form[name=adminForm]").find("input[name=clipboard_file]").val();
72
+ }
73
+
74
+ function submit(task, sortBy, sortOrder, itemsView, destDir, fileNewName, newDirName, clipboardTask, clipboardFiles, clipboardSrc, clipboardDest) {
75
+ fileNames = filesSelected.join("**#**");
76
+ fileNamesML = filesSelectedML.join("**@**");
77
+ switch (task) {
78
+ case "rename_item":
79
+ destDir = dir;
80
+ newDirName = "";
81
+ clipboardTask = ""
82
+ clipboardDest = "";
83
+ break;
84
+ case "remove_items":
85
+ destDir = dir;
86
+ fileNewName = "";
87
+ newDirName = "";
88
+ clipboardTask = ""
89
+ clipboardDest = "";
90
+ break;
91
+ case "make_dir":
92
+ destDir = dir;
93
+ fileNewName = "";
94
+ clipboardTask = ""
95
+ clipboardDest = "";
96
+ break;
97
+ case "paste_items":
98
+ destDir = dir;
99
+ fileNewName = "";
100
+ newDirName = "";
101
+ break;
102
+ case "import_items":
103
+ destDir = dir;
104
+ fileNewName = "";
105
+ newDirName = "";
106
+ break;
107
+ default:
108
+ task = "";
109
+ break;
110
+
111
+ }
112
+
113
+ jQuery("form[name=adminForm]").find("input[name=task]").val(task);
114
+
115
+ if (sortBy != null) {
116
+ jQuery("form[name=adminForm]").find("input[name=sort_by]").val(sortBy);
117
+ }
118
+ if (sortOrder != null) {
119
+ jQuery("form[name=adminForm]").find("input[name=sort_order]").val(sortOrder);
120
+ }
121
+ if (itemsView != null) {
122
+ jQuery("form[name=adminForm]").find("input[name=items_view]").val(itemsView);
123
+ }
124
+
125
+ if (destDir != null) {
126
+ jQuery("form[name=adminForm]").find("input[name=dir]").val(destDir);
127
+ }
128
+ if (fileNames != null) {
129
+ jQuery("form[name=adminForm]").find("input[name=file_names]").val(fileNames);
130
+ }
131
+ if (fileNamesML != null) {
132
+ jQuery("form[name=adminForm]").find("input[name=file_namesML]").val(fileNamesML);
133
+ }
134
+ if (fileNewName != null) {
135
+ jQuery("form[name=adminForm]").find("input[name=file_new_name]").val(fileNewName);
136
+ }
137
+ if (newDirName != null) {
138
+ jQuery("form[name=adminForm]").find("input[name=new_dir_name]").val(newDirName);
139
+ }
140
+
141
+ if (clipboardTask != null) {
142
+ jQuery("form[name=adminForm]").find("input[name=clipboard_task]").val(clipboardTask);
143
+ }
144
+ if (clipboardFiles != null) {
145
+ jQuery("form[name=adminForm]").find("input[name=clipboard_files]").val(clipboardFiles);
146
+ }
147
+ if (clipboardSrc != null) {
148
+ jQuery("form[name=adminForm]").find("input[name=clipboard_src]").val(clipboardSrc);
149
+ }
150
+ if (clipboardDest != null) {
151
+ jQuery("form[name=adminForm]").find("input[name=clipboard_dest]").val(clipboardDest);
152
+ }
153
+ jQuery("form[name=adminForm]").submit();
154
+ }
155
+
156
+ function updateFileNames() {
157
+ var result = "";
158
+ if (filesSelected.length > 0) {
159
+ var fileNames = [];
160
+ for (var i = 0; i < filesSelected.length; i++) {
161
+ fileNames[i] = '"' + filesSelected[i] + '"';
162
+ }
163
+ result = fileNames.join(" ");
164
+ }
165
+ jQuery("#file_names_span span").html(result);
166
+ }
167
+
168
+
169
+ // submit file
170
+ function submitFiles() {
171
+ if (filesSelected.length == 0) {
172
+ return;
173
+ }
174
+ if ((image_for != "add_slides") && (filesSelected.length > 1)) {
175
+ alert('You cannot add multiple images at once. Please add images one by one or use "Add images" button.');
176
+ return;
177
+ }
178
+ var filesValid = [];
179
+ for (var i = 0; i < filesSelected.length; i++) {
180
+ var file_object = jQuery('.explorer_item[name="' + filesSelected[i] + '"]');
181
+ if (jQuery(file_object).attr("isDir") == "false") {
182
+ var fileData = [];
183
+ fileData['name'] = filesSelected[i];
184
+ fileData['filename'] = jQuery(file_object).attr("filename");
185
+ fileData['url'] = dirUrl + "/" + filesSelected[i];
186
+ fileData['reliative_url'] = dirUrl + "/" + filesSelected[i];
187
+ fileData['thumb_url'] = dirUrl + "/thumb/" + filesSelected[i];
188
+ fileData['thumb'] = jQuery(file_object).attr("filethumb");
189
+ fileData['size'] = jQuery(file_object).attr("filesize");
190
+ fileData['filetype'] = jQuery(file_object).attr("filetype");
191
+ fileData['date_modified'] = jQuery(file_object).attr("date_modified");
192
+ fileData['resolution'] = jQuery(file_object).attr("fileresolution");
193
+ filesValid.push(fileData);
194
+ }
195
+ }
196
+ window.parent[callback](filesValid, image_for, slide_id, layer_id);
197
+ window.parent.tb_remove();
198
+ }
199
+
200
+ function importFiles() {
201
+ if (filesSelectedML.length == 0) {
202
+ alert("Select at least one file to import.");
203
+ return;
204
+ }
205
+ else {
206
+ submit("import_items", null, null, null, null, null, null, null, null, null, dir);
207
+ }
208
+ }
209
+
210
+ function getScrollBarWidth() {
211
+ var inner = document.createElement("p");
212
+ inner.style.width = "100%";
213
+ inner.style.height = "200px";
214
+
215
+ var outer = document.createElement("div");
216
+ outer.style.position = "absolute";
217
+ outer.style.top = "0px";
218
+ outer.style.left = "0px";
219
+ outer.style.visibility = "hidden";
220
+ outer.style.width = "200px";
221
+ outer.style.height = "150px";
222
+ outer.style.overflow = "hidden";
223
+ outer.appendChild(inner);
224
+
225
+ document.body.appendChild(outer);
226
+ var w1 = inner.offsetWidth;
227
+ outer.style.overflow = "scroll";
228
+ var w2 = inner.offsetWidth;
229
+ if (w1 == w2) {
230
+ w2 = outer.clientWidth;
231
+ }
232
+ document.body.removeChild(outer);
233
+
234
+ return (w1 - w2);
235
+ }
236
+
237
+ function getFileName(file) {
238
+ var dotIndex = file.lastIndexOf('.');
239
+ return file.substring(0, dotIndex < 0 ? file.length : dotIndex);
240
+ }
241
+
242
+ function getFileExtension(file) {
243
+ return file.substring(file.lastIndexOf('.') + 1);
244
+ }
245
+
246
+
247
+ ////////////////////////////////////////////////////////////////////////////////////////
248
+ // Listeners //
249
+ ////////////////////////////////////////////////////////////////////////////////////////
250
+ //ctrls bar handlers
251
+ function onBtnUpClick(event, obj) {
252
+ var destDir = dir.substring(0, dir.lastIndexOf(DS));
253
+ submit("", null, null, null, destDir, null, null, null, null, null, null);
254
+ }
255
+
256
+ function onBtnMakeDirClick(event, obj) {
257
+ var newDirName = prompt(messageEnterDirName);
258
+ if ((newDirName) && (newDirName != "")) {
259
+ submit("make_dir", null, null, null, null, null, newDirName, null, null, null, null);
260
+ }
261
+ }
262
+
263
+ function onBtnRenameItemClick(event, obj) {
264
+ if (filesSelected.length != 0) {
265
+ var newName = prompt(messageEnterNewName, getFileName(filesSelected[0]));
266
+ if ((newName != null) && (newName != "")) {
267
+ submit("rename_item", null, null, null, null, newName, null, null, null, null, null);
268
+ }
269
+ }
270
+ }
271
+
272
+ function onBtnCopyClick(event, obj) {
273
+ if (filesSelected.length != 0) {
274
+ submit("", null, null, null, null, null, null, "copy", filesSelected.join("**#**"), dir, null);
275
+ }
276
+ }
277
+
278
+ function onBtnCutClick(event, obj) {
279
+ if (filesSelected.length != 0) {
280
+ submit("", null, null, null, null, null, null, "cut", filesSelected.join("**#**"), dir, null);
281
+ }
282
+ }
283
+
284
+ function onBtnPasteClick(event, obj) {
285
+ if (getClipboardFiles() != "") {
286
+ submit("paste_items", null, null, null, null, null, null, null, null, null, dir);
287
+ }
288
+ }
289
+
290
+ function onBtnRemoveItemsClick(event, obj) {
291
+ if ((filesSelected.length != 0) && (confirm(warningRemoveItems) == true)) {
292
+ submit("remove_items", null, null, null, null, null, null, null, null, null, null);
293
+ }
294
+ }
295
+
296
+ function onBtnShowUploaderClick(event, obj) {
297
+ jQuery("#uploader").fadeIn();
298
+ }
299
+
300
+ function onBtnViewThumbsClick(event, obj) {
301
+ submit("", null, null, "thumbs", null, null, null, null, null, null, null);
302
+ }
303
+
304
+ function onBtnViewListClick(event, obj) {
305
+ submit("", null, null, "list", null, null, null, null, null, null, null);
306
+ }
307
+
308
+ function onBtnBackClick(event, obj) {
309
+ if ((isUploading == false) || (confirm(warningCancelUploads) == true)) {
310
+ // jQuery("#uploader").fadeOut(function () {
311
+ submit("", null, null, null, null, null, null, null, null, null, null);
312
+ // });
313
+ }
314
+ }
315
+
316
+
317
+ function onPathComponentClick(event, obj, path) {
318
+ submit("", null, null, null, path, null, null, null, null, null, null);
319
+ }
320
+
321
+ function onBtnShowImportClick(event, obj) {
322
+ jQuery("#importer").fadeIn();
323
+ }
324
+
325
+ function onNameHeaderClick(event, obj) {
326
+ var newSortOrder = ((sortBy == "name") && (sortOrder == "asc")) ? "desc" : "asc";
327
+ submit("", "name", newSortOrder, null, null, null, null, null, null, null, null);
328
+ }
329
+
330
+ function onSizeHeaderClick(event, obj) {
331
+ var newSortOrder = ((sortBy == "size") && (sortOrder == "asc")) ? "desc" : "asc";
332
+ submit("", "size", newSortOrder, null, null, null, null, null, null, null, null);
333
+ }
334
+
335
+ function onDateModifiedHeaderClick(event, obj) {
336
+ var newSortOrder = ((sortBy == "date_modified") && (sortOrder == "asc")) ? "desc" : "asc";
337
+ submit("", "date_modified", newSortOrder, null, null, null, null, null, null, null, null);
338
+ }
339
+
340
+
341
+ //file handlers
342
+ function onKeyDown(e) {
343
+ var e = e || window.event;
344
+ var chCode1 = e.which || e.paramlist_keyCode;
345
+ if ((e.ctrlKey || e.metaKey) && chCode1 == 65) {
346
+ jQuery(".explorer_item").addClass("explorer_item_select");
347
+ jQuery(".importer_item").addClass("importer_item_select");
348
+ filesSelected = [];
349
+ filesSelectedML = [];
350
+ jQuery(".explorer_item").each(function() {
351
+ var objName = jQuery(this).attr("name");
352
+ if (filesSelected.indexOf(objName) == -1) {
353
+ filesSelected.push(objName);
354
+ keyFileSelected = this;
355
+ }
356
+ });
357
+ jQuery(".importer_item").each(function() {
358
+ var objName = jQuery(this).attr("path");
359
+ if (filesSelectedML.indexOf(objName) == -1) {
360
+ filesSelectedML.push(objName);
361
+ keyFileSelectedML = this;
362
+ }
363
+ });
364
+ e.preventDefault();
365
+ }
366
+ }
367
+
368
+ function onFileMOver(event, obj) {
369
+ jQuery(obj).addClass("explorer_item_hover");
370
+ }
371
+
372
+ function onFileMOverML(event, obj) {
373
+ jQuery(obj).addClass("importer_item_hover");
374
+ }
375
+
376
+ function onFileMOut(event, obj) {
377
+ jQuery(obj).removeClass("explorer_item_hover");
378
+ }
379
+
380
+ function onFileMOutML(event, obj) {
381
+ jQuery(obj).removeClass("importer_item_hover");
382
+ }
383
+
384
+ function onFileClick(event, obj) {
385
+ jQuery(".explorer_item").removeClass("explorer_item_select");
386
+ var objName = jQuery(obj).attr("name");
387
+ if (event.ctrlKey == true || event.metaKey == true) {
388
+ if (filesSelected.indexOf(objName) == -1) {
389
+ filesSelected.push(objName);
390
+ keyFileSelected = obj;
391
+ }
392
+ else {
393
+ filesSelected.splice(filesSelected.indexOf(objName), 1);
394
+ jQuery(obj).removeClass("explorer_item_select");
395
+ }
396
+ }
397
+ else if (event.shiftKey == true) {
398
+ filesSelected = [];
399
+ var explorerItems = jQuery(".explorer_item");
400
+ var curFileIndex = explorerItems.index(jQuery(obj));
401
+ var keyFileIndex = explorerItems.index(keyFileSelected);
402
+ var startIndex = Math.min(keyFileIndex, curFileIndex);
403
+ var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
404
+ for (var i = startIndex; i < endIndex + 1; i++) {
405
+ filesSelected.push(jQuery(explorerItems[i]).attr("name"));
406
+ }
407
+ }
408
+ else {
409
+ filesSelected = [jQuery(obj).attr("name")];
410
+ keyFileSelected = obj;
411
+ }
412
+
413
+ for (var i = 0; i < filesSelected.length; i++) {
414
+ jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
415
+ }
416
+ updateFileNames();
417
+ }
418
+
419
+ function onFileClickML(event, obj) {
420
+ jQuery(".importer_item").removeClass("importer_item_select");
421
+ var objName = jQuery(obj).attr("path");
422
+ if (event.ctrlKey == true || event.metaKey == true) {
423
+ if (filesSelectedML.indexOf(objName) == -1) {
424
+ filesSelectedML.push(objName);
425
+ keyFileSelectedML = obj;
426
+ }
427
+ else {
428
+ filesSelectedML.splice(filesSelectedML.indexOf(objName), 1);
429
+ jQuery(obj).removeClass("importer_item_select");
430
+ }
431
+ }
432
+ else if (event.shiftKey == true) {
433
+ filesSelectedML = [];
434
+ var explorerItems = jQuery(".importer_item");
435
+ var curFileIndex = explorerItems.index(jQuery(obj));
436
+ var keyFileIndex = explorerItems.index(keyFileSelectedML);
437
+ var startIndex = Math.min(keyFileIndex, curFileIndex);
438
+ var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
439
+ for (var i = startIndex; i < endIndex + 1; i++) {
440
+ filesSelectedML.push(jQuery(explorerItems[i]).attr("path"));
441
+ }
442
+ }
443
+ else {
444
+ filesSelectedML = [jQuery(obj).attr("path")];
445
+ keyFileSelectedML = obj;
446
+ }
447
+
448
+ for (var i = 0; i < filesSelectedML.length; i++) {
449
+ jQuery('.importer_item[path="' + filesSelectedML[i] + '"]').addClass("importer_item_select");
450
+ }
451
+ updateFileNames();
452
+ }
453
+
454
+ function onFileDblClick(event, obj) {
455
+ if (jQuery(obj).attr("isDir") == "true") {
456
+ submit("", null, null, null, dir + DS + jQuery(obj).attr("name"), null, null, null, null, null, null);
457
+ }
458
+ else {
459
+ filesSelected = [];
460
+ filesSelected.push(jQuery(obj).attr("name"));
461
+ submitFiles();
462
+ }
463
+ }
464
+
465
+ function onFileDblClickML(event, obj) {
466
+ filesSelectedML = [];
467
+ filesSelectedML.push(jQuery(obj).attr("path"));
468
+ importFiles();
469
+ }
470
+
471
+ function onFileDragStart(event, obj) {
472
+ var objName = jQuery(obj).attr("name");
473
+ if (filesSelected.indexOf(objName) < 0) {
474
+ jQuery(".explorer_item").removeClass("explorer_item_select");
475
+ if (event.ctrlKey == true || event.metaKey == true) {
476
+ if (filesSelected.indexOf(objName) == -1) {
477
+ filesSelected.push(objName);
478
+ keyFileSelected = obj;
479
+ }
480
+ }
481
+ else if (event.shiftKey == true) {
482
+ filesSelected = [];
483
+ var explorerItems = jQuery(".explorer_item");
484
+ var curFileIndex = explorerItems.index(jQuery(obj));
485
+ var keyFileIndex = explorerItems.index(keyFileSelected);
486
+ var startIndex = Math.min(keyFileIndex, curFileIndex);
487
+ var endIndex = startIndex + Math.abs(curFileIndex - keyFileIndex);
488
+ for (var i = startIndex; i < endIndex + 1; i++) {
489
+ filesSelected.push(jQuery(explorerItems[i]).attr("name"));
490
+ }
491
+ }
492
+ else {
493
+ filesSelected = [jQuery(obj).attr("name")];
494
+ keyFileSelected = obj;
495
+ }
496
+
497
+ for (var i = 0; i < filesSelected.length; i++) {
498
+ jQuery('.explorer_item[name="' + filesSelected[i] + '"]').addClass("explorer_item_select");
499
+ }
500
+
501
+ updateFileNames();
502
+ }
503
+ dragFiles = filesSelected;
504
+ }
505
+
506
+ function onFileDragOver(event, obj) {
507
+ event.preventDefault();
508
+ }
509
+
510
+ function onFileDrop(event, obj) {
511
+ var destDirName = jQuery(obj).attr("name");
512
+ if ((dragFiles.length == 0) || (dragFiles.indexOf(destDirName) >= 0)) {
513
+ return false;
514
+ }
515
+ var clipboardTask = (event.ctrlKey == true || event.metaKey == true) ? "copy" : "cut";
516
+ var clipboardDest = dir + DS + destDirName;
517
+ submit("paste_items", null, null, null, null, null, null, clipboardTask, dragFiles.join("**#**"), dir, clipboardDest);
518
+ event.preventDefault();
519
+ }
520
+
521
+ function onBtnOpenClick(event, obj) {
522
+ if (jQuery('.explorer_item[name="' + filesSelected[0] + '"]').attr("isDir") == true) {
523
+ filesSelected.length = 1;
524
+ submit("", null, null, null, dir + DS + filesSelected[0], null, null, null, null, null, null);
525
+ }
526
+ else {
527
+ submitFiles();
528
+ }
529
+ }
530
+
531
+ function onBtnImportClick(event, obj) {
532
+ importFiles();
533
+ }
534
+
535
+ function onBtnCancelClick(event, obj) {
536
+ window.parent.tb_remove();
537
+ }
538
+
539
+ function onBtnSelectAllClick() {
540
+ jQuery(".explorer_item").addClass("explorer_item_select");
541
+ filesSelected = [];
542
+ jQuery(".explorer_item").each(function() {
543
+ var objName = jQuery(this).attr("name");
544
+ if (filesSelected.indexOf(objName) == -1) {
545
+ filesSelected.push(objName);
546
+ keyFileSelected = this;
547
+ }
548
+ });
549
+ }
550
+
551
+ function onBtnSelectAllMediLibraryClick() {
552
+ jQuery(".importer_item").addClass("importer_item_select");
553
+ filesSelectedML = [];
554
+ jQuery(".importer_item").each(function() {
555
+ var objName = jQuery(this).attr("path");
556
+ if (filesSelectedML.indexOf(objName) == -1) {
557
+ filesSelectedML.push(objName);
558
+ keyFileSelectedML = this;
559
+ }
560
+ });
561
  }
filemanager/js/jq_uploader/index.html CHANGED
@@ -1,9 +1,9 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title></title>
5
- </head>
6
- <body bgcolor="#ffffff">
7
-
8
- </body>
9
  </html>
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title></title>
5
+ </head>
6
+ <body bgcolor="#ffffff">
7
+
8
+ </body>
9
  </html>
filemanager/js/jq_uploader/jquery.fileupload.js CHANGED
@@ -1,1243 +1,1243 @@
1
- /*
2
- * jQuery File Upload Plugin 5.28.8
3
- * https://github.com/blueimp/jQuery-File-Upload
4
- *
5
- * Copyright 2010, Sebastian Tschan
6
- * https://blueimp.net
7
- *
8
- * Licensed under the MIT license:
9
- * http://www.opensource.org/licenses/MIT
10
- */
11
-
12
- /*jslint nomen: true, unparam: true, regexp: true */
13
- /*global define, window, document, File, Blob, FormData, location */
14
-
15
- (function (factory) {
16
- 'use strict';
17
- if (typeof define === 'function' && define.amd) {
18
- // Register as an anonymous AMD module:
19
- define([
20
- 'jquery',
21
- 'jquery.ui.widget.js'
22
- ], factory);
23
- } else {
24
- // Browser globals:
25
- factory(window.jQuery);
26
- }
27
- }(function ($) {
28
- 'use strict';
29
-
30
- // The FileReader API is not actually used, but works as feature detection,
31
- // as e.g. Safari supports XHR file uploads via the FormData API,
32
- // but not non-multipart XHR file uploads:
33
- $.support.xhrFileUpload = !!(window.XMLHttpRequestUpload && window.FileReader);
34
- $.support.xhrFormDataFileUpload = !!window.FormData;
35
-
36
- // The fileupload widget listens for change events on file input fields defined
37
- // via fileInput setting and paste or drop events of the given dropZone.
38
- // In addition to the default jQuery Widget methods, the fileupload widget
39
- // exposes the "add" and "send" methods, to add or directly send files using
40
- // the fileupload API.
41
- // By default, files added via file input selection, paste, drag & drop or
42
- // "add" method are uploaded immediately, but it is possible to override
43
- // the "add" callback option to queue file uploads.
44
- $.widget('blueimp.fileupload', {
45
-
46
- options: {
47
- // The drop target element(s), by the default the complete document.
48
- // Set to null to disable drag & drop support:
49
- dropZone: $(document),
50
- // The paste target element(s), by the default the complete document.
51
- // Set to null to disable paste support:
52
- pasteZone: $(document),
53
- // The file input field(s), that are listened to for change events.
54
- // If undefined, it is set to the file input fields inside
55
- // of the widget element on plugin initialization.
56
- // Set to null to disable the change listener.
57
- fileInput: undefined,
58
- // By default, the file input field is replaced with a clone after
59
- // each input field change event. This is required for iframe transport
60
- // queues and allows change events to be fired for the same file
61
- // selection, but can be disabled by setting the following option to false:
62
- replaceFileInput: true,
63
- // The parameter name for the file form data (the request argument name).
64
- // If undefined or empty, the name property of the file input field is
65
- // used, or "files[]" if the file input name property is also empty,
66
- // can be a string or an array of strings:
67
- paramName: undefined,
68
- // By default, each file of a selection is uploaded using an individual
69
- // request for XHR type uploads. Set to false to upload file
70
- // selections in one request each:
71
- singleFileUploads: true,
72
- // To limit the number of files uploaded with one XHR request,
73
- // set the following option to an integer greater than 0:
74
- limitMultiFileUploads: undefined,
75
- // Set the following option to true to issue all file upload requests
76
- // in a sequential order:
77
- sequentialUploads: false,
78
- // To limit the number of concurrent uploads,
79
- // set the following option to an integer greater than 0:
80
- limitConcurrentUploads: undefined,
81
- // Set the following option to true to force iframe transport uploads:
82
- forceIframeTransport: false,
83
- // Set the following option to the location of a redirect url on the
84
- // origin server, for cross-domain iframe transport uploads:
85
- redirect: undefined,
86
- // The parameter name for the redirect url, sent as part of the form
87
- // data and set to 'redirect' if this option is empty:
88
- redirectParamName: undefined,
89
- // Set the following option to the location of a postMessage window,
90
- // to enable postMessage transport uploads:
91
- postMessage: undefined,
92
- // By default, XHR file uploads are sent as multipart/form-data.
93
- // The iframe transport is always using multipart/form-data.
94
- // Set to false to enable non-multipart XHR uploads:
95
- multipart: true,
96
- // To upload large files in smaller chunks, set the following option
97
- // to a preferred maximum chunk size. If set to 0, null or undefined,
98
- // or the browser does not support the required Blob API, files will
99
- // be uploaded as a whole.
100
- maxChunkSize: undefined,
101
- // When a non-multipart upload or a chunked multipart upload has been
102
- // aborted, this option can be used to resume the upload by setting
103
- // it to the size of the already uploaded bytes. This option is most
104
- // useful when modifying the options object inside of the "add" or
105
- // "send" callbacks, as the options are cloned for each file upload.
106
- uploadedBytes: undefined,
107
- // By default, failed (abort or error) file uploads are removed from the
108
- // global progress calculation. Set the following option to false to
109
- // prevent recalculating the global progress data:
110
- recalculateProgress: true,
111
- // Interval in milliseconds to calculate and trigger progress events:
112
- progressInterval: 100,
113
- // Interval in milliseconds to calculate progress bitrate:
114
- bitrateInterval: 500,
115
- // By default, uploads are started automatically when adding files:
116
- autoUpload: true,
117
-
118
- // Additional form data to be sent along with the file uploads can be set
119
- // using this option, which accepts an array of objects with name and
120
- // value properties, a function returning such an array, a FormData
121
- // object (for XHR file uploads), or a simple object.
122
- // The form of the first fileInput is given as parameter to the function:
123
- formData: function (form) {
124
- return form.serializeArray();
125
- },
126
-
127
- // The add callback is invoked as soon as files are added to the fileupload
128
- // widget (via file input selection, drag & drop, paste or add API call).
129
- // If the singleFileUploads option is enabled, this callback will be
130
- // called once for each file in the selection for XHR file uplaods, else
131
- // once for each file selection.
132
- // The upload starts when the submit method is invoked on the data parameter.
133
- // The data object contains a files property holding the added files
134
- // and allows to override plugin options as well as define ajax settings.
135
- // Listeners for this callback can also be bound the following way:
136
- // .bind('fileuploadadd', func);
137
- // data.submit() returns a Promise object and allows to attach additional
138
- // handlers using jQuery's Deferred callbacks:
139
- // data.submit().done(func).fail(func).always(func);
140
- add: function (e, data) {
141
- if (data.autoUpload || (data.autoUpload !== false &&
142
- ($(this).data('blueimp-fileupload') ||
143
- $(this).data('fileupload')).options.autoUpload)) {
144
- data.submit();
145
- }
146
- },
147
-
148
- // Other callbacks:
149
-
150
- // Callback for the submit event of each file upload:
151
- // submit: function (e, data) {}, // .bind('fileuploadsubmit', func);
152
-
153
- // Callback for the start of each file upload request:
154
- // send: function (e, data) {}, // .bind('fileuploadsend', func);
155
-
156
- // Callback for successful uploads:
157
- // done: function (e, data) {}, // .bind('fileuploaddone', func);
158
-
159
- // Callback for failed (abort or error) uploads:
160
- // fail: function (e, data) {}, // .bind('fileuploadfail', func);
161
-
162
- // Callback for completed (success, abort or error) requests:
163
- // always: function (e, data) {}, // .bind('fileuploadalways', func);
164
-
165
- // Callback for upload progress events:
166
- // progress: function (e, data) {}, // .bind('fileuploadprogress', func);
167
-
168
- // Callback for global upload progress events:
169
- // progressall: function (e, data) {}, // .bind('fileuploadprogressall', func);
170
-
171
- // Callback for uploads start, equivalent to the global ajaxStart event:
172
- // start: function (e) {}, // .bind('fileuploadstart', func);
173
-
174
- // Callback for uploads stop, equivalent to the global ajaxStop event:
175
- // stop: function (e) {}, // .bind('fileuploadstop', func);
176
-
177
- // Callback for change events of the fileInput(s):
178
- // change: function (e, data) {}, // .bind('fileuploadchange', func);
179
-
180
- // Callback for paste events to the pasteZone(s):
181
- // paste: function (e, data) {}, // .bind('fileuploadpaste', func);
182
-
183
- // Callback for drop events of the dropZone(s):
184
- // drop: function (e, data) {}, // .bind('fileuploaddrop', func);
185
-
186
- // Callback for dragover events of the dropZone(s):
187
- // dragover: function (e) {}, // .bind('fileuploaddragover', func);
188
-
189
- // Callback for the start of each chunk upload request:
190
- // chunksend: function (e, data) {}, // .bind('fileuploadchunksend', func);
191
-
192
- // Callback for successful chunk uploads:
193
- // chunkdone: function (e, data) {}, // .bind('fileuploadchunkdone', func);
194
-
195
- // Callback for failed (abort or error) chunk uploads:
196
- // chunkfail: function (e, data) {}, // .bind('fileuploadchunkfail', func);
197
-
198
- // Callback for completed (success, abort or error) chunk upload requests:
199
- // chunkalways: function (e, data) {}, // .bind('fileuploadchunkalways', func);
200
-
201
- // The plugin options are used as settings object for the ajax calls.
202
- // The following are jQuery ajax settings required for the file uploads:
203
- processData: false,
204
- contentType: false,
205
- cache: false
206
- },
207
-
208
- // A list of options that require a refresh after assigning a new value:
209
- _refreshOptionsList: [
210
- 'fileInput',
211
- 'dropZone',
212
- 'pasteZone',
213
- 'multipart',
214
- 'forceIframeTransport'
215
- ],
216
-
217
- _BitrateTimer: function () {
218
- this.timestamp = ((Date.now) ? Date.now() : (new Date()).getTime());
219
- this.loaded = 0;
220
- this.bitrate = 0;
221
- this.getBitrate = function (now, loaded, interval) {
222
- var timeDiff = now - this.timestamp;
223
- if (!this.bitrate || !interval || timeDiff > interval) {
224
- this.bitrate = (loaded - this.loaded) * (1000 / timeDiff) * 8;
225
- this.loaded = loaded;
226
- this.timestamp = now;
227
- }
228
- return this.bitrate;
229
- };
230
- },
231
-
232
- _isXHRUpload: function (options) {
233
- return !options.forceIframeTransport &&
234
- ((!options.multipart && $.support.xhrFileUpload) ||
235
- $.support.xhrFormDataFileUpload);
236
- },
237
-
238
- _getFormData: function (options) {
239
- var formData;
240
- if (typeof options.formData === 'function') {
241
- return options.formData(options.form);
242
- }
243
- if ($.isArray(options.formData)) {
244
- return options.formData;
245
- }
246
- if ($.type(options.formData) === 'object') {
247
- formData = [];
248
- $.each(options.formData, function (name, value) {
249
- formData.push({name: name, value: value});
250
- });
251
- return formData;
252
- }
253
- return [];
254
- },
255
-
256
- _getTotal: function (files) {
257
- var total = 0;
258
- $.each(files, function (index, file) {
259
- total += file.size || 1;
260
- });
261
- return total;
262
- },
263
-
264
- _initProgressObject: function (