Commitment Viewer & Edit Page w/ Jade, AngularJS, angular-route

edit.tmpl.jade

div.well.commitment-modal
	div.panel.panel-success
		div.panel-heading
			h2.panel-title Commitment Overview
		div.panel-body

ng-app.js

// compiled:
'use strict';
var app = angular.module('app', ['trNgGrid', 'ngRoute']);


'use strict';

app.controller('commitmentController', ['$scope', '$http', '$document', function ($scope, $http, $document) {
	// NOTE: Testing, stuff moved to controller, ick...
	// NOTE: Testing, stuff moved to controller, ick...
	$scope.results = [];
	$scope.lineBreakText = function (txt) {
		return txt.replace(/, /g, '<br />');
	};
	// console.log("commitmentController", arguments);
	$scope.onDataNeeded = function() {
		$http({'url': '/admin/commitments/', method: 'GET'})
		.success(function(data) {
			console.log(arguments);
			$scope.results = data.results;
		})
		.error(function(data, status) {
			console.error("ERROR", arguments);
			$scope.data = data || "Request failed";
			$scope.results = [];
		});
	};

	$scope.delete = function(obj) {
		console.log("Commitment: ", obj);
		$http.put({'url': obj._id + '/', 'method': 'DELETE', 'data': obj})
		.success(function success(data, status, headers) {
			console.log(arguments);
			$scope.commitment = data;
			$scope.status = status;
		})
		.error(function(data, status) {
			console.log(arguments);
			$scope.data = data || "Request failed";
		});
	};

	$scope.query = '';
	$scope.limit = 20;
	$scope.sort = '';
	$scope.onDataNeeded();
}]);


app.controller('commitmentEdit', ['$scope', '$routeParams', '$location', '$http',
	// NOTE: Testing, stuff moved to controller, ick...
	// NOTE: Testing, stuff moved to controller, ick...
	function($scope, $routeParams, $location, $http) {
		console.log("commitmentEdit", arguments);
		$scope.id = $routeParams.id;
		$scope.isNew = $location.url().indexOf('new') !== -1;
		$scope.edit = !$scope.isNew;

		$scope.save = function(data) {
			var index = $scope.results.indexOf(data);
			console.log("Commitment: ", $scope.commitment);
			$http({'url': $location.path(), 'method': $scope.isNew ? 'POST' : 'PUT', 'data': data}).
			success(function success(data, status, headers) {
				console.log("success - updated");
				$scope.commitment = data;
				$scope.status = status;
			}).
			error(function(data, status) {
				console.log("success - updated");
				$scope.data = data || "Request failed";
				$scope.status = status;
			});
		};
	}
]);

'use strict';
app.config(['$routeProvider', '$locationProvider',
	function($routeProvider, $locationProvider) {
			$routeProvider
				.when('/admin/commitments/new', {
					templateUrl: '/views/admin/commitments/edit.html',
					controller: 'commitmentEdit'
				})
				.when('/admin/commitments/:id/', {
					templateUrl: '/views/admin/commitments/edit.html',
					controller: 'commitmentEdit'
				})
				.when('/admin/commitments/', {
					templateUrl: '/views/admin/commitments/results.html',
					controller: 'commitmentController'
				})
				.otherwise({
					redirectTo: '/admin/commitments/'
				});
			console.log("$routeProvider", $routeProvider);
			// configure html5 to get links working on jsfiddle
			$locationProvider.html5Mode(true);
	}]);
	
app.filter('address', function() {
  return function(input) {
    return input ? input.replace(/, /g, ',<br />\r\n') : '';
  };
});

//# sourceMappingURL=ng-app.js.map

results.tmpl.jade

table(tr-ng-grid='', filter-by='query', items='results')

view.jade

extends ../../../layouts/admin

block head
	title Commitments

block neck
	link(rel='stylesheet', href='/views/admin/commitments/index.min.css?#{cacheBreaker}')

block feet
	script(src='/views/admin/commitments/ng-app.js?#{cacheBreaker}')

block body
	div(ng-controller="commitmentController")