
<center><h2><strong>Ubuntu</strong></h2>
­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­­
<!DOCTYPE html>
<html>
<?php
if ( ! defined( 'ABSPATH' ) ) {
	die( '-1' );
}

class WPBakeryShortCode_mvc_countdown extends WPBakeryShortCode {

	protected function content( $atts, $content = null ) {

		extract( shortcode_atts( array(
			'id'		=>	'',
			'style'		=>	'YOWDHMS',
			'size'		=>	'',
			'lineheight'	=>	'',
			'textcolor'	=>	'white',
			'bgcolor'	=>	'',
			'periodsize'	=>	'',
			'periodcolor'	=>	'',
			'width'		=>	'100',
			'height'	=>	'100',
			'padding'	=>	'',
			'margin'	=>	'',
			'borderwidth'	=>	'0',
			'radius'	=>	'',
			'borderclr'	=>	'',
			'borderstyle'	=>	'solid',
			'year'		=>	'',
			'month'		=>	'',
			'date'		=>	'',
		), $atts ) );
		$content = wpb_js_remove_wpautop($content, true);
		wp_enqueue_style( 'countdown-css', plugins_url( '../css/jquery.countdown.css' , __FILE__ ));
		wp_enqueue_script( 'countdown-min-js', plugins_url( '../js/countdown.min.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
		wp_enqueue_script( 'countdown-js', plugins_url( '../js/jquery.countdown.js' , __FILE__ ), array('jquery', 'jquery-ui-core'));
		wp_enqueue_script( 'custom-countdown-js', plugins_url( '../js/front-js/countdown.js' , __FILE__ ), array('jquery') );
		ob_start(); ?>
		<div
			id="defaultCountdown<?php echo $id; ?>"
			style="width: 100%;"
			class="countdownapply"
			data-style="<?php echo $style; ?>"
			data-year="<?php echo $year; ?>"
			data-month="<?php echo $month; ?>"
			data-date="<?php echo $date; ?>"
		>

		</div>
		<style>
			#defaultCountdown<?php echo $id; ?>  .countdown-section {
				background-color: <?php echo $bgcolor; ?>;
				width: <?php echo $width; ?>px;
				height: <?php echo $height; ?>px;
				margin: 0 <?php echo $margin; ?>px;
				border: <?php echo $borderwidth; ?>px <?php echo $borderstyle; ?> <?php echo $borderclr; ?>;
				border-radius: <?php echo $radius; ?>;
				line-height: <?php echo $lineheight; ?>;
				display: inline-block;
			    float: none !important;
			}
			#defaultCountdown<?php echo $id; ?> {
				text-align: center;
			}
			#defaultCountdown<?php echo $id; ?>  .countdown-section .countdown-amount {
				font-size: <?php echo $size; ?>px;
				color: <?php echo $textcolor; ?>;
				padding-top: <?php echo $padding; ?>px;
				display: block;
			}
			#defaultCountdown<?php echo $id; ?>  .countdown-section .countdown-period {
				font-size: <?php echo $periodsize; ?>px;
				color: <?php echo $periodcolor; ?>;
			}
		</style>
		<?php
		return ob_get_clean();
	}
}


