SVG Support - Version 2.3

Version Description

New Feature - Advanced Mode: allows you to turn off the advanced features and simply upload SVG files like normal images. This addition also enables users to turn off the script added on front end by leaving Advanced Mode unchecked.
New Feature - Featured Image Support: If your featured image is SVG, once the post is saved you will see a checkbox to render the SVG inline (advanced mode only).
Performance - Stop inlining JS from running if image source is not SVG.
Added new stylesheet for settings page.
Moved SCSS files to their own folder.
Changed donate link so I can track it and properly thank you for your generous donations.
Added a rating link to the settings and media pages.
Cleaned up code formatting, added more comments.
Added a plugin version check.
Added notice so people are aware they may need to turn on the advanced mode.

Release Info

Developer	Benbodhi
Plugin	SVG Support
Version	2.3
Comparing to
See all releases

Code changes from version 2.2.5 to 2.3

Files changed (31) hide show

admin/admin-init.php +135 -23
admin/admin-notice.php +52 -0
admin/plugin-action-meta-links.php +14 -14
admin/svgs-settings-page.php +60 -23
css/svgs-admin-simple-mode.css +1 -0
css/svgs-admin.css +1 -1
css/svgs-attachment.css +1 -0
functions/attachment-modal.php +4 -0
functions/attribute-control.php +43 -19
functions/enqueue.php +50 -30
functions/featured-image.php +91 -0
functions/localization.php +1 -3
functions/mime-types.php +10 -8
functions/thumbnail-display.php +4 -4
js/min/svg-inline-min.js +0 -1
js/min/svgs-admin-notice-update-min.js +1 -0
js/min/svgs-inline-min.js +1 -0
js/svg-inline.js +0 -46
js/svgs-admin-notice-update.js +10 -0
js/svgs-inline.js +51 -0
languages/svgsupport-en_AU.mo +0 -0
languages/svgsupport-en_AU.po +0 -298
one-time-upgrade-activate.php +21 -0
readme.txt +40 -11
scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c/svgs-admin-simple-mode.scssc +0 -0
{css/.sass-cache/2d7711e41fe8fdd2638823a7fcb5fbf7b4fba050 → scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c}/svgs-admin.scssc +0 -0
scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c/svgs-attachment.scssc +0 -0
scss/svgs-admin-simple-mode.scss +6 -0
{css → scss}/svgs-admin.scss +1 -1
scss/svgs-attachment.scss +3 -0
svg-support.php +39 -25

admin/admin-init.php CHANGED Viewed

@@ -1,48 +1,160 @@
             <?php
             /**
-            -
             * ADMIN INIT
              */
             if ( ! defined( 'ABSPATH' ) ) {
-            -
                exit; // Exit if accessed directly
+            }
-            -
            // add menu item to wp-admin
-            -
            add_action( 'admin_menu', 'bodhi_svgs_admin_menu' );
-            -
             function bodhi_svgs_admin_menu() {
-            -
                add_options_page(
-            -
                    __('SVG Support Options and Instructions', 'svg-support'),
-            -
                    __('SVG Support', 'svg-support'),
-            -
                    'manage_options',
-            -
                    'svg-support',
-            -
                    'bodhi_svg_support_settings_page'
-            -
                );
+            }
-            -
            // create settings page
             function bodhi_svg_support_settings_page() {
-            -
                if( ! current_user_can( 'manage_options' ) ) {
-            -
                    wp_die( __('You can\'t play with this.', 'svg-support') );
-            -
                }
-            -
                global $bodhi_svgs_options;
-            -
                require( BODHI_SVGS_PLUGIN_PATH . 'admin/svgs-settings-page.php' );
+            }
-            -
            // register settings in the database
-            -
            add_action('admin_init', 'bodhi_svgs_register_settings');
-            -
             function bodhi_svgs_register_settings() {
-            -
                register_setting('bodhi_svgs_settings_group', 'bodhi_svgs_settings');
+            }
-            -
            ?>


1	<?php
2	/**
3	+ * Admin init
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	}
8
9	+ /**
10	+ * Add menu item to wp-admin
11	+ */
12	function bodhi_svgs_admin_menu() {
13
14	+ add_options_page(
15	+ __('SVG Support Options and Instructions', 'svg-support'),
16	+ __('SVG Support', 'svg-support'),
17	+ 'manage_options',
18	+ 'svg-support',
19	+ 'bodhi_svg_support_settings_page'
20	+ );
21
22	}
23	+ add_action( 'admin_menu', 'bodhi_svgs_admin_menu' );
24
25	+ /**
26	+ * Create settings page
27	+ */
28	function bodhi_svg_support_settings_page() {
29
30	+ if ( ! current_user_can( 'manage_options' ) ) {
31
32	+ wp_die( __('You can\'t play with this.', 'svg-support') );
33
34	+ }
35
36	+ global $bodhi_svgs_options;
37
38	+ require( BODHI_SVGS_PLUGIN_PATH . 'admin/svgs-settings-page.php' );
39
40	}
41
42	+ /**
43	+ * Register settings in the database
44	+ */
45	function bodhi_svgs_register_settings() {
46
47	+ register_setting( 'bodhi_svgs_settings_group', 'bodhi_svgs_settings' );
48	+
49	+ }
50	+ add_action( 'admin_init', 'bodhi_svgs_register_settings' );
51	+
52	+ /**
53	+ * Advanced Mode Check
54	+ *
55	+ * Creates a usable function for conditionals around the plugin
56	+ */
57	+ function bodhi_svgs_advanced_mode() {
58	+
59	+ global $bodhi_svgs_options;
60	+
61	+ if ( ! empty( $bodhi_svgs_options['advanced_mode'] ) ) {
62	+
63	+ return true;
64	+
65	+ } else {
66	+
67	+ return false;
68	+
69	+ }
70	+
71	+ }
72	+ add_action( 'admin_init', 'bodhi_svgs_advanced_mode' );
73	+
74	+ /**
75	+ * Screen check function
76	+ * Checks if current page is SVG Support settings page
77	+ */
78	+ function bodhi_svgs_specific_pages_settings() {
79	+
80	+ // check current page
81	+ $screen = get_current_screen();
82	+
83	+ // check if we're on SVG Support settings page
84	+
85	+ if ( is_object($screen) && $screen->id == 'settings_page_svg-support' ) {
86	+
87	+ return true;
88	+
89	+ } else {
90	+
91	+ return false;
92	+
93	+ }
94
95	}
96
97	+ /**
98	+ * Screen check function
99	+ * Checks if the current page is the Media Library page
100	+ */
101	+ function bodhi_svgs_specific_pages_media_library() {
102	+
103	+ // check current page
104	+ $screen = get_current_screen();
105	+
106	+ // check if we're on Media Library page
107	+ if ( is_object($screen) && $screen->id == 'upload' ) {
108	+
109	+ return true;
110	+
111	+ } else {
112	+
113	+ return false;
114	+
115	+ }
116	+ }
117	+
118	+ /**
119	+ * Screen check function
120	+ * Check if the current page is a post edit page
121	+ */
122	+ function is_edit_page( $new_edit = null ) {
123	+
124	+ global $pagenow;
125	+
126	+ if ( ! is_admin() ) return false;
127	+
128	+ if ( $new_edit == 'edit' ) {
129	+
130	+ return in_array( $pagenow, array( 'post.php', ) );
131	+
132	+ } elseif ( $new_edit == "new" ) { //check for new post page
133	+
134	+ return in_array( $pagenow, array( 'post-new.php' ) );
135	+
136	+ } else { //check for either new or edit
137	+
138	+ return in_array( $pagenow, array( 'post.php', 'post-new.php' ) );
139	+
140	+ }
141	+
142	+ }
143	+
144	+ /**
145	+ * Add rating text to footer on settings page
146	+ */
147	+ function bodhi_svgs_admin_footer_text( $default ) {
148	+
149	+ if ( bodhi_svgs_specific_pages_settings() \|\| bodhi_svgs_specific_pages_media_library() ) {
150	+
151	+ printf( __( 'If you like <strong>SVG Support</strong> please leave a %s★★★★★%s rating. A huge thanks in advance!', 'svg-support' ), '<a href="https://wordpress.org/support/view/plugin-reviews/svg-support?filter=5#postform" target="_blank" class="svgs-rating-link">', '</a>' );
152	+
153	+ } else {
154	+
155	+ return $default;
156	+
157	+ }
158	+
159	+ }
160	+ add_filter( 'admin_footer_text', 'bodhi_svgs_admin_footer_text' );

admin/admin-notice.php ADDED Viewed

	@@ -0,0 +1,52 @@


1	+ <?php
2	+ /**
3	+ * Display admin notice to users who upgraded from less than 2.3
4	+ * Allow for dismissal by storing an option in the DB via AJAX
5	+ * Remove option from DB when plugin is deactivated or uninstalled
6	+ */
7	+ if ( ! defined( 'ABSPATH' ) ) {
8	+ exit; // Exit if accessed directly
9	+ }
10	+
11	+ /**
12	+ * Admin notice markup
13	+ */
14	+ function bodhi_svgs_admin_notice_upgrade() {
15	+ ?>
16	+ <div class="notice notice-warning is-dismissible svgs-upgrade-notice">
17	+ <p><?php _e( 'If you updated SVG Support from any version prior to 2.3 and you use the inline SVG features, please ', 'svg-support' ); ?><a href="<?php echo get_admin_url( null, 'options-general.php?page=svg-support' ); ?>"><?php _e( 'Enable Advanced Mode', 'svg-support' ); ?></a></p>
18	+ </div>
19	+ <?php
20	+ }
21	+
22	+ /**
23	+ * Check if notice has been dismissed before
24	+ */
25	+ if ( empty( get_option( 'bodhi_svgs_admin_notice_dismissed' ) ) ) {
26	+ add_action( 'admin_notices', 'bodhi_svgs_admin_notice_upgrade' );
27	+ }
28	+
29	+ /**
30	+ * Enqueue JS for click detection
31	+ */
32	+ function bodhi_svgs_admin_notice_enqueue() {
33	+ wp_enqueue_script( 'svgs-admin-notice-update', BODHI_SVGS_PLUGIN_URL . '/js/min/svgs-admin-notice-update-min.js', array( 'jquery' ), '1.0', true );
34	+ }
35	+ add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_notice_enqueue' );
36	+
37	+ /**
38	+ * Ajax to set option of dismissed
39	+ */
40	+ function dismiss_svgs_admin_notice() {
41	+ update_option( 'bodhi_svgs_admin_notice_dismissed', 1 );
42	+ }
43	+ add_action( 'wp_ajax_dismiss_svgs_admin_notice', 'dismiss_svgs_admin_notice' );
44	+
45	+ /**
46	+ * Remove notice dismissed option when plugin is deactivated or uninstalled
47	+ */
48	+ function bodhi_svgs_deactivated() {
49	+ delete_option( 'bodhi_svgs_admin_notice_dismissed' );
50	+ }
51	+ register_deactivation_hook( BODHI_SVGS_PLUGIN_PATH . '/svg-support.php', 'bodhi_svgs_deactivated' );
52	+ register_uninstall_hook( BODHI_SVGS_PLUGIN_PATH . '/svg-support.php', 'bodhi_svgs_deactivated' );

