File Editor
Directories:
.. (Back)
AutoComplete
Captcha
DataTable
DynamicDataTable
EventLog
FileChangeDetection
GeoBlockList
Host
LearningMode
License
LimitLoginAttempts
MixedContentScan
RiskConfiguration
TwoFA
firewall
Files:
Button.js
CheckboxControl.js
Field.js
FieldsData.js
FilterData.js
Help.js
Notices.js
Password.js
PermissionsPolicy.js
PostDropDown.js
PremiumOverlay.js
RolesDropDown.js
SelectControl.js
Settings.js
SettingsGroup.js
Support.js
Create New File
Create
Edit File: Help.js
import Icon from "../utils/Icon"; import { __ } from '@wordpress/i18n'; import DOMPurify from "dompurify"; /** * Render a help notice in the sidebar */ const Help = (props) => { let notice = {...props.help}; if ( !notice.title ){ notice.title = notice.text; notice.text = false; } let openStatus = props.noticesExpanded ? 'open' : ''; //we can use notice.linked_field to create a visual link to the field. let target = notice.url && notice.url.indexOf("really-simple-ssl.com") !==-1 ? "_blank" : '_self'; return ( <div> { notice.title && notice.text && <details className={"rsssl-wizard-help-notice rsssl-" + notice.label.toLowerCase()} open={openStatus}> <summary>{notice.title} <Icon name='chevron-down' /></summary> {/*some notices contain html, like for the htaccess notices. A title is required for those options, otherwise the text becomes the title. */} <div dangerouslySetInnerHTML={{__html: DOMPurify.sanitize(notice.text)}}></div> {notice.url && <div className="rsssl-help-more-info"><a target={target} href={notice.url}>{__("More info", "really-simple-ssl")}</a></div>} </details> } { notice.title && !notice.text && <div className={"rsssl-wizard-help-notice rsssl-" + notice.label.toLowerCase()}><p>{notice.title}</p></div> } </div> ); } export default Help
Save Changes
Rename File
Rename