Added build_icon_data & get_marker_background JS=>PHP equivalents

Author: morehawes

inc/Helpers/Waymark_Helper.php

@@ -943,4 +943,173 @@ static function allowable_file($ext = '', $mime = false, $file_image = 'file') {
 
 		return false;
 	}
+
+	static public function build_icon_data(Array $type = []) {
+
+		// Waymark_helper::debug($type);
+
+		// If Type key not set
+		if (!isset($type['type_key'])) {
+			//Create Type Key
+			$type['type_key'] = self::make_key($type['marker_title']);
+
+		}
+
+		$icon_data = [
+			'className' => 'waymark-marker waymark-marker-' . $type['type_key'],
+		];
+
+		//Shape
+		if (isset($type['marker_shape']) && isset($type['marker_size'])) {
+			$icon_data['className'] .= ' waymark-marker-' . $type['marker_shape'];
+			$icon_data['className'] .= ' waymark-marker-' . $type['marker_size'];
+
+			switch ($type['marker_shape']) {
+			//Markers & Circles
+			case 'rectangle':
+			case 'circle':
+			case 'marker':
+				//Size
+				switch ($type['marker_size']) {
+				case 'small':
+					$icon_data['iconSize'] = [16, 16];
+
+					break;
+				case 'medium':
+					$icon_data['iconSize'] = [25, 25];
+
+					break;
+				default:
+				case 'large':
+					$icon_data['iconSize'] = [32, 32];
+
+					break;
+				}
+
+				break;
+			}
+
+			//Marker only
+			if ($type['marker_shape'] == 'marker') {
+				$icon_data['iconAnchor'] = [
+					$icon_data['iconSize'][0] / 2,
+					$icon_data['iconSize'][1] * 1.25,
+				];
+			}
+		}
+
+		//CSS Styles
+		$background_css = 'background:' . self::get_marker_background($type['marker_colour']) . ';';
+		$icon_css = 'color:' . $type['icon_colour'] . ';';
+
+		//HTML
+		$icon_data['html'] = '<div class="waymark-marker-background" style="' . $background_css . '"></div>';
+
+		//Classes
+		$icon_class = 'waymark-marker-icon';
+
+		//Text, HTML or Icon Name
+		switch ($type['icon_type']) {
+		//Text
+		case 'text':
+			$icon_class .= ' waymark-icon-text';
+
+			$icon_data['html'] .= '<div style="' . $icon_css . '" class="' . $icon_class . '">' . $type['marker_icon'] . '</div>';
+
+			break;
+
+		//HTML
+		case 'html':
+			$icon_class .= ' waymark-icon-html';
+
+			//Decode HTML entities
+			$icon_html = html_entity_decode($type['marker_icon']);
+
+			$icon_data['html'] .= '<div class="' . $icon_class . '">' . $icon_html . '</div>';
+
+			break;
+
+		//Icon Name
+		case 'icon':
+		default:
+			$icon_class .= ' waymark-icon-icon';
+
+			//If Ionic Icons
+			if (strpos($type['marker_icon'], 'ion-') === 0) {
+				$icon_class .= ' ion ';
+				$icon_class .= ' ' . $type['marker_icon'];
+				//Font Awesome
+			} elseif (strpos($type['marker_icon'], 'fa-') === 0) {
+				$icon_class .= ' fa';
+				$icon_class .= ' ' . $type['marker_icon'];
+				//Default to Ionic
+			} else {
+				$icon_class .= ' ion';
+				$icon_class .= ' ion-' . $type['marker_icon'];
+			}
+
+			$icon_data['html'] .= '<i style="' . $icon_css . '" class="' . $icon_class . '"></i>';
+
+			break;
+		}
+
+		return $icon_data;
+	}
+
+	public static function get_marker_background(String $colour = '') {
+		$old_background_options = [
+			'red',
+			'darkred',
+			'orange',
+			'green',
+			'darkgreen',
+			'blue',
+			'purple',
+			'darkpurple',
+			'cadetblue',
+			'white',
+			'black',
+		];
+
+		//Convert
+		if (in_array($colour, $old_background_options)) {
+			switch ($colour) {
+			case 'red':
+				return '#da3d20';
+				break;
+			case 'darkred':
+				return '#a43233';
+				break;
+			case 'orange':
+				return '#f9960a';
+				break;
+			case 'green':
+				return '#70af00';
+				break;
+			case 'darkgreen':
+				return '#72820d';
+				break;
+			case 'blue':
+				return '#2aabe1';
+				break;
+			case 'purple':
+				return '#d553bd';
+				break;
+			case 'darkpurple':
+				return '#5c3a6e';
+				break;
+			case 'cadetblue':
+				return '#416979';
+				break;
+			case 'white':
+				return '#fbfbfb';
+				break;
+			case 'black':
+				return '#303030';
+				break;
+			}
+		}
+
+		return $colour;
+	}
 }