admin/plugin-action-meta-links.php CHANGED Viewed

	@@ -1,25 +1,26 @@
1	<?php
2	/**
3	- * ~~PLUGIN~~ ~~ACTION~~ & ~~ROW~~ ~~META~~ ~~LINKS~~
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	- exit; // Exit if accessed directly
7	}
8
9	- ~~// add plugin_action_links~~
10	- ~~add_filter(~~ ~~'plugin_action_links_'~~ . ~~$plugin_file, 'bodhi_svgs_plugin_action_links' );~~
11	-
12	function bodhi_svgs_plugin_action_links( $links ) {
13
14	- $links[] = '<a href="'. get_admin_url(null, 'options-general.php?page=svg-support') .'">Settings</a>';
15	- //$links[] = '<a href="http://gowebben.com" target="_blank">More plugins by GoWebben</a>';
16	- return $links;
17
18	- }
19
20	- ~~// add plugin_row_meta links~~
21	- add_filter( '~~plugin_row_meta~~', '~~bodhi_svgs_plugin_meta_links~~', ~~10, 2~~ );
22



23	function bodhi_svgs_plugin_meta_links( $links, $file ) {
24
25	$plugin_file = 'svg-support/svg-support.php';
	@@ -28,7 +29,7 @@ function bodhi_svgs_plugin_meta_links( $links, $file ) {
28	$links,
29	array(
30	'<a target="_blank" href="http://wordpress.org/support/plugin/svg-support">' . __( 'Get Support', 'svg-support') . '</a>',
31	- '<a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=~~F7W2NUFAVQGW2~~">' . __( 'Donate to author', 'svg-support') . '</a>',
32	'<a target="_blank" href="https://secure.gowebben.com/cart.php?promocode=SVGSUPPORT">' . __( '$25 Free Credit from GoWebben', 'svg-support') . '</a>'
33	)
34	);
	@@ -37,5 +38,4 @@ function bodhi_svgs_plugin_meta_links( $links, $file ) {
37	return $links;
38
39	}
40	-
41	- ?>


1	<?php
2	/**
3	+ * Plugin action and row meta links
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	}
8
9	+ /**
10	+ * Add plugin_action_links
11	+ */
12	function bodhi_svgs_plugin_action_links( $links ) {
13
14	+ $links[] = '<a href="'. get_admin_url( null, 'options-general.php?page=svg-support' ) .'">Settings</a>';


15
16	+ return $links;
17
18	+ }
19	+ add_filter( 'plugin_action_links_' . $plugin_file, 'bodhi_svgs_plugin_action_links' );
20
21	+ /**
22	+ * Add plugin_row_meta links
23	+ */
24	function bodhi_svgs_plugin_meta_links( $links, $file ) {
25
26	$plugin_file = 'svg-support/svg-support.php';

29	$links,
30	array(
31	'<a target="_blank" href="http://wordpress.org/support/plugin/svg-support">' . __( 'Get Support', 'svg-support') . '</a>',
32	+ '<a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ">' . __( 'Donate to author', 'svg-support') . '</a>',
33	'<a target="_blank" href="https://secure.gowebben.com/cart.php?promocode=SVGSUPPORT">' . __( '$25 Free Credit from GoWebben', 'svg-support') . '</a>'
34	)
35	);

38	return $links;
39
40	}
41	+ add_filter( 'plugin_row_meta', 'bodhi_svgs_plugin_meta_links', 10, 2 );

admin/svgs-settings-page.php CHANGED Viewed

	@@ -1,7 +1,7 @@
1	<div class="wrap">
2
3	<div id="icon-upload" class="icon32"></div>
4	- <h2><?php _e( 'SVG Support Settings and Usage', 'svg-support' ); ?><span class="svgs-version">~~Ver~~ <?php global $svgs_plugin_version; echo $svgs_plugin_version; ?></span></h2>
5
6	<div id="poststuff">
7
	@@ -13,8 +13,9 @@
13	<div class="inside">
14
15	<p><?php _e( 'When using SVG images on your WordPress site, it can be hard to style elements within the SVG using CSS. <strong>Now you can, easily!</strong>', 'svg-support' ); ?></p>
16	- <p><?php _e( '~~This~~ plugin not only provides SVG Support like the name says, it also allows you to easily embed your full SVG file\'s code using a simple IMG tag. By adding the class <code>style-svg</code> to your IMG elements, this plugin dynamically replaces any IMG elements containing the <code>style-svg</code> class with your complete SVG.', 'svg-support' ); ?></p>
17	<p><?php _e( 'The main purpose of this is to allow styling of SVG elements. Usually your styling options are restricted when using <code>embed</code>, <code>object</code> or <code>img</code> tags alone.', 'svg-support' ); ?></p>

18
19	</div> <!-- .inside -->
20
	@@ -39,11 +40,24 @@
39
40	<?php settings_fields('bodhi_svgs_settings_group'); ?>
41
42	- <table class="form-table">













