' . $post->post_title . '
'; + case 'content' : + return '' . wpautop($post->post_content) . '
';
+ case 'featured' :
+ if(!has_post_thumbnail()) return '';
+ return '' . get_the_post_thumbnail($post->ID) . '
';
+ default :
+ return '';
+ }
+ }
+
+ function update($new, $old){
+ return $new;
+ }
+
+ function form( $instance ) {
+ $instance = wp_parse_args($instance, array(
+ 'type' => 'content',
+ ));
+
+ $types = apply_filters('siteorigin_panels_widget_post_content_types', array(
+ '' => __('None', 'siteorigin-panels'),
+ 'title' => __('Title', 'siteorigin-panels'),
+ 'featured' => __('Featured Image', 'siteorigin-panels'),
+ ));
+
+ ?>
+ + + +
+ __( 'Displays a post loop.', 'siteorigin-panels' ), + ) + ); + } + + /** + * @param array $args + * @param array $instance + */ + function widget( $args, $instance ) { + if( empty( $instance['template'] ) ) return; + if( is_admin() ) return; + + $template = $instance['template']; + $query_args = $instance; + unset($query_args['template']); + unset($query_args['additional']); + unset($query_args['sticky']); + unset($query_args['title']); + + $query_args = wp_parse_args($instance['additional'], $query_args); + + global $wp_rewrite; + + if( $wp_rewrite->using_permalinks() ) { + + if( get_query_var('paged') ) { + // When the widget appears on a sub page. + $query_args['paged'] = get_query_var('paged'); + } + elseif( strpos( $_SERVER['REQUEST_URI'], '/page/' ) !== false ) { + // When the widget appears on the home page. + preg_match('/\/page\/([0-9]+)\//', $_SERVER['REQUEST_URI'], $matches); + if(!empty($matches[1])) $query_args['paged'] = intval($matches[1]); + else $query_args['paged'] = 1; + } + else $query_args['paged'] = 1; + } + else { + // Get current page number when we're not using permalinks + $query_args['paged'] = isset($_GET['paged']) ? intval($_GET['paged']) : 1; + } + + switch($instance['sticky']){ + case 'ignore' : + $query_args['ignore_sticky_posts'] = 1; + break; + case 'only' : + $query_args['post__in'] = get_option( 'sticky_posts' ); + break; + case 'exclude' : + $query_args['post__not_in'] = get_option( 'sticky_posts' ); + break; + } + + // Exclude the current post to prevent possible infinite loop + + global $siteorigin_panels_current_post; + + if( !empty($siteorigin_panels_current_post) ){ + if(!empty($query_args['post__not_in'])){ + $query_args['post__not_in'][] = $siteorigin_panels_current_post; + } + else { + $query_args['post__not_in'] = array( $siteorigin_panels_current_post ); + } + } + + if( !empty($query_args['post__in']) && !is_array($query_args['post__in']) ) { + $query_args['post__in'] = explode(',', $query_args['post__in']); + $query_args['post__in'] = array_map('intval', $query_args['post__in']); + } + + // Create the query + query_posts($query_args); + echo $args['before_widget']; + + // Filter the title + $instance['title'] = apply_filters('widget_title', $instance['title'], $instance, $this->id_base); + if ( !empty( $instance['title'] ) ) { + echo $args['before_title'] . $instance['title'] . $args['after_title']; + } + + add_filter( 'siteorigin_panels_filter_content_enabled', array( 'SiteOrigin_Panels_Widgets_PostLoop', 'remove_content_filter' ) ); + + global $more; $old_more = $more; $more = empty($instance['more']); + + if(strpos('/'.$instance['template'], '/content') !== false) { + while( have_posts() ) { + the_post(); + locate_template($instance['template'], true, false); + } + } + else { + locate_template($instance['template'], true, false); + } + + $more = $old_more; + remove_filter( 'siteorigin_panels_filter_content_enabled', array( 'SiteOrigin_Panels_Widgets_PostLoop', 'remove_content_filter' ) ); + + echo $args['after_widget']; + + // Reset everything + wp_reset_query(); + } + + /** + * @return bool + */ + static function remove_content_filter(){ + return false; + } + + /** + * Update the widget + * + * @param array $new + * @param array $old + * @return array + */ + function update($new, $old){ + $new['more'] = !empty( $new['more'] ); + return $new; + } + + /** + * Get all the existing files + * + * @return array + */ + function get_loop_templates(){ + $templates = array(); + + $template_files = array( + 'loop*.php', + '*/loop*.php', + 'content*.php', + '*/content*.php', + ); + + $template_dirs = array(get_template_directory(), get_stylesheet_directory()); + $template_dirs = array_unique($template_dirs); + foreach($template_dirs as $dir ){ + foreach($template_files as $template_file) { + foreach((array) glob($dir.'/'.$template_file) as $file) { + if( file_exists( $file ) ) $templates[] = str_replace($dir.'/', '', $file); + } + } + } + + $templates = array_unique($templates); + $templates = apply_filters('siteorigin_panels_postloop_templates', $templates); + sort($templates); + + return $templates; + } + + /** + * Display the form for the post loop. + * + * @param array $instance + * @return string|void + */ + function form( $instance ) { + $instance = wp_parse_args($instance, array( + 'title' => '', + 'template' => 'loop.php', + + // Query args + 'post_type' => 'post', + 'posts_per_page' => '', + + 'order' => 'DESC', + 'orderby' => 'date', + + 'sticky' => '', + + 'additional' => '', + 'more' => false, + )); + + $templates = $this->get_loop_templates(); + if( empty($templates) ) { + ?> true)); + $post_types = array_values($post_types); + $post_types = array_diff($post_types, array('attachment', 'revision', 'nav_menu_item')); + + ?> ++ + +
++ + +
++ + +
+ ++ + +
+ ++ + +
+ ++ + +
+ ++ + +
+ +
+
+ />
+
+
+ + + query_posts.', 'siteorigin-panels'), 'http://codex.wordpress.org/Function_Reference/query_posts') ?> +
+ + \ + .fluid-width-video-wrapper { \ + width: 100%; \ + position: relative; \ + padding: 0; \ + } \ + \ + .fluid-width-video-wrapper iframe, \ + .fluid-width-video-wrapper object, \ + .fluid-width-video-wrapper embed { \ + position: absolute; \ + top: 0; \ + left: 0; \ + width: 100%; \ + height: 100%; \ + } \ + '; + + ref.parentNode.insertBefore(div,ref); + + } + + if ( options ) { + $.extend( settings, options ); + } + + return this.each(function(){ + var selectors = [ + "iframe[src*='player.vimeo.com']", + "iframe[src*='youtube.com']", + "iframe[src*='youtube-nocookie.com']", + "iframe[src*='kickstarter.com'][src*='video.html']", + "object", + "embed" + ]; + + if (settings.customSelector) { + selectors.push(settings.customSelector); + } + + var $allVideos = $(this).find(selectors.join(',')); + $allVideos = $allVideos.not("object object"); // SwfObj conflict patch + + $allVideos.each(function(){ + var $this = $(this); + if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; } + var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(), + width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(), + aspectRatio = height / width; + if(!$this.attr('id')){ + var videoID = 'fitvid' + Math.floor(Math.random()*999999); + $this.attr('id', videoID); + } + $this.wrap('').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+"%"); + $this.removeAttr('height').removeAttr('width'); + }); + }); + }; +})( jQuery ); diff --git a/widgets/less/functions.php b/widgets/less/functions.php new file mode 100644 index 000000000..73bd7bf59 --- /dev/null +++ b/widgets/less/functions.php @@ -0,0 +1,93 @@ +lum += $a2_value/100; + else $color->lum -= $a2_value/100; + + return array('raw_color', $color->hex); +} + +function origin_widgets_less_lumlighten($args){ + return origin_widgets_less_lum_change($args, 'lighten'); +} + +function origin_widgets_less_lumdarken($args){ + return origin_widgets_less_lum_change($args, 'darken'); +} + +/** + * Less handler function for texture function + * + * @param $texture + * @return string + */ +function origin_widgets_less_texture($texture){ + if($texture[0] != 'list') return ''; + + $return = ''; + foreach($texture[2] as $arg) { + if($arg[0] == 'keyword') { + $t = $arg[1]; + if($t == 'none') continue; + foreach(SiteOrigin_Panels_Widget::get_image_folders() as $folder => $folder_url) { + if(file_exists($folder.'/textures/'.$t.'.png')) { + $return .= 'url('.esc_url($folder_url.'/textures/'.$t.'.png').') repeat '; + break; + } + } + } + elseif($arg[0] == 'raw_color') { + $return .= $arg[1].' '; + } + } + return trim($return); +} + +/** + * Less handler function for widgetimage function + * + * @param $url + * @return string + */ +function origin_widgets_less_widgetimage($url){ + $the_url = ''; + foreach($url[2] as $p){ + if(is_string($p)){ + $the_url .= $p; + } + elseif(is_array($p)){ + $the_url .= $p[1]; + } + } + + // Search for the appropriate image + $return_url = ''; + foreach(SiteOrigin_Panels_Widget::get_image_folders() as $folder => $folder_url) { + if(file_exists($folder.'/'.$the_url)) { + $return_url = $folder_url.'/'.$the_url; + } + } + + if ( is_ssl() ) { + $return_url = str_replace('http://', 'https://', $return_url); + } + + return $return_url; +} \ No newline at end of file diff --git a/widgets/less/mixins.less b/widgets/less/mixins.less new file mode 100755 index 000000000..311b74a1b --- /dev/null +++ b/widgets/less/mixins.less @@ -0,0 +1,183 @@ +.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { + background: @color; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); + background: -ms-linear-gradient(bottom,@start,@stop); + background: -moz-linear-gradient(center bottom,@start 0%,@stop 100%); + background: -o-linear-gradient(@stop,@start); +} + +.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { + background: @color; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(@start,@start,@start)), color-stop(1, rgb(@stop,@stop,@stop))); + background: -ms-linear-gradient(bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); + background: -moz-linear-gradient(center bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); + background: -o-linear-gradient(rgb(@stop,@stop,@stop), rgb(@start,@start,@start)); + background: linear-gradient(rgb(@stop,@stop,@stop), rgb(@start,@start,@start)); +} + +.linear-gradient(@color, @gradient) { + background: @color; + background: -moz-linear-gradient(@gradient); + background: -webkit-linear-gradient(@gradient); + background: -o-linear-gradient(@gradient); + background: -ms-linear-gradient(@gradient); + background: linear-gradient(@gradient); +} + +.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) { + border-top: solid 1px @top-color; + border-left: solid 1px @left-color; + border-right: solid 1px @right-color; + border-bottom: solid 1px @bottom-color; +} + +.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) { + -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); + box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha); +} + +.box-shadow(@shadow) { + -webkit-box-shadow: @shadow; + -moz-box-shadow: @shadow; + box-shadow: @shadow; +} + +.rounded(@radius: 2px) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + border-radius: @radius; +} + +.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) { + -webkit-border-top-right-radius: @topright; + -webkit-border-bottom-right-radius: @bottomright; + -webkit-border-bottom-left-radius: @bottomleft; + -webkit-border-top-left-radius: @topleft; + -moz-border-radius-topright: @topright; + -moz-border-radius-bottomright: @bottomright; + -moz-border-radius-bottomleft: @bottomleft; + -moz-border-radius-topleft: @topleft; + border-top-right-radius: @topright; + border-bottom-right-radius: @bottomright; + border-bottom-left-radius: @bottomleft; + border-top-left-radius: @topleft; + .background-clip(padding-box); +} + +.opacity(@opacity: 0.5) { + -moz-opacity: @opacity; + -khtml-opacity: @opacity; + -webkit-opacity: @opacity; + opacity: @opacity; + @opperc: @opacity * 100; + -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})"; + filter: ~"alpha(opacity=@{opperc})"; +} + +.transition-duration(@duration: 0.2s) { + -moz-transition-duration: @duration; + -webkit-transition-duration: @duration; + -o-transition-duration: @duration; + transition-duration: @duration; +} + +.transform(...) { + -webkit-transform: @arguments; + -moz-transform: @arguments; + -o-transform: @arguments; + -ms-transform: @arguments; + transform: @arguments; +} + +.rotation(@deg:5deg) { + .transform(rotate(@deg)); +} + +.scale(@ratio:1.5) { + .transform(scale(@ratio)); +} + +.transition(@duration:0.2s, @on: all, @ease:ease) { + -webkit-transition: @on @duration @ease; + -moz-transition: @on @duration @ease; + -o-transition: @on @duration @ease; + transition: @on @duration @ease; +} + +.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) { + -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); + box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha); +} + +.box-sizing(@sizing: border-box) { + -ms-box-sizing: @sizing; + -moz-box-sizing: @sizing; + -webkit-box-sizing: @sizing; + box-sizing: @sizing; +} + +.user-select(@argument: none) { + -webkit-user-select: @argument; + -moz-user-select: @argument; + -ms-user-select: @argument; + user-select: @argument; +} + +.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) { + -moz-column-width: @colwidth; + -moz-column-count: @colcount; + -moz-column-gap: @colgap; + -moz-column-rule-color: @columnRuleColor; + -moz-column-rule-style: @columnRuleStyle; + -moz-column-rule-width: @columnRuleWidth; + -webkit-column-width: @colwidth; + -webkit-column-count: @colcount; + -webkit-column-gap: @colgap; + -webkit-column-rule-color: @columnRuleColor; + -webkit-column-rule-style: @columnRuleStyle; + -webkit-column-rule-width: @columnRuleWidth; + column-width: @colwidth; + column-count: @colcount; + column-gap: @colgap; + column-rule-color: @columnRuleColor; + column-rule-style: @columnRuleStyle; + column-rule-width: @columnRuleWidth; +} + +.translate(@x:0, @y:0) { + .transform(translate(@x, @y)); +} + +.background-clip(@argument: padding-box) { + -moz-background-clip: @argument; + -webkit-background-clip: @argument; + background-clip: @argument; +} + +.clearfix() { + zoom: 1; + &:before { + content: ''; + display: block; + } + &:after { + content: ''; + display: table; + clear: both; + } +} + +.button-style(@base_color, @bg_var: 3.5, @border_darken: 18, @border_var: 4) { + @gradient_start: lumdarken(@base_color, @bg_var); + @gradient_end: lumlighten(@base_color, @bg_var); + + @border_color: lumdarken(@base_color, @border_darken); + + @border_top: lumlighten(@border_color, @border_var ); + @border_bottom: lumdarken(@border_color, @border_var ); + + .gradient(@base_color, @gradient_start, @gradient_end); + .bordered(@border_top, @border_color, @border_bottom, @border_color); +} \ No newline at end of file diff --git a/widgets/lib/color.php b/widgets/lib/color.php new file mode 100644 index 000000000..45c179b50 --- /dev/null +++ b/widgets/lib/color.php @@ -0,0 +1,474 @@ +> 0x10); + $rgb[1] = 0xFF & ($color_val >> 0x8); + $rgb[2] = 0xFF & $color_val; + } + elseif (strlen($hex) == 3) { //if shorthand notation, need some string manipulations + $rgb[0] = hexdec(str_repeat(substr($hex, 0, 1), 2)); + $rgb[1] = hexdec(str_repeat(substr($hex, 1, 1), 2)); + $rgb[2] = hexdec(str_repeat(substr($hex, 2, 1), 2)); + } + else { + throw new Exception('Invalid hex color'); + } + + foreach($rgb as $i => $p) $rgb[$i] = self::maxmin(round($p),0,255); + return $rgb; + } + + /** + * Convert RGB to HEX + */ + public static function rgb2hex($rgb){ + $hex = '#'; + foreach($rgb as $p){ + $p = base_convert($p,10,16); + $p = str_pad($p,2,'0',STR_PAD_LEFT); + $hex .= $p; + } + return strtoupper($hex); + } + + /** + * Convert a HSV color to an RGB color. + * + * @param array $hsv HSV array with values 0-1 + */ + public static function hsv2rgb ($hsv) + { + // The return RGB value + $rgb = array(); + + if($hsv[1] == 0){ + $rgb = array_fill(0,3,$hsv[2] * 255); + } + else{ + // Break hue into 6 possible segments + $hue = $hsv[0] * 6; + $hue_range = floor( $hue ); + + $v = array( + $hsv[2] * ( 1 - $hsv[1] ), + $hsv[2] * ( 1 - $hsv[1] * ( $hue - $hue_range ) ), + $hsv[2] * (1 - $hsv[1] * (1 - ($hue-$hue_range))) + ); + + switch($hue_range){ + case 0: + $rgb[0] = $hsv[2]; $rgb[1] = $v[2]; $rgb[2] = $v[0]; + break; + case 1: + $rgb[0] = $v[1]; $rgb[1] = $hsv[2]; $rgb[2] = $v[0]; + break; + case 2: + $rgb[0] = $v[0]; $rgb[1] = $hsv[2]; $rgb[2] = $v[2]; + break; + case 3: + $rgb[0] = $v[0]; $rgb[1] = $v[1]; $rgb[2] = $hsv[2]; + break; + case 4: + $rgb[0] = $v[2]; $rgb[1] = $v[0]; $rgb[2] = $hsv[2]; + break; + default : + $rgb[0] = $hsv[2]; $rgb[1] = $v[0]; $rgb[2] = $v[1]; + break; + } + + $rgb[0] = round($rgb[0] * 255); + $rgb[1] = round($rgb[1] * 255); + $rgb[2] = round($rgb[2] * 255); + } + + // Make sure the parts are in the proper range + foreach($rgb as $i => $p) $rgb[$i] = self::maxmin(round($p),0,255); + return $rgb; + } + + /** + * Converts an RGB color to an XYZ color. + * + * @param array $color The input color. Values from 0-255. + */ + public static function rgb2xyz(array $rgb) + { + foreach($rgb as $i => $c) $rgb[$i] /= 255; + + foreach($rgb as $i => $c){ + if ($c > 0.04045){ $rgb[$i] = pow(($c + 0.055) / 1.055, 2.4); } + else { $rgb[$i] = $c / 12.92; } + + $rgb[$i] = $rgb[$i] * 100; + } + + //Observer. = 2¡, Illuminant = D65 + $xyz = array(0,0,0); + $xyz[0] = $rgb[0] * 0.4124 + $rgb[1] * 0.3576 + $rgb[2] * 0.1805; + $xyz[1] = $rgb[0] * 0.2126 + $rgb[1] * 0.7152 + $rgb[2] * 0.0722; + $xyz[2] = $rgb[0] * 0.0193 + $rgb[1] * 0.1192 + $rgb[2] * 0.9505; + + return $xyz; + } + + /** + * Convert a RGB color to a HSV color + * + * @param array $rgb RGB array with values 0-255 + */ + public static function rgb2hsv ($rgb) + { + $rgb = self::rgb($rgb); + + $rgb[0] = ($rgb[0] / 255); + $rgb[1] = ($rgb[1] / 255); + $rgb[2] = ($rgb[2] / 255); + + $min = min($rgb[0], $rgb[1], $rgb[2]); + $max = max($rgb[0], $rgb[1], $rgb[2]); + $del_max = $max - $min; + + $hsv = array(0,0,$max); + + if ($del_max != 0){ + $hsv[1] = $del_max / $max; + + $del_r = ( ( ( $del_max - $rgb[0] ) / 6 ) + ( $del_max / 2 ) ) / $del_max; + $del_g = ( ( ( $del_max - $rgb[1] ) / 6 ) + ( $del_max / 2 ) ) / $del_max; + $del_b = ( ( ( $del_max - $rgb[2] ) / 6 ) + ( $del_max / 2 ) ) / $del_max; + + if ($rgb[0] == $max) $hsv[0] = $del_b - $del_g; + else if ($rgb[1] == $max) $hsv[0] = ( 1 / 3 ) + $del_r - $del_b; + else if ($rgb[2] == $max) $hsv[0] = ( 2 / 3 ) + $del_g - $del_r; + + if ($hsv[0] < 0) $hsv[0]++; + if ($hsv[0] > 1) $hsv[0]--; + } + + return $hsv; + } + + /** + * Converts a LAB color into RGB + */ + public static function lab2xyz(array $lab) + { + foreach($lab as $i => $c) $lab[$i] *= 100; + + // Observer= 2¡, Illuminant= D65 + $REF_X = 95.047; + $REF_Y = 100.000; + $REF_Z = 108.883; + + $xyz = array(); + + $xyz[1] = ($lab[0] + 16) / 116; + $xyz[0] = $lab[1] / 500 + $xyz[1]; + $xyz[2] = $xyz[1] - $lab[2] / 200; + + foreach($xyz as $i => $c){ + if ( pow( $c , 3 ) > 0.008856 ) { $xyz[$i] = pow( $c , 3 ); } + else { $xyz[$i] = ( $c - 16 / 116 ) / 7.787; } + } + + $xyz[0] *= $REF_X; + $xyz[1] *= $REF_Y; + $xyz[2] *= $REF_Z; + + return $xyz; + } + + + /** + * Convert XYZ color to a LAB color + */ + public static function xyz2lab(array $xyz) + { + // Observer= 2¡, Illuminant= D65 + $REF_X = 95.047; + $REF_Y = 100.000; + $REF_Z = 108.883; + + $xyz[0] = $xyz[0] / $REF_X; + $xyz[1] = $xyz[1] / $REF_Y; + $xyz[2] = $xyz[2] / $REF_Z; + + foreach($xyz as $i => $c){ + if ($c > 0.008856 ) { $xyz[$i] = pow( $c , 1/3 ); } + else { $xyz[$i] = ( 7.787 * $c ) + ( 16/116 ); } + } + + $lab = array(); + $lab[0] = ( 116 * $xyz[1] ) - 16; + $lab[1] = 500 * ( $xyz[0] - $xyz[1] ); + $lab[2] = 200 * ( $xyz[1] - $xyz[2] ); + + foreach($lab as $i => $c) $lab[$i] /= 100; + + return $lab; + } + + /** + * Convert an XYZ color to an RGB color + */ + public static function xyz2rgb($xyz) + { + // (Observer = 2¡, Illuminant = D65) + $xyz[0] /= 100; //X from 0 to 95.047 + $xyz[1] /= 100; //Y from 0 to 100.000 + $xyz[2] /= 100; //Z from 0 to 108.883 + + $rgb = array(); + + $rgb[0] = $xyz[0] * 3.2406 + $xyz[1] * -1.5372 + $xyz[2] * -0.4986; + $rgb[1] = $xyz[0] * -0.9689 + $xyz[1] * 1.8758 + $xyz[2] * 0.0415; + $rgb[2] = $xyz[0] * 0.0557 + $xyz[1] * -0.2040 + $xyz[2] * 1.0570; + + foreach($rgb as $i => $c){ + if ( $c > 0.0031308 ) { $rgb[$i] = 1.055 * pow( $c , ( 1 / 2.4 ) ) - 0.055; } + else { $rgb[$i] = 12.92 * $c; } + } + + $rgb[0] = round(min(max($rgb[0],0),1) * 255); + $rgb[1] = round(min(max($rgb[1],0),1) * 255); + $rgb[2] = round(min(max($rgb[2],0),1) * 255); + + return $rgb; + } + + // Combine the primary functions to create all 6 conversion functions + + /** + * Convert an RGB color to a LAB color. + */ + public static function rgb2lab($rgb) + { + $xyx = self::rgb2xyz(self::rgb($rgb)); + return self::xyz2lab($xyx); + } + + /** + * Convert a LAB color to a + */ + public static function lab2rgb($lab) + { + $xyx = self::lab2xyz($lab); + return self::xyz2rgb($xyx); + } + + /** + * Convert a LAB color to HSV + */ + public static function lab2hsv($lab) + { + $rgb = self::lab2rgb($lab); + return self::rgb2hsv($rgb); + } + + /** + * Convert an HSV color to LAB + */ + public static function hsv2lab($hsv) + { + $rgb = self::hsv2rgb($hsv); + return self::rgb2lab($rgb); + } + + /** + * Makes sure that the given value falls inside a range. + */ + public static function maxmin($i, $min, $max){ + return min(max($i,$min),$max); + } + + public static function float2hex($float){ + $hsv = array( + 0, + 0, + $float + ); + + return self::rgb2hex(self::hsv2rgb($hsv)); + } +} + +/** + * A color conversions class. Of course, you really spell it colour. Color conversion based on algorithms form EasyRGB'; + + switch($field_args['type']) { + case 'text' : + ?>/> + + '.esc_html($field_args['description']).''; + + ?>
widget_options['default_style']) ? $this->widget_options['default_style'] : false; + } + + do_action('siteorigin_panels_widget_before_styles', $this, $instance); + + // Now, lets add the style options. + $styles = $this->get_styles(); + if( !empty( $styles ) ) { + ?> ++ + +
+ sub_widgets as $id => $sub) { + global $wp_widget_factory; + $the_widget = $wp_widget_factory->widgets[$sub[1]]; + + if(!isset($instance['origin_style_'.$id])) $instance['origin_style_'.$id] = !empty($this->widget_options['default_style_'.$id]) ? $this->widget_options['default_style_'.$id] : false; + + ?> ++ + +
+ form_args as $field_id => $field_args) { + if(isset($field_args['default']) && !isset($instance[$field_id])) { + $instance[$field_id] = $field_args['default']; + } + if(!isset($instance[$field_id])) $instance[$field_id] = false; + } + + // Filter the title + if(!empty($instance['title'])) { + $instance['title'] = apply_filters('widget_title', $instance['title'], $instance, $this->id_base); + } + + if(!empty($instance['origin_style'])) { + list($style, $preset) = explode(':', $instance['origin_style']); + $style = sanitize_file_name($style); + $preset = sanitize_file_name($preset); + + $data = $this->get_style_data($style); + $template = $data['Template']; + } + else { + $style = 'default'; + $preset = 'default'; + } + + if(empty($template)) $template = 'default'; + + $template_file = false; + $paths = $this->get_widget_paths(); + + foreach($paths as $path) { + if(file_exists($path.'/'.$this->origin_id.'/tpl/'.$template.'.php')) { + $template_file = $path.'/'.$this->origin_id.'/tpl/'.$template.'.php'; + break; + } + } + if(empty($template_file)) { + echo $args['before_widget']; + echo 'Template not found'; + echo $args['after_widget']; + return false; + } + + // Dynamically generate the CSS + if(!empty($instance['origin_style'])) { + $filename = $this->origin_id.'-'.$style.'-'.$preset; + if(siteorigin_panels_setting('inline-css')) { + static $inlined_css = array(); + if(empty($inlined_css[$filename])) { + $inlined_css[$filename] = true; + ?> get_class($this), + 'style' => $style, + 'preset' => $preset, + ), site_url('?action=origin_widgets_css') ), array(), SITEORIGIN_PANELS_VERSION ); + } + } + + if(method_exists($this, 'enqueue_scripts')) { + $this->enqueue_scripts(); + } + + $widget_classes = apply_filters('siteorigin_widgets_classes', array( + 'origin-widget', + 'origin-widget-'.$this->origin_id, + 'origin-widget-'.$this->origin_id.'-'. $style .'-' . $preset, + ), $instance); + + if(method_exists($this, 'widget_classes')) { + $widget_classes = $this->widget_classes(array( + 'origin-widget', + 'origin-widget-'.$this->origin_id, + 'origin-widget-'.$this->origin_id.'-'. $style .'-' . $preset, + ), $instance); + } + + echo $args['before_widget']; + echo ''; + echo $args['after_widget']; + } + + //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// + // Extra functions specific to a SiteOrigin widget. + //////////////////////////////////////////////////////////////////////////////////////////////////////////////////// + + /** + * A sub widget is a widget that's style is required by this widget + * + * @param $id + * @param $instance + */ + function sub_widget($id, $instance){ + $sub = $this->sub_widgets[$id]; + global $wp_widget_factory; + $the_widget = $wp_widget_factory->widgets[$sub[1]]; + $the_widget->widget(array('before_widget' => '', 'after_widget' => ''), $instance); + } + + /** + * Get the CSS for the given style and preset + * + * @param $style + * @param $preset + * @return string + */ + function create_css($style, $preset) { + $paths = $this->get_widget_paths(); + $style_file = false; + + // Find the file - exit if it can't be found. + foreach($paths as $path) { + if(file_exists($path.'/'.$this->origin_id.'/styles/'.$style.'.less')) { + $style_file = $path.'/'.$this->origin_id.'/styles/'.$style.'.less'; + break; + } + } + if(empty($style_file)) return ''; + + if( !class_exists('lessc') ) include plugin_dir_path(__FILE__) . 'lib/lessc.inc.php'; + + foreach($this->get_widget_folders() as $folder => $folder_url) { + $filename = rtrim($folder, '/') . '/' . $this->origin_id.'/styles/'.$style.'.less'; + if(file_exists($filename)) { + $less = file_get_contents($filename); + break; + } + } + // Add in the mixins + $less = str_replace( + '@import "../../../less/mixins";', + "\n\n".file_get_contents(plugin_dir_path(__FILE__).'less/mixins.less'), + $less + ); + + // Apply the preset variables to the LESS file + $presets = $this->get_style_presets($style); + if(!empty($presets[$preset]) && is_array($presets[$preset])){ + foreach($presets[$preset] as $k => $v) { + $less = preg_replace('/@'.preg_quote($k).':(.*);/', '@'.$k.': '.$v.';', $less); + } + } + + // Scope the CSS with the wrapper we'll be adding + $less = '.origin-widget.origin-widget-'.$this->origin_id.'-'.$style.'-'.$preset.' {' . $less . '}'; + $lc = new lessc(); + $lc->setPreserveComments(false); + + $lc->registerFunction('lumlighten', 'origin_widgets_less_lumlighten'); + $lc->registerFunction('lumdarken', 'origin_widgets_less_lumdarken'); + $lc->registerFunction('texture', 'origin_widgets_less_texture'); + $lc->registerFunction('widgetimage', 'origin_widgets_less_widgetimage'); + + // Create the CSS + return $lc->compile($less); + } + + /** + * Removes a CSS file + * + * @param $style + * @param $preset + */ + function clear_css_cache($style, $preset){ + $filename = $this->origin_id.'-'.$style.'-'.$preset; + delete_site_transient('origin_widgets_css_cache:'.$filename); + } + + /** + * Get all the paths where we'll look for widgets. + * + * @return array + */ + function get_widget_paths(){ + static $paths = array(); + + if(empty($paths)) { + $paths = array_keys($this->get_widget_folders()); + } + + return $paths; + } + + /** + * Get all the folders where we'll look for widgets + * + * @return mixed|void + */ + static function get_widget_folders(){ + static $folders = array(); + + if(empty($folders)) { + $folders = array( + get_stylesheet_directory().'/widgets' => get_stylesheet_directory_uri().'/widgets/widgets', + get_template_directory().'/widgets' => get_template_directory_uri().'/widgets', + plugin_dir_path(SITEORIGIN_PANELS_BASE_FILE).'widgets/widgets' => plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'widgets/widgets', + ); + $folders = apply_filters('siteorigin_widget_folders', $folders); + } + + return $folders; + } + + /** + * Get all the folders where we'll look for widget images + * + * @return mixed|void + */ + static function get_image_folders(){ + static $folders = array(); + if(empty($folders)) { + $folders = array( + get_stylesheet_directory().'/widgets/img' => get_stylesheet_directory_uri().'/widgets/img', + get_template_directory().'/widgets/img' => get_template_directory_uri().'/widgets/img', + plugin_dir_path(SITEORIGIN_PANELS_BASE_FILE).'widgets/img' => plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'widgets/img', + ); + $folders = apply_filters('siteorigin_widget_image_folders', $folders); + } + + return $folders; + } + + /** + * Get all the styles for this widget. + * + * @return array + */ + public function get_styles(){ + if( empty( $this->styles ) ) { + // We can add extra paths here + foreach($this->get_widget_paths() as $path) { + if(!is_dir($path)) continue; + + $files = glob($path.'/'.$this->origin_id.'/styles/*.less'); + if(!empty($files)) { + foreach(glob($path.'/'.$this->origin_id.'/styles/*.less') as $file) { + $p = pathinfo($file); + $this->styles[$p['filename']] = $this->get_style_data($p['filename']); + } + } + } + } + + return $this->styles; + } + + /** + * Get the presets for a given style + * + * @param $style_id + * @return mixed|void + */ + public function get_style_presets($style_id) { + + $presets = array(); + + foreach($this->get_widget_folders() as $folder => $folder_uri) { + $filename = rtrim($folder, '/') . '/' . $this->origin_id.'/presets/'.sanitize_file_name($style_id).'.php'; + + if(file_exists($filename)) { + // This file should register a filter that adds the presets + $new_presets = include($filename); + $presets = array_merge($presets, $new_presets); + } + } + + + return apply_filters('origin_widget_presets_'.$this->origin_id.'_'.$style_id, $presets); + } + + /** + * Get data for the style. + * + * @param $name + * @return array + */ + public function get_style_data($name) { + $paths = $this->get_widget_paths(); + + foreach($paths as $path) { + $filename = $path.'/'.$this->origin_id.'/styles/'.sanitize_file_name($name).'.less'; + if(!file_exists($filename)) continue; + + $data = get_file_data($filename, array( + 'Name' => 'Name', + 'Template' => 'Template', + 'Author' => 'Author', + 'Author URI' => 'Author URI', + ), 'origin_widget'); + return $data; + } + return false; + } + + /** + * Render a demo of the widget. + * + * @param array $args + */ + function render_demo($args = array()){ + $this->widget($args, $this->demo); + } + + /** + * Register a widget that we'll be using inside this widget. + * + * @param $id + * @param $name + * @param $class + */ + function add_sub_widget($id, $name, $class){ + $this->sub_widgets[$id] = array($name, $class); + } + + /** + * Add the fields required to query the posts. + */ + function add_post_query_fields(){ + // Add the posts type field + $post_types = get_post_types(array('public' => true)); + $post_types = array_values($post_types); + $this->form_args['query_post_type'] = array( + 'type' => 'select', + 'options' => $post_types, + 'label' => __('Post Type', 'siteorigin-panels') + ); + + // Add the posts per page field + $this->form_args['query_posts_per_page'] = array( + 'type' => 'number', + 'default' => 10, + 'label' => __('Posts Per Page', 'siteorigin-panels'), + ); + + $this->form_args['query_orderby'] = array( + 'type' => 'select', + 'label' => __('Order By', 'siteorigin-panels'), + 'options' => array( + 'none' => __('None', 'siteorigin-panels'), + 'ID' => __('Post ID', 'siteorigin-panels'), + 'author' => __('Author', 'siteorigin-panels'), + 'name' => __('Name', 'siteorigin-panels'), + 'name' => __('Name', 'siteorigin-panels'), + 'date' => __('Date', 'siteorigin-panels'), + 'modified' => __('Modified', 'siteorigin-panels'), + 'parent' => __('Parent', 'siteorigin-panels'), + 'rand' => __('Random', 'siteorigin-panels'), + 'comment_count' => __('Comment Count', 'siteorigin-panels'), + 'menu_order' => __('Menu Order', 'siteorigin-panels'), + ) + ); + + $this->form_args['query_order'] = array( + 'type' => 'select', + 'label' => __('Order', 'siteorigin-panels'), + 'options' => array( + 'ASC' => __('Ascending', 'siteorigin-panels'), + 'DESC' => __('Descending', 'siteorigin-panels'), + ) + ); + + $this->form_args['query_sticky'] = array( + 'type' => 'select', + 'label' => __('Sticky Posts', 'siteorigin-panels'), + 'options' => array( + '' => __('Default', 'siteorigin-panels'), + 'ignore' => __('Ignore Sticky', 'siteorigin-panels'), + 'exclude' => __('Exclude Sticky', 'siteorigin-panels'), + 'only' => __('Only Sticky', 'siteorigin-panels'), + ) + ); + + $this->form_args['query_additional'] = array( + 'type' => 'text', + 'label' => __('Additional Arguments', 'siteorigin-panels'), + 'description' => sprintf(__('Additional query arguments. See query_posts.', 'siteorigin-panels'), 'http://codex.wordpress.org/Function_Reference/query_posts'), + ); + } + + /** + * Get all the posts for the current query + * + * @param $instance + * @return WP_Query + */ + static function get_query_posts($instance) { + $query_args = array(); + foreach($instance as $k => $v){ + if(strpos($k, 'query_') === 0) { + $query_args[preg_replace('/query_/', '', $k, 1)] = $v; + } + } + $query = $query_args; + unset($query['additional']); + unset($query['sticky']); + + // Add the additional arguments + $query = wp_parse_args($query_args['additional'], $query); + + // Add the sticky posts if required + switch($query_args['sticky']){ + case 'ignore' : + $query['ignore_sticky_posts'] = 1; + break; + case 'only' : + $query['post__in'] = get_option( 'sticky_posts' ); + break; + case 'exclude' : + $query['post__not_in'] = get_option( 'sticky_posts' ); + break; + } + + // Add the current page + global $wp_query; + $query['paged'] = $wp_query->get('paged'); + + return new WP_Query($query); + } +} + +// All the standard bundled widgets + +/** + * A gallery widget + * + * Class SiteOrigin_Panels_Widgets_Gallery + */ +class SiteOrigin_Panels_Widgets_Gallery extends WP_Widget { + function __construct() { + parent::__construct( + 'siteorigin-panels-gallery', + __( 'Gallery (PB)', 'siteorigin-panels' ), + array( + 'description' => __( 'Displays a gallery.', 'siteorigin-panels' ), + ) + ); + } + + function widget( $args, $instance ) { + echo $args['before_widget']; + + $shortcode_attr = array(); + foreach($instance as $k => $v){ + if(empty($v)) continue; + $shortcode_attr[] = $k.'="'.esc_attr($v).'"'; + } + + echo do_shortcode('[gallery '.implode(' ', $shortcode_attr).']'); + + echo $args['after_widget']; + } + + function update( $new, $old ) { + return $new; + } + + function form( $instance ) { + global $_wp_additional_image_sizes; + + $types = apply_filters('siteorigin_panels_gallery_types', array()); + + $instance = wp_parse_args($instance, array( + 'ids' => '', + 'size' => apply_filters('siteorigin_panels_gallery_default_size', ''), + 'type' => apply_filters('siteorigin_panels_gallery_default_type', ''), + 'columns' => 3, + 'link' => '', + + )); + + ?> ++ + + +
++ +
+ ++ + +
+ ++ + +
+ ++ + +
+ ++ + +
+ + __( 'Displays a simple image.', 'siteorigin-panels' ), + ) + ); + } + + /** + * @param array $args + * @param array $instance + */ + function widget( $args, $instance ) { + echo $args['before_widget']; + if(!empty($instance['href'])) echo ''; + echo '+ + +
++ + +
+ __( 'Embeds a video.', 'siteorigin-panels' ), + ) + ); + } + + /** + * Display the video using + * + * @param array $args + * @param array $instance + */ + function widget( $args, $instance ) { + $embed = new WP_Embed(); + + if(!wp_script_is('fitvids')) + wp_enqueue_script('fitvids', plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'widgets/js/jquery.fitvids.js', array('jquery'), SITEORIGIN_PANELS_VERSION); + + if(!wp_script_is('siteorigin-panels-embedded-video')) + wp_enqueue_script('siteorigin-panels-embedded-video', plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'widgets/js/embedded-video.js', array('jquery', 'fitvids'), SITEORIGIN_PANELS_VERSION); + + echo $args['before_widget']; + ?>run_shortcode( '[embed]' . $instance['video'] . '[/embed]' ) ?>
'',
+ ) )
+
+ ?>
+ + + +
+ __( 'A self hosted video player.', 'siteorigin-panels' ), + ) + ); + } + + function widget( $args, $instance ) { + if (empty($instance['url'])) return; + static $video_widget_id = 1; + + $instance = wp_parse_args($instance, array( + 'url' => '', + 'poster' => '', + 'skin' => 'siteorigin', + 'ratio' => 1.777, + 'autoplay' => false, + )); + + // Enqueue jPlayer scripts and intializer + wp_enqueue_script( 'siteorigin-panels-video-jplayer', plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'video/jplayer/jquery.jplayer.min.js', array('jquery'), SITEORIGIN_PANELS_VERSION, true); + wp_enqueue_script( 'siteorigin-panels-video', plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'video/panels.video.jquery.js', array('jquery'), SITEORIGIN_PANELS_VERSION, true); + + // Enqueue the SiteOrigin jPlayer skin + $skin = sanitize_file_name($instance['skin']); + wp_enqueue_style('siteorigin-panels-video-jplayer-skin', plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'video/jplayer/skins/'.$skin.'/jplayer.'.$skin.'.css', array(), SITEORIGIN_PANELS_VERSION); + + $file = $instance['url']; + $poster = !empty($instance['poster']) ? $instance['poster'] : plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'video/poster.jpg'; + $instance['ratio'] = floatval($instance['ratio']); + if(empty($instance['ratio'])) $instance['ratio'] = 1.777; + + echo $args['before_widget']; + + ?> +
+
+ '',
+ 'poster' => '',
+ 'skin' => 'siteorigin',
+ 'ratio' => 1.777,
+ 'autoplay' => false,
+ ));
+
+ ?>
+
+
+
+ display_gui($instance['skin']) ?>
+
+ + + +
++ + + +
++ + +
++ + + +
++ +
+ '', + 'src' => '', + 'poster' => plugin_dir_url(SITEORIGIN_PANELS_BASE_FILE).'video/poster.jpg', + 'skin' => 'siteorigin', + 'ratio' => 1.777, + 'autoplay' => 0, + ), $atts ); + + if(!empty($instance['src'])) $instance['url'] = $instance['src']; + if(empty($instance['url'])) return; + + ob_start(); + the_widget('SiteOrigin_Panels_Widgets_Video', $instance); + return ob_get_clean(); + +} +add_shortcode('self_video', 'siteorigin_panels_video_shortcode'); + +/** + * Register the widgets. + */ +function siteorigin_panels_widgets_init(){ + register_widget('SiteOrigin_Panels_Widgets_Gallery'); + register_widget('SiteOrigin_Panels_Widgets_Image'); + register_widget('SiteOrigin_Panels_Widgets_EmbeddedVideo'); + register_widget('SiteOrigin_Panels_Widgets_Video'); +} +add_action('widgets_init', 'siteorigin_panels_widgets_init'); \ No newline at end of file diff --git a/widgets/widgets/animated-image/animated-image.php b/widgets/widgets/animated-image/animated-image.php new file mode 100644 index 000000000..8fb142b5c --- /dev/null +++ b/widgets/widgets/animated-image/animated-image.php @@ -0,0 +1,41 @@ + __('An image that animates in when it enters the screen.', 'siteorigin-panels'), + 'default_style' => 'simple', + ), + array(), + array( + 'image' => array( + 'type' => 'text', + 'label' => __('Image URL', 'siteorigin-panels'), + ), + 'animation' => array( + 'type' => 'select', + 'label' => __('Animation', 'siteorigin-panels'), + 'options' => array( + 'fade' => __('Fade In', 'siteorigin-panels'), + 'slide-up' => __('Slide Up', 'siteorigin-panels'), + 'slide-down' => __('Slide Down', 'siteorigin-panels'), + 'slide-left' => __('Slide Left', 'siteorigin-panels'), + 'slide-right' => __('Slide Right', 'siteorigin-panels'), + ) + ), + ) + ); + } + + function enqueue_scripts(){ + static $enqueued = false; + if(!$enqueued) { + wp_enqueue_script('siteorigin-widgets-'.$this->origin_id.'-onscreen', plugin_dir_url(__FILE__).'js/onscreen.js', array('jquery'), SITEORIGIN_PANELS_VERSION); + wp_enqueue_script('siteorigin-widgets-'.$this->origin_id, plugin_dir_url(__FILE__).'js/main.js', array('jquery'), SITEORIGIN_PANELS_VERSION); + $enqueued = true; + } + + } +} \ No newline at end of file diff --git a/widgets/widgets/animated-image/js/main.js b/widgets/widgets/animated-image/js/main.js new file mode 100644 index 000000000..543a3acd8 --- /dev/null +++ b/widgets/widgets/animated-image/js/main.js @@ -0,0 +1,42 @@ +jQuery(function($){ + var theInterval = setInterval(function(){ + // Check if any images that weren't visible, now are + $('.origin-widget-animated-image img').not('.animated').filter(':onScreen').each(function(){ + var $$ = $(this); + // TODO wait for images + if(!$$.get(0).complete) return; + + $$.addClass('animated'); + + setTimeout(function(){ + var a = $$.data('animation'); + + if(a == 'fade') { + $$.css('visibility', 'visible'); + $$.hide().fadeIn(750); + } + else { + var offset; + if(a == 'slide-up') offset = {top : 25, left: 0}; + else if(a == 'slide-down') offset = {top : -25, left: 0}; + else if(a == 'slide-left') offset = {top : 0, left: 25}; + else if(a == 'slide-right') offset = {top : 0, left: -25}; + + var $a = $$.clone().insertAfter($$).css({ + 'visibility' : 'visible', + 'opacity' : 0, + 'position' : 'absolute', + 'top' : $$.position().top + offset.top, + 'left' : $$.position().left + offset.left, + 'width' : $$.width(), + 'height' : $$.height() + }).animate({top: $$.position().top, left: $$.position().left, opacity: 1}, 750, function(){$(this).remove(); $$.css('visibility', 'visible');}); + } + }, 750); + } ); + + if($('.origin-widget-animated-image img').not('.animated').length == 0) { + clearInterval(theInterval); + } + }, 500); +}); \ No newline at end of file diff --git a/widgets/widgets/animated-image/js/onscreen.js b/widgets/widgets/animated-image/js/onscreen.js new file mode 100644 index 000000000..2999e1cc4 --- /dev/null +++ b/widgets/widgets/animated-image/js/onscreen.js @@ -0,0 +1,24 @@ +// onScreen jQuery plugin v0.2.1 +// (c) 2011 Ben Pickles +// +// http://benpickles.github.com/onScreen +// +// Released under MIT license. +;(function($) { + $.expr[":"].onScreen = function(elem) { + // The viewport position + var $window = $(window); + var viewport_top = $window.scrollTop(); + var viewport_height = $window.height(); + var viewport_bottom = viewport_top + viewport_height; + + // Element position + var $elem = $(elem); + var top = $elem.offset().top; + var height = $elem.height(); + var bottom = top + height; + + return (top >= viewport_top && bottom + 30 < viewport_bottom); + + } +})(jQuery); \ No newline at end of file diff --git a/widgets/widgets/animated-image/tpl/default.php b/widgets/widgets/animated-image/tpl/default.php new file mode 100644 index 000000000..65a6734e9 --- /dev/null +++ b/widgets/widgets/animated-image/tpl/default.php @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/widgets/widgets/button/button.php b/widgets/widgets/button/button.php new file mode 100644 index 000000000..6462e0932 --- /dev/null +++ b/widgets/widgets/button/button.php @@ -0,0 +1,43 @@ + __('A simple button', 'siteorigin-panels'), + 'default_style' => 'simple', + ), + array(), + array( + 'text' => array( + 'type' => 'text', + 'label' => __('Text', 'siteorigin-panels'), + ), + 'url' => array( + 'type' => 'text', + 'label' => __('Destination URL', 'siteorigin-panels'), + ), + 'new_window' => array( + 'type' => 'checkbox', + 'label' => __('Open In New Window', 'siteorigin-panels'), + ), + 'align' => array( + 'type' => 'select', + 'label' => __('Button Alignment', 'siteorigin-panels'), + 'options' => array( + 'left' => __('Left', 'siteorigin-panels'), + 'right' => __('Right', 'siteorigin-panels'), + 'center' => __('Center', 'siteorigin-panels'), + 'justify' => __('Justify', 'siteorigin-panels'), + ) + ), + ) + ); + } + + function widget_classes($classes, $instance) { + $classes[] = 'align-'.(empty($instance['align']) ? 'none' : $instance['align']); + return $classes; + } +} \ No newline at end of file diff --git a/widgets/widgets/button/presets/simple.php b/widgets/widgets/button/presets/simple.php new file mode 100644 index 000000000..3681fd1a9 --- /dev/null +++ b/widgets/widgets/button/presets/simple.php @@ -0,0 +1,54 @@ + array( + 'background_color' => '#F5F5F5', + 'text_darken' => '45%', + 'text_shadow' => '30%', + ), + + 'charcoal' => array( + 'background_color' => '#999999', + ), + + 'pink' => array( + 'background_color' => '#f6778c', + ), + + 'orange' => array( + 'background_color' => '#fece62', + 'text_darken' => '37.5%', + ), + + 'green' => array( + 'background_color' => '#b7d870', + 'text_darken' => '37.5%', + ), + + 'blue' => array( + 'background_color' => '#91dbf6', + 'text_darken' => '37.5%', + ), + + 'purple' => array( + 'background_color' => '#e5b2dd', + ), + + 'turquoise' => array( + 'background_color' => '#a2ebf1', + ), + + 'slate' => array( + 'background_color' => '#a5b7c3', + 'text_darken' => '45%', + 'text_shadow' => '15%', + 'inset_highlight' => '10%', + ), + + 'black' => array( + 'background_color' => '#333333', + 'text_darken' => '-75%', + 'text_shadow' => '-30%', + 'inset_highlight' => '17%', + ), +); diff --git a/widgets/widgets/button/styles/simple.css b/widgets/widgets/button/styles/simple.css new file mode 100644 index 000000000..84a13a6a6 --- /dev/null +++ b/widgets/widgets/button/styles/simple.css @@ -0,0 +1,71 @@ +/* +Name: Simple +Template: simple +Author: Greg Priday +Author URI: http://siteorigin.com/ +*/ +a { + display: inline-block; + padding: 10px 45px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + color: lumdarken(#f5f5f5, 35%); + font-size: 0.875em; + font-family: inherit; + font-weight: 500; + text-decoration: none; + text-shadow: 0 1px 0 lumlighten(#f5f5f5, 20%); + text-align: center; + -webkit-box-shadow: inset 0 1px 0 lumlighten(#f5f5f5, 10%), 0 1px 2px rgba(0,0,0,0.1); + -moz-box-shadow: inset 0 1px 0 lumlighten(#f5f5f5, 10%), 0 1px 2px rgba(0,0,0,0.1); + box-shadow: inset 0 1px 0 lumlighten(#f5f5f5, 10%), 0 1px 2px rgba(0,0,0,0.1); + background: #f5f5f5; + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, lumdarken(#f5f5f5, 3.5)), color-stop(1, lumlighten(#f5f5f5, 3.5))); + background: -ms-linear-gradient(bottom, lumdarken(#f5f5f5, 3.5), lumlighten(#f5f5f5, 3.5)); + background: -moz-linear-gradient(center bottom, lumdarken(#f5f5f5, 3.5) 0%, lumlighten(#f5f5f5, 3.5) 100%); + background: -o-linear-gradient(lumlighten(#f5f5f5, 3.5), lumdarken(#f5f5f5, 3.5)); + border-top: solid 1px lumlighten(lumdarken(#f5f5f5, 18), 4); + border-left: solid 1px lumdarken(#f5f5f5, 18); + border-right: solid 1px lumdarken(#f5f5f5, 18); + border-bottom: solid 1px lumdarken(lumdarken(#f5f5f5, 18), 4); +} +a:hover { + background: lumlighten(#f5f5f5, 1.75%); + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, lumdarken(lumlighten(#f5f5f5, 1.75%), 3.5)), color-stop(1, lumlighten(lumlighten(#f5f5f5, 1.75%), 3.5))); + background: -ms-linear-gradient(bottom, lumdarken(lumlighten(#f5f5f5, 1.75%), 3.5), lumlighten(lumlighten(#f5f5f5, 1.75%), 3.5)); + background: -moz-linear-gradient(center bottom, lumdarken(lumlighten(#f5f5f5, 1.75%), 3.5) 0%, lumlighten(lumlighten(#f5f5f5, 1.75%), 3.5) 100%); + background: -o-linear-gradient(lumlighten(lumlighten(#f5f5f5, 1.75%), 3.5), lumdarken(lumlighten(#f5f5f5, 1.75%), 3.5)); + border-top: solid 1px lumlighten(lumdarken(lumlighten(#f5f5f5, 1.75%), 18), 4); + border-left: solid 1px lumdarken(lumlighten(#f5f5f5, 1.75%), 18); + border-right: solid 1px lumdarken(lumlighten(#f5f5f5, 1.75%), 18); + border-bottom: solid 1px lumdarken(lumdarken(lumlighten(#f5f5f5, 1.75%), 18), 4); +} +a:active { + background: lumdarken(#f5f5f5, 1.75); + background: -webkit-gradient(linear, left bottom, left top, color-stop(0, lumdarken(lumdarken(#f5f5f5, 1.75), -2)), color-stop(1, lumlighten(lumdarken(#f5f5f5, 1.75), -2))); + background: -ms-linear-gradient(bottom, lumdarken(lumdarken(#f5f5f5, 1.75), -2), lumlighten(lumdarken(#f5f5f5, 1.75), -2)); + background: -moz-linear-gradient(center bottom, lumdarken(lumdarken(#f5f5f5, 1.75), -2) 0%, lumlighten(lumdarken(#f5f5f5, 1.75), -2) 100%); + background: -o-linear-gradient(lumlighten(lumdarken(#f5f5f5, 1.75), -2), lumdarken(lumdarken(#f5f5f5, 1.75), -2)); + border-top: solid 1px lumlighten(lumdarken(lumdarken(#f5f5f5, 1.75), 18), 4); + border-left: solid 1px lumdarken(lumdarken(#f5f5f5, 1.75), 18); + border-right: solid 1px lumdarken(lumdarken(#f5f5f5, 1.75), 18); + border-bottom: solid 1px lumdarken(lumdarken(lumdarken(#f5f5f5, 1.75), 18), 4); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + padding-top: 11px; + padding-bottom: 9px; +} +.align-left { + text-align: left; +} +.align-right { + text-align: right; +} +.align-center { + text-align: center; +} +.align-justify a { + display: block; +} diff --git a/widgets/widgets/button/styles/simple.less b/widgets/widgets/button/styles/simple.less new file mode 100644 index 000000000..9894bd409 --- /dev/null +++ b/widgets/widgets/button/styles/simple.less @@ -0,0 +1,78 @@ +/* +Name: Simple +Template: simple +Author: Greg Priday +Author URI: http://siteorigin.com/ +*/ + +@background_color: #F5F5F5; + +@text_darken: 35%; +@inset_highlight: 10%; +@drop_shadow: 0.1; +@text_shadow: 20%; + +@rounded: 4px; +@font_size: 0.875em; + +@padding_top: 10px; +@padding_sides: 45px; + +@font_family: inherit; +@font_weight: 500; + +@import "../../../less/mixins"; + +& { + + a { + display:inline-block; + padding: @padding_top @padding_sides; + + .rounded(@rounded); + + color: lumdarken(@background_color, @text_darken); + + font-size: @font_size; + font-family: @font_family; + font-weight: @font_weight; + text-decoration:none; + + text-shadow: 0 1px 0 lumlighten(@background_color, @text_shadow); + text-align: center; + + @inset_highlight_color: lumlighten(@background_color, @inset_highlight); + .box-shadow(~"inset 0 1px 0 @{inset_highlight_color}, 0 1px 2px rgba(0,0,0,@{drop_shadow})"); + .button-style(@background_color); + + &:hover { + .button-style( lumlighten(@background_color, 1.75%) ); + } + + &:active { + .button-style(lumdarken(@background_color, 1.75), -2); + .box-shadow(none); + padding-top: @padding_top + 1; + padding-bottom: @padding_top - 1; + } + } + + &.align-left { + text-align: left; + } + + &.align-right { + text-align: right; + } + + &.align-center { + text-align: center; + } + + &.align-justify { + a { + display: block; + } + } + +} \ No newline at end of file diff --git a/widgets/widgets/button/tpl/simple.php b/widgets/widgets/button/tpl/simple.php new file mode 100644 index 000000000..e30208566 --- /dev/null +++ b/widgets/widgets/button/tpl/simple.php @@ -0,0 +1,3 @@ +> + + \ No newline at end of file diff --git a/widgets/widgets/call-to-action/call-to-action.php b/widgets/widgets/call-to-action/call-to-action.php new file mode 100644 index 000000000..310406ae4 --- /dev/null +++ b/widgets/widgets/call-to-action/call-to-action.php @@ -0,0 +1,39 @@ + __('A Call to Action block', 'siteorigin-panels'), + 'default_style' => 'simple', + ), + array(), + array( + 'title' => array( + 'type' => 'text', + 'label' => __('Title', 'siteorigin-panels'), + ), + 'subtitle' => array( + 'type' => 'text', + 'label' => __('Sub Title', 'siteorigin-panels'), + ), + 'button_text' => array( + 'type' => 'text', + 'label' => __('Button Text', 'siteorigin-panels'), + ), + 'button_url' => array( + 'type' => 'text', + 'label' => __('Button URL', 'siteorigin-panels'), + ), + 'button_new_window' => array( + 'type' => 'checkbox', + 'label' => __('Open In New Window', 'siteorigin-panels'), + ), + ) + ); + + // We need the button style + $this->add_sub_widget('button', __('Button', 'siteorigin-panels'), 'SiteOrigin_Panels_Widget_Button'); + } +} \ No newline at end of file diff --git a/widgets/widgets/call-to-action/presets/simple.php b/widgets/widgets/call-to-action/presets/simple.php new file mode 100644 index 000000000..2a3b50e71 --- /dev/null +++ b/widgets/widgets/call-to-action/presets/simple.php @@ -0,0 +1,24 @@ + array( + 'texture' => 'light-dashed', + 'title_text_color' => '#333333', + 'subtitle_text_color' => '#555555', + ), + + 'dark_dashed' => array( + 'texture' => 'dark-dashed', + 'title_text_color' => '#FFFFFF', + 'subtitle_text_color' => '#CCCCCC', + ), + + 'clean' => array( + 'background_color' => '#FCFCFC', + 'texture' => 'none', + 'title_text_color' => '#333333', + 'subtitle_text_color' => '#555555', + 'rounding' => '0px', + 'borders' => '1px solid #D0D0D0', + ), +); diff --git a/widgets/widgets/call-to-action/styles/simple.less b/widgets/widgets/call-to-action/styles/simple.less new file mode 100644 index 000000000..88740167f --- /dev/null +++ b/widgets/widgets/call-to-action/styles/simple.less @@ -0,0 +1,70 @@ +/* +Name: Simple +Template: simple +Author: Greg Priday +Author URI: http://siteorigin.com/ +*/ + +@import "../../../less/mixins"; + +/* Everything for the background */ + +@background_color: #F6F6F6; +@padding: 2em; +@rounding: 4px; +@shadow: 0.1; +@borders: 1px solid #E0E0E0; + +/* Everything for the Title */ + +@title_text_color: #EFEFEF; +@title_font_weight: auto; +@subtitle_text_color: #CCCCCC; +@subtitle_font_weight: auto; +@texture: dark-dashed; + +& { + .clearfix(); + padding: @padding; + position: relative; + .rounded(@rounding); + + background: texture(@texture, @background_color); + .box-shadow(0 1px 2px rgba(0,0,0,@shadow)); + border: @borders; + + .title { + line-height: 1.6em; + margin: 0; + color: @title_text_color; + font-weight: @title_font_weight; + } + + .subtitle { + line-height: 1.25em; + margin: 0; + color: @subtitle_text_color; + font-weight: @subtitle_font_weight; + } + + .origin-widget-button { + position: absolute; + display: block; + top: 50%; + right: 2em; + margin-top: -22px; + } +} + +@media (max-width:680px) { + & { + .origin-widget-button { + position: static; + margin-top: 2em; + + a { + display: block; + } + } + } +} \ No newline at end of file diff --git a/widgets/widgets/call-to-action/tpl/simple.php b/widgets/widgets/call-to-action/tpl/simple.php new file mode 100644 index 000000000..d34737582 --- /dev/null +++ b/widgets/widgets/call-to-action/tpl/simple.php @@ -0,0 +1,3 @@ + + +sub_widget('button', array('text' => $instance['button_text'], 'url' => $instance['button_url'], 'new_window' => $instance['button_new_window'], 'origin_style' => $instance['origin_style_button'])) ?> \ No newline at end of file diff --git a/widgets/widgets/list/list.php b/widgets/widgets/list/list.php new file mode 100644 index 000000000..25691b512 --- /dev/null +++ b/widgets/widgets/list/list.php @@ -0,0 +1,35 @@ + __('Displays a bullet list of elements', 'siteorigin-panels'), + 'default_style' => 'simple', + ), + array(), + array( + 'title' => array( + 'type' => 'text', + 'label' => __('Title', 'siteorigin-panels'), + ), + 'text' => array( + 'type' => 'textarea', + 'label' => __('Text', 'siteorigin-panels'), + 'description' => __('Start each new point with an asterisk (*)', 'siteorigin-panels'), + ), + ) + ); + } + + static function create_list($text){ + // Add the list items + $text = preg_replace( "/\*+(.*)?/i", "- $1
/
+ + +sub_widget('list', array('title' => '', 'text' => $instance['features'], 'origin_style' => $instance['origin_style_list'])); +$this->sub_widget('button', array( + 'text' => $instance['button_text'], + 'url' => $instance['button_url'], + 'align' => 'center', + 'origin_style' => $instance['origin_style_button'], + 'new_window' => !empty($instance['button_new_window']) +)); + +?> \ No newline at end of file diff --git a/widgets/widgets/testimonial/presets/simple.php b/widgets/widgets/testimonial/presets/simple.php new file mode 100644 index 000000000..7de577889 --- /dev/null +++ b/widgets/widgets/testimonial/presets/simple.php @@ -0,0 +1,6 @@ + array( + ), +); diff --git a/widgets/widgets/testimonial/styles/simple.less b/widgets/widgets/testimonial/styles/simple.less new file mode 100644 index 000000000..923742383 --- /dev/null +++ b/widgets/widgets/testimonial/styles/simple.less @@ -0,0 +1,61 @@ +/* +Name: Simple +Template: simple +Author: Greg Priday +Author URI: http://siteorigin.com/ +*/ + +@import "../../../less/mixins"; + +@borders: 1px solid #D0D0D0; +@background_color: #FCFCFC; + +& { + background: @background_color; + border: @borders; + padding: 20px; + .clearfix(); + .box-shadow(0 1px 2px rgba(0,0,0,0.1)); + + h5.testimonial-name { + margin: 1em 0 5px 0; + line-height: 1; + color: #333; + clear: none; + + a { + color: inherit; + } + } + + small.testimonial-location { + font-size: 0.9em; + display: block; + margin: 0; + line-height: 1; + color: #999; + clear: none; + } + + .text { + margin-left: 80px; + font-size: 0.95em; + + p:first-child { + margin-top: 0; + } + } + + .testimonial-image-wrapper { + .rounded(4px); + float: left; + width: 60px; + height: 60px; + overflow: hidden; + background: #333; + img { + width: 100%; + height: auto; + } + } +} \ No newline at end of file diff --git a/widgets/widgets/testimonial/testimonial.php b/widgets/widgets/testimonial/testimonial.php new file mode 100644 index 000000000..8f72f0b91 --- /dev/null +++ b/widgets/widgets/testimonial/testimonial.php @@ -0,0 +1,40 @@ + __('Displays a bullet list of elements', 'siteorigin-panels'), + 'default_style' => 'simple', + ), + array(), + array( + 'name' => array( + 'type' => 'text', + 'label' => __('Name', 'siteorigin-panels'), + ), + 'location' => array( + 'type' => 'text', + 'label' => __('Location', 'siteorigin-panels'), + ), + 'image' => array( + 'type' => 'text', + 'label' => __('Image', 'siteorigin-panels'), + ), + 'text' => array( + 'type' => 'textarea', + 'label' => __('Text', 'siteorigin-panels'), + ), + 'url' => array( + 'type' => 'text', + 'label' => __('URL', 'siteorigin-panels'), + ), + 'new_window' => array( + 'type' => 'checkbox', + 'label' => __('Open In New Window', 'siteorigin-panels'), + ), + ) + ); + } +} \ No newline at end of file diff --git a/widgets/widgets/testimonial/tpl/simple.php b/widgets/widgets/testimonial/tpl/simple.php new file mode 100644 index 000000000..31a9203b5 --- /dev/null +++ b/widgets/widgets/testimonial/tpl/simple.php @@ -0,0 +1,13 @@ +
+  ?>)
+
+
+
+
+
\ No newline at end of file