function extra_assets()
{
//load css
wp_enqueue_style( ‘avia-module-countdown’ , AviaBuilder::$path[‘pluginUrlRoot’].’avia-shortcodes/countdown/countdown.css’ , array(‘avia-layout’), false );

//load js
wp_enqueue_script( ‘avia-module-countdown’ , AviaBuilder::$path[‘pluginUrlRoot’].’avia-shortcodes/countdown/countdown.js’ , array(‘avia-shortcodes’), false, TRUE );
}

/**
* Popup Elements
*
* If this function is defined in a child class the element automatically gets an edit button, that, when pressed
* opens a modal window that allows to edit the element properties
*
* @return void
*/
function popup_elements()
{
$this->elements = array(
array(
“type” => “tab_container”, ‘nodescription’ => true
),

array(
“type” => “tab”,
“name” => __(“Content” , ‘avia_framework’),
‘nodescription’ => true
),

array(
“name” => __(“Date”,’avia_framework’ ),
“desc” => __(“Pick a date in the future.”,’avia_framework’ ),
“id” => “date”,
“type” => “datepicker”,
“container_class” => ‘av_third av_third_first’,
“std” => “”),

array(
“name” => __(“Hour”, ‘avia_framework’ ),
“desc” => __(“Pick the hour of the day”, ‘avia_framework’ ),
“id” => “hour”,
“type” => “select”,
“std” => “12”,
“container_class” => ‘av_third’,
“subtype” => AviaHtmlHelper::number_array(0,23,1,array(),’ h’)),

array(
“name” => __(“Minute”, ‘avia_framework’ ),
“desc” => __(“Pick the minute of the hour”, ‘avia_framework’ ),
“id” => “minute”,
“type” => “select”,
“std” => “0”,
“container_class” => ‘av_third’,
“subtype” => AviaHtmlHelper::number_array(0,59,1,array(),’ min’)),

array(
“name” => __(“Smallest time unit”, ‘avia_framework’ ),
“desc” => __(“The smallest unit that will be displayed”, ‘avia_framework’ ),
“id” => “min”,
“type” => “select”,
“std” => “1”,
“subtype” => $this->time_array),

array(
“name” => __(“Largest time unit”, ‘avia_framework’ ),
“desc” => __(“The largest unit that will be displayed”, ‘avia_framework’ ),
“id” => “max”,
“type” => “select”,
“std” => “5”,
“subtype” => $this->time_array),

array(
“name” => __(“Text Alignment”, ‘avia_framework’ ),
“desc” => __(“Choose here, how to align your text”, ‘avia_framework’ ),
“id” => “align”,
“type” => “select”,
“std” => “center”,
“subtype” => array(
__(‘Center’, ‘avia_framework’ ) =>’av-align-center’,
__(‘Right’, ‘avia_framework’ ) =>’av-align-right’,
__(‘Left’, ‘avia_framework’ ) =>’av-align-left’,
)
),

array( “name” => __(“Number Font Size”, ‘avia_framework’ ),
“desc” => __(“Size of your numbers in Pixel”, ‘avia_framework’ ),
“id” => “size”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(20,90,1, array( __(“Default Size”, ‘avia_framework’ )=>”)),
“std” => “”),

array(
“type” => “close_div”,
‘nodescription’ => true
),

array(
“type” => “tab”,
“name” => __(“Colors”,’avia_framework’ ),
‘nodescription’ => true
),

array(
“name” => __(“Colors”, ‘avia_framework’ ),
“desc” => __(“Choose the colors here”, ‘avia_framework’ ),
“id” => “style”,
“type” => “select”,
“std” => “center”,
“subtype” => array(
__(‘Default’, ‘avia_framework’ ) =>’av-default-style’,
__(‘Theme colors’, ‘avia_framework’ ) =>’av-colored-style’,
__(‘Transparent Light’, ‘avia_framework’ ) =>’av-trans-light-style’,
__(‘Transparent Dark’, ‘avia_framework’ ) =>’av-trans-dark-style’,
)
),
array(
“type” => “close_div”,
‘nodescription’ => true
),

array(
“type” => “tab”,
“name” => __(“Screen Options”,’avia_framework’ ),
‘nodescription’ => true
),

array(
“name” => __(“Element Visibility”,’avia_framework’ ),
“desc” => __(“Set the visibility for this element, based on the device screensize.”, ‘avia_framework’ ),
“type” => “heading”,
“description_class” => “av-builder-note av-neutral”,
),

array(
“desc” => __(“Hide on large screens (wider than 990px – eg: Desktop)”, ‘avia_framework’),
“id” => “av-desktop-hide”,
“std” => “”,
“container_class” => ‘av-multi-checkbox’,
“type” => “checkbox”),

array(

“desc” => __(“Hide on medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’),
“id” => “av-medium-hide”,
“std” => “”,
“container_class” => ‘av-multi-checkbox’,
“type” => “checkbox”),

array(

“desc” => __(“Hide on small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’),
“id” => “av-small-hide”,
“std” => “”,
“container_class” => ‘av-multi-checkbox’,
“type” => “checkbox”),

array(

“desc” => __(“Hide on very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’),
“id” => “av-mini-hide”,
“std” => “”,
“container_class” => ‘av-multi-checkbox’,
“type” => “checkbox”),

array(
“type” => “close_div”,
‘nodescription’ => true
),

array(
“name” => __(“Number Font Size”,’avia_framework’ ),
“desc” => __(“Set the font size for the number, based on the device screensize.”, ‘avia_framework’ ),
“type” => “heading”,
“description_class” => “av-builder-note av-neutral”,
),

array( “name” => __(“Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’ ),
“id” => “av-medium-font-size-title”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>” , __(“Hidden”, ‘avia_framework’ )=>’hidden’ ), “px”),
“std” => “”),

