From 45915c131d0cd618ee7237d7c69d2f045763bb80 Mon Sep 17 00:00:00 2001
From: Bill Erickson <berickxx@gmail.com>
Date: Mon, 18 Apr 2016 11:52:16 -0400
Subject: [PATCH] eg 2016 slides

Signed-off-by: Bill Erickson <berickxx@gmail.com>
---
 browser-client-angular.adoc | 45 +++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 43 insertions(+), 2 deletions(-)

diff --git a/browser-client-angular.adoc b/browser-client-angular.adoc
index d939d1ef4..f00368d77 100644
--- a/browser-client-angular.adoc
+++ b/browser-client-angular.adoc
@@ -2,7 +2,7 @@
 :author: Bill Erickson, Software Development Engineer, King County Library System
 :email: berickxx@gmail.com
 :date: Evergreen Conference, May 22, 2016
-:duration: 40 
+:duration: 40
 :data-uri:
 :backend: slidy
 :max-width: 45em
@@ -18,21 +18,62 @@
 
 == HTML Templates
 
+* Template Toolkit (à la TPAC, etc.)
+ ** Open-ILS/src/templates/staff/
+ ** Localization
+ ** Template Customization
+
 == CSS
 
+* Bootstrap CSS - http://getbootstrap.com/
+ ** Consistent look and feel
+ ** Eases the transition to mobile interfaces
+* Local CSS via Template Toolkit
+ ** Open-ILS/src/templates/staff/css/
+
 == I18N / L10N
 
+* TT2
+
+[source,html]
+------------------------------------------------------------
+<div>[% l('Renew Items') %]</div>
+------------------------------------------------------------
+
+* AngularJS / ngStrings
+
+[source,html]
+------------------------------------------------------------
+<script><!-- typically in index.tt2 -->
+angular.module('egCoreMod').run(['egStrings', function(s) {
+  s.RENEW_ITEMS = "[% l('Renew Items?') %]";
+  s.NUM_HOLDS = "[% l('Number of Holds: [_1]', '{{hold_count}}') %]"
+}]);
+</script>
+------------------------------------------------------------
+
+[source,js]
+------------------------------------------------------------
+egAlertDialog.open(egCore.strings.RENEW_ITEMS);
+
+$scope.some_label = egCore.strings.$replace(
+    egCore.strings.NUM_HOLDS,
+    {hold_count : count}
+);
+------------------------------------------------------------
+
 == Network Communication
 
 WebSocket - https://en.wikipedia.org/wiki/WebSocket
 
 * Bi-directional data streams
 * Persistent Connections
-* Cross-origin support 
+* Cross-origin support
 
 == Scripting
 
 * AngularJS - https://angularjs.org/
+ ** Open-ILS/web/js/ui/default/staff/
 
 == Scripting: Build and Deploy
 
-- 
2.11.0