/** * extra fields to any widget * @param object $t: widget class object * @param $return * @param array $instance: widget instance */ public function _hw_awc_in_widget_form($t, $return, $instance) { /*begin custom sidebar format*/ static $sw_list; if (!$sw_list) { $sw_list = get_option('sidebars_widgets'); } //get all widgets global $wp_registered_sidebars; foreach ($sw_list as $sidebar => $widgets) { //get sidebar where widget nested on it if (is_array($widgets) && in_array($t->id, $widgets)) { //make sure you ignore the key 'array_version' $found_sidebar = true; break; } } if ($sidebar == 'array_version' || !isset($found_sidebar) || !isset($wp_registered_sidebars[$sidebar])) { echo '<div style="background:#fafafa;border:1px solid #dadada;padding:5px;"><p>Nhấn nút Lưu để hiển thị công cụ tùy chỉnh widget này hoặc nếu không thấy thì xóa widget và thêm lại.</p></div>'; return; } //first check if (isset($wp_registered_sidebars[$sidebar]['old_id'])) { $old_sidebar = $wp_registered_sidebars[$sidebar]['old_id']; } else { $old_sidebar = $sidebar; } if (!HW_AWC_Sidebar_Settings::check_valid_sidebar_name($old_sidebar)) { echo "<div class='hwawc-message'>Do Sidebar cũ có ID ({$old_sidebar}) không hợp lệ, nên tạo mới sidebar với tên: ({$sidebar})"; echo '<br/>Hiển thị sidebar:<code>dynamic_sidebar("' . $sidebar . '")</code>'; echo '</div>'; // return; //fixed from callback '_hw_awc_init' } $params = $wp_registered_sidebars[$sidebar]; //get sidebar param where widget nested on it //create feature tog if (class_exists('HW_ButtonToggle_widget')) { $btn_tog = new HW_ButtonToggle_widget($t, $instance); } //instance HW_SKIN for widget box title $skin = new HW_SKIN($t, HW_AWC_PATH, 'hw_awc_skins', 'hwawc-skin.php', 'skins'); $skin->plugin_url = HW_AWC_URL; $skin->external_callback = false; $skin->init(); //seem no longer use ?> <?php if (isset($btn_tog)) { $btn_tog->set_button_toggle_start_wrapper('Tùy chỉnh widget'); } ?> <div style="background:#fafafa;border:1px solid #dadada;padding:5px;"> <!-- show widget ID on each widget in admin. --> <p> <div id="<?php echo $t->get_field_id('show_widget_id'); ?> " style="padding:5px;background:pink;border:1px solid red;" name="<?php echo $t->get_field_name('show_widget_id'); ?> " > ID: <strong><?php echo $t->id; ?> </strong><br/> <?php if (is_plugin_active('amr-shortcode-any-widget/amr-shortcode-any-widget.php')) { echo 'Hiển thị nội dung widget này bởi shortcode:<br/>'; echo '<code>[do_widget id=' . $t->id . ']</code>'; echo '<a href="' . HW_AWC_URL . '/docs/amr-shortcode-any-widget.html' . '" target="_blank">Hướng dẫn</a>'; } else { echo hw_install_plugin_link('amr-shortcode-any-widget', 'Nhúng widget này bằng shortcode'); } //display widget content with feature "shortcode_params" if (!HW_AWC_WidgetFeatures::check_widget_feature($t, 'shortcode_params') && class_exists('HW_HOANGWEB_Settings')) { echo '<p>Kích hoạt feature "<a target="_blank" href="' . admin_url('options-general.php?page=' . HW_HOANGWEB_Settings::HW_SETTINGS_PAGE) . '">Tạo shortcode widget</a>" để hiển thị nội dung của widget này.</p>'; } ?> </div> </p> <!-- widget features --> <?php $this->load_widget_features($t, $instance); ?> <p> </p> <hr/> <!-- sidebar custom after_title & before_title --> <?php if (isset($params['before_title'])) { ?> <p> <label for="<?php echo $t->get_field_id('awc_clear_widget_title'); ?> "><strong><?php _e('Xóa tiêu đề widget'); ?> </strong></label><br/> <input type="checkbox" name="<?php echo $t->get_field_name('awc_clear_widget_title'); ?> " id="<?php echo $t->get_field_id('awc_clear_widget_title'); ?> " <?php checked(isset($instance['awc_clear_widget_title']) && $instance['awc_clear_widget_title'] ? 1 : 0); ?> /><?php _e('Xóa before_title & after_title'); ?> <br/> <span style="font-size:12px">Nếu xóa tiêu đề (xóa before_title & after_title) thì check vào đây. <i>(Tùy chọn này sẽ xóa thẻ HTML có trong before_title & after_title và cả before_widget,after_widget nếu cần thiết để có thể hiển thị tốt widget mà không có title.)</i></span> <br/> </p><hr/> <p> <label><strong><?php _e('Sửa before_title'); ?> </strong></label><br/> <em>Hiện tại: (<font color="blue"><?php echo htmlentities($params['before_title']); ?> </font>)</em><br/> <em><?php if (!preg_match('#%\\d\\$s#', $params['before_title'])) { echo '<font color="red">Cảnh báo: before_title chưa sẵn sàng.</font>'; } ?> </em><br/> <input <?php ?> type="text" name="<?php echo $t->get_field_name('format_before_title'); ?> " id="<?php echo $t->get_field_id('format_before_title'); ?> " value="<?php echo isset($instance['format_before_title']) ? $instance['format_before_title'] : ''; ?> "><br/> <span style="font-size:12px"><i>(mỗi ID or chuỗi class ngăn cách bởi '|')</i></span> <br/> <span><em>ie: before_title=>"<?php echo htmlentities('<h2 id="%1$s" class="%2$s" style="%3$s">'); ?> "</em></span> </p><hr/> <?php } ?> <p> <label><strong><?php _e('Sửa after_title'); ?> </strong></label><br/> <em>Hiện tại: (<font color="blue"><?php echo htmlentities($params['after_title']); ?> </font>)</em><br/> <em><?php if (!preg_match('#%\\d\\$s#', $params['after_title'])) { echo '<font color="red">Cảnh báo: after_title chưa sẵn sàng.</font>'; } ?> </em><br/> <input <?php ?> type="text" name="<?php echo $t->get_field_name('format_after_title'); ?> " id="<?php echo $t->get_field_id('format_after_title'); ?> " value="<?php echo isset($instance['format_after_title']) ? $instance['format_after_title'] : ''; ?> "><br/> <span style="font-size:12px"><i>(mỗi ID or chuỗi class ngăn cách bởi '|')</i></span> <br/> <span><em>ie: after_title=>"<?php echo htmlentities('</h2><div id="%1$s" class="%2$s" style="%3$s">'); ?> "</em></span> </p><hr/> <p> <label><strong><?php _e('Sửa before_widget'); ?> </strong></label><br/> <em>Thêm class theo thứ tự bằng cách chèn tag (*1,*2,..) vào tham số before_widget: <br/>(Hiện tại:<font color="blue"><?php echo htmlentities($params['before_widget']); ?> </font>)</em><br/> <em><?php if (!preg_match('#\\*\\d+#', $params['before_widget'])) { echo '<font color="red">Cảnh báo: before_widget chưa sẵn sàng.</font>'; } ?> </em> <input type="text" name="<?php echo $t->get_field_name('preclasses_before_widget'); ?> " id="<?php echo $t->get_field_id('preclasses_before_widget'); ?> " value="<?php echo isset($instance['preclasses_before_widget']) ? $instance['preclasses_before_widget'] : ''; ?> "><br/> <span style="font-size:12px"><i>(mỗi chuỗi class tương ứng với *1|*2.. ngăn cách bởi '|'. VD: class1 class2|class3 class4 class5)</i></span> </p> <hr/> <p> <label for="<?php echo $t->get_field_id('widget_skin'); ?> "><strong><?php _e('Giao diện widget'); ?> </strong></label> <div> <select name="<?php echo $t->get_field_name('widget_skin'); ?> " id="<?php echo $t->get_field_id('widget_skin'); ?> "> <?php foreach (HW_AWC_Sidebar_Settings::available_widget_skins() as $name => $field) { ?> <option <?php selected(isset($instance['widget_skin']) && $name == $instance['widget_skin'] ? 1 : 0); ?> value="<?php echo $name; ?> "><?php echo isset($field['title']) ? $field['title'] : $name; ?> </option> <?php } ?> </select><br/> <span>Quản lý skins, nhấn <a target="_blank" href="<?php echo HW_AWC_Sidebar_Settings::get_edit_sidebar_setting_page_link($sidebar); ?> ">vào đây</a>.</span> </div> </p> <p> <strong>Mầu sắc</strong><br/> <em>Lưu ý: TH nếu xóa mầu và khi load lại trang cần xóa lại vì mầu khởi đầu là #FFFFFF.<br/> Nếu không xuất hiện hộp chọn mầu thì tự điền mã mầu và lưu lại để khởi tạo lại trình chọn mã mầu.</em> </p> <p> <input type="text" size="5" class="color {hash:true}" name="<?php echo $t->get_field_name('bgcolor_widget'); ?> " id="<?php echo $t->get_field_id('bgcolor_widget'); ?> " value="<?php echo isset($instance['bgcolor_widget']) ? $instance['bgcolor_widget'] : ''; ?> "/> <label for="<?php echo $t->get_field_id('bgcolor_widget'); ?> ">Mầu nền widget</label> <a class="clear-jscolor button" href="javascript:void(0)">Xóa</a> </p> <p> <input type="text" size="5" class="color {hash:true}" name="<?php echo $t->get_field_name('bgcolor_title'); ?> " id="<?php echo $t->get_field_id('bgcolor_title'); ?> " value="<?php echo isset($instance['bgcolor_title']) ? $instance['bgcolor_title'] : ''; ?> "/> <label for="<?php echo $t->get_field_id('bgcolor_title'); ?> ">Mầu nền tiêu đề</label> <a class="clear-jscolor button" href="javascript:void(0)" onclick="">Xóa</a> </p> <p> <input type="text" size="5" class="color {hash:true}" name="<?php echo $t->get_field_name('bgcolor_box'); ?> " id="<?php echo $t->get_field_id('bgcolor_box'); ?> " value="<?php echo isset($instance['bgcolor_box']) ? $instance['bgcolor_box'] : ''; ?> "/> <label for="<?php echo $t->get_field_id('bgcolor_box'); ?> ">Mầu nền nội dung</label> <a class="clear-jscolor button" href="javascript:void(0)">Xóa</a> </p> <!-- bg title --> <p> <label><strong><?php _e('Ảnh nền cho tiêu đề widget'); ?> </strong></label> <div> <?php if (strpos($params['before_title'], '{css_title}') === false) { echo '<font color="red">Warning: không tìm thấy {css_title} tag trong tham số <em>before_title</em>. Để sử dụng trường này bạn cần thêm tag này vào tham số <em>before_title</em> cho sidebar hiện tại.</font>'; } ?> <?php if (isset($instance['bgimg_title'])) { ?> <img class="user-preview-image" style="max-width:100%;" src="<?php echo $instance['bgimg_title']; ?> "><!-- display image --> <?php } ?> <input type="hidden" name="<?php echo $t->get_field_name('bgimg_title'); ?> " id="<?php echo $t->get_field_id('bgimg_title'); ?> " value="<?php echo isset($instance['bgimg_title']) ? $instance['bgimg_title'] : ''; ?> " class="regular-text" /><!-- show image url --> <input type='button' class="button-primary" value="Upload" id="<?php echo $t->get_field_id('hw_awc_uploadimage'); ?> "/><br /><!-- upload button --> <script type="text/javascript"> jQuery(function( $ ) { if(typeof hw_awc_btn_upload_image == 'function') { hw_awc_btn_upload_image($( '#<?php echo $t->get_field_id('hw_awc_uploadimage'); ?> ' ), $( '#<?php echo $t->get_field_id('bgimg_title'); ?> ' )); } }); </script> <p> <input type="checkbox" name="<?php echo $t->get_field_name('bgimg_title_css'); ?> " id="<?php echo $t->get_field_id('bgimg_title_css'); ?> " onlick="this.value = this.checked" <?php checked(isset($instance['bgimg_title_css']) ? 1 : 0); ?> /> <label for="<?php echo $t->get_field_id('bgimg_title_css'); ?> "><?php _e('Hiển thị ảnh nền cho tiêu đề widget'); ?> </label> </p> </div> </p> <!-- bg box --> <p> <label for="<?php echo $t->get_field_id('hw_awc_upload_bgimg_box'); ?> "><strong><?php _e('Ảnh nền cho nội dung widget'); ?> </strong></label><br/> <?php if (strpos($params['after_title'], '{css_box}') === false && strpos($params['before_widget'], '{css_box}') === false) { echo '<div><font color="red">Warning: không tìm thấy {css_box} tag trong tham số <em>after_title</em> hoặc <em>before_widget</em>. Để sử dụng trường này bạn cần thêm tag này cho sidebar hiện tại.</font></div>'; } ?> <?php if (isset($instance['bgimg_box'])) { ?> <img class="user-preview-image" style="max-width:100%;" src="<?php echo $instance['bgimg_box']; ?> "><!-- display image --> <?php } ?> <input type="hidden" name="<?php echo $t->get_field_name('bgimg_box'); ?> " id="<?php echo $t->get_field_id('bgimg_box'); ?> " value="<?php echo isset($instance['bgimg_box']) ? $instance['bgimg_box'] : ''; ?> " class="regular-text" /><!-- show image url --> <input type='button' class="button-primary" value="Upload" id="<?php echo $t->get_field_id('hw_awc_upload_bgimg_box'); ?> "/><br /><!-- upload button --> </p> <script type="text/javascript"> jQuery(function( $ ) { if(typeof hw_awc_btn_upload_image == 'function') { hw_awc_btn_upload_image($( '#<?php echo $t->get_field_id('hw_awc_upload_bgimg_box'); ?> ' ),$('#<?php echo $t->get_field_id('bgimg_box'); ?> ')); } }); jQuery(function($){ //empty color input var empty_color_input = function(obj){ $(obj).attr('value','').css({background:'#fff'}); $(obj).empty(); //remove color from input //HW_AWC.jscolor_set(obj,'');//wrong it will reset to white color }; //init jscolor when ajax response for all input field has 'color' class $('input.color').each(function(i,obj){ var color = $(obj).val(), clear_btn = $($(obj).next().next()); $(obj).data('clear_btn', clear_btn); //bind clear color button if(!$(obj).data('clear_color_btn')){ $(obj).data({ clear_color_btn:function(){ empty_color_input(obj); //remove color from input //HW_AWC.jscolor_set(obj,'');//wrong it will reset to white color } }); } clear_btn.bind('click',$(obj).data('clear_color_btn')); //update color if(color && $(obj).attr('value')){ HW_AWC.jscolor_set(obj,color); //resume color in input tag } else { setTimeout(function(){ empty_color_input(obj); //clear default white color $(obj).data('clear_btn').trigger('click'); },1000); } }); }); </script> </div> <?php if (isset($btn_tog)) { $btn_tog->set_button_toggle_end_wrapper(); } //close feature tog }