massivedynamic
/
WP-Social-Icons
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added ability to open social links in new tab

Browse Source
development
Michael Ochmann 2 weeks ago
parent 51d6a5057a
commit be836d1b49
11 changed files with 48 additions and 17 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 6
      javascript/blocks/wpsi-menu/build/block.json
  2. 2
      javascript/blocks/wpsi-menu/build/index.asset.php
  3. 23
      javascript/blocks/wpsi-menu/build/index.js
  4. 2
      javascript/blocks/wpsi-menu/build/index.js.map
  5. 3
      javascript/blocks/wpsi-menu/build/render.php
  6. 6
      javascript/blocks/wpsi-menu/src/block.json
  7. 9
      javascript/blocks/wpsi-menu/src/edit.js
  8. 3
      javascript/blocks/wpsi-menu/src/render.php
  9. 2
      javascript/blocks/wpsi-menu/src/save.js
  10. 7
      src/Frontend.php
  11. 2
      wp-social-icons.php

6
javascript/blocks/wpsi-menu/build/block.json
Unescape View File

@ -2,7 +2,7 @@
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 3,
"name": "massivedynamic/wpsi-menu",
"version": "0.0.1",
"version": "0.1.0",
"title": "WP Social Icons Menu",
"category": "widgets",
"icon": "networking",
@ -32,6 +32,10 @@
"exclude": {
"type": "array",
"default": []
},
"openInNewTab": {
"type": "boolean",
"default": false
}
},
"textdomain": "wpsi-menu",

2
javascript/blocks/wpsi-menu/build/index.asset.php
Unescape View File

