public function wpdevart_countdown_window_insert_content()
{
//wp_enqueue_script('jquery-ui-slider');
?>
<style>
#miain_wpdevart_countdown_window_manager > tbody > tr:nth-child(odd) {
background-color: rgba(176, 176, 176, 0.07);
}
#miain_wpdevart_countdown_window_manager>tfoot>tr>td{
border-top:1px solid #ccc;
}
#TB_window{
overflow-y: auto;
}
#TB_ajaxContent{
width:95% !important;
}
.wp-picker-holder{
position: absolute;
z-index: 100000;
}
.desription_class{
float: right;
cursor: default;
color: #0074a2;
font-size: 18px;
font-weight: bold;
border: 1px solid #000000;
border-radius: 200px;
height: 20px;
padding-left: 6px;
padding-right: 6px;
margin-left: 15px;
}
.pro_feature {
font-size: 13px;
font-weight: bold;
color: rgba(10, 154, 62, 1);
}
</style>
<table id="miain_wpdevart_countdown_window_manager" class="wp-list-table widefat fixed posts section_parametrs_table">
<tbody>
<tr>
<td>
Day field text <span title="Type here Day field text." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_days_text" id="countdown_days_text" value="Days">
</td>
</tr>
<tr>
<td>
Hour field text <span title="Type here Hour field text." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_hourse_text" id="countdown_hourse_text" value="Hours">
</td>
</tr>
<tr>
<td>
Minute field text <span title="Type here Minute field text." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_minuts_text" id="countdown_minuts_text" value="Minutes">
</td>
</tr>
<tr>
<td>
Second field text <span title="Type here Second field text." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_seconds_text" id="countdown_seconds_text" value="Seconds">
</td>
</tr>
<tr>
<td>
Countdown expire time <span title="Type the Countdown expire time." class="desription_class">?</span>
</td>
<td style="vertical-align: top !important;">
<span style="display:inline-block; margin-right:3px; width:55px;">
<input type="text" placeholder="Day" id="countdownday" size="3" value="0"/>
<small style="display:block">Day</small>
</span>
<span style="display:inline-block; width:55px;">
<input type="text" placeholder="Hour" id="countdownhour" size="3" value="1"/>
<small>Hour</small>
</span>
<span style="display:inline-block; width:55px;">
<input type="text" placeholder="Minut" id="countdownminute" size="3" value="1"/>
<small>minute</small>
</span>
<input type="hidden" value='<?php
echo mktime(date("H"), date("i"), date("s"), date("n"), date("j"), date("Y"));
?>
' id="countdown_start_date" name="countdown_start_date" />
</td>
</tr>
<tr>
<td>
<span style="color:red">After Countdown expired</span> <span title="Select the action after Countdown time expired." class="desription_class">?</span>
</td>
<td>
<select id="countdownstart_on" >
<option selected="selected" value="hide">Hide countdown</option>
<option value="show_text">Show text</option>
</select>
</td>
</tr>
</tr>
<tr>
<td>
Message after countdown expired<span title="Type the message after countdown expired. " class="desription_class">?</span>
</td>
<td>
<textarea type="text" name="expeiret_text" id="expeiret_text"></textarea>
</td>
</tr>
<tr>
<td>
Countdown timer position <span title="Select the Countdown position." class="desription_class">?</span>
</td>
<td>
<select id="countdown_in_content_position">
<option value="left">Left</option>
<option selected="selected" value="center">Center</option>
<option value="right">Right</option>
</select>
</td>
</tr>
<tr>
<td>
Distance from top <span title="Type the Countdown distance from top." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_top_distance" id="countdown_top_distance" value="10">(Px)
</td>
</tr>
<tr>
<td>
Distance from bottom <span title="Type the Countdown distance from bottom." class="desription_class">?</span>
</td>
<td>
<input type="text" name="countdown_bottom_distance" id="countdown_bottom_distance" value="10">(Px)
</td>
</tr>
<tr>
<td>
Countdown timer Buttons type<span class="pro_feature"> (pro)</span> <span title="Select the Countdown buttons type." class="desription_class">?</span>
</td>
<td>
<select onChange="alert(countdown_pro_text)" id="countdown_type" class="coming_set_hiddens">
<option selected="selected" value="button">button</option>
<option value="circle">Circle</option>
<option value="vertical_slide">Vertical Slider</option>
</select>
</td>
</tr>
<tr class="tr_button tr_circle tr_vertical_slide">
<td>
Countdown timer text color<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown text color." class="desription_class">?</span>
</td>
<td>
<div onClick="alert(countdown_pro_text)">
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(0, 0, 0);"></a></div>
</div>
</td>
</tr>
<tr class="tr_button tr_circle tr_vertical_slide">
<td>
Countdown timer background color<span class="pro_feature"> (pro)</span> <span title=" Choose the Countdown background color." class="desription_class">?</span>
</td>
<td>
<div onClick="alert(countdown_pro_text)">
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
</div>
</td>
</tr>
<tr class="tr_circle">
<td>
Countdown timer Size<span class="pro_feature"> (pro)</span> <span title="Type the Countdown size." class="desription_class">?</span>
</td>
<td>
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_circle_size" id="countdown_circle_size" value="130">(Px)
</td>
</tr>
<tr class="tr_circle">
<td>
Countdown timer border width<span class="pro_feature"> (pro)</span> <span title="Type the Countdown border width." class="desription_class">?</span>
</td>
<td>
<input onClick="alert(countdown_pro_text)" type="text" size="3" name="countdown_circle_border" value="5" id="countdown_circle_border" style="font-weight:bold; width:35px" >(0-100)%
</td>
</tr>
<tr class="tr_button">
<td>
Countdown timer border radius<span class="pro_feature"> (pro)</span> <span title="Type the Countdown border radius." class="desription_class">?</span>
</td>
<td>
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_border_radius" id="countdown_border_radius" value="8">(Px)
</td>
</tr>
<tr class="tr_button tr_vertical_slide">
<td>
Countdown timer font-size<span class="pro_feature"> (pro)</span> <span title="Type the Countdown font-size." class="desription_class">?</span>
</td>
<td>
<input onClick="alert(countdown_pro_text)" type="text" name="countdown_font_size" id="countdown_font_size" value="30">(Px)
</td>
</tr>
<tr class="tr_button tr_circle tr_vertical_slide">
<td>
Countdown timer Font family<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown Font family." class="desription_class">?</span>
</td>
<td>
<?php
wpdevart_countdown_setting::generete_fonts('countdown_font_famaly', "monospace");
?>
</td>
</tr>
<tr>
<td>
Countdown animation type<span class="pro_feature"> (pro)</span> <span title="Choose the Countdown animation type." class="desription_class">?</span>
</td>
<td>
<?php
wpdevart_countdown_setting::generete_animation_select('countdown_animation_type', 'none');
?>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2">
<div style="display:inline-block; float:left;" class="mceActionPanel"><input type="button" id="cancel" name="cancel" value="Insert Countdown" class="button button-primary" onClick="insert_countdown();"/></div>
<span style="float:right"><a href="http://wpdevart.com/wordpress-countdown-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a><br></span>
</td>
</tr>
</tfoot>
</table>
<script type="text/javascript">
var countdown_pro_text="If you want to use this feature upgrade to Countdown Pro"
jQuery('#TB_window').css('max-height',(jQuery('#miain_wpdevart_countdown_window_manager').height()+66)+'px');
jQuery('#TB_ajaxContent').css('max-height',(jQuery('#miain_wpdevart_countdown_window_manager').height()+16)+'px');
jQuery('#miain_wpdevart_countdown_window_manager').ready(function(e) {
jQuery(".color_option").wpColorPicker();
});
jQuery('.coming_set_hiddens').change(function(){
jQuery(this).find('option').each(function(index, element) {
jQuery('.tr_'+jQuery(this).val()).hide();
});
jQuery('.tr_'+jQuery(this).val()).show();
})
jQuery('.coming_set_hiddens option').each(function(index, element) {
jQuery('.tr_'+jQuery(this).val()).hide();
});
jQuery('.coming_set_hiddens').each(function(index, element) {
jQuery('.tr_'+jQuery(this).val()).show();
});
jQuery( '.slider_div' ).slider({
orientation: "horizontal",
range: "min",
value: 5,
min: 0,
max: 100,
slide: function( event, ui ) {
jQuery( loc_this ).val( ui.value );
}
});
function insert_countdown() {
var tagtext;
var variables='';
if(jQuery('#countdown_days_text').length)
variables=variables+'text_for_day="'+jQuery('#countdown_days_text').val()+'" ';
if(jQuery('#countdown_hourse_text').length)
variables=variables+'text_for_hour="'+jQuery('#countdown_hourse_text').val()+'" ';
if(jQuery('#countdown_minuts_text').length)
variables=variables+'text_for_minut="'+jQuery('#countdown_minuts_text').val()+'" ';
if(jQuery('#countdown_seconds_text').length)
variables=variables+'text_for_second="'+jQuery('#countdown_seconds_text').val()+'" ';
if(jQuery('#countdown_start_date').length)
variables=variables+'start_time="'+jQuery('#countdown_start_date').val()+'" ';
variables=variables+'end_time="'+jQuery('#countdownday').val()+','+jQuery('#countdownhour').val()+','+jQuery('#countdownminute').val()+'" ';
if(jQuery('#countdownstart_on').length)
variables=variables+'action_end_time="'+jQuery('#countdownstart_on').val()+'" ';
if(jQuery('#countdown_in_content_position').length)
variables=variables+'content_position="'+jQuery('#countdown_in_content_position').val()+'" ';
if(jQuery('#countdown_top_distance').length)
variables=variables+'top_ditance="'+jQuery('#countdown_top_distance').val()+'" ';
if(jQuery('#countdown_bottom_distance').length)
variables=variables+'bottom_distance="'+jQuery('#countdown_bottom_distance').val()+'" ';
tagtext = '[wpdevart_countdown '+variables+']'+jQuery('#expeiret_text').val()+'[/wpdevart_countdown]';
window.send_to_editor(tagtext);
tb_remove()
}
</script>
</body>
</html>
<?php
die;
}
function form($instance)
{
$defaults = array('title' => '', 'text_for_day' => 'Days', 'text_for_hour' => 'Hours', 'text_for_minut' => 'Minuts', 'text_for_second' => 'Seconds', 'start_time' => mktime(date("H"), date("i"), date("s"), date("n"), date("j"), date("Y")), 'end_time' => '0,1,5', 'action_end_time' => 'hide', 'content' => '', 'content_position' => 'center', 'top_ditance' => '10', 'bottom_distance' => '10');
$instance = wp_parse_args((array) $instance, $defaults);
?>
<p class="flb_field">
<label for="title">Title:</label>
<br>
<input id="<?php
echo $this->get_field_id('title');
?>
" name="<?php
echo $this->get_field_name('title');
?>
" type="text" value="<?php
echo $instance['title'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('text_for_day');
?>
">Day field text:</label>
<br>
<input id="<?php
echo $this->get_field_id('text_for_day');
?>
" name="<?php
echo $this->get_field_name('text_for_day');
?>
" type="text" value="<?php
echo $instance['text_for_day'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('text_for_hour');
?>
">Hour field text:</label>
<br>
<input id="<?php
echo $this->get_field_id('text_for_hour');
?>
" name="<?php
echo $this->get_field_name('text_for_hour');
?>
" type="text" value="<?php
echo $instance['text_for_hour'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('text_for_minut');
?>
">Minute field text:</label>
<br>
<input id="<?php
echo $this->get_field_id('text_for_minut');
?>
" name="<?php
echo $this->get_field_name('text_for_minut');
?>
" type="text" value="<?php
echo $instance['text_for_minut'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('text_for_second');
?>
">Second field text:</label>
<br>
<input id="<?php
echo $this->get_field_id('text_for_second');
?>
" name="<?php
echo $this->get_field_name('text_for_second');
?>
" type="text" value="<?php
echo $instance['text_for_second'];
?>
" class="widefat">
</p>
<p class="flb_field">
<?php
$time_end = explode(',', $instance['end_time']);
if (isset($time_end[0]) && isset($time_end[1]) && isset($time_end[2])) {
$time_diferent_seconds = $time_end[0] * 24 * 3600 + $time_end[1] * 3600 + $time_end[2] * 60;
$ancac_jamanaky = mktime(date("H"), date("i"), date("s"), date("n"), date("j"), date("Y")) - $instance['start_time'];
$time_diferent_seconds = $time_diferent_seconds - $ancac_jamanaky;
if ($time_diferent_seconds < 0) {
$time_diferent_seconds = 0;
}
} else {
$time_diferent_seconds = 0;
}
$day_of_end = (int) ($time_diferent_seconds / (24 * 3600));
$day_of_end = $day_of_end >= 0 ? $day_of_end : 0;
$hour_of_end = (int) (($time_diferent_seconds - $day_of_end * 24 * 3600) / 3600);
$hour_of_end = $hour_of_end >= 0 ? $hour_of_end : 0;
$minute_of_end = (int) (($time_diferent_seconds - $day_of_end * 24 * 3600 - $hour_of_end * 3600) / 60);
$minute_of_end = $minute_of_end >= 0 ? $minute_of_end : 0;
?>
<script> var countdown_pro_text="If you want to use this feature upgrade to Countdown Pro"</script>
<style>.pro_feature {
font-size: 13px;
font-weight: bold;
color: rgba(10, 154, 62, 1);
}</style>
<label>Countdown expire time :</label>
<br>
<span style="display:inline-block; margin-right:3px; width:55px;">
<input onChange="insert_in_input();" type="text" placeholder="Day" class="countdownday" size="3" value="<?php
echo $day_of_end;
?>
"/><small style="display:block">Day</small>
</span>
<span style="display:inline-block; width:55px;">
<input onChange="insert_in_input();" type="text" placeholder="Hour" class="countdownhour" size="3" value="<?php
echo $hour_of_end;
?>
"/><small>Hour</small>
</span>
<span style="display:inline-block; width:55px;">
<input onChange="insert_in_input();" type="text" placeholder="Minut" class="countdownminute" size="3" value="<?php
echo $minute_of_end;
?>
"/><small>minute</small>
</span>
<script>function insert_in_input(){
document.getElementById('<?php
echo $this->get_field_id('end_time');
?>
').value=document.getElementById('<?php
echo $this->get_field_id('end_time');
?>
').parentNode.getElementsByClassName('countdownday')[0].value+','+document.getElementById('<?php
echo $this->get_field_id('end_time');
?>
').parentNode.getElementsByClassName('countdownhour')[0].value+','+document.getElementById('<?php
echo $this->get_field_id('end_time');
?>
').parentNode.getElementsByClassName('countdownminute')[0].value
}</script>
<input type="hidden" value='<?php
echo $day_of_end . ',' . $hour_of_end . ',' . $minute_of_end;
?>
' id="<?php
echo $this->get_field_id('end_time');
?>
" name="<?php
echo $this->get_field_name('end_time');
?>
"/>
<input type="hidden" value='<?php
echo mktime(date("H"), date("i"), date("s"), date("n"), date("j"), date("Y"));
?>
' id="<?php
echo $this->get_field_id('start_time');
?>
" name="<?php
echo $this->get_field_name('start_time');
?>
" />
</p>
<p class="flb_field">
<label>After Countdown expired: </label>
<br>
<select id="<?php
echo $this->get_field_id('action_end_time');
?>
" name="<?php
echo $this->get_field_name('action_end_time');
?>
">
<option <?php
selected('show_text', $instance['action_end_time']);
?>
value="show_text">Show text</option>
<option <?php
selected('hide', $instance['action_end_time']);
?>
value="hide">Hide</option>
</select>
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('content');
?>
">Message after countdown expired:</label>
<br>
<textarea type="text" id="<?php
echo $this->get_field_id('content');
?>
" name="<?php
echo $this->get_field_name('content');
?>
"><?php
echo $instance['content'];
?>
</textarea>
</p>
<p class="flb_field">
<label>Countdown timer position: </label>
<br>
<select id="<?php
echo $this->get_field_id('content_position');
?>
" name="<?php
echo $this->get_field_name('content_position');
?>
">
<option <?php
selected('left', $instance['content_position']);
?>
value="left">Left</option>
<option <?php
selected('center', $instance['content_position']);
?>
value="center">Center</option>
<option <?php
selected('right', $instance['content_position']);
?>
value="right">Right</option>
</select>
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('top_ditance');
?>
">Distance from top:</label>
<br>
<input id="<?php
echo $this->get_field_id('top_ditance');
?>
" name="<?php
echo $this->get_field_name('top_ditance');
?>
" type="text" value="<?php
echo $instance['top_ditance'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label for="<?php
echo $this->get_field_id('bottom_distance');
?>
">Distance from bottom:</label>
<br>
<input id="<?php
echo $this->get_field_id('bottom_distance');
?>
" name="<?php
echo $this->get_field_name('bottom_distance');
?>
" type="text" value="<?php
echo $instance['bottom_distance'];
?>
" class="widefat">
</p>
<p class="flb_field">
<label>Countdown timer Buttons type:<span class="pro_feature"> (pro)</span> </label>
<br>
<select onChange="alert(countdown_pro_text)">
<option selected="selected" value="button">Button</option>
<option value="circle">Circle</option>
<option value="vertical_slide">Vertical Slider</option>
</select>
</p>
<p class="flb_field tr_button tr_circle tr_vertical_slide">
<label>Countdown timer text color:<span class="pro_feature"> (pro)</span></label>
<br>
<div onClick="alert(countdown_pro_text)">
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(0, 0, 0);"></a></div>
</div>
</p>
<p class="flb_field tr_button tr_circle tr_vertical_slide">
<label> Countdown timer background color:<span class="pro_feature"> (pro)</span></label>
<br>
<div onClick="alert(countdown_pro_text)">
<div class="wp-picker-container"><a tabindex="0" class="wp-color-result" title="Select Color" data-current="Current Color" style="background-color: rgb(62, 89, 165);"></a></div>
</div>
</p>
<p class="flb_field tr_circle">
<label >Countdown timer Size:<span class="pro_feature"> (pro)</span></label>
<br>
<input onClick="alert(countdown_pro_text)" type="text" value="50" class="widefat">(Px)
</p>
<p class="flb_field tr_circle">
<label>Countdown timer border width:<span class="pro_feature"> (pro)</span></label>
<br>
<input onClick="alert(countdown_pro_text)" type="text" value="5" class="widefat">%(0-100)
</p>
<p class="flb_field tr_button">
<label>Countdown timer border radius:<span class="pro_feature"> (pro)</span></label>
<br>
<input onClick="alert(countdown_pro_text)" type="text" value="8" class="widefat">
</p>
<p class="flb_field tr_button tr_vertical_slide">
<label>Countdown timer font-size:<span class="pro_feature"> (pro)</span></label>
<br>
<input onClick="alert(countdown_pro_text)" type="text" value="20" class="widefat">(Px)
</p>
<p class="flb_field tr_button tr_circle tr_vertical_slide">
<label>Countdown timer Font family:<span class="pro_feature"> (pro)</span></label>
<br>
<?php
wpdevart_countdown_setting::generete_fonts('font_famely', 'monospace');
?>
</p>
<p class="flb_field">
<label for="animation">Countdown animation type:<span class="pro_feature"> (pro)</span></label>
<br>
<?php
wpdevart_countdown_setting::generete_animation_select('animation', 'monospace');
?>
</p>
<br>
<input type="hidden" id="flb-submit" name="flb-submit" value="1">
<a href="http://wpdevart.com/wordpress-countdown-plugin/" target="_blank" style="color: rgba(10, 154, 62, 1);; font-weight: bold; font-size: 18px; text-decoration: none;">Upgrade to Pro Version</a>
<?php
}
