first commit

plugins/system/nrframework/NRFramework/Helpers/Responsive.php

@@ -0,0 +1,132 @@
+<?php
+
+/**
+ * @author          Tassos Marinos <info@tassos.gr>
+ * @link            http://www.tassos.gr
+ * @copyright       Copyright © 2022 Tassos Marinos All Rights Reserved
+ * @license         GNU GPLv3 <http://www.gnu.org/licenses/gpl.html> or later
+ */
+
+namespace NRFramework\Helpers;
+
+defined('_JEXEC') or die;
+
+class Responsive
+{
+	/**
+	 * Renders the given CSS.
+	 * 
+	 * @param   array   $css
+	 * @param   string  $namespace
+	 * 
+	 * @return  string
+	 */
+	public static function renderResponsiveCSS($css, $namespace = '')
+	{
+		$output = '';
+
+		foreach (Controls\Responsive::$breakpoints as $breakpoint)
+		{
+			if (!isset($css[$breakpoint]) || empty($css[$breakpoint]))
+			{
+				continue;
+			}
+
+			/**
+			 * If we were given an array of strings of CSS, transform them to a string so we can output it.
+			 * 
+			 * i.e. transform
+			 * [
+			 * 	 'color: #fff;',
+			 * 	 'background: #000;'
+			 * ]
+			 * 
+			 * to:
+			 * 
+			 * 'color: #fff;background: #000;'
+			 */
+			if (!is_string($css[$breakpoint]))
+			{
+				$css[$breakpoint] = implode(' ', $css[$breakpoint]);
+			}
+
+			$function = 'get' . ucfirst($breakpoint) . 'Output';
+			$output .= self::$function($css[$breakpoint], $namespace);
+			
+		}
+
+		return $output;
+	}
+
+	/**
+	 * Returns the desktop CSS.
+	 * 
+	 * @param   string  $css
+	 * @param   string  $namespace
+	 * 
+	 * @return  string
+	 */
+	public static function getDesktopOutput($css, $namespace)
+	{
+		return self::getGenericTemplate($css, '', $namespace);
+	}
+	
+	/**
+	 * Returns the tablet CSS.
+	 * 
+	 * @param   string  $css
+	 * @param   string  $namespace
+	 * 
+	 * @return  string
+	 */
+	public static function getTabletOutput($css, $namespace)
+	{
+		return self::getGenericTemplate($css, '(max-width: 991px)', $namespace);
+	}
+
+	/**
+	 * Returns the mobile CSS.
+	 * 
+	 * @param   string  $css
+	 * @param   string  $namespace
+	 * 
+	 * @return  string
+	 */
+	public static function getMobileOutput($css, $namespace)
+	{
+		return self::getGenericTemplate($css, '(max-width: 575px)', $namespace);
+	}
+
+	/**
+	 * Returns the responsive output of a specific media query size.
+	 * 
+	 * @param   string  $css
+	 * @param   string  $size
+	 * @param   string  $namespace
+	 * 
+	 * @return  string
+	 */
+	public static function getGenericTemplate($css, $size = '', $namespace = '')
+	{
+		if (!is_string($css) || !is_string($size) || !is_string($namespace))
+		{
+			return '';
+		}
+		
+		$namespace_prefix = $namespace_suffix = $size_prefix = $size_suffix = '';
+		
+		if (!empty($size))
+		{
+			$size_prefix = '@media screen and ' . $size . ' { ';
+			$size_suffix = ' }';
+		}
+
+		if (!empty($namespace))
+		{
+			$namespace_prefix = $namespace . ' { ';
+			$namespace_suffix = ' }';
+		}
+		
+		return $size_prefix . $namespace_prefix . $css . $namespace_suffix . $size_suffix;
+	}
+}