43	<tr valign="top">
44	<!-- Swap with future feature: Multiselect Roles -->
45	<th scope="row">
46	- <label for="bodhi_svgs_settings[restrict]"><strong><?php _e( 'Restrict to Administrators', 'svg-support' ); ?></strong></label>
47	</th>
48	<td>
49	<?php printf(
	@@ -51,7 +65,7 @@
51	<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Restricts SVG upload priveledges to Administrators.', 'svg-support' ); ?></small>
52	</td>
53	</tr>
54	- <tr valign="top">
55	<!-- Allow choice of js in footer true or false -->
56	<th scope="row">
57	<label for="bodhi_svgs_settings[js_foot_choice]"><strong><?php _e( 'Output JS in Footer?', 'svg-support' ); ?></strong></label>
	@@ -62,7 +76,7 @@
62	<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Normally, scripts are placed in <code>head</code> of the HTML document. If this parameter is true, the script is placed before the closing <code>body</code> tag. This requires the theme to have the <code>wp_footer()</code> template tag in the appropriate place.', 'svg-support' ); ?></small>
63	</td>
64	</tr>
65	- <tr valign="top">
66	<!-- Automatically insert class to target in images when inserting into posts/pages -->
67	<th scope="row">
68	<label for="bodhi_svgs_settings[auto_insert_class]"><strong><?php _e( 'Automatically insert class?', 'svg-support' ); ?></strong></label>
	@@ -70,10 +84,10 @@
70	<td>
71	<?php printf(
72	'<input id="bodhi_svgs_settings[auto_insert_class]" name="bodhi_svgs_settings[auto_insert_class]" type="checkbox" %2$s />', 'bodhi_svgs_settings_auto_insert_class', checked( isset( $bodhi_svgs_options['auto_insert_class'] ), true, false ) ); ?>
73	- <?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Checking this will make sure that either the default class or the custom one you set below is inserted into the style attributes of <code>img</code> tags when you insert images. Additionally, it will remove all of the default WordPress classes.', 'svg-support' ); ?></small>
74	</td>
75	</tr>
76	- <tr valign="top">
77	<th scope="row">
78	<label for="bodhi_svgs_settings[css_target]"><strong><?php _e( 'CSS Class to target', 'svg-support' ); ?></strong></label>
79	</th>
	@@ -81,6 +95,7 @@
81	<input id="bodhi_svgs_settings[css_target]" class="all-options code" name="bodhi_svgs_settings[css_target]" type="text" value="<?php echo $bodhi_svgs_options['css_target']; ?>"><br><small class="description"><?php _e( 'The default target class is <code>style-svg</code>. You can change it to your own class such as <code>my-class</code> by typing it here.<br />Leave blank to use the default class.', 'svg-support' ); ?></small>
82	</td>
83	</tr>

84	</table>
85
86	<p>
	@@ -95,23 +110,39 @@
95
96	<div class="postbox">
97
98	- ~~<h3><span><?~~php ~~_e( 'Usage', 'svg-support' ); ?></span></h3>~~













99	<div class="inside">
100
101	- <p><?php _e( 'You can simply upload SVG ~~images~~ to your media library like any other ~~file~~.', 'svg-support' ); ~~?><br />~~
102	- <?php _e( 'Now, embed your SVG image like a standard image with the addition of adding the class <code>style-svg</code> (or your custom class from above) to any IMG tags that you want this plugin to swap out with your actual SVG code.', 'svg-support' ); ?><br />
103	- ~~<?php~~ ~~_e( 'For example:', 'svg~~-~~support' ); ?></p~~>


104
105	- <pre><code><img class="style-svg" alt="alt-text" src="image-source.svg" /></code></pre>
106	- <?php _e( 'or', 'svg-support' ); ?>
107	- <pre><code><img class="your-custom-class" alt="alt-text" src="image-source.svg" /></code></pre>
108
109	- <p><?php _e( 'The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.', 'svg-support' ); ?><br />
110	- <?php _e( 'This allows you to target elements within your SVG using CSS.', 'svg-support' ); ?></p>
111
112	- <p><em><?php _e( 'Please Note:', 'svg-support' ); ?></em>
113	- <br><em><?php _e( '- You will need to set your own height and width in your CSS for SVG files to display correctly.', 'svg-support' ); ?></em>
114	- <br><em><?php _e( '- Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.', 'svg-support' ); ?></em></p>

115
116	</div> <!-- .inside -->
117
	@@ -131,10 +162,16 @@
131	<h3><span><?php _e( 'Plugin Features', 'svg-support' ); ?></span></h3>
132	<div class="inside">
133	<ul>

134	<li><?php _e( 'SVG Support for your media library', 'svg-support' ); ?></li>
135	- <li><?php _e( 'Style SVG elements directly using CSS', 'svg-support' ); ?></li>
136	<li><?php _e( 'Restrict to Administrators only', 'svg-support' ); ?></li>
137	- <~~li><strong><?php _e( 'Extremely Simple To Use', 'svg-support' ); ?></strong></li~~>






138	</ul>
139	</div> <!-- .inside -->
140
	@@ -146,7 +183,7 @@
146	<div class="inside">
147	<p><?php _e( 'You can read about this plugin in detail on', 'svg-support' ); ?> <a target="_blank" href="http://wordpress.org/plugins/svg-support/"><?php _e( 'The WordPress Plugin Repository', 'svg-support' ); ?></a>.</p>
148	<p><?php _e( 'Need help?', 'svg-support' ); ?> <a target="_blank" href="http://wordpress.org/support/plugin/svg-support"><?php _e( 'Visit Support', 'svg-support' ); ?></a>.</p>
149	- <p><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=~~F7W2NUFAVQGW2~~"><?php _e( '~~Buy~~ ~~Benbodhi~~ a ~~Beer~~ →', 'svg-support' ); ?></a>
150	<p>© <a target="_blank" href="http://benbodhi.com">Benbodhi</a> <?php _e( 'from', 'svg-support' ); ?> <a target="_blank" href="http://gowebben.com">GoWebben</a>.
151	</div> <!-- .inside -->
152


1	<div class="wrap">
2
3	<div id="icon-upload" class="icon32"></div>
4	+ <h2><?php _e( 'SVG Support Settings and Usage', 'svg-support' ); ?><span class="svgs-version">Version <?php global $svgs_plugin_version; echo $svgs_plugin_version; ?></span></h2>
5
6	<div id="poststuff">
7

13	<div class="inside">
14
15	<p><?php _e( 'When using SVG images on your WordPress site, it can be hard to style elements within the SVG using CSS. <strong>Now you can, easily!</strong>', 'svg-support' ); ?></p>
16	+ <p><?php _e( 'When you enable advanced mode, this plugin not only provides SVG Support like the name says, it also allows you to easily embed your full SVG file\'s code using a simple IMG tag. By adding the class <code>style-svg</code> to your IMG elements, this plugin dynamically replaces any IMG elements containing the <code>style-svg</code> class with your complete SVG.', 'svg-support' ); ?></p>
17	<p><?php _e( 'The main purpose of this is to allow styling of SVG elements. Usually your styling options are restricted when using <code>embed</code>, <code>object</code> or <code>img</code> tags alone.', 'svg-support' ); ?></p>
18	+ <p><strong><?php _e( 'Now with featured image support for inlining your featured images!</strong> (since 2.3)', 'svg-support' ); ?></p>
19
20	</div> <!-- .inside -->
21

40
41	<?php settings_fields('bodhi_svgs_settings_group'); ?>
42
43	+ <table class="form-table svg-settings">
44	+
45	+ <tr valign="top" class="svgs-simple">
46	+ <!-- simple mode selector -->
47	+ <th scope="row">
48	+ <label for="bodhi_svgs_settings[advanced_mode]"><strong><?php _e( 'Enable Advanced Mode?', 'svg-support' ); ?></strong></label>
49	+ </th>
50	+ <td>
51	+ <?php printf(
52	+ '<input id="bodhi_svgs_settings[advanced_mode]" name="bodhi_svgs_settings[advanced_mode]" type="checkbox" %2$s />', 'bodhi_svgs_settings_advanced_mode', checked( isset( $bodhi_svgs_options['advanced_mode'] ), true, false ) ); ?>
53	+ <?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' You don\'t need to enable this to simply use SVG files as images. Enabling this will trigger advanced options and SVG functionality such as inline rendering.', 'svg-support' ); ?></small>
54	+ </td>
55	+ </tr>
56	+
57	<tr valign="top">
58	<!-- Swap with future feature: Multiselect Roles -->
59	<th scope="row">
60	+ <label for="bodhi_svgs_settings[restrict]"><strong><?php _e( 'Restrict to Administrators?', 'svg-support' ); ?></strong></label>
61	</th>
62	<td>
63	<?php printf(

65	<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Restricts SVG upload priveledges to Administrators.', 'svg-support' ); ?></small>
66	</td>
67	</tr>
68	+ <tr valign="top" class="svgs-advanced">
69	<!-- Allow choice of js in footer true or false -->
70	<th scope="row">
71	<label for="bodhi_svgs_settings[js_foot_choice]"><strong><?php _e( 'Output JS in Footer?', 'svg-support' ); ?></strong></label>

76	<?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Normally, scripts are placed in <code>head</code> of the HTML document. If this parameter is true, the script is placed before the closing <code>body</code> tag. This requires the theme to have the <code>wp_footer()</code> template tag in the appropriate place.', 'svg-support' ); ?></small>
77	</td>
78	</tr>
79	+ <tr valign="top" class="svgs-advanced">
80	<!-- Automatically insert class to target in images when inserting into posts/pages -->
81	<th scope="row">
82	<label for="bodhi_svgs_settings[auto_insert_class]"><strong><?php _e( 'Automatically insert class?', 'svg-support' ); ?></strong></label>

84	<td>
85	<?php printf(
86	'<input id="bodhi_svgs_settings[auto_insert_class]" name="bodhi_svgs_settings[auto_insert_class]" type="checkbox" %2$s />', 'bodhi_svgs_settings_auto_insert_class', checked( isset( $bodhi_svgs_options['auto_insert_class'] ), true, false ) ); ?>
87	+ <?php _e( 'Yes', 'svg-support' ); ?><br /><small class="description"><?php _e(' Checking this will make sure that either the default class or the custom one you set below is inserted into the style attributes of <code>img</code> tags when you insert images. Additionally, it will remove all of the default WordPress classes. Please note, it will currently also add the class to normal images (png, jpg, gif) that are not SVG files when you insert them.', 'svg-support' ); ?></small>
88	</td>
89	</tr>
90	+ <tr valign="top" class="svgs-advanced">
91	<th scope="row">
92	<label for="bodhi_svgs_settings[css_target]"><strong><?php _e( 'CSS Class to target', 'svg-support' ); ?></strong></label>
93	</th>

95	<input id="bodhi_svgs_settings[css_target]" class="all-options code" name="bodhi_svgs_settings[css_target]" type="text" value="<?php echo $bodhi_svgs_options['css_target']; ?>"><br><small class="description"><?php _e( 'The default target class is <code>style-svg</code>. You can change it to your own class such as <code>my-class</code> by typing it here.<br />Leave blank to use the default class.', 'svg-support' ); ?></small>
96	</td>
97	</tr>
98	+
99	</table>
100
101	<p>

110
111	<div class="postbox">
112
113	+ <?php
114	+
115	+ if ( empty( $bodhi_svgs_options['advanced_mode'] ) ) {
116	+ echo '<h3><span>';
117	+ _e( 'Advanced Usage', 'svg-support' );
118	+ echo '</span></h3>';
119	+ } else {
120	+ echo '<h3><span>';
121	+ _e( 'Usage', 'svg-support' );
122	+ echo '</span></h3>';
123	+ }
124	+
125	+ ?>
126	+
127	<div class="inside">
128
129	+ <p><?php _e( 'You can simply upload SVG files to your media library like any other image. Make sure to select "Restrict to Administrators" if you only want to allow admins to upload SVG files.', 'svg-support' ); ?></p>
130	+
131	+ <div class="svgs-advanced">
132	+ <p><?php _e( 'Now, embed your SVG image like a standard image with the addition of adding the class <code>style-svg</code> (or your custom class from above) to any IMG tags that you want this plugin to swap out with your actual SVG code.', 'svg-support' ); ?><br />
133	+ <?php _e( 'For example:', 'svg-support' ); ?></p>
134
135	+ <pre><code><img class="style-svg" alt="alt-text" src="image-source.svg" /></code></pre>
136	+ <?php _e( 'or', 'svg-support' ); ?>
137	+ <pre><code><img class="your-custom-class" alt="alt-text" src="image-source.svg" /></code></pre>
138
139	+ <p><?php _e( 'The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.', 'svg-support' ); ?><br />
140	+ <?php _e( 'This allows you to target elements within your SVG using CSS.', 'svg-support' ); ?></p>
141
142	+ <p><em><?php _e( 'Please Note:', 'svg-support' ); ?></em>
143	+ <br><em><?php _e( '- You will need to set your own height and width in your CSS for SVG files to display correctly.', 'svg-support' ); ?></em>
144	+ <br><em><?php _e( '- Your uploaded image needs to be an SVG file for this plugin to replace the img tag with the inline SVG code. It will not create SVG files for you.', 'svg-support' ); ?></em></p>
145	+ </div>
146
147	</div> <!-- .inside -->
148

162	<h3><span><?php _e( 'Plugin Features', 'svg-support' ); ?></span></h3>
163	<div class="inside">
164	<ul>
165	+ <li><strong><?php _e( 'Basic Use', 'svg-support' ); ?></strong></li>
166	<li><?php _e( 'SVG Support for your media library', 'svg-support' ); ?></li>

167	<li><?php _e( 'Restrict to Administrators only', 'svg-support' ); ?></li>
168	+ <hr>
169	+ <li><strong><?php _e( 'Advanced Mode', 'svg-support' ); ?></strong></li>
170	+ <li><?php _e( 'Style SVG elements using CSS', 'svg-support' ); ?></li>
171	+ <li><?php _e( 'Animate SVG using CSS or JS', 'svg-support' ); ?></li>
172	+ <li><?php _e( 'Include multiple URL\'s inside single SVG', 'svg-support' ); ?></li>
173	+ <li><?php _e( 'Use odd shapes as links', 'svg-support' ); ?></li>
174	+ <li><?php _e( 'Inline SVG featured image support', 'svg-support' ); ?></li>
175	</ul>
176	</div> <!-- .inside -->
177

183	<div class="inside">
184	<p><?php _e( 'You can read about this plugin in detail on', 'svg-support' ); ?> <a target="_blank" href="http://wordpress.org/plugins/svg-support/"><?php _e( 'The WordPress Plugin Repository', 'svg-support' ); ?></a>.</p>
185	<p><?php _e( 'Need help?', 'svg-support' ); ?> <a target="_blank" href="http://wordpress.org/support/plugin/svg-support"><?php _e( 'Visit Support', 'svg-support' ); ?></a>.</p>
186	+ <p><a target="_blank" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ"><?php _e( 'Donate to author →', 'svg-support' ); ?></a>
187	<p>© <a target="_blank" href="http://benbodhi.com">Benbodhi</a> <?php _e( 'from', 'svg-support' ); ?> <a target="_blank" href="http://gowebben.com">GoWebben</a>.
188	</div> <!-- .inside -->
189

css/svgs-admin-simple-mode.css ADDED Viewed

	@@ -0,0 +1 @@


1	+ .svgs-advanced{display:none}

css/svgs-admin.css CHANGED Viewed

	@@ -1 +1 @@
1	- .svgs-version{font-size:10px;margin-left:7px}.postbox .inside a{text-decoration:none}h3{padding:0 12px}table.media .column-title .media-icon img{width:60px~~;height:60px~~}


1	+ .svgs-version{font-size:10px;margin-left:7px}.postbox .inside a{text-decoration:none}h3{padding:0 12px}table.media .column-title .media-icon img{width:60px}

css/svgs-attachment.css ADDED Viewed

	@@ -0,0 +1 @@


1	+ .attachment img[src$=".svg"]{width:100%}

functions/attachment-modal.php CHANGED Viewed

	@@ -2,6 +2,10 @@
2	/**
3	* Display SVG in attachment modal
4	*/




5	function bodhi_svgs_response_for_svg( $response, $attachment, $meta ) {
6
7	if( $response['mime'] == 'image/svg+xml' && empty( $response['sizes'] ) ) {


2	/**
3	* Display SVG in attachment modal
4	*/
5	+ if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	+ }
8	+
9	function bodhi_svgs_response_for_svg( $response, $attachment, $meta ) {
10
11	if( $response['mime'] == 'image/svg+xml' && empty( $response['sizes'] ) ) {

functions/attribute-control.php CHANGED Viewed

@@ -3,32 +3,56 @@
              * Attribute Control
              */
             if ( ! defined( 'ABSPATH' ) ) {
-            -
                exit; // Exit if accessed directly
+            }
-            -
            // filters the img tag class during insertion and returns SVG Support class
-            -
            function bodhi_svgs_image_class_filter($classes) {
-            -
            	global $bodhi_svgs_options;
-            -
            	if ( !empty( $bodhi_svgs_options['css_target'] ) ) {
-            -
            		$classes = $bodhi_svgs_options['css_target'];
-            -
            	} else {
-            -
            		$classes = 'style-svg';
+            	}
-            -
            	return $classes;
-            -
            }
-            -
            if ( !empty( $bodhi_svgs_options['auto_insert_class'] ) ) {
-            -
            add_filter('get_image_tag_class', 'bodhi_svgs_image_class_filter');
-            -
            }
-            -
            // removes the width and height attributes during insertion of svg
-            -
            function remove_dimensions_svg( $html='' ) {
-            -
            	if( preg_match( '/src="(.*[.]svg)"\s/', $html ) ) {
-            -
            		//$html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
+            	}
             	return str_ireplace( array( " width=\"1\"", " height=\"1\"" ), "", $html );
+            }
-            -
            add_filter( 'post_thumbnail_html', 'remove_dimensions_svg', 10 );
-            -
            add_filter( 'image_send_to_editor', 'remove_dimensions_svg', 10 );


3	* Attribute Control
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	}
8
9	+ /**
10	+ * If in Advanced Mode
11	+ */
12	+ if ( bodhi_svgs_advanced_mode() ) {
13	+
14	+ /**
15	+ * Filter the img tag class during insertion and return SVG Support class
16	+ */
17	+ function bodhi_svgs_image_class_filter( $classes ) {
18	+
19	+ global $bodhi_svgs_options;
20	+
21	+ if ( ! empty( $bodhi_svgs_options['css_target'] ) ) {
22	+
23	+ $classes = $bodhi_svgs_options['css_target'];
24	+
25	+ } else {
26	+
27	+ $classes = 'style-svg';
28	+
29	+ }
30
31	+ return $classes;
32




33	}
34	+ /**
35	+ * Check settings to see if we should add the class automatically
36	+ */
37	+ if ( ! empty( $bodhi_svgs_options['auto_insert_class'] ) ) {
38
39	+ // add the class
40	+ add_filter( 'get_image_tag_class', 'bodhi_svgs_image_class_filter' );


41




42	}
43	+
44	+ }
45	+
46	+ /**
47	+ * Remove the width and height attributes during insertion of svg
48	+ */
49	+ function bodhi_svgs_remove_svg_dimensions( $html='' ) {
50	+
51	+ // if ( preg_match( '/src="(.*[.]svg)"\s/', $html ) ) {
52	+ // //$html = preg_replace( '/(width\|height)="\d*"\s/', "", $html );
53	+ // }
54	return str_ireplace( array( " width=\"1\"", " height=\"1\"" ), "", $html );
55	+
56	}
57	+ add_filter( 'post_thumbnail_html', 'bodhi_svgs_remove_svg_dimensions', 10 );
58	+ add_filter( 'image_send_to_editor', 'bodhi_svgs_remove_svg_dimensions', 10 );

functions/enqueue.php CHANGED Viewed

@@ -1,57 +1,77 @@
             <?php
             /**
-            -
             * ENQUEUE SCRIPTS AND STYLES
              */
             if ( ! defined( 'ABSPATH' ) ) {
-            -
                exit; // Exit if accessed directly
+            }
             /**
-            -
             * Enqueue and localize JS for IMG tag replacement
              */
-            -
            add_action( 'wp_enqueue_scripts', 'bodhi_svgs_inline' );
-            -
-            -
            function bodhi_svgs_inline() {
-            -
            	global $bodhi_svgs_options;
-            -
            	$css_target = 'img.'. $bodhi_svgs_options['css_target']; // sets the custom class for use in JS
-            -
            	if ( ! empty( $bodhi_svgs_options['js_foot_choice'] ) ) {
-            -
            		wp_register_script('bodhi_svg_inline', plugins_url('svg-support/js/min/svg-inline-min.js'), array('jquery'), '1.0.0', true );
-            -
            	} else {
-            -
            		wp_register_script('bodhi_svg_inline', plugins_url('svg-support/js/min/svg-inline-min.js'), array('jquery'), '1.0.0', false );
+            	}
-            -
            	wp_enqueue_script('bodhi_svg_inline');
-            -
            	wp_localize_script( 'bodhi_svg_inline', 'cssTarget', $css_target );
+            }
             /**
-            -
             * Enqueue CSS for settings page and media library
              */
-            -
            function bodhi_svgs_specific_pages_only() {
-            -
-            -
            	$screen = get_current_screen();
-            -
            	// check which page we're on - our settings page or the media library
-            -
            	if ( is_object($screen) && $screen->id == 'settings_page_svg-support' || is_object($screen) && $screen->id == 'upload' ) {
-            -
            		return true;
-            -
            	} else {
-            -
            		return false;
+            	}
+            }
-            -
            // enqueue our admin css only on our settings page or the media library
-            -
            add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_css' );
-            -
            function bodhi_svgs_admin_css() {
-            -
            	if( bodhi_svgs_specific_pages_only() ) {
-            -
            		wp_enqueue_style( 'bodhi_svgs_admin_css', plugins_url('svg-support/css/svgs-admin.css') );
+            	}
+            }
-            -
-            -
            ?>


1	<?php
2	/**
3	+ * Enqueue scripts and styles
4	+ * This file is to enqueue the scripts and styles both admin and front end
5	*/
6	if ( ! defined( 'ABSPATH' ) ) {
7	+ exit; // Exit if accessed directly
8	}
9
10	/**
11	+ * Enqueue the admin CSS using screen check functions
12	*/
13	+ function bodhi_svgs_admin_css() {


14
15	+ // check if user is on SVG Support settings page or media library page
16	+ if ( bodhi_svgs_specific_pages_settings() \|\| bodhi_svgs_specific_pages_media_library() ) {
17
18	+ // enqueue the admin CSS
19	+ wp_enqueue_style( 'bodhi-svgs-admin', BODHI_SVGS_PLUGIN_URL . 'css/svgs-admin.css' );
20




21	}
22
23	+ // check if user is on SVG Support settings page and not in "Advanced Mode"
24	+ if ( bodhi_svgs_specific_pages_settings() && ! bodhi_svgs_advanced_mode() ) {
25	+
26	+ // enqueue the simple mode admin CSS
27	+ wp_enqueue_style( 'bodhi-svgs-admin-simple-mode', BODHI_SVGS_PLUGIN_URL . 'css/svgs-admin-simple-mode.css' );
28	+
29	+ }
30
31	}
32	+ add_action( 'admin_enqueue_scripts', 'bodhi_svgs_admin_css' );
33
34	/**
35	+ * Enqueue front end CSS for attachment pages
36	*/
37	+ function bodhi_svgs_frontend_css() {
38	+
39	+ // check if user is on attachment page
40	+ if ( is_attachment() ) {
41	+ wp_enqueue_style( 'bodhi-svgs-attachment', BODHI_SVGS_PLUGIN_URL . 'css/svgs-attachment.css' );



42	}
43
44	}
45	+ add_action( 'wp_enqueue_scripts', 'bodhi_svgs_frontend_css' );
46
47	+ /**
48	+ * Enqueue and localize JS for IMG tag replacement
49	+ */
50	+ function bodhi_svgs_inline() {
51
52	+ if ( bodhi_svgs_advanced_mode() ) {
53	+
54	+ // get the settings
55	+ global $bodhi_svgs_options;
56	+
57	+ // set the custom class for use in JS
58	+ $css_target = 'img.'. $bodhi_svgs_options['css_target'];
59	+
60	+ // check where the JS should be placed
61	+ if ( ! empty( $bodhi_svgs_options['js_foot_choice'] ) ) {
62	+
63	+ wp_register_script( 'bodhi_svg_inline', BODHI_SVGS_PLUGIN_URL . 'js/min/svgs-inline-min.js', array( 'jquery' ), '1.0.0', true );
64	+
65	+ } else {
66	+
67	+ wp_register_script( 'bodhi_svg_inline', BODHI_SVGS_PLUGIN_URL . 'js/min/svgs-inline-min.js', array( 'jquery' ), '1.0.0', false );
68	+
69	+ }
70	+
71	+ wp_enqueue_script( 'bodhi_svg_inline' );
72	+ wp_localize_script( 'bodhi_svg_inline', 'cssTarget', $css_target );
73


74	}
75
76	}
77	+ add_action( 'wp_enqueue_scripts', 'bodhi_svgs_inline' );

functions/featured-image.php ADDED Viewed

	@@ -0,0 +1,91 @@


1	+ <?php
2	+ /**
3	+ * Featured image meta checkbox to inline SVG
4	+ *
5	+ * Allow users to select whether featured images should contain the SVG Support class
6	+ * Check if the featured image is SVG first, then display meta box for SVG only.
7	+ */
8	+ if ( ! defined( 'ABSPATH' ) ) {
9	+ exit; // Exit if accessed directly
10	+ }
11	+
12	+ /**
13	+ * Add checkbox to the featured image metabox
14	+ */
15	+ function bodhi_svgs_featured_image_meta( $content ) {
16	+
17	+ global $post;
18	+
19	+ // check if featured image is set and has extension of .svg or .svgz
20	+ // need to make this check on the moment that the thumbnail shows up in the meta box.
21	+ if ( strpos( get_the_post_thumbnail(), '.svg' ) ) {
22	+
23	+ $text = __( 'Render this SVG inline (advanced)', 'svg-support' );
24	+ $id = 'inline_featured_image';
25	+ $value = esc_attr( get_post_meta( $post->ID, $id, true ) );
26	+ $label = '<label for="' . $id . '" class="selectit"><input name="' . $id . '" type="checkbox" id="' . $id . '" value="' . $value . ' "'. checked( $value, 1, false) .'> ' . $text .'</label>';
27	+
28	+ return $content .= $label;
29	+
30	+ } else {
31	+
32	+ return $content;
33	+
34	+ }
35	+
36	+ }
37	+ if ( bodhi_svgs_advanced_mode() ) {
38	+ add_filter( 'admin_post_thumbnail_html', 'bodhi_svgs_featured_image_meta' );
39	+ }
40	+
41	+ /**
42	+ * Save featured image meta data when saved
43	+ */
44	+ function bodhi_svgs_save_featured_image_meta( $post_id, $post, $update ) {
45	+
46	+ $value = 0;
47	+ if ( isset( $_REQUEST['inline_featured_image'] ) ) {
48	+ $value = 1;
49	+ }
50	+
51	+ // set meta value to either 1 or 0
52	+ update_post_meta( $post_id, 'inline_featured_image', $value );
53	+
54	+ }
55	+ add_action( 'save_post', 'bodhi_svgs_save_featured_image_meta', 10, 3 );
56	+
57	+ /**
58	+ * Add class to the featured image output on front end
59	+ */
60	+ function bodhi_svgs_add_class_to_thumbnail( $thumb ) {
61	+
62	+ $inline_featured_image = get_post_meta( get_the_ID(), 'inline_featured_image' );
63	+
64	+ if ( in_array( 1, $inline_featured_image ) ) {
65	+
66	+ global $bodhi_svgs_options;
67	+
68	+ if ( ! empty( $bodhi_svgs_options['css_target'] ) ) {
69	+
70	+ $target_class = $bodhi_svgs_options['css_target'];
71	+
72	+ } else {
73	+
74	+ $target_class = 'style-svg';
75	+
76	+ }
77	+
78	+ if ( is_single() ) {
79	+
80	+ $thumb = str_replace( 'attachment-', $target_class . ' attachment-', $thumb );
81	+
82	+ }
83	+
84	+ }
85	+
86	+ return $thumb;
87	+
88	+ }
89	+ if ( bodhi_svgs_advanced_mode() ) {
90	+ add_filter( 'post_thumbnail_html', 'bodhi_svgs_add_class_to_thumbnail' );
91	+ }

functions/localization.php CHANGED Viewed

	@@ -11,6 +11,4 @@ add_action( 'init', 'bodhi_svgs_localization' );
11	function bodhi_svgs_localization() {
12	load_plugin_textdomain( 'svg-support', false, basename( dirname( __FILE__ ) ) . '/languages' );
13
14	- }
15	-
16	- ?>


11	function bodhi_svgs_localization() {
12	load_plugin_textdomain( 'svg-support', false, basename( dirname( __FILE__ ) ) . '/languages' );
13
14	+ }

functions/mime-types.php CHANGED Viewed

	@@ -1,26 +1,28 @@
1	<?php
2	/**
3	- * ~~ADD~~ ~~MIME~~ ~~TYPES~~
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	- exit; // Exit if accessed directly
7	}
8
9	add_filter( 'upload_mimes', 'bodhi_svgs_upload_mimes' );
10	-
11	- function bodhi_svgs_upload_mimes($mimes = array()) {
12
13	global $bodhi_svgs_options;
14
15	- if( empty( $bodhi_svgs_options['restrict'] ) \|\| current_user_can( 'administrator' ) ) {

16	// allow SVG file upload
17	$mimes['svg'] = 'image/svg+xml';
18	$mimes['svgz'] = 'image/svg+xml';

19	return $mimes;

20	} else {

21	return $mimes;
22	- }
23
24	- }
25
26	- ?>


1	<?php
2	/**
3	+ * Add SVG mime types
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	}
8
9	add_filter( 'upload_mimes', 'bodhi_svgs_upload_mimes' );
10	+ function bodhi_svgs_upload_mimes( $mimes = array() ) {

11
12	global $bodhi_svgs_options;
13
14	+ if ( empty( $bodhi_svgs_options['restrict'] ) \|\| current_user_can( 'administrator' ) ) {
15	+
16	// allow SVG file upload
17	$mimes['svg'] = 'image/svg+xml';
18	$mimes['svgz'] = 'image/svg+xml';
19	+
20	return $mimes;
21	+
22	} else {
23	+
24	return $mimes;

25
26	+ }
27
28	+ }

functions/thumbnail-display.php CHANGED Viewed

	@@ -3,11 +3,10 @@
3	* ADD ABILITY TO VIEW THUMBNAILS IN WP 4.0+
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	- exit; // Exit if accessed directly
7	}
8
9	- add_action('admin_init', 'bodhi_svgs_display_thumbs');
10	-
11	function bodhi_svgs_display_thumbs() {
12
13	ob_start();
	@@ -35,7 +34,7 @@ function bodhi_svgs_display_thumbs() {
35	'<# } else if ( \'image\' === data.type && data.sizes && data.sizes.full ) { #>',
36	'<# } else if ( \'svg+xml\' === data.subtype ) { #>
37	<img class="details-image" src="{{ data.url }}" draggable="false" />
38	- <# } else if ( \'image\' === data.type && data.sizes && data.sizes.full ) { #>',
39
40	$content
41	);
	@@ -54,4 +53,5 @@ function bodhi_svgs_display_thumbs() {
54	return $content;
55
56	}

57	}


3	* ADD ABILITY TO VIEW THUMBNAILS IN WP 4.0+
4	*/
5	if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	}
8
9	+ add_action( 'admin_init', 'bodhi_svgs_display_thumbs' );

10	function bodhi_svgs_display_thumbs() {
11
12	ob_start();

34	'<# } else if ( \'image\' === data.type && data.sizes && data.sizes.full ) { #>',
35	'<# } else if ( \'svg+xml\' === data.subtype ) { #>
36	<img class="details-image" src="{{ data.url }}" draggable="false" />
37	+ <# } else if ( \'image\' === data.type && data.sizes && data.sizes.full ) { #>',
38
39	$content
40	);

53	return $content;
54
55	}
56	+
57	}

