How to use the react-intl.FormattedHTMLMessage function in react-intl

To help you get started, we’ve selected a few react-intl 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 promethe42 / cocorico / app / src / script / component / ArgumentTab.jsx View on Github external
var ForceAuthMixin = require('../mixin/ForceAuthMixin');

var ArgumentEditor = require('./ArgumentEditor'),
    LikeButtons = require('./LikeButtons'),
    Title = require('./Title'),
    LoadingIndicator = require('./LoadingIndicator');

var ArgumentAction = require('../action/ArgumentAction');

var ArgumentStore = require('../store/ArgumentStore');

var Link = ReactRouter.Link;

var FormattedMessage = ReactIntl.FormattedMessage,
    FormattedHTMLMessage = ReactIntl.FormattedHTMLMessage;

var Grid = ReactBootstrap.Grid,
    Row = ReactBootstrap.Row,
    Col = ReactBootstrap.Col,
    Button = ReactBootstrap.Button;

var Footer = React.createClass({

    mixins: [
        ForceAuthMixin,
        ReactIntl.IntlMixin,
        Reflux.connect(ArgumentStore, 'args')
    ],

    componentWillMount: function()
    {
github geosolutions-it / MapStore2 / web / client / components / I18N / HTML.jsx View on Github external
var PropTypes = require('prop-types');
/**
 * Copyright 2015, GeoSolutions Sas.
 * All rights reserved.
 *
 * This source code is licensed under the BSD-style license found in the
 * LICENSE file in the root directory of this source tree.
 */
var React = require('react');
var ReactIntl = require('react-intl');
var FormattedHTMLMessage = ReactIntl.FormattedHTMLMessage;

class Message extends React.Component {
    static propTypes = {
        msgId: PropTypes.string.isRequired,
        msgParams: PropTypes.object
    };

    static contextTypes = {
        intl: PropTypes.object
    };

    render() {
        return this.context.intl ?  : <span>{this.props.msgId || ""}</span>;
    }
}
github mozilla / learning.mozilla.org / components / login / Login.jsx View on Github external
var _ = require('underscore');
var React = require('react');
var Link = require('react-router').Link;
var ga = require('react-ga');
var OutboundLink = require('react-ga').OutboundLink;
var PureRenderMixin = require('react-addons-pure-render-mixin');
var FormattedMessage = require('react-intl').FormattedMessage;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var withTeachAPI = require('../../hoc/with-teach-api.jsx');

var config = require('../../config/config');

var LoginLink = require('./LoginLink.jsx');
var LogoutLink = require('./LogoutLink.jsx');

var Login = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  statics: {
    teachAPIEvents: {
      'login:start': 'handleApiLoginStart',
      'login:error': 'handleApiLoginError',
      'login:success': 'handleApiLoginSuccess',
github mozilla / advocacy.mozilla.org / src / pages / maker-party / activities / meme-around.js View on Github external
var React = require(`react`);
var ActivityTemplate = require('./activity-template.js');
var FormattedMessage = require("react-intl").FormattedMessage;
var FormattedHTMLMessage = require("react-intl").FormattedHTMLMessage;

module.exports = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function() {
    return (
      
              <p style="{{textAlign:"></p>
github LLK / scratch-www / src / views / tips / tips.jsx View on Github external
const bindAll = require('lodash.bindall');
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage;
const injectIntl = require('react-intl').injectIntl;
const intlShape = require('react-intl').intlShape;
const React = require('react');

const Button = require('../../components/forms/button.jsx');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const TTTModal = require('../../components/modal/ttt/modal.jsx');
const TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');

const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');

const Tiles = require('./ttt.json');
github LLK / scratch-www / src / views / microworldshomepage / microworldshomepage.jsx View on Github external
var React = require('react');
var injectIntl = require('react-intl').injectIntl;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var FormattedMessage = require('react-intl').FormattedMessage;
var render = require('../../lib/render.jsx');

var MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
var Page = require('../../components/page/www/page.jsx');
var TitleBanner = require('../../components/title-banner/title-banner.jsx');
var TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');
var Tiles = require('./microworlds.json');

require('./microworldshomepage.scss');

var MicroworldsHomepage = injectIntl(React.createClass({
    type: 'MicroworldsHomepage',
    render: function () {
        return (
            <div></div>
github LLK / scratch-www / src / views / ideas / ideas.jsx View on Github external
const bindAll = require('lodash.bindall');
const FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
const FormattedMessage = require('react-intl').FormattedMessage;
const injectIntl = require('react-intl').injectIntl;
const intlShape = require('react-intl').intlShape;
const React = require('react');

const Button = require('../../components/forms/button.jsx');
const FlexRow = require('../../components/flex-row/flex-row.jsx');
const MasonryGrid = require('../../components/masonrygrid/masonrygrid.jsx');
const TitleBanner = require('../../components/title-banner/title-banner.jsx');
const TTTModal = require('../../components/modal/ttt/modal.jsx');
const TTTTile = require('../../components/ttt-tile/ttt-tile.jsx');

const Page = require('../../components/page/www/page.jsx');
const render = require('../../lib/render.jsx');

const Tiles = require('./ttt.json');
github mozilla / webmaker-core / src / pages / login / form-input.jsx View on Github external
var React = require('react');
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;
var Link = require('../../components/link/link.jsx');

var FormInput = React.createClass({
  mixins: [require('react-intl').IntlMixin],
  getDefaultProps: function () {
    return {
      type: 'text',
      tabIndex: 0
    };
  },
  checkForReturn: function (e) {
    if (e.keyCode === 13) {
      if (typeof this.props.onReturn === 'function') {
        this.props.onReturn();
      }
    }
github mozilla / learning.mozilla.org / pages / clubs / About.jsx View on Github external
var withTeachAPI = require('../../hoc/with-teach-api.jsx');

var fixLocation = require('../../lib/fix-location.js');

var HeroUnit = require('../../components/hero-unit.jsx');
var Map = require('../../components/map.jsx');
var IconLinks = require('../../components/icon-links.jsx');
var IconLink = require('../../components/icon-link.jsx');
var LoginLink = require('../../components/login.jsx').LoginLink;
var ModalAddOrChangeYourClub = require('../../components/modal-clubs.jsx');
var ModalRemoveYourClub = require('../../components/modal-clubs-remove.jsx');
var Illustration = require('../../components/illustration.jsx');
var ImageTag = require('../../components/imagetag.jsx');
var LinkAnchorSwap = require('../../components/link-anchor-swap.jsx');
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;


var Intro = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function(){
    return (
      <div>
        <div>
          <div>
            <section>
              <h2><i></i> Important Update</h2>
              <p>Mozilla has made a strategic decision to sunset its local digital literacy programs including Hive and Mozilla Clubs over the course of 2017/2018. You have been, and will continue to be, leaders within this movement for Internet health, and Mozilla will continue to find ways to support you and concrete ways for people from our local communities to plug into this work. We will honor all current commitments to our grantee partners and donors. Content on this site, including curriculum and other resources, will continue to be available and archived here for your use. Visit <a href="https://foundation.mozilla.org">foundation.mozilla.org</a> for more information or contact <a href="mailto:mozillaclubs@mozillafoundation.org">mozillaclubs@mozillafoundation.org</a> with any further questions.</p>
            </section>
          </div></div></div>
github mozilla / learning.mozilla.org / pages / clubs / Start.jsx View on Github external
var React = require('react');
var ThumbCarousel = require('mofo-ui').ThumbCarousel;
var Link = require('react-router').Link;
var FormattedHTMLMessage = require('react-intl').FormattedHTMLMessage;

var Start = React.createClass({
  contextTypes: {
    intl: React.PropTypes.object
  },
  render: function () {
    var carouselData = [{
      image: '/img/pages/clubs/club-captains/asisipho.png',
      caption: this.context.intl.formatMessage({id: 'captain_quote_asisipho_message'}),
      attribution: this.context.intl.formatMessage({id: 'captain_quote_asisipho_attribution'})
    }, {
      image: '/img/pages/clubs/club-captains/patience.png',
      caption: this.context.intl.formatMessage({id: 'captain_quote_patience_message'}),
      attribution: this.context.intl.formatMessage({id: 'captain_quote_patience_attribution'})
    }, {
      image: '/img/pages/clubs/club-captains/arkodyuti.png',