GUI - Angular:: More sample code; this time, filters.
Change-Id: I03a98d3d6e54426a2a67d662e9bc887fa1ce7170
diff --git a/web/gui/src/main/webapp/_sdh/ng-examples/ch08-01-filter-example.html b/web/gui/src/main/webapp/_sdh/ng-examples/ch08-01-filter-example.html
new file mode 100644
index 0000000..105209c
--- /dev/null
+++ b/web/gui/src/main/webapp/_sdh/ng-examples/ch08-01-filter-example.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Filters in Action</title>
+ <script src="../../tp/angular.js"></script>
+</head>
+<body ng-app="filtersApp">
+
+ <div ng-controller="FilterCtrl as ctrl">
+ <div>
+ Amount as a number: {{ctrl.amount | number}}
+ </div>
+ <div>
+ Total cost as a currency: {{ctrl.totalCost | currency}}
+ </div>
+ <div>
+ Total cost in GBP: {{ctrl.totalCost | currency:'GBP '}}
+ </div>
+ <div>
+ Shout: {{ctrl.name | uppercase}}
+ </div>
+ <div>
+ Whisper: {{ctrl.name | lowercase}}
+ </div>
+ <div>
+ Start time: {{ctrl.startTime | date:'medium'}}
+ </div>
+ <div>
+ as JSON: {{ctrl.struct | json}}
+ </div>
+ </div>
+
+ <script type="text/javascript">
+ angular.module('filtersApp', [])
+ .controller('FilterCtrl', [function () {
+ var self = this;
+ self.amount = 1024;
+ self.totalCost = 4906;
+ self.name = 'Onos Rocks!';
+ self.startTime = new Date().getTime();
+ self.struct = {
+ foo: 'bar',
+ baz: 3.1415
+ };
+ }]);
+ </script>
+</body>
+</html>