js/min/svg-inline-min.js DELETED Viewed

@@ -1 +0,0 @@

- jQuery(document).ready(function($){var e="img."!=cssTarget?cssTarget:"img.style-svg";jQuery(e).each(function(e){var t=jQuery(this),r=t.attr("id"),a=t.attr("class"),d=t.attr("src");jQuery.get(d,function(d){var s=jQuery(d).find("svg"),i=s.attr("id");"undefined"==typeof r?"undefined"==typeof i?(r="svg-replaced-"+e,s=s.attr("id",r)):r=i:s=s.attr("id",r),"undefined"!=typeof a&&(s=s.attr("class",a+" replaced-svg")),s=s.removeAttr("xmlns:a"),t.replaceWith(s),jQuery(document).trigger("svg.loaded",[r])},"xml")})});

js/min/svgs-admin-notice-update-min.js ADDED Viewed

	@@ -0,0 +1 @@


1	+ jQuery(document).on("click",".svgs-upgrade-notice .notice-dismiss",function(){jQuery.ajax({url:ajaxurl,data:{action:"dismiss_svgs_admin_notice"}})});

js/min/svgs-inline-min.js ADDED Viewed

	@@ -0,0 +1 @@

+ jQuery(document).ready(function($){var e="img."!==cssTarget?cssTarget:"img.style-svg";$(e).each(function(e){var t=jQuery(this),r=t.attr("id"),a=t.attr("class"),d=t.attr("src");d.endsWith("svg")&&$.get(d,function(d){var s=$(d).find("svg"),i=s.attr("id");"undefined"==typeof r?"undefined"==typeof i?(r="svg-replaced-"+e,s=s.attr("id",r)):r=i:s=s.attr("id",r),"undefined"!=typeof a&&(s=s.attr("class",a+" replaced-svg svg-replaced-"+e)),s=s.removeAttr("xmlns:a"),t.replaceWith(s),$(document).trigger("svg.loaded",[r])},"xml")})});

