How to use the react-bootstrap.ButtonToolbar function in react-bootstrap

To help you get started, we’ve selected a few react-bootstrap 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 / BallotSearch.jsx View on Github external
ProofOfVoteAction = require('../action/ProofOfVoteAction');

var TransactionStore = require('../store/TransactionStore'),
  ProofOfVoteStore = require('../store/ProofOfVoteStore');

var Grid = ReactBootstrap.Grid,
  Col = ReactBootstrap.Col,
  Row = ReactBootstrap.Row,
  Button = ReactBootstrap.Button,
  Pagination = ReactBootstrap.Pagination,
  FormGroup = ReactBootstrap.FormGroup,
  InputGroup = ReactBootstrap.InputGroup,
  FormControl = ReactBootstrap.FormControl,
  DropdownButton = ReactBootstrap.DropdownButton,
  MenuItem = ReactBootstrap.MenuItem,
  ButtonToolbar = ReactBootstrap.ButtonToolbar,
  Modal = ReactBootstrap.Modal,
  Button = ReactBootstrap.Button,
  OverlayTrigger = ReactBootstrap.OverlayTrigger,
  Tooltip = ReactBootstrap.Tooltip;

module.exports = React.createClass({
  mixins: [
    ReactIntl.IntlMixin,
    Reflux.connect(TransactionStore, 'transactions'),
    Reflux.connect(ProofOfVoteStore, 'proofsOfVote'),
    Reflux.listenTo(TransactionStore, 'transactionStoreChangedHandler'),
    Reflux.listenTo(ProofOfVoteStore, 'proofOfVoteStoreChangedHandler'),
  ],

  getInitialState: function() {
    return {
github aclindsa / moneygo / js / components / ReportsTab.js View on Github external
var React = require('react');
var ReactDOM = require('react-dom');

var ReactBootstrap = require('react-bootstrap');

var Col = ReactBootstrap.Col;
var Form = ReactBootstrap.Form;
var FormGroup = ReactBootstrap.FormGroup;
var FormControl = ReactBootstrap.FormControl;
var ControlLabel = ReactBootstrap.ControlLabel;
var Button = ReactBootstrap.Button;
var ButtonGroup = ReactBootstrap.ButtonGroup;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var Glyphicon = ReactBootstrap.Glyphicon;
var Panel = ReactBootstrap.Panel;
var Modal = ReactBootstrap.Modal;
var ProgressBar = ReactBootstrap.ProgressBar;

var Combobox = require('react-widgets').Combobox;

var CodeMirror = require('react-codemirror');
require('codemirror/mode/lua/lua');

var StackedBarChart = require('../components/StackedBarChart');
var PieChart = require('../components/PieChart');

var models = require('../models')
var Report = models.Report;
var Tabulation = models.Tabulation;
github laopunk / KeyFinder / src / jsx / scalePlayer.jsx View on Github external
//JS modules
var React = require('react')
	, _ = require('lodash')
	, np = require('noteplayer')
	, cp = require('chordplayer')
;

//bootstrap specific
var RB = require('react-bootstrap')
	, ButtonToolbar = RB.ButtonToolbar
	, Button = RB.Button
	, Glyphicon = RB.Glyphicon
	, Input = RB.Input
	, Row = RB.Row
	, Col = RB.Col
	, Glyphicon = RB.Glyphicon
	, DropdownButton = RB.DropdownButton
	, MenuItem = RB.MenuItem
;

var scalePlayer = React.createClass({
	getInitialState: function() {
		return {
			//array of web audio chords
			  audioChords: []
			//array of web audio notes
github walkdoer / Life-Time-Tracker / components / Project / ProjectIndex.js View on Github external
/**
 * @jsx React.DOM
 */

var React = require('react');
var Moment = require('moment');
var Router = require('react-router');
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var RB = require('react-bootstrap');
var Button = RB.Button;
var ButtonToolbar = RB.ButtonToolbar;
var DropdownButton = RB.DropdownButton;
var MenuItem = RB.MenuItem;
var _ = require('lodash');
var Scroller = require('../Scroller');
var SlidePanel = require('../SlidePanel');

/** Components */
var Task = require('../Task/Task.js');
var TaskList = require('../Task/TaskList');
var TaskDetail = require('../Task/TaskDetail');

/** Store */
var MemStore = require('../../stores/MemStore');

/** utils */
var DataAPI = require('../../utils/DataAPI');
github todbot / Blink1Control2 / app / components / gui / patternList.js View on Github external
"use strict";

var React = require('react');
//var update = require('react-addons-update');


var Table = require('react-bootstrap').Table;
var Button = require('react-bootstrap').Button;
var ButtonToolbar = require('react-bootstrap').ButtonToolbar;

var PatternView = require('./patternView');

var PatternsService = require('../../server/patternsService');
//var Blink1Service = require('../../server/blink1Service');

var log = require('../../logger');

var PatternList = React.createClass({
    //mixins: [
    //	require('react-onclickoutside')
    //],

    getInitialState: function() {
        log.msg("patternList: getInitialState!");
        return {
github promethe42 / cocorico / app / src / script / component / VoteButtonBar.jsx View on Github external
var React = require('react');
var ReactBootstrap = require('react-bootstrap');
var ReactIntl = require('react-intl');

var FormattedMessage = ReactIntl.FormattedMessage;

var ButtonToolbar = ReactBootstrap.ButtonToolbar,
  Button = ReactBootstrap.Button;

var VoteButtonBar = React.createClass({

  mixins: [
    ReactIntl.IntlMixin,
  ],

  getDefaultProps: function() {
    return {
      onVote: (e, ballotValue) => null,
    };
  },

  render: function() {
    return (
github walkdoer / Life-Time-Tracker / components / Project / ProjectTask.js View on Github external
/**
 * @jsx React.DOM
 */

var React = require('react');
var Moment = require('moment');
var Router = require('react-router');
var RouteHandler = Router.RouteHandler;
var Link = Router.Link;
var Q = require('q');
var _ = require('lodash');
var Ltt = window.Ltt;
var PureRenderMixin = require('react/addons').addons.PureRenderMixin;
var Mt = window.Mousetrap;
var RB = require('react-bootstrap');
var ButtonToolbar = RB.ButtonToolbar;
var Button = RB.Button;
var ButtonGroup = RB.ButtonGroup;
var OverlayTrigger = RB.OverlayTrigger;
var Tooltip = RB.Tooltip;
var Well = RB.Well;
var extend = require('extend');
var swal = require('sweetalert');
var mui = require('material-ui');
var ThemeManager = require('material-ui/lib/styles/theme-manager');
var DefaultRawTheme = require('material-ui/lib/styles/raw-themes/light-raw-theme');
var IScroll = require('../../libs/iscroll');
var config = require('../../conf/config');
var EasyPieChart = require('easyPieChart');
var noop = function () {};
github researchspace / researchspace / metaphacts-platform / web / src / main / app / ts / page / PageEditor.ts View on Github external
} from 'platform/api/navigation';
import { Rdf, vocabularies } from 'platform/api/rdf';
import { PageService, TemplateContent, TemplateStorageStatus, RevisionInfo } from 'platform/api/services/page';
import { ResourceLink, ResourceLinkAction } from 'platform/api/navigation/components';

import { StorageSelector, chooseDefaultTargetApp } from 'platform/components/admin/config-manager';
import { getOverlaySystem, OverlayDialog} from 'platform/components/ui/overlay';
import { BrowserPersistence } from 'platform/components/utils';
import { ConfirmationDialog } from 'platform/components/ui/confirmation-dialog';
import * as uri from 'urijs';

import '../../scss/page-editor.scss';
import { ErrorPresenter } from 'platform/components/ui/notification';

const Button = createFactory(ReactBootstrap.Button);
const ButtonToolbar = createFactory(ReactBootstrap.ButtonToolbar);
const ButtonGroup = createFactory(ReactBootstrap.ButtonGroup);

interface PageEditorProps {
  iri: Rdf.Iri;
}

interface PageEditorState {
  pageSource?: TemplateContent;
  storageStatus?: ReadonlyArray;
  targetApp?: string;
  saving?: boolean;
  activeSyntax?: Syntax;
  loading?: boolean;
}

enum Syntax {
github walkdoer / Life-Time-Tracker / pages / Settings.js View on Github external
var React = require('react');
var RB = require('react-bootstrap');
var Button = RB.Button;
var ButtonToolbar = RB.ButtonToolbar;
var ButtonGroup = RB.ButtonGroup;
var Input = RB.Input;
var Grid = RB.Grid;
var Row = RB.Row;
var Col = RB.Col;
var TabbedArea = RB.TabbedArea;
var TabPane = RB.TabPane;
var store = require('store2');
var numeral = require('numeral');
var _ = require('lodash');
var TrackerHelper = require('tracker/helper');
window.tinycolor = require('tinyColor');
require('colorPicker');
var extend = require('extend');

var config = require('../conf/config');
github Gitualize / Gitualize / client / js / views / landing.react.jsx View on Github external
var $ = require('jquery');
var jqueryUI = require('jquery-ui');
var React = require('react/addons');
var Navigation = require('react-router').Navigation;
var ReactBootstrap = require('react-bootstrap');
var Input = ReactBootstrap.Input;
var Button = ReactBootstrap.Button;
var ButtonToolbar = ReactBootstrap.ButtonToolbar;
var ButtonInput = ReactBootstrap.ButtonInput;
var Grid = ReactBootstrap.Grid;
var Row = ReactBootstrap.Row;
var Col = ReactBootstrap.Col;
var Tooltip = ReactBootstrap.Tooltip;
var OverlayTrigger = ReactBootstrap.OverlayTrigger;

var Landing = React.createClass({
  mixins : [Navigation],
  errorMessages: {badRepo: "Unable to fetch the requested repository. You may only gitualize public repositories. Please try again in a little while if you believe this is a mistake, we're doing our best :)"},
  styles: {
    containerStyle: {
      width: '980',
      marginTop: 25,
      marginLeft: 'auto',
      marginRight: 'auto'