Getting list of todo items

Gemfile

@@ -47,4 +47,5 @@ group :test do
     gem 'capybara'
     gem 'rspec-rails'
     gem 'poltergeist'
+    gem 'database_cleaner'
 end

Gemfile.lock

@@ -41,6 +41,7 @@ GEM
       coffee-script-source
       execjs
     coffee-script-source (1.7.0)
+    database_cleaner (1.3.0)
     diff-lcs (1.2.5)
     erubis (2.7.0)
     execjs (2.2.1)
@@ -140,6 +141,7 @@ PLATFORMS
 DEPENDENCIES
   capybara
   coffee-rails (~> 4.0.0)
+  database_cleaner
   jbuilder (~> 1.2)
   jquery-rails
   poltergeist

app/assets/javascripts/app.js

@@ -1,22 +1,36 @@
-
-var sampleApp = angular.module('sampleApp', ['ngRoute']);
-
-sampleApp.config(['$routeProvider',
-	function($routeProvider){
-		$routeProvider.
-			when('/AddNewOrder', {
-				templateUrl: '/assets/add_order.html',
-				controller: 'AddOrderController'
-			}).when('/ShowOrders', {
-				templateUrl: '/assets/show_orders.html',
-				controller: 'ShowOrdersController'
-			}).otherwise({
-				redirectTo: '/AddNewOrder'
-			});
-	}]);
-sampleApp.controller('AddOrderController', function($scope){
-	$scope.message = 'This is Add new order screen';
+var model = {
+	user: "Adam",	
+};
+var sampleApp = angular.module('sampleApp', []);
+sampleApp.run(function ($http) {
+	$http.get("items").success(function (data) {
+		model.items = data;
+	});
 });
-sampleApp.controller('ShowOrdersController', function($scope){
-	$scope.message = 'This is Show Orders screen';
+sampleApp.filter("checkedItems", function () {
+	return function (items, showComplete) {
+		var resultArr = [];
+		angular.forEach(items, function (item) {
+			if (item.done == false || showComplete == true) {
+			resultArr.push(item);
+		}
+		});
+	return resultArr;
+	}
+});
+sampleApp.controller("ToDoCtrl", function ($scope) {
+	$scope.todo = model;
+	$scope.incompleteCount = function () {
+		var count = 0;
+		angular.forEach($scope.todo.items, function (item) {
+			if (!item.done) { count++ }
+		});
+		return count;
+	}
+	$scope.warningLevel = function () {
+		return $scope.incompleteCount() < 3 ? "label-success" : "label-warning";
+	}
+	$scope.addNewItem = function (actionText) {
+		$scope.todo.items.push({ action: actionText, done: false });
+	}
 });

app/assets/javascripts/items.js.coffee

@@ -0,0 +1,3 @@
+# Place all the behaviors and hooks related to the matching controller here.
+# All this logic will automatically be available in application.js.
+# You can use CoffeeScript in this file: http://coffeescript.org/

app/assets/stylesheets/items.css.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the Items controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/templates/add_order.html → app/assets/templates/orders/add_order.html

@@ -1,3 +1,3 @@
 <h2>Add New Order</h2>
 
-{{ message }}
+{{ message }}

app/controllers/items_controller.rb

@@ -0,0 +1,6 @@
+class ItemsController < ApplicationController
+  def index
+  	@items = Item.all
+  	render json: @items
+  end
+end

app/helpers/items_helper.rb

@@ -0,0 +1,2 @@
+module ItemsHelper
+end

app/models/item.rb

@@ -0,0 +1,2 @@
+class Item < ActiveRecord::Base
+end

app/views/home/index.html.erb

@@ -1,13 +1,37 @@
-<div class="container">
-        <div class="row">
-        <div class="col-md-3">
-            <ul class="nav">
-                <li><a href="#AddNewOrder"> Add New Order </a></li>
-                <li><a href="#ShowOrders"> Show Orders </a></li>
-            </ul>
-        </div>
-        <div class="col-md-9">
-            <div ng-view></div>
-        </div>
+<div class="container">       
+        <div ng-controller='ToDoCtrl'>
+        	<div class="page-header">
+<h1>
+{{todo.user}}'s To Do List
+<span class="label label-default" ng-class="warningLevel()" ng-hide="incompleteCount() == 0">
+	{{incompleteCount()}}
+</span>
+</h1>
+</div>
+			<div class="panel">
+				<div class="input-group">
+					<input class="form-control" ng-model="actionText" />
+					<span class="input-group-btn">
+						<button class="btn btn-default" ng-click="addNewItem(actionText)">Add</button>
+					</span>
+				</div>
+				<table class="table table-striped">
+					<thead>
+						<tr>
+							<th>Description</th>
+							<th>Done</th>
+						</tr>
+					</thead>
+					<tbody>
+						<tr ng-repeat="item in todo.items | checkedItems:showComplete | orderBy:'action'">
+						<td>{{item.action}}</td>
+						<td><input type="checkbox" ng-model="item.done" /></td>
+						</tr>
+					</tbody>
+				</table>
+				<div class="checkbox-inline">
+					<label><input type="checkbox" ng_model="showComplete"> Show Complete</label>
+				</div>
+			</div>
         </div>
 </div>

app/views/items/index.html.erb

@@ -0,0 +1,2 @@
+<h1>Items#index</h1>
+<p>Find me in app/views/items/index.html.erb</p>

config/routes.rb

@@ -1,4 +1,5 @@
 Testangular::Application.routes.draw do
+  resources :items
   root "home#index"
   # The priority is based upon order of creation: first created -> highest priority.
   # See how all your routes lay out with "rake routes".

db/migrate/20140707042945_create_items.rb

@@ -0,0 +1,10 @@
+class CreateItems < ActiveRecord::Migration
+  def change
+    create_table :items do |t|
+      t.string :action
+      t.boolean :done
+
+      t.timestamps
+    end
+  end
+end

db/schema.rb

@@ -0,0 +1,23 @@
+# encoding: UTF-8
+# This file is auto-generated from the current state of the database. Instead
+# of editing this file, please use the migrations feature of Active Record to
+# incrementally modify your database, and then regenerate this schema definition.
+#
+# Note that this schema.rb definition is the authoritative source for your
+# database schema. If you need to create the application database on another
+# system, you should be using db:schema:load, not running all the migrations
+# from scratch. The latter is a flawed and unsustainable approach (the more migrations
+# you'll amass, the slower it'll run and the greater likelihood for issues).
+#
+# It's strongly recommended that you check this file into your version control system.
+
+ActiveRecord::Schema.define(version: 20140707042945) do
+
+  create_table "items", force: true do |t|
+    t.string   "action"
+    t.boolean  "done"
+    t.datetime "created_at"
+    t.datetime "updated_at"
+  end
+
+end

spec/features/homepage_spec.rb

@@ -6,4 +6,13 @@
 		click_link 'Show Orders'
 		expect(page).to have_content 'Show Orders'
 	end
+
+	scenario 'viewing products', :js => true do 
+		c = Category.create(name: 'Category1')
+		Product.create(name: 'Product1', category: c)
+		visit '/'
+		click_link 'Products'
+		expect(page).to have_content 'Product1'
+		expect(page).to have_content 'Category1'
+	end
 end

spec/spec_helper.rb

@@ -5,6 +5,7 @@
 require 'rspec/autorun'
 require 'capybara/poltergeist'
 Capybara.javascript_driver = :poltergeist
+require 'database_cleaner'
 # Requires supporting ruby files with custom matchers and macros, etc,
 # in spec/support/ and its subdirectories.
 Dir[Rails.root.join("spec/support/**/*.rb")].each { |f| require f }
@@ -40,4 +41,17 @@
   # the seed, which is printed after each run.
   #     --seed 1234
   config.order = "random"
+  config.use_transactional_fixtures = false
+
+  config.before(:suite) do
+    DatabaseCleaner.strategy = :truncation
+  end
+
+  config.before(:each) do
+    DatabaseCleaner.start
+  end
+
+  config.after(:each) do
+    DatabaseCleaner.clean
+  end
 end

test/controllers/items_controller_test.rb

@@ -0,0 +1,9 @@
+require 'test_helper'
+
+class ItemsControllerTest < ActionController::TestCase
+  test "should get index" do
+    get :index
+    assert_response :success
+  end
+
+end

test/fixtures/items.yml

@@ -0,0 +1,9 @@
+# Read about fixtures at http://api.rubyonrails.org/classes/ActiveRecord/FixtureSet.html
+
+one:
+  action: MyString
+  done: false
+
+two:
+  action: MyString
+  done: false

test/helpers/items_helper_test.rb

@@ -0,0 +1,4 @@
+require 'test_helper'
+
+class ItemsHelperTest < ActionView::TestCase
+end

test/models/item_test.rb

@@ -0,0 +1,7 @@
+require 'test_helper'
+
+class ItemTest < ActiveSupport::TestCase
+  # test "the truth" do
+  #   assert true
+  # end
+end