js/svg-inline.js DELETED Viewed

@@ -1,46 +0,0 @@
-            -
            jQuery(document).ready(function ($) {
-            -
-            -
                // Check to see if user set alternate class
-            -
                var target  = ( cssTarget != 'img.' ? cssTarget : 'img.style-svg' );
-            -
-            -
                jQuery(target).each(function(index){
-            -
                    var $img = jQuery(this);
-            -
                    var imgID = $img.attr('id');
-            -
                    var imgClass = $img.attr('class');
-            -
                    var imgURL = $img.attr('src');
-            -
-            -
                    jQuery.get(imgURL, function(data) {
-            -
-            -
                        // Get the SVG tag, ignore the rest
-            -
                        var $svg = jQuery(data).find('svg');
-            -
-            -
                        var svgID = $svg.attr('id');
-            -
-            -
                        // Add replaced image's ID to the new SVG if necessary
-            -
                        if(typeof imgID === 'undefined') {
-            -
                            if(typeof svgID === 'undefined') {
-            -
                                imgID = 'svg-replaced-'+index;
-            -
                                $svg = $svg.attr('id', imgID);
-            -
                            } else {
-            -
                                imgID = svgID;
-            -
                            }
-            -
                        } else {
-            -
                            $svg = $svg.attr('id', imgID);
-            -
                        }
-            -
-            -
                        // Add replaced image's classes to the new SVG
-            -
                        if(typeof imgClass !== 'undefined') {
-            -
                            $svg = $svg.attr('class', imgClass+' replaced-svg');
-            -
                        }
-            -
-            -
                        // Remove any invalid XML tags as per http://validator.w3.org
-            -
                        $svg = $svg.removeAttr('xmlns:a');
-            -
-            -
                        // Replace image with new SVG
-            -
                        $img.replaceWith($svg);
-            -
-            -
                        jQuery(document).trigger('svg.loaded', [imgID]);
-            -
-            -
                    }, 'xml');
-            -
                });
-            -
            });

js/svgs-admin-notice-update.js ADDED Viewed

	@@ -0,0 +1,10 @@


1	+ jQuery(document).on( 'click', '.svgs-upgrade-notice .notice-dismiss', function() {
2	+
3	+ jQuery.ajax({
4	+ url: ajaxurl,
5	+ data: {
6	+ action: 'dismiss_svgs_admin_notice'
7	+ }
8	+ });
9	+
10	+ });

js/svgs-inline.js ADDED Viewed

	@@ -0,0 +1,51 @@


1	+ jQuery(document).ready(function ($) {
2	+
3	+ // Check to see if user set alternate class
4	+ var target = ( cssTarget !== 'img.' ? cssTarget : 'img.style-svg' );
5	+
6	+ $(target).each(function(index){
7	+ var $img = jQuery(this);
8	+ var imgID = $img.attr('id');
9	+ var imgClass = $img.attr('class');
10	+ var imgURL = $img.attr('src');
11	+
12	+ if (!imgURL.endsWith('svg')) {
13	+ return;
14	+ }
15	+
16	+ $.get(imgURL, function(data) {
17	+
18	+ // Get the SVG tag, ignore the rest
19	+ var $svg = $(data).find('svg');
20	+
21	+ var svgID = $svg.attr('id');
22	+
23	+ // Add replaced image's ID to the new SVG if necessary
24	+ if(typeof imgID === 'undefined') {
25	+ if(typeof svgID === 'undefined') {
26	+ imgID = 'svg-replaced-'+index;
27	+ $svg = $svg.attr('id', imgID);
28	+ } else {
29	+ imgID = svgID;
30	+ }
31	+ } else {
32	+ $svg = $svg.attr('id', imgID);
33	+ }
34	+
35	+ // Add replaced image's classes to the new SVG
36	+ if(typeof imgClass !== 'undefined') {
37	+ $svg = $svg.attr('class', imgClass+' replaced-svg svg-replaced-'+index);
38	+ }
39	+
40	+ // Remove any invalid XML tags as per http://validator.w3.org
41	+ $svg = $svg.removeAttr('xmlns:a');
42	+
43	+ // Replace image with new SVG
44	+ $img.replaceWith($svg);
45	+
46	+ $(document).trigger('svg.loaded', [imgID]);
47	+
48	+ }, 'xml');
49	+ });
50	+
51	+ });

languages/svgsupport-en_AU.mo DELETED Viewed

Binary file

languages/svgsupport-en_AU.po DELETED Viewed

@@ -1,298 +0,0 @@
-            -
            msgid ""
-            -
            msgstr ""
-            -
            "Project-Id-Version: SVG Support 2.2.3.1\n"
-            -
            "Report-Msgid-Bugs-To: \n"
-            -
            "POT-Creation-Date: 2016-05-16 20:19:06+00:00\n"
-            -
            "PO-Revision-Date: Mon May 16 2016 13:53:49 GMT-0700 (PDT)\n"
-            -
            "Last-Translator: root <benbodhi@gmail.com>\n"
-            -
            "Language-Team: Benbodhi <wp@benbodhi.com>\n"
-            -
            "Language: English (Australia)\n"
-            -
            "Plural-Forms: nplurals=2; plural=n != 1\n"
-            -
            "MIME-Version: 1.0\n"
-            -
            "Content-Type: text/plain; charset=UTF-8\n"
-            -
            "Content-Transfer-Encoding: 8bit\n"