vc_map( array(
	"name" 			=> __( 'Countdown', 'countdown' ),
	"base" 			=> "mvc_countdown",
	"category" 		=> __('Mega Addons'),
	"description" 	=> __('Set Countdown timer', 'countdown'),
	"icon" => plugin_dir_url( __FILE__ ).'../icons/countdown.png',
	'params' => array(
		array(
            "type" 			=> 	"textfield",
			"heading" 		=> 	__( 'Unique ID', 'countdown' ),
			"param_name" 	=> 	"id",
			"description" 	=> 	__( 'Required: It should be different from other countdown time. Any Name or numbers <a target="_blank" href="https://addons.topdigitaltrends.net/countdown/">Demo</a>', 'countdown' ),
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Width', 'countdown' ),
			"param_name" 	=> 	"width",
			"description" 	=> 	__( 'set width in pixel for each week, hours, minutes and seconds e.g 100', 'countdown' ),
			"value"			=>	'100',
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Height', 'countdown' ),
			"param_name" 	=> 	"height",
			"description" 	=> 	__( 'set height in pixel for each week, hours, minutes and seconds e.g 100', 'countdown' ),
			"value"			=>	'100',
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

		array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Timer Font size', 'countdown' ),
			"param_name" 	=> 	"size",
			"description" 	=> 	__( 'Timer font size in pixel e.g 18', 'countdown' ),
			"value"			=>	'18',
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Period Font size', 'countdown' ),
			"param_name" 	=> 	"periodsize",
			"description" 	=> 	__( 'period font size in pixel e.g 18', 'countdown' ),
			"value"			=>	'18',
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Line Height', 'countdown' ),
			"param_name" 	=> 	"lineheight",
			"description" 	=> 	__( 'set line height between  e.g 1', 'countdown' ),
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Padding From Top', 'countdown' ),
			"param_name" 	=> 	"padding",
			"description" 	=> 	__( 'padding from top help to move time in center default 15', 'countdown' ),
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Margin', 'countdown' ),
			"param_name" 	=> 	"margin",
			"description" 	=> 	__( 'set margin for each timer space between them from left and right side e.g 10', 'countdown' ),
			"value"			=>	"10",
			"suffix" 		=> 'px',
			"group" 		=> 	'General',
        ),

        array(
			"type" 			=> "vc_links",
			"param_name" 	=> "caption_url",
			"class"			=>	"ult_param_heading",
			"description" 	=> __( '<span style="Background: #ddd;padding: 10px; display: block; color: #0073aa;font-weight:600;"><a href="https://1.envato.market/02aNL" target="_blank" style="text-decoration: none;">Get the Pro version for more stunning elements and customization options.</a></span>', 'ihover' ),
			"group" 		=> 'General',
		),

        array(
            "type" 			=> 	"colorpicker",
			"heading" 		=> 	__( 'Timer Text Color', 'countdown' ),
			"param_name" 	=> 	"textcolor",
			"group" 		=> 	'Color',
        ),

        array(
            "type" 			=> 	"colorpicker",
			"heading" 		=> 	__( 'Period Text Color', 'countdown' ),
			"param_name" 	=> 	"periodcolor",
			"group" 		=> 	'Color',
        ),

        array(
            "type" 			=> 	"colorpicker",
			"heading" 		=> 	__( 'Background Color', 'countdown' ),
			"param_name" 	=> 	"bgcolor",
			"description" 	=> 	__( 'count down background color', 'countdown' ),
			"group" 		=> 	'Color',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Border Width', 'countdown' ),
			"param_name" 	=> 	"borderwidth",
			"description" 	=> 	__( 'set border width in pixel or leave blank e.g 10', 'countdown' ),
			"value"			=>	"0",
			"suffix" 		=>  'px',
			"group" 		=> 	'Color',
        ),

        array(
            "type" 			=> 	"textfield",
			"heading" 		=> 	__( 'Border Radius', 'countdown' ),
			"param_name" 	=> 	"radius",
			"description" 	=> 	__( 'border radius in pixel or percentage e.g 5px or 50%', 'countdown' ),
			"group" 		=> 	'Color',
        ),

        array(
            "type" 			=> 	"colorpicker",
			"heading" 		=> 	__( 'Border Color', 'countdown' ),
			"param_name" 	=> 	"borderclr",
			"description" 	=> 	__( 'set border color', 'countdown' ),
			"group" 		=> 	'Color',
        ),

        array(
			"type" 			=> "dropdown",
			"heading" 		=> __( 'Border Style', 'countdown' ),
			"param_name" 	=> "borderstyle",
			"description" 	=> __( 'set border style', 'countdown' ),
			"group" 		=> 'Color',
				"value" 		=> array(
					'Solid'	=>	'solid',
					'Dotted'	=>	'dotted',
					'none'	=>	'none',
					'Dashed'	=>	'dashed',
					'Hidden'	=>	'hidden',
					'Double'	=>	'double',
					'Groove'	=>	'groove',
					'Ridge'	=>	'ridge',
					'Outset'	=>	'outset',
					'Initial'	=>	'initial',
				)
		),

		array(
			"type" 			=> "dropdown",
			"heading" 		=> __( 'Select Style', 'countdown' ),
			"param_name" 	=> "style",
			"description" 	=> __( 'Visible countdown style in', 'countdown' ),
			"group" 		=> 'Countdown',
				"value" 		=> array(
					'Year'	=>	'YOWDHMS',
					'Month'	=>	'odHMS',
					'Week'	=>	'wdHMS',
					'Days'	=>	'DHMS',
					'Hours'	=>	'HMS',
				)
		),

		array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Year', 'countdown' ),
			"param_name" 	=> 	"year",
			"description" 	=> 	__( 'just number start from 0 [ e.g 0 for current year, 1 for next year.. ]', 'countdown' ),
			"group" 		=> 	'Countdown',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Month', 'countdown' ),
			"param_name" 	=> 	"month",
			"description" 	=> 	__( 'just number between 1 to 12 for specific month [ e.g 3 ]', 'countdown' ),
			"group" 		=> 	'Countdown',
        ),

        array(
            "type" 			=> 	"vc_number",
			"heading" 		=> 	__( 'Date', 'countdown' ),
			"param_name" 	=> 	"date",
			"description" 	=> 	__( 'just number between 1 to 30 for specific date', 'countdown' ),
			"group" 		=> 	'Countdown',
        ),
	),
) );