array( “name” => __(“Font Size for small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’ ),
“id” => “av-small-font-size-title”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
“std” => “”),

array( “name” => __(“Font Size for very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’ ),
“id” => “av-mini-font-size-title”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
“std” => “”),

array(
“name” => __(“Text Font Size”,’avia_framework’ ),
“desc” => __(“Set the font size for the text, based on the device screensize.”, ‘avia_framework’ ),
“type” => “heading”,
“description_class” => “av-builder-note av-neutral”,
),

array( “name” => __(“Font Size for medium sized screens (between 768px and 989px – eg: Tablet Landscape)”, ‘avia_framework’ ),
“id” => “av-medium-font-size”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
“std” => “”),

array( “name” => __(“Font Size for small screens (between 480px and 767px – eg: Tablet Portrait)”, ‘avia_framework’ ),
“id” => “av-small-font-size”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
“std” => “”),

array( “name” => __(“Font Size for very small screens (smaller than 479px – eg: Smartphone Portrait)”, ‘avia_framework’ ),
“id” => “av-mini-font-size”,
“type” => “select”,
“subtype” => AviaHtmlHelper::number_array(10,60,1, array( __(“Default”, ‘avia_framework’ )=>”, __(“Hidden”, ‘avia_framework’ )=>’hidden’), “px”),
“std” => “”),

array(
“type” => “close_div”,
‘nodescription’ => true
),
);

}