-            -
            "X-Poedit-SourceCharset: utf-8\n"
-            -
            "X-Generator: Loco - https://localise.biz/\n"
-            -
            "X-Poedit-Language: English\n"
-            -
            "X-Poedit-Country: AUSTRALIA\n"
-            -
            "X-Poedit-KeywordsList: _:1;gettext:1;dgettext:2;ngettext:1,2;dngettext:2,3;"
-            -
            "__:1;_e:1;_c:1;_n:1,2;_n_noop:1,2;_nc:1,2;__ngettext:1,2;__ngettext_noop:1,2;"
-            -
            "_x:1,2c;_ex:1,2c;_nx:1,2,4c;_nx_noop:1,2,3c;_n_js:1,2;_nx_js:1,2,3c;"
-            -
            "esc_attr__:1;esc_html__:1;esc_attr_e:1;esc_html_e:1;esc_attr_x:1,2c;"
-            -
            "esc_html_x:1,2c;comments_number_link:2,3;t:1;st:1;trans:1;transChoice:1,2\n"
-            -
            "X-Poedit-Basepath: ../\n"
-            -
            "X-Poedit-Bookmarks: \n"
-            -
            "X-Poedit-SearchPath-0: .\n"
-            -
            "X-Textdomain-Support: yes\n"
-            -
            "X-Loco-Target-Locale: en_AU"
-            -
-            -
            #. URI of the plugin
-            -
            msgid "http://wordpress.org/plugins/svg-support"
-            -
            msgstr "http://wordpress.org/plugins/svg-support"
-            -
-            -
            msgid "SVG Support"
-            -
            msgstr "SVG Support"
-            -
-            -
            msgid ""
-            -
            "Allow SVG file uploads using the WordPress Media Library uploader plus "
-            -
            "direct styling of SVG elements using CSS."
-            -
            msgstr ""
-            -
            "Allow SVG file uploads using the WordPress Media Library uploader plus "
-            -
            "direct styling of SVG elements using CSS."
-            -
-            -
            msgid "Benbodhi"
-            -
            msgstr "Benbodhi"
-            -
-            -
            msgid "http://benbodhi.com"
-            -
            msgstr "http://benbodhi.com"
-            -
-            -
            #: ../admin/admin-init.php:15
-            -
            msgid "SVG Support Options and Instructions"
-            -
            msgstr "SVG Support Options and Instructions"
-            -
-            -
            #: ../admin/admin-init.php:29
-            -
            msgid "You can't play with this."
-            -
            msgstr "You can't play with this."
-            -
-            -
            #: ../admin/plugin-action-meta-links.php:30
-            -
            msgid "Get Support"
-            -
            msgstr "Get Support"
-            -
-            -
            #: ../admin/plugin-action-meta-links.php:31
-            -
            msgid "Donate to author"
-            -
            msgstr "Donate to author"
-            -
-            -
            #: ../admin/plugin-action-meta-links.php:32
-            -
            msgid "$25 Free Credit from GoWebben"
-            -
            msgstr "$25 Free Credit from GoWebben"
-            -
-            -
            #: ../admin/svgs-settings-page.php:4
-            -
            msgid "SVG Support Settings and Usage"
-            -
            msgstr "SVG Support Settings and Usage"
-            -
-            -
            #: ../admin/svgs-settings-page.php:12
-            -
            msgid "Introduction"
-            -
            msgstr "Introduction"
-            -
-            -
            #: ../admin/svgs-settings-page.php:15
-            -
            msgid ""
-            -
            "When using SVG images on your WordPress site, it can be hard to style "
-            -
            "elements within the SVG using CSS. <strong>Now you can, easily!</strong>"
-            -
            msgstr ""
-            -
            "When using SVG images on your WordPress site, it can be hard to style "
-            -
            "elements within the SVG using CSS. <strong>Now you can, easily!</strong>"
-            -
-            -
            #: ../admin/svgs-settings-page.php:16
-            -
            msgid ""
-            -
            "This plugin not only provides SVG Support like the name says, it also allows "
-            -
            "you to easily embed your full SVG file's code using a simple IMG tag. By "
-            -
            "adding the class <code>style-svg</code> to your IMG elements, this plugin "
-            -
            "dynamically replaces any IMG elements containing the <code>style-svg</code> "
-            -
            "class with your complete SVG."
-            -
            msgstr ""
-            -
            "This plugin not only provides SVG Support like the name says, it also allows "
-            -
            "you to easily embed your full SVG file's code using a simple IMG tag. By "
-            -
            "adding the class <code>style-svg</code> to your IMG elements, this plugin "
-            -
            "dynamically replaces any IMG elements containing the <code>style-svg</code> "
-            -
            "class with your complete SVG."
-            -
-            -
            #: ../admin/svgs-settings-page.php:17
-            -
            msgid ""
-            -
            "The main purpose of this is to allow styling of SVG elements. Usually your "
-            -
            "styling options are restricted when using <code>embed</code>, "
-            -
            "<code>object</code> or <code>img</code> tags alone."
-            -
            msgstr ""
-            -
            "The main purpose of this is to allow styling of SVG elements. Usually your "
-            -
            "styling options are restricted when using <code>embed</code>, "
-            -
            "<code>object</code> or <code>img</code> tags alone."
-            -
-            -
            #: ../admin/svgs-settings-page.php:34
-            -
            msgid "Settings"
-            -
            msgstr "Settings"
-            -
-            -
            #: ../admin/svgs-settings-page.php:46
-            -
            msgid "Restrict to Administrators"
-            -
            msgstr "Restrict to Administrators"
-            -
-            -
            #: ../admin/svgs-settings-page.php:51 ../admin/svgs-settings-page.php:62 ..
-            -
            #: admin/svgs-settings-page.php:73
-            -
            msgid "Yes"
-            -
            msgstr "Yes"
-            -
-            -
            #: ../admin/svgs-settings-page.php:51
-            -
            msgid " Restricts SVG upload priveledges to Administrators."
-            -
            msgstr " Restricts SVG upload priveledges to Administrators."
-            -
-            -
            #: ../admin/svgs-settings-page.php:57
-            -
            msgid "Output JS in Footer?"
-            -
            msgstr "Output JS in Footer?"
-            -
-            -
            #: ../admin/svgs-settings-page.php:62
-            -
            msgid ""
-            -
            " Normally, scripts are placed in <code>head</code> of the HTML document. If "
-            -
            "this parameter is true, the script is placed before the closing "
-            -
            "<code>body</code> tag. This requires the theme to have the "
-            -
            "<code>wp_footer()</code> template tag in the appropriate place."
-            -
            msgstr ""
-            -
            " Normally, scripts are placed in <code>head</code> of the HTML document. If "
-            -
            "this parameter is true, the script is placed before the closing "
-            -
            "<code>body</code> tag. This requires the theme to have the "
-            -
            "<code>wp_footer()</code> template tag in the appropriate place."
-            -
-            -
            #: ../admin/svgs-settings-page.php:68
-            -
            msgid "Automatically insert class?"
-            -
            msgstr "Automatically insert class?"
-            -
-            -
            #: ../admin/svgs-settings-page.php:73
-            -
            msgid ""
-            -
            " Checking this will make sure that either the default class or the custom "
-            -
            "one you set below is inserted into the style attributes of <code>img</code> "
-            -
            "tags when you insert images. Additionally, it will remove all of the default "
-            -
            "WordPress classes."
-            -
            msgstr ""
-            -
            " Checking this will make sure that either the default class or the custom "
-            -
            "one you set below is inserted into the style attributes of <code>img</code> "
-            -
            "tags when you insert images. Additionally, it will remove all of the default "
-            -
            "WordPress classes."
-            -
-            -
            #: ../admin/svgs-settings-page.php:78
-            -
            msgid "CSS Class to target"
-            -
            msgstr "CSS Class to target"
-            -
-            -
            #: ../admin/svgs-settings-page.php:81
-            -
            msgid ""
-            -
            "The default target class is <code>style-svg</code>. You can change it to "
-            -
            "your own class such as <code>my-class</code> by typing it here.<br />Leave "
-            -
            "blank to use the default class."
-            -
            msgstr ""
-            -
            "The default target class is <code>style-svg</code>. You can change it to "
-            -
            "your own class such as <code>my-class</code> by typing it here.<br />Leave "
-            -
            "blank to use the default class."
-            -
-            -
            #: ../admin/svgs-settings-page.php:87
-            -
            msgid "Save Changes"
-            -
            msgstr "Save Changes"
-            -
-            -
            #: ../admin/svgs-settings-page.php:98
-            -
            msgid "Usage"
-            -
            msgstr "Usage"
-            -
-            -
            #: ../admin/svgs-settings-page.php:101
-            -
            msgid "You can simply upload SVG images to your media library like any other file."
-            -
            msgstr "You can simply upload SVG images to your media library like any other file."
-            -
-            -
            #: ../admin/svgs-settings-page.php:102
-            -
            msgid ""
-            -
            "Now, embed your SVG image like a standard image with the addition of adding "
-            -
            "the class <code>style-svg</code> (or your custom class from above) to any "
-            -
            "IMG tags that you want this plugin to swap out with your actual SVG code."
-            -
            msgstr ""
-            -
            "Now, embed your SVG image like a standard image with the addition of adding "
-            -
            "the class <code>style-svg</code> (or your custom class from above) to any "
-            -
            "IMG tags that you want this plugin to swap out with your actual SVG code."
-            -
-            -
            #: ../admin/svgs-settings-page.php:103
-            -
            msgid "For example:"
-            -
            msgstr "For example:"
-            -
-            -
            #: ../admin/svgs-settings-page.php:106
-            -
            msgid "or"
-            -
            msgstr "or"
-            -
-            -
            #: ../admin/svgs-settings-page.php:109
-            -
            msgid ""
-            -
            "The whole IMG tag element will now be dynamically replaced by the actual "
-            -
            "code of your SVG, making the inner content targetable."
-            -
            msgstr ""
-            -
            "The whole IMG tag element will now be dynamically replaced by the actual "
-            -
            "code of your SVG, making the inner content targetable."
-            -
-            -
            #: ../admin/svgs-settings-page.php:110
-            -
            msgid "This allows you to target elements within your SVG using CSS."
-            -
            msgstr "This allows you to target elements within your SVG using CSS."
-            -
-            -
            #: ../admin/svgs-settings-page.php:112
-            -
            msgid "Please Note:"
-            -
            msgstr "Please Note:"
-            -
-            -
            #: ../admin/svgs-settings-page.php:113
-            -
            msgid ""
-            -
            "- You will need to set your own height and width in your CSS for SVG files "
-            -
            "to display correctly."
-            -
            msgstr ""
-            -
            "- You will need to set your own height and width in your CSS for SVG files "
-            -
            "to display correctly."
-            -
-            -
            #: ../admin/svgs-settings-page.php:114
-            -
            msgid ""
-            -
            "- Your uploaded image needs to be an SVG file for this plugin to replace the "
-            -
            "img tag with the inline SVG code. It will not create SVG files for you."
-            -
            msgstr ""
-            -
            "- Your uploaded image needs to be an SVG file for this plugin to replace the "
-            -
            "img tag with the inline SVG code. It will not create SVG files for you."
