// api configuration

// express server configuration
var express = require('express');
var api = express();

// body configuration for handling middleware
var bodyParser = require('body-parser');

// mongoose(mongoDB database) configuration
var mongoose = require('mongoose');
var Todo =  require('./Todo.model');

// api port, api will be running on 8080
var port = 8080;

// connect to mongoDB
var db = 'mongodb://localhost/mydb';
mongoose.connect(db);

// bodyParser configuration
api.use(bodyParser.json());
api.use(bodyParser.urlencoded({
  extended: true
}));

// enable cors
api.all('/*', function(req, res, next) {
	console.log('request made for: %s', req.originalUrl);
	res.header('Access-Control-Allow-Origin', '*');
	res.header('Access-Control-Allow-Headers', 'X-Requested-With, Content-Type');
	res.header('Access-Control-Allow-Methods', 'GET,POST,PUT,OPTIONS,DELETE');
	next();
});

// api root
api.get('/', function(req, res) {
  res.send('api running... <br> please use "/api/todos" for getting all todos ');
});

// api listen
api.listen(port, function() {
  console.log('api listening on port ' + port);
});

// get list of todos
api.get('/api/todos', function(req, res) {
  console.log('getting all todos');
  Todo.find({})
    .exec(function(error, todos) {
      if (error) {
        console.log('error getting list');
      } else {
        console.log(todos);
        res.json(todos);
      }
    });
});

// get particular single todo
api.get('/api/todos/:id', function(req, res) {
  Todo.findOne({
    _id: req.params.id
  })
  .exec(function(error, todo) {
    if (error) {
      console.log('error getting');
    } else {
      console.log(todo);
      res.json(todo);
    }
  })
});

// add new todo
api.post('/api/todos', function(req, res) {
  Todo.create(req.body, function(error, todo) {
    if (error) {
      res.send('error saving todo');
    } else {
      console.log(todo);
      res.send(todo);
    }
  });
});

// update todo
api.put('/api/todos/:id', function(req, res) {
  Todo.findOneAndUpdate({
    _id: req.params.id
  },
  {$set: {status: req.body.status}},
  {upsert: true },
  function(error, todo) {
    if (error) {
      console.log('error updating');      
    } else {
      console.log(todo);
      res.sendStatus(204);
    }
  });
});

// remove todo
api.delete('/api/todos/:id', function(req, res) {
  Todo.findOneAndRemove({
    _id: req.params.id
  }, function(error, todo) {
    if (error) {
      console.log('error deleting');      
    } else {
      console.log(todo);
      res.sendStatus(204);
    }
  })
});

angular
  .module('todo', ['ngRoute', 'ngResource'])
  .config(function($routeProvider) {
    $routeProvider
      .when('/', {
        templateUrl: 'views/todo-list.html',
        controller: 'todoListController'
      })
      .when('/todo/:id', {
        templateUrl: 'views/todo-details.html',
        controller: 'todoDetailsController'
      })      
      .otherwise({
        redirectTo: '/'
      })
  });

angular
  .module('todo')
  .controller('todoListController', function($scope, TodoService, $location) {

    $scope.welcomeMessage = "Welcome to todo application";

    // get todo list
    $scope.todoList = [];
    TodoService.list().then(function(response) {
        $scope.todoList = response;
      },
      function(error) {
        console.log(error);
      });

    // add new todo handler
    $scope.newTodo = function() {
      var newTodo = {
        title: $scope.title,
        body: $scope.body,
        status: 'todo'
      };
      $scope.todoList.push(newTodo);

      TodoService.newTodo(newTodo).then(function(response) {
        console.log(response);
      },
      function(error) {
        console.log(error);
      });
    };

    $scope.todoDetails = function(todo) {
      $location.path('/todo/' + todo._id);
    };

  });

angular
  .module('todo')
  .service('TodoService', function($q, $resource, $httpParamSerializerJQLike) {

    var baseUrl = 'http://localhost:8080/api';
    var Todo = $resource(baseUrl + '/todos/:id', {id: '@id'}, {
        new: {
            method: 'POST',
            headers: {'Content-Type': 'application/x-www-form-urlencoded'},
            transformRequest: function(obj) {
                var str = [];
                for (var param in obj) {
                  str.push(encodeURIComponent(param) + '=' + encodeURIComponent(obj[param]));
                }
                return str.join('&');
            },                       
        }         
      });

    this.list = function() {
      var defer = $q.defer();
      Todo.query(function(response) {
        defer.resolve(response);
      }, function(error) {
        defer.reject(error);
      });
      return defer.promise;
    };

    this.newTodo = function(newTodo) {
      var defer = $q.defer();
      Todo.new(newTodo, function(response) {
        defer.resolve(response);
      }, function(error) {
        defer.reject(error);
      });
      return defer.promise;
    };

    this.get = function(id) {
      var defer = $q.defer();
      Todo.get({id: id}, function(response) {
        defer.resolve(response);
      }, function(error) {
        defer.reject(error);
      });
      return defer.promise;
    };

    this.delete = function(id) {
      var defer = $q.defer();
      Todo.delete({id: id}, function(response) {
        defer.resolve(response);
      }, function(error) {
        defer.reject(error);
      });
      return defer.promise;
    };            

  });

angular
  .module('todo')
  .controller('todoDetailsController', function($scope, TodoService, $routeParams, $location) {

    // get todo
    TodoService.get($routeParams.id).then(function(response) {        
        $scope.todo = response;
      },
      function(error) {
        console.log(error);
      });

    // delete todo handler
    $scope.done = function() {
      TodoService.delete($routeParams.id).then(function(response) {
        $location.path('/');
      },
      function(error) {
        console.log(error);
      });
    };

  });

var gulp = require('gulp');
var inject = require('gulp-inject');
var webserver = require('gulp-webserver');
var naturalSort = require("gulp-natural-sort");
var runSequence = require('run-sequence');

var appBaseUrl = 'http://localhost:8000/app/index.html';

gulp.task('inject', function () {
  var target = gulp.src('./app/index.html');
  // It's not necessary to read the files (will speed up things), we're only after their paths:
  var sources = gulp
    .src(['./bower_components/angular/angular.js',
          './bower_components/angular-route/angular-route.js',
          './bower_components/angular-resource/angular-resource.js',
          './app/**/*.js',
          './bower_components/bootstrap/dist/css/bootstrap.css',
          './app/**/*.css'
          ], {
            read: false
          })
    .pipe(naturalSort());

  return target
    .pipe(inject(sources))
    .pipe(gulp.dest('./app'));
});

gulp.task('serve', function() {
  gulp.src('.')
    .pipe(webserver({
      livereload: true,
      directoryListing: true,
      open: appBaseUrl
    }));
});

gulp.task('default', function() {
  // place code for your default task here
  runSequence(
    'inject',
    'serve'
  );  
});