Skip to content

Instantly share code, notes, and snippets.

View czbaker's full-sized avatar

Charles Baker czbaker

View GitHub Profile
[misutowolf@corki dauntless]$ meteor npm i
npm WARN peerDependencies The peer dependency react@^0.14.0 included from material-ui will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency react-dom@^0.14.0 included from material-ui will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency react-tap-event-plugin@^0.2.0 included from material-ui will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
import { Meteor } from 'meteor/meteor';
import { Lists } from '../../api/lists/lists.js';
import { createContainer } from 'meteor/react-meteor-data';
import ListsShow from '../pages/ListsShow.jsx';
export default createContainer(({ params }) => {
const { id } = params;
const todosHandle = Meteor.subscribe('todos.inList', id);
const loading = !todosHandle.ready();
const list = Lists.findOne(id);
Template.proxiesPrint.onRendered(function() {
this.autorun(() => {
// Subscription stuff
let cardUnique = [];
let boxString = '';
let names = _.pluck(Session.get('cardArray'), 'name');
let namesArr = _.uniq(names);
this.subscribe('cardsByName', namesArr);
import React, { PropTypes } from 'react';
import AppBar from 'material-ui/lib/app-bar';
import IconMenu from 'material-ui/lib/menus/icon-menu';
import MenuItem from 'material-ui/lib/menus/menu-item';
import IconButton from 'material-ui/lib/icon-button';
import CodeIcon from 'material-ui/lib/svg-icons/action/code';
import NavIcon from 'material-ui/lib/svg-icons/navigation/menu';
export default React.createClass({
import Colors from 'material-ui/lib/styles/colors';
import Spacing from 'material-ui/lib/styles/spacing';
import zIndex from 'material-ui/lib/styles/zIndex';
import ColorManipulator from 'material-ui/lib/utils/color-manipulator';
export default {
spacing: Spacing,
zIndex: zIndex,
fontFamily: 'Roboto, sans-serif',
palette: {
import React from 'react';
import Paper from 'material-ui/lib/paper';
import Toolbar from 'material-ui/lib/toolbar/toolbar';
import ToolbarGroup from 'material-ui/lib/toolbar/toolbar-group';
import ToolbarSeparator from 'material-ui/lib/toolbar/toolbar-separator';
import ToolbarTitle from 'material-ui/lib/toolbar/toolbar-title';
import FlatButton from 'material-ui/lib/flat-button';
let style = {
paper: {
import React from 'react';
import { reduxForm } from 'redux-form';
import Modal from 'react-modal';
import store from './store.jsx';
const style = {
overlay: {
position : 'fixed',
top : 0,
left : 0,
// React, etc.
import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
// Nav component
import NavigationContainer from './navigation/navigation-container.jsx';
// ReactRedux Connection
const mapStateToProps = (state) => {
return {
import React from 'react';
import { browserHistory } from 'react-router';
import { reduxForm } from 'redux-form';
import store from '../store.jsx';
// Fields for form
const fields = ['user', 'password'];
// Generate CSS for each field, based on error existence
let fieldStyle = field => {
let loginErrors = () => {
if (store.getState().general.loginError) {
return (
<div className="ui error message">
<div className="header">Login Error:</div>
{store.getState().general.loginError}
</div>
)
} else {
return (<div>Blah.</div>)