/**
* Frontend Shortcode Handler
*
* @param array $atts array of attributes
* @param string $content text within enclosing form of shortcode element
* @param string $shortcodename the shortcode found, when == callback name
* @return string $output returns the modified html string
*/
function shortcode_handler($atts, $content = “”, $shortcodename = “”, $meta = “”)
{
extract(AviaHelper::av_mobile_sizes($atts)); //return $av_font_classes, $av_title_font_classes and $av_display_classes
extract(shortcode_atts(array( ‘date’ => ”,
‘hour’ => ’12’,
‘minute’ => ‘0’,
‘min’ => ‘1’,
‘max’ => ‘5’,
‘align’ => ‘center’,
‘size’ => ”,
‘style’ => ‘av-default-style’,
‘link’ => ”,
‘title’ => ”
)
, $atts));

$this->full_time_array = array(

1 => array(“interval” => 1000 , ‘class’=>’seconds’, ‘label’ => __(‘Секунда’, ‘avia_framework’ ), ‘label_multi’ => __(‘Секунды’, ‘avia_framework’)),
2 => array(“interval” => 60000 , ‘class’=>’minutes’, ‘label’ => __(‘Минута’, ‘avia_framework’ ), ‘label_multi’ => __(‘Минуты’, ‘avia_framework’)),
3 => array(“interval” => 3600000 , ‘class’=>’hours’, ‘label’ => __(‘Час’, ‘avia_framework’), ‘label_multi’ => __(‘Часы’, ‘avia_framework’)),
4 => array(“interval” => 86400000 , ‘class’=>’days’, ‘label’ => __(‘День’, ‘avia_framework’ ), ‘label_multi’ => __(‘Дней’, ‘avia_framework’)),
5 => array(“interval” => 604800000 , ‘class’=>’weeks’, ‘label’ => __(‘Неделя’, ‘avia_framework’ ), ‘label_multi’ => __(‘Недель’, ‘avia_framework’)),
6 => array(“interval” => 2678400000 , ‘class’=>’months’, ‘label’ => __(‘Месяц’, ‘avia_framework’ ), ‘label_multi’ => __(‘Месяцев’, ‘avia_framework’)),
7 => array(“interval” => 31536000000 , ‘class’=>’years’, ‘label’ => __(‘Год’, ‘avia_framework’ ), ‘label_multi’ => __(‘Лет’, ‘avia_framework’))

);

$interval = $this->full_time_array[$min][‘interval’];
$final_time = “”;
$output = “”;
$digit_style= “”;
$el = isset($meta[‘el_class’]) ? $meta[‘el_class’] : “”;

if(!empty($date))
{
$date = explode(“/”, $date);

$final_time .= ” data-year='”.$date[2].”‘”;
$final_time .= ” data-month='”.((int) $date[0] – 1).”‘”;
$final_time .= ” data-day='”.$date[1].”‘”;
$final_time .= ” data-hour='”.$hour.”‘”;
$final_time .= ” data-minute='”.$minute.”‘”;

if(!empty($size)) $digit_style = “font-size:{$size}px; “;
$tags = !empty($link) ? array( “a href='{$link}’ “, “a”) : array(‘span’, ‘span’);

$output .= “<div class=’av-countdown-timer {$av_display_classes} {$align} {$style} {$el}’ {$final_time} data-interval='{$interval}’ data-maximum='{$max}’ >”;

if( is_array( $title ) && isset( $title[‘top’] ) )
{
$output .= “<h3><{$tags[0]} class=’av-countdown-timer-title av-countdown-timer-title-top’>”.$title[‘top’].”</{$tags[1]}></h3>”;
}

$output .= “<{$tags[0]} class=’av-countdown-timer-inner’>”;

foreach(array_reverse($this->time_array) as $key => $number)
{
if($number >= $min && $number <= $max)
{
$class = $this->full_time_array[$number][‘class’];
$single = $this->full_time_array[$number][‘label’];
$multi = $this->full_time_array[$number][‘label_multi’];

$output .= “<span class=’av-countdown-cell av-countdown-“. $class .”‘>”;
$output .= “<span class=’av-countdown-cell-inner’>”;

$output .= “<span class=’av-countdown-time {$av_title_font_classes}’ data-upate-width='{$class}’ style='{$digit_style}’>0</span>”;
$output .= “<span class=’av-countdown-time-label {$av_font_classes}’ data-label='{$single}’ data-label-multi='{$multi}’>”.$multi.”</span>”;

$output .= “</span>”;
$output .= “</span>”;
}
}

$output .= “</{$tags[1]}>”;

if( is_array( $title ) && isset( $title[‘bottom’] ) )
{
$output .= “<h3><{$tags[0]} class=’av-countdown-timer-title av-countdown-timer-title-bottom’>”.$title[‘bottom’].”</{$tags[1]}></h3>”;
}

$output .= “</div>”;
}

return $output;
}
}
}