render() { const {children} = this.props; const cx = classNames.bind(styles); return ( <footer className={cx('Footer')}> {children} </footer> ); }
render({children}) { let cx = classNames.bind(styles); let buttonStyles = cx('btn', { 'btn-info': this.props.isActive, 'button': true }); return ( <a className={buttonStyles} onClick={this.handleClick} >{children}</a> ); }
render() { let cn = classNames.bind(styles); let divStyles = cn('card card-block', { 'mapdiv': true }); return ( <div className="row"> <div className="col-12"> <h4 className="card-title">MapQuest Staticmap</h4> <div className={divStyles} style={{backgroundImage: 'url('+this.state.mapUrl+')'}}></div> </div> </div> ); }
render() { let cn = classNames.bind(styles); let deleteButton = cn('btn btn-sm btn-primary'); let deleteButtonIcon = cn('fa', { 'fa-trash': !this.props.deleting, 'fa-spinner': this.props.deleting, 'fa-spin': this.props.deleting }); return ( <button bs-button className={deleteButton} onClick={this.deleteRoute} disabled={this.state.deleting} > <i className={deleteButtonIcon} aria-hidden="true"></i> </button> ); }
render() { const {children, className} = this.props; const cx = cnBind.bind(styles); return ( <div className={classNames(cx('CardBody'), className)}> {children} </div> ); }
render({label, value}) { let cn = classnames.bind(styles); let rowStyles = cn('row', { 'row-route': true }); let labelStyles = cn('col-lg-2 col-form-label', { 'label': true }); let valueStyles = cn('col-lg-6', { 'value': true }); return ( <div className={rowStyles}> <label className={labelStyles}>{label}</label> <div className={valueStyles}> {value} </div> </div> ); }
render() { let cn = classnames.bind(styles); let rawdata = cn('card card-block', { 'rawdata': true
render() { const {children} = this.props; const cx = classNames.bind(styles); return ( <div className={cx('NavBarContainer')}> <nav className={cx('NavBar')}> {children} </nav> </div> ); }
render() { const {children} = this.props; const cx = classNames.bind(styles); return ( <div className={cx('Container')}> {children} </div> ); }
render() { const {children, className} = this.props; const cx = cnBind.bind(styles); return ( <div className={classNames(cx('Row'), className)}> {children} </div> ); }
render({children}) { let cx = classNames.bind(styles); let buttonStyles = cx('btn', { 'btn-info': this.props.isActive, 'button': true }); return ( <a className={buttonStyles} onClick={this.handleClick} >{children}</a> ); }
render() { let cn = classNames.bind(styles); let divStyles = cn('card card-block', { 'mapdiv': true }); return ( <div className="row"> <div className="col-12"> <h4 className="card-title">MapQuest Staticmap</h4> <div className={divStyles} style={{backgroundImage: 'url('+this.state.mapUrl+')'}}></div> </div> </div> ); }
render({label, value}) { let cn = classnames.bind(styles); let rowStyles = cn('row', { 'row-route': true }); let labelStyles = cn('col-lg-2 col-form-label', { 'label': true }); let valueStyles = cn('col-lg-6', { 'value': true }); return ( <div className={rowStyles}> <label className={labelStyles}>{label}</label> <div className={valueStyles}> {value} </div> </div> ); }
render() { let cn = classNames.bind(styles); let deleteButton = cn('btn btn-sm btn-primary'); let deleteButtonIcon = cn('fa', { 'fa-trash': !this.props.deleting, 'fa-spinner': this.props.deleting, 'fa-spin': this.props.deleting }); return ( <button bs-button className={deleteButton} onClick={this.deleteRoute} disabled={this.state.deleting} > <i className={deleteButtonIcon} aria-hidden="true"></i> </button> ); }
render() { let cn = classnames.bind(styles); let rawdata = cn('card card-block', { 'rawdata': true