-            -
-            -
            #: ../admin/svgs-settings-page.php:131
-            -
            msgid "Plugin Features"
-            -
            msgstr "Plugin Features"
-            -
-            -
            #: ../admin/svgs-settings-page.php:134
-            -
            msgid "SVG Support for your media library"
-            -
            msgstr "SVG Support for your media library"
-            -
-            -
            #: ../admin/svgs-settings-page.php:135
-            -
            msgid "Style SVG elements directly using CSS"
-            -
            msgstr "Style SVG elements directly using CSS"
-            -
-            -
            #: ../admin/svgs-settings-page.php:136
-            -
            msgid "Restrict to Administrators only"
-            -
            msgstr "Restrict to Administrators only"
-            -
-            -
            #: ../admin/svgs-settings-page.php:137
-            -
            msgid "Extremely Simple To Use"
-            -
            msgstr "Extremely Simple To Use"
-            -
-            -
            #: ../admin/svgs-settings-page.php:145
-            -
            msgid "About The Plugin"
-            -
            msgstr "About The Plugin"
-            -
-            -
            #: ../admin/svgs-settings-page.php:147
-            -
            msgid "You can read about this plugin in detail on"
-            -
            msgstr "You can read about this plugin in detail on"
-            -
-            -
            #: ../admin/svgs-settings-page.php:147
-            -
            msgid "The WordPress Plugin Repository"
-            -
            msgstr "The WordPress Plugin Repository"
-            -
-            -
            #: ../admin/svgs-settings-page.php:148
-            -
            msgid "Need help?"
-            -
            msgstr "Need help?"
-            -
-            -
            #: ../admin/svgs-settings-page.php:148
-            -
            msgid "Visit Support"
-            -
            msgstr "Visit Support"
-            -
-            -
            #: ../admin/svgs-settings-page.php:149
-            -
            msgid "Buy Benbodhi a Beer &rarr;"
-            -
            msgstr "Buy Benbodhi a Beer &rarr;"
-            -
-            -
            #: ../admin/svgs-settings-page.php:150
-            -
            msgid "from"
-            -
            msgstr "from"
-            -
-            -
            #: ../admin/svgs-settings-page.php:157
-            -
            msgid "GoWebben Hosting"
-            -
            msgstr "GoWebben Hosting"
-            -
-            -
            #: ../admin/svgs-settings-page.php:159
-            -
            msgid "Claim your FREE $25 credit from"
-            -
            msgstr "Claim your FREE $25 credit from"
-            -
-            -
            #: ../admin/svgs-settings-page.php:159
-            -
            msgid ""
-            -
            "No catch, just free credit for using this plugin! It will be applied "
-            -
            "automatically using the link provided, but in any case you can simply use "
-            -
            "code: SVGSUPPORT during checkout."
-            -
            msgstr ""
-            -
            "No catch, just free credit for using this plugin! It will be applied "
-            -
            "automatically using the link provided, but in any case you can simply use "
-            -
            "code: SVGSUPPORT during checkout."

one-time-upgrade-activate.php ADDED Viewed

	@@ -0,0 +1,21 @@


1	+ <?php
2	+ /**
3	+ * One time function to make sure new "Advanced Mode" setting is activated
4	+ */
5	+ if ( ! defined( 'ABSPATH' ) ) {
6	+ exit; // Exit if accessed directly
7	+ }
8	+ /**
9	+ * Update plugin settings on activate/update
10	+ */
11	+ function bodhi_svgs_plugin_update() {
12	+
13	+ $new_option = array( 'advanced_mode' => 'on' );
14	+ $existing_settings = get_option( 'bodhi_svgs_settings' );
15	+ $new_settings = array_merge( $new_option, $existing_settings );
16	+
17	+ update_option( 'bodhi_svgs_settings', $new_settings );
18	+
19	+ }
20	+ register_activation_hook( BODHI_SVGS_PLUGIN_PATH . 'svg-support.php', 'bodhi_svgs_plugin_update' );
21	+ add_action( 'upgrader_process_complete', 'bodhi_svgs_plugin_update', 10, 2);

readme.txt CHANGED Viewed

	@@ -1,10 +1,10 @@
1	=== SVG Support ===
2	Contributors: Benbodhi
3	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ
4	- Tags: svg, vector, css, style, mime, mime type, embed, img, inline
5	Requires at least: 4.0
6	Tested up to: 4.8-alpha-39901
7	- Stable tag: 2.~~2.5~~
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
	@@ -38,7 +38,9 @@ Once activated, you can simply upload SVG images to your media library like any
38
39	As an administrator, you can go to the admin settings page 'Settings' > 'SVG Support' and restrict SVG file uploads to administrators only and even define a custom CSS class to target if you wish.
40
41	- ~~Now,~~ ~~embed your SVG images just like~~ you ~~would~~ a ~~standard~~ ~~image~~ ~~with the addition of adding (in text view) the class `"style-svg"` (or the custom class you defined)~~ to ~~your~~ ~~IMG~~ ~~tags~~ ~~that~~ you ~~want~~ ~~this~~ ~~plugin~~ to ~~swap~~ ~~out~~ ~~with~~ ~~your~~ ~~actual~~ ~~SVG~~ ~~code.~~ ~~You~~ ~~can~~ ~~also~~ ~~remove~~ ~~any~~ ~~other~~ ~~attributes~~ ~~from~~ ~~the~~ ~~tag~~ and ~~use~~ ~~CSS~~ ~~to manage~~ the ~~size.<br~~ />


42	For example:
43
44	`<img class="style-svg" alt="alt-text" src="image-source.svg" />`
	@@ -48,6 +50,8 @@ or
48	The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.<br />
49	This allows you to target elements within your SVG using CSS.
50


51	Please Note: You will need to set your own height and width in your CSS for SVG files to display correctly.
52
53	If you are having any issues, please use the support tab and I will try my best to get back to you quickly
	@@ -58,17 +62,15 @@ As with allowing uploads of any files, there is potential risks involved. Only a
58
59	= Translations =
60
61	- * English - default, always included