@ -1 +1 @@
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '0f8272dc7fc5d65bc4e2');
<?php return array('dependencies' => array('react-jsx-runtime', 'wp-api-fetch', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '620ad439ae4501db362c');

23
javascript/blocks/wpsi-menu/build/index.js
Unescape View File

@ -163,7 +163,7 @@ const justifyCenter = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE
\************************/
/***/ ((module) => {
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"massivedynamic/wpsi-menu","version":"0.0.1","title":"WP Social Icons Menu","category":"widgets","icon":"networking","description":"WP Social Icons Menu Block for Gutenberg","example":{},"supports":{"html":false},"attributes":{"orientation":{"type":"string","enum":["horizontal","vertical"],"default":"horizontal"},"alignment":{"type":"string","enum":["left","center","right"],"default":"center"},"exclude":{"type":"array","default":[]}},"textdomain":"wpsi-menu","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","render":"file:./render.php"}');
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"massivedynamic/wpsi-menu","version":"0.0.1","title":"WP Social Icons Menu","category":"widgets","icon":"networking","description":"WP Social Icons Menu Block for Gutenberg","example":{},"supports":{"html":false},"attributes":{"orientation":{"type":"string","enum":["horizontal","vertical"],"default":"horizontal"},"alignment":{"type":"string","enum":["left","center","right"],"default":"center"},"exclude":{"type":"array","default":[]},"openInNewTab":{"type":"boolean","default":false}},"textdomain":"wpsi-menu","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","render":"file:./render.php"}');
/***/ }),
@ -211,7 +211,8 @@ const Edit = ({
const {
alignment,
orientation,
exclude
exclude,
openInNewTab
} = attributes;
const iterator = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_2__.useMemo)(() => {
const out = [];
@ -238,8 +239,8 @@ const Edit = ({
}, []);
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("section", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps)(),
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InspectorControls, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, {
title: "Active Services",
initialOpen: true,
children: iterator.map(item => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, {
@ -263,7 +264,19 @@ const Edit = ({
onChange: () => excludeService(item.key)
})
}))
})
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelBody, {
title: "Link Behavior",
initialOpen: true,
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.PanelRow, {
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ToggleControl, {
label: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_0__.__)("Open links in new tab", "wpsi-menu"),
checked: openInNewTab,
onChange: value => setAttributes({
openInNewTab: value
})
})
})
})]
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.BlockControls, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ToolbarGroup, {
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_wordpress_components__WEBPACK_IMPORTED_MODULE_4__.ToolbarButton, {

2
javascript/blocks/wpsi-menu/build/index.js.map
View File

File diff suppressed because one or more lines are too long

3
javascript/blocks/wpsi-menu/build/render.php
Unescape View File

@ -2,10 +2,11 @@
use wpsocialicons\Settings;
["exclude" => $exclude, "orientation" => $orientation, "alignment" => $alignment] = $attributes ?? [];
["exclude" => $exclude, "orientation" => $orientation, "alignment" => $alignment, "openInNewTab" => $openInNewTab] = $attributes ?? [];
$services = array_filter((array) Settings::Services(), fn ($value, $key) => !in_array($key, $exclude), ARRAY_FILTER_USE_BOTH);
the_wp_social_icons([
"exclude" => $exclude,
"container_class" => "wp-social-icons $orientation align-$alignment",
"openInNewTab" => $openInNewTab
]);

6
javascript/blocks/wpsi-menu/src/block.json
Unescape View File

@ -2,7 +2,7 @@
"$schema" : "https://schemas.wp.org/trunk/block.json",
"apiVersion" : 3,
"name" : "massivedynamic/wpsi-menu",
"version" : "0.0.1",
"version" : "0.1.0",
"title" : "WP Social Icons Menu",
"category" : "widgets",
"icon" : "networking",
@ -25,6 +25,10 @@
"exclude" : {
"type" : "array",
"default" : []
},
"openInNewTab" : {
"type" : "boolean",
"default" : false
}
},
"textdomain" : "wpsi-menu",

9
javascript/blocks/wpsi-menu/src/edit.js
Unescape View File

@ -34,7 +34,7 @@ import "./editor.scss";
const Edit = ({attributes, setAttributes}) => {
const [items, setItems] = useState([]);
const {alignment, orientation, exclude} = attributes;
const {alignment, orientation, exclude, openInNewTab} = attributes;
const iterator = useMemo(() => {
const out = [];
@ -68,7 +68,12 @@ const Edit = ({attributes, setAttributes}) => {
<ToggleControl label={<><span className={`wpsi-${item.key}`} style={{fontSize : "1.2rem", verticalAlign : "middle", marginRight : "0.5rem"}}></span> <span style={{verticalAlign : "middle"}}>{item.key}</span></>} checked={!exclude.includes(item.key)} onChange={() => excludeService(item.key)} />
</PanelRow>
))}
</PanelBody>
</PanelBody>
<PanelBody title="Link Behavior" initialOpen={true}>
<PanelRow>
<ToggleControl label={__("Open links in new tab", "wpsi-menu")} checked={openInNewTab} onChange={value => setAttributes({openInNewTab : value})} />
</PanelRow>
</PanelBody>
</InspectorControls>
<BlockControls>
<ToolbarGroup>

3
javascript/blocks/wpsi-menu/src/render.php
Unescape View File

@ -2,10 +2,11 @@
use wpsocialicons\Settings;
["exclude" => $exclude, "orientation" => $orientation, "alignment" => $alignment] = $attributes ?? [];
["exclude" => $exclude, "orientation" => $orientation, "alignment" => $alignment, "openInNewTab" => $openInNewTab] = $attributes ?? [];
$services = array_filter((array) Settings::Services(), fn ($value, $key) => !in_array($key, $exclude), ARRAY_FILTER_USE_BOTH);
the_wp_social_icons([
"exclude" => $exclude,
"container_class" => "wp-social-icons $orientation align-$alignment",
"openInNewTab" => $openInNewTab
]);

2
javascript/blocks/wpsi-menu/src/save.js
Unescape View File

@ -15,7 +15,7 @@ export default function save({attributes}) {
}).catch(error => console.error("ERR", error));
}, []);
*/
const {orientation, alignment} = attributes;
const {orientation, alignment, openInNewTab} = attributes;
const props = useBlockProps.save();
console.log("SAVE PROPS", attributes);

7
src/Frontend.php
Unescape View File

@ -10,7 +10,8 @@ class Frontend {
"after" => "",
"icon_before" => "",
"icon_after" => "",
"exclude" => []
"exclude" => [],
"openInNewTab" => false
];
public function __construct(private Settings $settings) {
add_action("wp_enqueue_scripts", [$this, "enqueueFont"]);
@ -29,7 +30,9 @@ class Frontend {
$iconBefore = $args["icon_before"];
$iconAfter = $args["icon_after"];
$exclude = $args["exclude"];
$openInNewTab = $args["openInNewTab"];
$newTab = $openInNewTab ? " target='_blank'" : "";
$out = "<$container class='$containerClass'>";
$services = Settings::Services();
@ -38,7 +41,7 @@ class Frontend {
continue;
$out .= sprintf(
"$before<a href='%s' class='wp-social-icon-link'>$iconBefore<span class='wpsi wpsi-%s'></span>$iconAfter</a>$after\n",
"$before<a href='%s' class='wp-social-icon-link'$newTab>$iconBefore<span class='wpsi wpsi-%s'></span>$iconAfter</a>$after\n",
$url,
$service
);

2
wp-social-icons.php
Unescape View File

@ -7,7 +7,7 @@
* License: MIT
* Text Domain: wpsocialicons
* Domain Path: /lang
* Version: 0.0.1
* Version: 0.1.0
*/
require_once("src/Plugin.php");

Write Preview
Loading…
Cancel
Save