var Car = function(loc) {
  var obj = {loc: loc};
  obj.move = function() {obj.loc++;};
  return obj;
}

var Van = function(loc) {
  var obj = Car(loc);
  obj.grab = function() {/*...*/};
  return obj;
};

var Cop = function(loc){
  var obj = Car(loc);
  obj.grab = function(){/*...*/};
  return obj;
}

var Car = function(loc) {
  var obj = {};
  obj.loc = loc;
  extend(obj, Car.methods);
  return obj;
};

Car.methods = {
  move: function() {this.loc++;};
};

var Car = function(loc) {
  var obj = Object.create(Car.prototype);
  obj.loc = loc;
  return obj;
};

Car.prototype.move = function {this.loc++;};

var Car = function(loc){
  this.loc = loc;
};

Car.prototype.move = function() {this.loc++};

var Van = function(loc) {
  Car.call(this, loc);
  this.loc = loc;
};

Van.prototype = Object.create(Car.prototype);
Van.prototype.constructor = Van;
Van.prototype.grab = function() {/*...*/};

"devDependencies": {
  "babel-preset-es2015": "",
  "babel-preset-react": "",
  "babel-preset-stage-2": ""
}

class Car extends Vehicle {
  constructor(props) {
    // omitting super => Error!
    super(props);
    this.interior = 'leather';
  }
  // , <-- wrong: no commas b/w functions in class definition
  drive() {
    // instance.drive()
    // Car.prototype.drive()
  }
  static maintenance(car) {
    // Car.maintenance()
  }
}

// function that returns a component
var A = (props) => (
  <div>
    <p>Para1</p>
    <p>Para2</p>
  </div>
);

class Credentials extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      username: '',
      password: '',
      show: false
    };
  }
  handleSubmit(e) {
    e.preventDefault();
    var username = this.state.username.trim();
    var password = this.state.password.trim();
    if (!username || !password) {
      return;
    }
    var url = store.getState().loginSignupType === 'login' ? '/login' : '/signup';
    $.ajax({
      url,
      type: 'POST',
      data: {username, password},
      // data type expected back from server:
      dataType: 'text',
      success: function(favorites) {
        // perform actions with favorites
      },
      error: function(xhr, status, err) {
        // show error message;
        console.error(url, status, err.toString());
      }
    });
    store.dispatch({
      type: 'SUBMITTING_CREDENTIALS'
    });
    this.setState({author: '', text: ''});
  }
  handleUsernameChange(e) {
    this.setState({username: e.target.value});
  }
  handlePasswordChange(e) {
    this.setState({password: e.target.value});
  }
  hide() {
    this.setState({show: false});
  };
  render() {
    return (
      <div className="container">
        <form className="loginSignup" onSubmit={this.handleSubmit.bind(this)}>
          <input
            onChange={this.handleUsernameChange.bind(this)}
            placeholder="username"
            type="text"
            value={this.state.username}
          />
          <input
            onChange={this.handlePasswordChange.bind(this)}
            placeholder="password"
            type="password"
            value={this.state.password}
          />
          <input type="submit" value="Submit" />
        </form>
        <a onClick={this.hide.bind(this)}>Close</a>
      </div>
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app'));

var express = require('express');
var morgan = require('morgan');
var bodyParser = require('body-parser');

var app = express();

//Middleware template
app.use(function(req, res, next){
  next();
});

//Server logger
app.use(morgan('dev'));

// authentication
var session = require('express-session');
var bcrypt = require('bcrypt-nodejs');
app.use(session({
  // options
  secret: 'Brent & Edu are building an amazing app!',
  cookie: { maxAge: 60 * 1000 }, // 1 minute I believe
  resave: true,
  saveUninitialized: true
}));

//Parses a the request to be handles as a plain object
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({extended: true}));

//Serves up your public/client folder
app.use(express.static('./client'));

//Sample routing
app.route('/')
  .get(function(req, res){
    res.send("Hello World");
  })
  .post()
  .put()
  .delete();

// sample authenticating
app.get('/restricted', function(req, res) {
  if(req.session.user){
    //user is authenticated
    res.render('privateFile');
  } else {
    //redirect user to login
    res.redirect(302, '/login');
  }
});
app.post('/signup', function(req, res, next){
  if (req.session.isAuthenticated) {
    res.redirect(302, '/');
  } else {
    new User({username: req.body.username}).fetch().then(function(found) {
      if (found) {
        res.redirect(302, '/login');
      } else {
        var salt = bcrypt.genSaltSync(10);
        var hash = bcrypt.hashSync(req.body.password, salt);
        var user = new User({
          username: req.body.username,
          password: hash
        });
        user.save().then(function(user){
          req.session.regenerate(function(error){
            req.session.isAuthenticated = true;
            req.session.user_id = user.id;
            res.redirect(302, '/');
          });

        });
      }
    });
  }
});


app.listen(8000, function(){
  console.log('server is now listening on port 8000.');
});

{{displayMe | json}}
array | filter:search

.controller('MainController', function($scope, Todos) {
  angular.extend($scope, Todos);
})

.factory('Reddit', function($http) {
  var getData = function() {
    return $http({
      method: 'GET',
      url: 'http://www.reddit.com/json'
    })
    .then(function(resp) {
      return resp.data;
    });
  };

  return {getData};
});

.controller('Name', function($scope, Reddit) {
  $scope.getReddit = function() {
    Reddit.getData()
      .then(function(data) {
        $scope.reddit = data;
      });
  };
});