62	* Serbian - translated and submitted by Ogi Djuraskovic from [first site guide](http://firstsiteguide.com/)
63	* Spanish - translated and submitted by [Apasionados del Marketing](http://apasionados.es)
64	- * Your translation? - [Just send it in](http://gowebben.com/contact/)
65	-
66	- Note: This plugin is localized/translateable by default. This is very important for all users worldwide. So please contribute your language to the plugin to make it even more useful.<br />
67	- For translating I recommend ["Loco Translate" plugin](https://wordpress.org/plugins/loco-translate/) and for validating the ["Poedit Editor"](http://www.poedit.net/).
68
69	= Feedback =
70
71	- * I am open to your suggestions and feedback - Thanks for ~~checking~~ ~~out~~ ~~this plugin~~!
72	* Drop me a line [@benbodhi](http://twitter.com/benbodhi) or [@GoWebben](http://twitter.com/gowebben) on Twitter
73	* Follow me on [my Facebook page](http://www.facebook.com/gowebben)
74	* Or circle [+GoWebben](https://plus.google.com/+Gowebben/) on Google Plus ;-)
	@@ -99,6 +101,14 @@ or
99
100	== Frequently Asked Questions ==
101








102	= I'm trying to use SVG in the customizer but it's not working. =
103
104	To allow SVG to work in the customizer, you will need to modify/add some code in your child theme's function file. [Here is a great tutorial](https://thebrandid.com/using-svg-logos-wordpress-customizer/) on how to do that. The important part is
	@@ -121,11 +131,26 @@ If you are using SVG Support with Visual Composer or any other page builders, yo
121
122	== Screenshots ==
123
124	- 1. ~~Activated~~ ~~plugin~~
125	- 2. ~~Admin~~ ~~settings page (with new settings since V2.2)~~


126
127	== Changelog ==
128













129	= 2.2.5 =
130
131	* FIX: Display SVG thumbnails in attachment modals.
	@@ -222,6 +247,10 @@ If you are using SVG Support with Visual Composer or any other page builders, yo
222
223	== Upgrade Notice ==
224




225	= 2.2.5 =
226
227	* Fix to display SVG thumbnails in attachment modals. (NOTE: You can not edit SVG files like other images in WordPress)


1	=== SVG Support ===
2	Contributors: Benbodhi
3	Donate link: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=Z9R7JERS82EQQ
4	+ Tags: svg, vector, css, style, mime, mime type, embed, img, inline, animation
5	Requires at least: 4.0
6	Tested up to: 4.8-alpha-39901
7	+ Stable tag: 2.3
8	License: GPLv2 or later
9	License URI: http://www.gnu.org/licenses/gpl-2.0.html
10

38
39	As an administrator, you can go to the admin settings page 'Settings' > 'SVG Support' and restrict SVG file uploads to administrators only and even define a custom CSS class to target if you wish.
40
41	+ If you only need simple functionality to upload SVG files, then you don't need to enable "Advanced Mode" which will make sure that the frontend script is not enqueued for performance and will hide the unnecessary settings.
42	+
43	+ For advanced users, enable the "Advanced Mode" under Settings > SVG Support. Then you can embed your SVG images just like you would a standard image with the addition of adding (in text view) the class `"style-svg"` (or the custom class you defined) to your IMG tags that you want this plugin to swap out with your actual SVG code. You can also remove any other attributes from the tag and use CSS to manage the size. There is also a setting to automatically add your class to the IMG tag for you when you're inserting it in to a post or page.<br />
44	For example:
45
46	`<img class="style-svg" alt="alt-text" src="image-source.svg" />`

50	The whole IMG tag element will now be dynamically replaced by the actual code of your SVG, making the inner content targetable.<br />
51	This allows you to target elements within your SVG using CSS.
52
53	+ Featured Images: If a post/page is saved with your SVG as a featured image, a checkbox will display in the featured image meta box to allow you to render it inline (only if advanced mode is active).
54	+
55	Please Note: You will need to set your own height and width in your CSS for SVG files to display correctly.
56
57	If you are having any issues, please use the support tab and I will try my best to get back to you quickly

62
63	= Translations =
64
65	+ * US English - default, always included
66	+ * AU English - WordPress Language Packs
67	+ * NZ English - WordPress Language Packs
68	* Serbian - translated and submitted by Ogi Djuraskovic from [first site guide](http://firstsiteguide.com/)
69	* Spanish - translated and submitted by [Apasionados del Marketing](http://apasionados.es)




70
71	= Feedback =
72
73	+ * I am open to your suggestions and feedback - Thanks for using SVG Support!
74	* Drop me a line [@benbodhi](http://twitter.com/benbodhi) or [@GoWebben](http://twitter.com/gowebben) on Twitter
75	* Follow me on [my Facebook page](http://www.facebook.com/gowebben)
76	* Or circle [+GoWebben](https://plus.google.com/+Gowebben/) on Google Plus ;-)

101
102	== Frequently Asked Questions ==
103
104	+ = SVG not rendering inline since 2.3 update =
105	+
106	+ SVG Support 2.3 includes a new settings "Advanced Mode". Users that were inlining SVG files need to make sure this setting is checked. Go to your dashboard > Settings > SVG Support and check "Advanced Mode". All of your original settings should still be there.
107	+
108	+ = How do I disable the Javascript on the front end if I am not using inline SVG? =
109	+
110	+ If you go to `Settings > SVG Support` in your admin dashboard, you can choose to enable "Advanced Mode" or not. If you leave it disabled, the advanced functionality and extraneous script is removed.
111	+
112	= I'm trying to use SVG in the customizer but it's not working. =
113
114	To allow SVG to work in the customizer, you will need to modify/add some code in your child theme's function file. [Here is a great tutorial](https://thebrandid.com/using-svg-logos-wordpress-customizer/) on how to do that. The important part is

131
132	== Screenshots ==
133
134	+ 1. Basic Settings
135	+ 2. Advanced Settings
136	+ 3. Featured Image checkbox to render SVG inline
137	+ 4. Inline SVG in the front end markup
138
139	== Changelog ==
140
141	+ = 2.3 =
142	+
143	+ * New Feature - Advanced Mode: allows you to turn off the advanced features and simply upload SVG files like normal images. This addition also enables users to turn off the script added on front end by leaving Advanced Mode unchecked.
144	+ * New Feature - Featured Image Support: If your featured image is SVG, once the post is saved you will see a checkbox to render the SVG inline (advanced mode only).
145	+ * Performance - Stop inlining JS from running if image source is not SVG.
146	+ * Added new stylesheet for settings page.
147	+ * Moved SCSS files to their own folder.
148	+ * Changed donate link so I can track it and properly thank you for your generous donations.
149	+ * Added a rating link to the settings and media pages.
150	+ * Cleaned up code formatting, added more comments.
151	+ * Added a plugin version check.
152	+ * Added notice so people are aware they may need to turn on the advanced mode.
153	+
154	= 2.2.5 =
155
156	* FIX: Display SVG thumbnails in attachment modals.

247
248	== Upgrade Notice ==
249
250	+ = 2.3 =
251	+
252	+ IMPORTANT, MAJOR CHANGES, BACKUP BEFORE UPDATING: Users that are inlining SVG will need to make sure "Advanced Mode" is active under "Settings > SVG Support". Your settings should all still be there. Make sure you run a backup before updating just in case!!!
253	+
254	= 2.2.5 =
255
256	* Fix to display SVG thumbnails in attachment modals. (NOTE: You can not edit SVG files like other images in WordPress)

scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c/svgs-admin-simple-mode.scssc ADDED Viewed

Binary file

{css/.sass-cache/2d7711e41fe8fdd2638823a7fcb5fbf7b4fba050 → scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c}/svgs-admin.scssc RENAMED Viewed

Binary file

scss/.sass-cache/19f648ba9a479ff856a119e87d48b4db48146d8c/svgs-attachment.scssc ADDED Viewed

Binary file

scss/svgs-admin-simple-mode.scss ADDED Viewed

	@@ -0,0 +1,6 @@


1	+ /**
2	+ * Hide advanced features
3	+ */
4	+ .svgs-advanced {
5	+ display: none;
6	+ }

{css → scss}/svgs-admin.scss RENAMED Viewed

	@@ -17,5 +17,5 @@ h3 {
17	*/
18	table.media .column-title .media-icon img {
19	width: 60px;
20	- height: 60px;
21	}


17	*/
18	table.media .column-title .media-icon img {
19	width: 60px;
20	+ // height: 60px;
21	}

scss/svgs-attachment.scss ADDED Viewed

	@@ -0,0 +1,3 @@


1	+ .attachment img[src$=".svg"] {
2	+ width: 100%;
3	+ }

svg-support.php CHANGED Viewed

	@@ -2,55 +2,45 @@
2	/*
3	Plugin Name: SVG Support
4	Plugin URI: http://wordpress.org/plugins/svg-support/
5	- Description: Allow SVG file uploads using the WordPress Media Library uploader plus direct ~~styling~~ of SVG elements ~~using~~ CSS.
6	- Version: 2.~~2.5~~
7	Author: Benbodhi
8	Author URI: http://benbodhi.com
9	Text Domain: svg-support
10	Domain Path: /languages
11	- License: ~~GPL2~~
12	License URI: http://www.gnu.org/licenses/gpl-2.0.html
13
14	- Copyright 2013 Benbodhi (email : wp@benbodhi.com)
15
16	- This program is free software; you can redistribute it and/or modify
17	- it under the terms of the GNU General Public License, version 2,
18	- as published by the Free Software Foundation.
19	-
20	- This program is distributed in the hope that it will be useful,
21	- but WITHOUT ANY WARRANTY; without even the implied warranty of
22	- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
23	- GNU General Public License for more details.
24	-
25	- The license for this software can likely be found here:
26	- http://www.gnu.org/licenses/gpl-2.0.html
27	- If not, write to the Free Software Foundation Inc.
28	- 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA
29	*/
30
31	if ( ! defined( 'ABSPATH' ) ) {
32	exit; // Exit if accessed directly
33	}
34
35	- /********************************************
36	- * ~~GLOBAL~~ ~~VARIABLES~~
37	- ********************************************/
38	- $svgs_plugin_version = '2.~~2.5~~'; // for use on admin pages
39	$plugin_file = plugin_basename(__FILE__); // plugin file for reference
40	define( 'BODHI_SVGS_PLUGIN_PATH', plugin_dir_path( __FILE__ ) ); // define the absolute plugin path for includes

41	$bodhi_svgs_options = get_option('bodhi_svgs_settings'); // retrieve our plugin settings from the options table
42
43	- /********************************************
44	- * ~~INCLUDES~~ - keeping it modular
45	- ********************************************/
46	include( BODHI_SVGS_PLUGIN_PATH . 'admin/admin-init.php' ); // initialize admin menu & settings page
47	include( BODHI_SVGS_PLUGIN_PATH . 'admin/plugin-action-meta-links.php' ); // add links to the plugin on the plugins page

48	include( BODHI_SVGS_PLUGIN_PATH . 'functions/mime-types.php' ); // setup mime types support for SVG
49	include( BODHI_SVGS_PLUGIN_PATH . 'functions/thumbnail-display.php' ); // make SVG thumbnails display correctly in media library
50	include( BODHI_SVGS_PLUGIN_PATH . 'functions/attachment-modal.php' ); // make SVG thumbnails display correctly in attachment modals
51	include( BODHI_SVGS_PLUGIN_PATH . 'functions/enqueue.php' ); // enqueue js & css for inline replacement & admin
52	include( BODHI_SVGS_PLUGIN_PATH . 'functions/localization.php' ); // setup localization & languages
53	include( BODHI_SVGS_PLUGIN_PATH . 'functions/attribute-control.php' ); // auto set SVG class & remove dimensions during insertion

54
55	/**
56	* TEMP FIX FOR 4.7.1
	@@ -67,4 +57,28 @@ function bodhi_svgs_disable_real_mime_check( $data, $file, $filename, $mimes ) {
67	}
68	add_filter( 'wp_check_filetype_and_ext', 'bodhi_svgs_disable_real_mime_check', 10, 4 );
69
70	- ?>


2	/*
3	Plugin Name: SVG Support
4	Plugin URI: http://wordpress.org/plugins/svg-support/
5	+ Description: Allow SVG file uploads using the WordPress Media Library uploader plus the ability to inline SVG files for direct targeting of SVG elements for CSS and JS.
6	+ Version: 2.3
7	Author: Benbodhi
8	Author URI: http://benbodhi.com
9	Text Domain: svg-support
10	Domain Path: /languages
11	+ License: GPLv2 or later
12	License URI: http://www.gnu.org/licenses/gpl-2.0.html
13
14	+ Copyright 2013 and beyond \| Benbodhi (email : wp@benbodhi.com)
15













16	*/
17
18	if ( ! defined( 'ABSPATH' ) ) {
19	exit; // Exit if accessed directly
20	}
21
22	+ /**
23	+ * Global variables
24	+ */
25	+ $svgs_plugin_version = '2.3'; // for use on admin pages
26	$plugin_file = plugin_basename(__FILE__); // plugin file for reference
27	define( 'BODHI_SVGS_PLUGIN_PATH', plugin_dir_path( __FILE__ ) ); // define the absolute plugin path for includes
28	+ define( 'BODHI_SVGS_PLUGIN_URL', plugin_dir_url( __FILE__ ) ); // define the plugin url for use in enqueue
29	$bodhi_svgs_options = get_option('bodhi_svgs_settings'); // retrieve our plugin settings from the options table
30
31	+ /**
32	+ * Includes - keeping it modular
33	+ */
34	include( BODHI_SVGS_PLUGIN_PATH . 'admin/admin-init.php' ); // initialize admin menu & settings page
35	include( BODHI_SVGS_PLUGIN_PATH . 'admin/plugin-action-meta-links.php' ); // add links to the plugin on the plugins page
36	+ include( BODHI_SVGS_PLUGIN_PATH . 'admin/admin-notice.php' ); // dismissable admin notice to warn users to update settings
37	include( BODHI_SVGS_PLUGIN_PATH . 'functions/mime-types.php' ); // setup mime types support for SVG
38	include( BODHI_SVGS_PLUGIN_PATH . 'functions/thumbnail-display.php' ); // make SVG thumbnails display correctly in media library
39	include( BODHI_SVGS_PLUGIN_PATH . 'functions/attachment-modal.php' ); // make SVG thumbnails display correctly in attachment modals
40	include( BODHI_SVGS_PLUGIN_PATH . 'functions/enqueue.php' ); // enqueue js & css for inline replacement & admin
41	include( BODHI_SVGS_PLUGIN_PATH . 'functions/localization.php' ); // setup localization & languages
42	include( BODHI_SVGS_PLUGIN_PATH . 'functions/attribute-control.php' ); // auto set SVG class & remove dimensions during insertion
43	+ include( BODHI_SVGS_PLUGIN_PATH . 'functions/featured-image.php' ); // allow inline SVG for featured images
44
45	/**
46	* TEMP FIX FOR 4.7.1

57	}
58	add_filter( 'wp_check_filetype_and_ext', 'bodhi_svgs_disable_real_mime_check', 10, 4 );
59
60	+ /**
61	+ * Version based conditional / Check for stored plugin version
62	+ *
63	+ * Versions prior to 2.3 did not store the version number,
64	+ * these older versions need to have the "Advanced Mode" switched on to retain inline functionality if upgrading to 2.3 or higher.
65	+ * If no version number is stored, load the one-time-upgrade-activate.php file and store current plugin version number.
66	+ * If there is a version number stored, update it with the new version number.
67	+ */
68	+ // get the stored plugin version
69	+ $svgs_plugin_version_stored = get_option( 'bodhi_svgs_plugin_version' );
70	+ // only run this if there is no stored version number (have never stored the number in previous versions)
71	+ if ( empty( $svgs_plugin_version_stored ) ) {
72	+
73	+ // include the one time script to activate the new "Advanced Mode" setting
74	+ include( BODHI_SVGS_PLUGIN_PATH . 'one-time-upgrade-activate.php');
75	+
76	+ // add plugin version number to options table
77	+ update_option( 'bodhi_svgs_plugin_version', $svgs_plugin_version );
78	+
79	+ } else {
80	+
81	+ // update plugin version number in options table
82	+ update_option( 'bodhi_svgs_plugin_version', $svgs_plugin_version );
83	+
84	+ }