How to use the @iobroker/adapter-react/Components/Utils.renderTextWithA function in @iobroker/adapter-react

To help you get started, we’ve selected a few @iobroker/adapter-react examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ioBroker / ioBroker.iot / src / src / Tabs / Services.js View on Github external
renderChips(label, attr) {
        return (<div>
            {Utils.renderTextWithA(I18n.t(label))}
             e.keyCode === 13 &amp;&amp; this.onChipsAdd(attr)}
                onChange={e =&gt; this.setState({addValue: e.target.value.trim()})}
                margin="normal"
            /&gt;

             this.onChipsAdd(attr)} style={{marginLeft: 5, marginTop: -15}}&gt;

            <div>
                {(this.props.native[attr] || '').split(/[,;\s]/).filter(a =&gt; !!a)
                .map(word =&gt;
                    (</div></div>
github ioBroker / ioBroker.iot / src / src / Tabs / Options.js View on Github external
renderCard() {
        return (
            
                
                {Utils.renderTextWithA(I18n.t('amazon link'))}
            
            
                <button style="{{textAlign:" color="primary" size="small"> {
                    const win = window.open('http://alexa.amazon.de/spa/index.html#skills/dp/B07L66BFF9/reviews', '_blank');
                    win.focus();
                }}&gt;{I18n.t('Review')}</button>
            
        );
    }
github ioBroker / ioBroker.iot / src / src / Tabs / GoogleSmartNames.js View on Github external
this.setState({showSelectId: true})}&gt;
                 this.browse(true)} disabled={this.state.browse}&gt;{this.state.browse ? () : ()}

            
                {this.renderMessage()}
                {this.getSelectIdDialog()}
                <div style="{{marginTop:&quot;4rem&quot;,display:">
                <div style="{{"><div style="{{fontWeight:&quot;bold&quot;}}"> Auto Mode</div>
                <div style="{{marginTop:&quot;0.8rem&quot;,marginRight:&quot;0.8rem&quot;,}}">{I18n.t('To auto detect devices please assign a room and function to the channel if no channel available than assign to a device. Not only to the state or device. And enable them under SmartEnum/Intelligente Aufzählung')}</div>
              
                </div>
                <div style="{{"><div style="{{fontWeight:&quot;bold&quot;}}">Manuell Mode</div>
                <span>{Utils.renderTextWithA(I18n.t("Please select a  <a href="https://developers.google.com/actions/smarthome/guides/" rel="noopener noreferrer">TYPE</a> and a"))}</span>
                <span>{Utils.renderTextWithA(I18n.t("<a href="https://developers.google.com/actions/smarthome/traits/" rel="noopener noreferrer"> TRAIT</a> after adding a state.   To add multiple traits add a different id and trait but same smartname, type and room. Comma separated for mutiple smartnames.  To assign a room please use the ioBroker Enums/Aufzählungen.  With attributes you can for example set a range for the color temperature "))}</span>
                <span>  {Utils.renderTextWithA(I18n.t("<a href="https://developers.google.com/actions/smarthome/traits/colorsetting" rel="noopener noreferrer"> Infos about Attributes you can find here.</a> Empty attribute is {}"))}</span>
                </div>
                </div>
                
                <div>
                </div>
github ioBroker / ioBroker.iot / src / src / Tabs / Extended.js View on Github external
{title: 'русский', value: 'ru'}
                ], {marginTop: 10})}<br>
                {this.renderCheckbox('Place function in names first', 'functionFirst', {marginTop: 10})}<br>
                {this.renderInput('Concatenate words with', 'concatWord')}<br>
                {this.renderInput('Replace in names', 'replaces')}<br>
                <div style="{{marginTop:">
                    {this.renderInput('OFF level for switches in %', 'deviceOffLevel')}
                    {I18n.t('(Set to 0 if behavior not desired)')}
                </div>
                <div>
                    {this.renderInput('Write response to', 'responseOID')}
                     this.setState({showSelectId: true})} aria-label="Add" style={{marginLeft: 5, marginTop: 10}}&gt;<br>
                </div>
                <div>
                    {this.renderCheckbox('Personal settings (only pro)', 'noCommon')}
                    {Utils.renderTextWithA(I18n.t('help_tip'))}<br>
                </div>
                {this.renderCheckbox('Debug outputs', 'debug')}
                {this.getSelectIdDialog('responseOID')}
            
        );
    }
}
github ioBroker / ioBroker.iot / src / src / Tabs / Options.js View on Github external
disabled={this.state.inAction || !this.state.isInstanceAlive}
                            title={!this.state.isInstanceAlive ? I18n.t('Instance must be enabled') : ''}
                            onClick={() =&gt; this.resetCerts()}&gt;
                        {I18n.t('Get new connection certificates')}
                    
                     this.onForceUserCreate()}
                                color="primary"
                            /&gt;
                        }
                        label={I18n.t('Request email with password one more time')}
                    /&gt;
                    <p style="{{fontWeight:">{Utils.renderTextWithA(I18n.t('help_tip'))}</p>
                
                <div>{this.renderCard()}</div>
                {this.renderHint()}
                {this.renderToast()}
            
        );
    }
}