Moar

powerbuoy · Sep 30, 2019 · a3c9d3c · a3c9d3c
1 parent e959858
commit a3c9d3c
Show file tree

Hide file tree

Showing 2 changed files with 167 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -1,3 +1,3 @@
 # Sleek Settings
 
-TODO
+Adds an options page to the admin with a few default fields like Google Maps API Key. Also provides a simple API to add more settings to the options page, and get them through `Sleek\Settings\add_setting($name, $args)` and `Sleek\Settings\get_setting($name)`.
diff --git a/sleek-settings.php b/sleek-settings.php
@@ -1,2 +1,168 @@
 <?php
 namespace Sleek\Settings;
+
+# Better keep these here so we don't misstype anything
+define('SLEEK_SETTINGS_PAGE_URL', 'sleek-settings');
+define('SLEEK_SETTINGS_NAME', 'sleek_settings');
+define('SLEEK_SETTINGS_SECTION_NAME', SLEEK_SETTINGS_NAME . '_section');
+define('SLEEK_SETTINGS_TITLE', __('Sleek settings', 'sleek'));
+
+####################
+# Add settings field
+function add_setting ($name, $args = []) {
+	$args = array_merge([
+		'label' => false,
+		'type' => 'text'
+	], $args);
+	$label = $args['label'] ?? __(ucfirst(str_replace('_', ' ', $name)), 'sleek');
+
+	add_settings_field(SLEEK_SETTINGS_NAME . '_' . $name, $label, function () use ($name, $args) {
+		$options = get_option(SLEEK_SETTINGS_NAME);
+
+		if ($args['type'] == 'textarea') {
+			echo '<textarea name="' . SLEEK_SETTINGS_NAME . '[' . $name . ']" rows="6" cols="40">' . ($options[$name] ?? '') . '</textarea>';
+		}
+		else {
+			echo '<input type="text" name="' . SLEEK_SETTINGS_NAME . '[' . $name . ']" value="' . ($options[$name] ?? '') . '">';
+		}
+	}, SLEEK_SETTINGS_SECTION_NAME, SLEEK_SETTINGS_SECTION_NAME);
+}
+
+####################
+# Get settings field
+function get_setting ($name) {
+	$options = get_option(SLEEK_SETTINGS_NAME);
+
+	return $options[$name] ?? null;
+}
+
+################
+# Add admin page
+add_action('admin_menu', function () {
+	add_options_page(SLEEK_SETTINGS_TITLE, 'Sleek', 'manage_options', SLEEK_SETTINGS_PAGE_URL, function () {
+		?>
+		<div class="wrap">
+			<h1><?php echo SLEEK_SETTINGS_TITLE ?></h1>
+			<form method="post" action="options.php">
+				<?php settings_fields(SLEEK_SETTINGS_NAME) ?>
+				<?php do_settings_sections(SLEEK_SETTINGS_SECTION_NAME) ?>
+				<button><?php _e('Save settings', 'sleek') ?></button>
+			</form>
+		</div>
+		<?php
+	});
+});
+
+##################
+# Add our settings
+add_action('admin_init', function () {
+	register_setting(SLEEK_SETTINGS_NAME, SLEEK_SETTINGS_NAME, function ($input) {
+		# TODO: Validate
+		return $input;
+	});
+
+	add_settings_section(SLEEK_SETTINGS_SECTION_NAME, false, function () {
+		# NOTE: Mandatory function but we don't need it...
+	}, SLEEK_SETTINGS_SECTION_NAME); # NOTE: WP Docs says this should be the add_options_page slug but that doesn't work. It needs to be the same as is later passed to do_settings_section
+
+	# Built-in fields
+	add_setting('google_maps_api_key', [
+		'label' => __('Google Maps API Key', 'sleek'),
+		'type' => 'text'
+	]);
+	add_setting('google_search_api_key', [
+		'label' => __('Google Search API Key', 'sleek'),
+		'type' => 'text'
+	]);
+	add_setting('google_search_engine_id', [
+		'label' => __('Google Search Engine ID', 'sleek'),
+		'type' => 'text'
+	]);
+	add_setting('head_code', [
+		'label' => esc_html__('Code inside <head>', 'sleek'),
+		'type' => 'textarea'
+	]);
+	add_setting('foot_code', [
+		'label' => esc_html__('Code just before </body>', 'sleek'),
+		'type' => 'textarea'
+	]);
+	add_setting('cookie_consent', [
+		'label' => esc_html__('Cookie consent text', 'sleek'),
+		'type' => 'textarea'
+	]);
+	add_setting('site_notice', [
+		'label' => esc_html__('Site notice', 'sleek'),
+		'type' => 'textarea'
+	]);
+});
+
+########
+# Header
+add_action('wp_head', function () {
+	# Custom head code
+	if ($code = get_setting('head_code')) {
+		echo $code;
+	}
+
+	# Cookie consent text
+	if ($consent = get_setting('cookie_consent')) {
+		$cookieConsent = $consent;
+	}
+	else {
+		$cookieUrl = get_option('wp_page_for_privacy_policy') ? get_permalink(get_option('wp_page_for_privacy_policy')) : 'https://cookiesandyou.com/';
+		$cookieConsent = apply_filters('sleek_cookie_consent', sprintf(__('We use cookies to bring you the best possible experience when browsing our site. <a href="%s" target="_blank">Read more</a> | <a href="#" class="close">Accept</a>', 'sleek'), $cookieUrl), $cookieUrl);
+	}
+
+	echo '<script>SLEEK_COOKIE_CONSENT = ' . json_encode($cookieConsent) . '</script>';
+});
+
+########
+# Footer
+add_action('wp_footer', function () {
+	# Custom foot code
+	if ($code = get_setting('foot_code')) {
+		echo $code;
+	}
+
+	# Google Maps
+	if ($key = get_setting('google_maps_api_key')) {
+		echo "<script>
+			window.gmAsyncInit = function () {};
+
+			function gmInit (cb) {
+				if (window.google && window.google.maps) {
+					cb(window.google);
+				}
+				else {
+					var oldGMInit = window.gmAsyncInit;
+
+					window.gmAsyncInit = function () {
+						oldGMInit();
+						cb(window.google);
+					};
+				}
+			}
+		</script>";
+	}
+});
+
+############################
+# Include google maps JS api
+add_action('wp_enqueue_scripts', function () {
+	if ($key = get_setting('google_maps_api_key')) {
+		wp_register_script('google_maps', 'https://maps.googleapis.com/maps/api/js?key=' . $key . '&callback=gmAsyncInit', [], null, true);
+		wp_enqueue_script('google_maps');
+	}
+});
+
+################################
+# Add Google Maps API Key to ACF
+add_action('init', function () {
+	if ($key = get_setting('google_maps_api_key')) {
+		add_filter('acf/fields/google_map/api', function ($api) use ($options) {
+			$api['key'] = $key;
+
+			return $api;
+		});
+	}
+});