__( 'AT About', 'aakanksha'), 'size' => 'span12', ); //create the widget parent::__construct('as_Timeline_Block', $block_options); //add ajax functions add_action('wp_ajax_as_block_timeline_add_new', array($this, 'add_timeline')); } function form($instance) { $defaults = array( 'timelines' => array( 1 => array( 'title' => 'Add New', 'src_img' => '', 'year' => '2013', 'content' => '', 'duration' => '900', 'delay' => '0', 'animation' => 'None', ) ), 'margin_top' => 10, 'margin_bottom' => 10, ); $instance = wp_parse_args($instance, $defaults); extract($instance); ?>

Margin top px - Margin bottom px

timeline($timeline, $count); $count++; } ?>

Add New

Open / Close

Year

Images Upload

Title

Content
<?php echo $timeline['content'] ?>

Animation style get_field_id('timelines').'-'.$count.'-animation', $this->get_field_name('timelines').'['.$count.'][animation]', $include_animation, $timeline['animation']) ?>

Duration for animation ms(Millisecond) - Time Delay ms(Millisecond)

Delete

'; foreach( $timelines as $timeline ){ $link_img = ''; $color_white =''; $maks_black = ''; if($timeline['src_img']){ $link_img = 'style="background: url('.$timeline['src_img'].') no-repeat center center; width:100%; height:365px; background-size:cover;padding-top: 90px;"'; $color_white = 'class="time-line-color-white"'; $maks_black = '

'; } $animation_effect =''; $duration_effect =''; if($timeline['animation']) $animation_effect = 'animated '.$timeline['animation'].''; if($timeline['duration'] != '' && $timeline['animation'] != '') $duration_effect = 'style="-webkit-animation-duration: '.$timeline['duration'].'ms; -moz-animation-duration: '.$timeline['duration'].'ms; -o-animation-duration: '.$timeline['duration'].'ms;animation-duration: '.$timeline['duration'].'ms; animation-delay:'.$timeline['delay'].'ms; -webkit-animation-delay:'.$timeline['delay'].'ms; -moz-animation-delay:'.$timeline['delay'].'ms;-o-animation-delay:'.$timeline['delay'].'ms;"'; $output .= '

'.$timeline['year'].'

'.$timeline['title'].'

'.$timeline['content'].'

'.$maks_black.'

'; } $output .= ''; echo $output; } /* AJAX add timeline */ function add_timeline() { $nonce = $_POST['security']; if (! wp_verify_nonce($nonce, 'aspb-settings-page-nonce') ) die('-1'); $count = isset($_POST['count']) ? absint($_POST['count']) : false; $this->block_id = isset($_POST['block_id']) ? $_POST['block_id'] : 'as-block-9999'; //default key/value for the timeline $timeline = array( 'title' => 'Add New', 'src_img' => '', 'year' => '2013', 'content' => '', 'duration' => '900', 'delay' => '0', 'animation' => 'None' ); if($count) { $this->timeline($timeline, $count); } else { die(-1); } die(); } function update($new_instance, $old_instance) { $new_instance = as_recursive_sanitize($new_instance); return $new_instance; } function before_block($instance) { extract($instance); echo '

'; } function after_block($instance) { extract($instance); echo'

'; } } as_register_block( 'as_Timeline_Block' ); endif;