/class-SS_Framework_Foundation.php

<?php

if ( !class_exists( 'SS_Framework_Foundation' ) ) {

	/**
	* The Foundation Framework module
	*/
	class SS_Framework_Foundation extends SS_Framework_Core {

		var $defines = array(
			// Generic framework definitions
			'shortname' => 'foundation',
			'name'      => 'Foundation',
			'classname' => 'SS_Framework_Foundation',
			'compiler'  => 'sass_php',

			// Layout
			'container'  => null,
			'row'        => 'row',
			'col-mobile' => 'small',
			'col-tablet' => 'small',
			'col-medium' => 'medium',
			'col-large'  => 'large',
			// Block Grid not supported

			// Buttons
			'button'         => 'button',
			'button-default' => null,
			'button-primary' => null,
			'button-success' => 'success',
			'button-info'    => 'secondary',
			'button-warning' => 'alert',
			'button-danger'  => 'alert',
			'button-link'    => null,
			'button-disabled'=> 'disabled',

			'button-extra-small' => 'tiny',
			'button-small'       => 'small',
			'button-medium'      => null,
			'button-large'       => 'large',
			'button-extra-large' => 'large',
			'button-block'			 => 'expand',

			// Button-Groups
			'button-group'             => 'button-group',
			'button-group-extra-small' => null,
			'button-group-small'       => null,
			'button-group-default'     => null,
			'button-group-large'       => null,
			'button-group-extra-large' => null,
			// Button Bar not supported

			// Alerts
			'alert'         => 'alert-box',
			'alert-success' => 'success',
			'alert-info'    => 'info',
			'alert-warning' => 'warning',
			'alert-danger'  => 'warning',

			// Miscelaneous
			'clearfix' => '<div class="clearfix"></div>',

			// Forms
			'form-input' => 'form-control',
		);
		/**
		 * Class constructor
		 */
		function __construct() {

			if ( ! defined( 'SS_FRAMEWORK_PATH' ) ) {
				define( 'SS_FRAMEWORK_PATH', dirname( __FILE__ ) );
			}

			if ( class_exists( 'ReduxFrameworkPlugin' ) ) {
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Colors.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Typography.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Walker_Comment.php' );
				// include_once( dirname( __FILE__ ) . '/modules/class-Shoestrap_Social.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Layout.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Background.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Header.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Menus.php' );
				include_once( dirname( __FILE__ ) . '/modules/class-SS_Foundation_Footer.php' );
				include_once( dirname( __FILE__ ) . '/modules/widgets.php' );

				// instantiate the classes
				global $ss_layout;
				$ss_layout      = new SS_Foundation_Layout();

				global $ss_background;
				$ss_background  = new SS_Foundation_Background();

				global $ss_branding;
				$ss_branding    = new SS_Foundation_Colors();

				global $ss_headers;
				$ss_headers     = new SS_Foundation_Header();

				global $ss_menus;
				$ss_menus       = new SS_Foundation_Menus();

				global $ss_typography;
				$ss_typography  = new SS_Foundation_Typography();

				global $ss_footer;
				$ss_footer      = new SS_Foundation_Footer();

				add_filter( 'foundation_scss',    array( $this, 'styles_filter' ) );
				add_filter( 'comments_template',  array( $this, 'comments_template' ) );
				add_action( 'wp_enqueue_scripts', array( $this, 'css'  ), 101 );
				add_action( 'wp_enqueue_scripts', array( &$this, 'enqueue_scripts' ), 110 );
			}
		}

		/**
		 * Enqueue scripts and stylesheets
		 */
		function enqueue_scripts() {
			wp_register_script( 'foundation-min', SSF_PLUGIN_URL . '/assets/js/foundation.min.js', false, null, true  );
			wp_enqueue_script( 'foundation-min' );
		}

		function comments_template() {
			return dirname( __FILE__ ) . '/templates/comments.php';
		}

		public function make_dropdown_button( $color = 'primary', $size = 'medium', $type = null, $extra = null, $label = '', $content = '' ) {
			global $ss_framework;

			$id_nr = rand( 0, 9999 );

			$return .= '<a href="#" data-dropdown="drop' . $id_nr . '" class="' . $ss_framework->button_classes( $color, $size, $type, 'dropdown ' . $extra ) . '">' . $label . '</a>';
			$return .= '<ul id="drop' . $id_nr . '" data-dropdown-content class="f-dropdown">' . $content . '</ul>';

			return $return;
		}

		/**
		 * The framework's alert boxes.
		 */
		function alert( $type = 'info', $content = '', $id = null, $extra_classes = null, $dismiss = false ) {
			$classes = array();

			$classes[] = $this->defines['alert'];
			$classes[] = $this->defines['alert-' . $type];

			if ( true == $dismiss ) {
				$dismiss = '<a href="#" class="close">&times;</a>';
			} else {
				$dismiss = null;
			}

			if ( !is_null( $extra_classes ) ) {
				$extras = explode( ' ', $extra_classes );

				foreach ( $extras as $extra ) {
					$classes[] = $extra;
				}
			}

			// If an ID has been defined, format it properly.
			if ( !is_null( $id ) ) {
				$id = ' id=' . $id . '"';
			}

			$classes = implode( ' ', $classes );

			return '<div data-alert class="' . $classes . '"' . $id . '>' . $content . $dismiss . '</div>';
		}

		function open_panel( $extra_classes = null, $id = null  ) {

			$classes = array();

			if ( !is_null( $extra_classes ) ) {
				$extras = explode( ' ', $extra_classes );

				foreach ( $extras as $extra ) {
					$classes[] = $extra;
				}
				$classes = ' ' . implode( ' ', $classes );
			} else {
				$classes = null;
			}

			// If an ID has been defined, format it properly.
			if ( !is_null( $id ) ) {
				$id = ' id=' . $id . '"';
			}

			return '<div class="panel ' . $classes . '"' . $id . '>';
		}

		function panel_classes() {
			return 'panel';
		}

		function open_panel_heading( $extra_classes = null ) {

			$classes = array();

			if ( !is_null( $extra_classes ) ) {
				$extras = explode( ' ', $extra_classes );

				foreach ( $extras as $extra ) {
					$classes[] = $extra;
				}
				$classes = ' ' . implode( ' ', $classes );
			} else {
				$classes = null;
			}

			return '<div class="panel-heading' . $classes . '">';
		}

		function open_panel_body( $extra_classes = null ) {
			$classes = array();

			if ( !is_null( $extra_classes ) ) {
				$extras = explode( ' ', $extra_classes );

				foreach ( $extras as $extra ) {
					$classes[] = $extra;
				}
				$classes = ' ' . implode( ' ', $classes );
			} else {
				$classes = null;
			}

			return '<div class="panel-body' . $classes . '">';
		}

		function open_panel_footer( $extra_classes = null ) {

			$classes = array();

			if ( !is_null( $extra_classes ) ) {
				$extras = explode( ' ', $extra_classes );

				foreach ( $extras as $extra ) {
					$classes[] = $extra;
				}
				$classes = ' ' . implode( ' ', $classes );
			} else {
				$classes = null;
			}

			return '<div class="panel-footer' . $classes . '">';
		}

		/**
		 * Variables to use for the compiler.
		 * These override the default Bootstrap Variables.
		 */
		function styles() {
			global $ss_settings;
			$vars  = '';

			// Base font-size
			if ( isset( $ss_settings['base-font']['font-size'] ) && ! empty( $ss_settings['base-font']['font-size'] ) ) {
				$vars .= '$base-font-size:' . $ss_settings['base-font']['font-size'] . ';';
			}

			// Base font-color
			if ( isset( $ss_settings['base-font']['font-color'] ) && ! empty( $ss_settings['base-font']['font-color'] ) ) {
				$vars .= '$body-font-color:' . $ss_settings['base-font']['color'] . ';';
			}

			// Base font-family
			if ( isset( $ss_settings['base-font']['font-family'] ) && ! empty( $ss_settings['base-font']['font-family'] ) ) {
				$vars .= '$body-font-family:' . $ss_settings['base-font']['font-family'] . ';';
			}

			// Base font-weight
			if ( isset( $ss_settings['base-font']['font-weight'] ) && ! empty( $ss_settings['base-font']['font-weight'] ) ) {
				$vars .= '$body-font-weight:' . $ss_settings['base-font']['font-weight'] . ';';
			}

			// Headers font-family
			if ( isset( $ss_settings['header-font']['font-family'] ) && ! empty( $ss_settings['header-font']['font-family'] ) ) {
				$vars .= '$header-font-family: ' . $ss_settings['header-font']['font-family'] . ';';
			}

			// Headers font-color
			if ( isset( $ss_settings['header-font']['font-color'] ) && ! empty( $ss_settings['header-font']['font-color'] ) ) {
				$vars .= '$header-font-color: ' . $ss_settings['header-font']['color'] . ';';
			}

			// Primary Color
			if ( isset( $ss_settings['primary-color'] ) && ! empty( $ss_settings['primary-color'] ) ) {
				$vars .= '$primary-color: ' . $ss_settings['primary-color'] . ';';
			}

			// Secondary Color
			if ( isset( $ss_settings['secondary-color'] ) && ! empty( $ss_settings['secondary-color'] ) ) {
				$vars .= '$secondary-color: ' . $ss_settings['secondary-color'] . ';';
			}

			// Alert Color
			if ( isset( $ss_settings['alert-color'] ) && ! empty( $ss_settings['alert-color'] ) ) {
				$vars .= '$alert-color: ' . $ss_settings['alert-color'] . ';';
			}

			// Success Color
			if ( isset( $ss_settings['success-color'] ) && ! empty( $ss_settings['success-color'] ) ) {
				$vars .= '$success-color: ' . $ss_settings['success-color'] . ';';
			}

			// Warning Color
			if ( isset( $ss_settings['warning-color'] ) && ! empty( $ss_settings['warning-color'] ) ) {
				$vars .= '$warning-color: ' . $ss_settings['warning-color'] . ';';
			}

			// Info Color
			if ( isset( $ss_settings['info-color'] ) && ! empty( $ss_settings['info-color'] ) ) {
				$vars .= '$info-color: ' . $ss_settings['info-color'] . ';';
			}

			// top-bar background
			if ( isset( $ss_settings['navigation-bg'] ) && ! empty( $ss_settings['navigation-bg'] ) ) {
				$vars .= '$topbar-bg: ' . $ss_settings['navigation-bg'] . ';';
				$vars .= '$tabbar-bg: ' . $ss_settings['navigation-bg'] . ';';
				$vars .= '$off-canvas-bg: ' . $ss_settings['navigation-bg'] . ';';

				if ( Shoestrap_Color::get_brightness( $ss_settings['navigation-bg'] ) > 150 ) {
					$vars .= '$topbar-link-bg-hover: ' . Shoestrap_Color::adjust_brightness( $ss_settings['navigation-bg'], -15 ) . ';';
				} else {
					$vars .= '$topbar-link-bg-hover: ' . Shoestrap_Color::adjust_brightness( $ss_settings['navigation-bg'], 15 ) . ';';
				}
			}

			// top-bar height
			if ( isset( $ss_settings['navbar_height'] ) && ! empty( $ss_settings['navbar_height'] ) ) {
				$vars .= '$topbar-height: ' . $ss_settings['navbar_height'] . 'px;';
				$vars .= '$tabbar-height: ' . $ss_settings['navbar_height'] . 'px;';
			}

			// topbar-breakpoint
			if ( isset( $ss_settings['topbar_breakpoint'] ) && ! empty( $ss_settings['topbar_breakpoint'] ) ) {
				$vars .= '$topbar-breakpoint: ' . $ss_settings['topbar_breakpoint'] . 'px;';
				$vars .= '$topbar-media-query: "only screen and (min-width: ' . $ss_settings['topbar_breakpoint'] . 'px)";';
			}

			return $vars;
		}

		/**
		 * Add styles to the compiler
		 */
		function styles_filter( $scss ) {
			return $this->styles() . $scss;
		}

		/*
		 * This function can be used to compile a less file to css using the lessphp compiler
		 */
		function compiler() {
			global $ss_settings;

			if ( isset( $ss_settings['minimize_css'] ) && $ss_settings['minimize_css'] == 1 ) {
				$compress = true;
			} else {
				$compress = false;
			}

			$options = array( 'compress' => $compress );

			$scss_location    = dirname( __FILE__ ) . '/assets/scss/';
			$webfont_location = get_template_directory_uri() . '/assets/fonts/';
			$custom_less_file = get_stylesheet_directory() . '/assets/less/custom.less';


			$scss = new scssc();
			$scss->setImportPaths( $scss_location );

			$css =  $scss->compile( apply_filters( 'foundation_scss', '@import "app.scss";' ) );

			// Ugly hack to properly set the path to webfonts
			$css = str_replace( "url('Elusive-Icons", "url('" . $webfont_location . "Elusive-Icons", $css );

			return $css;
		}

		/**
		 * The inline icon links for social networks.
		 */
		function navbar_social_bar() {}

		/**
		 * Build the social links for the navbar
		 */
		function navbar_social_links() {}

		/**
		 * Additiona CSS that is not included in the compiler
		 */
		function css() {
			global $ss_settings;

			$css = '';

			// the container max-width
			if ( isset( $ss_settings['max-width'] ) && $ss_settings['max-width'] != 1000 ) {
				$css .= ".row, .contain-to-grid .top-bar { max-width:" . $ss_settings['max-width'] . "px }";
			}

			// the label-tags link text color.
			if ( isset( $ss_settings['primary-color'] ) ) {
				if ( Shoestrap_Color::get_brightness( $ss_settings['primary-color'] ) > 150 ) {
					$css .= '.label-tag a { color: #222; }';
				} else {
					$css .= '.label-tag a { color: #fff; }';
				}
			}

			wp_add_inline_style( 'shoestrap_css', $css );
		}

		function include_wrapper() {
			global $ss_layout;

			return $ss_layout->include_wrapper();
		}

		function float_class( $alignment = 'left' ) {
			if ( $alignment == 'left' || $alignment == 'l' ) {
				return 'left';
			} elseif ( $alignment == 'right' || $alignment == 'r' ) {
				return 'right';
			}
		}

		function make_tabs( $tab_titles = array(), $tab_contents = array() ) {

			$content = '<dl class="tabs" data-tab>';

			$i = 0;
			foreach ( $tab_titles as $tab_title ) {

				// Make the first tab active
				$active = $i = 0 ? ' class="active"' : null;

				$content .= '<dd' . $active . '><a href="#panel-' . $i . '">' . $tab_title . '</a></dd>';

				$i++;
			}

			$content .= '</dl>';

			$content .= '<div class="tabs-content">';

			$i = 0;
			foreach ( $tab_contents as $tab_content ) {

				// Make the first tab active
				$active = $i = 0 ? ' active' : null;

				$content .= '<div class="content' . $active . '" id="panel' . $i . '">' . $tab_content . '</div>';

				$i++;
			}

			$content .= '</div>';

			return $content;
		}
	}
}