From: Bill Erickson <berick@esilibrary.com>
Date: Mon, 9 Dec 2013 15:33:07 +0000 (-0500)
Subject: web staff : log templates (in progress)
X-Git-Url: https://old-git.evergreen-ils.org/?a=commitdiff_plain;h=a318027acdd5115e958281c6f7c1b34330493d71;p=working%2FEvergreen.git

web staff : log templates (in progress)

Signed-off-by: Bill Erickson <berick@esilibrary.com>
---

diff --git a/web-staff-log.txt b/web-staff-log.txt
index 49949d2a71..fb29dee544 100644
--- a/web-staff-log.txt
+++ b/web-staff-log.txt
@@ -822,9 +822,9 @@ that just increases the network overhead.
 Inline Angular Template
 ~~~~~~~~~~~~~~~~~~~~~~~
 
-Modal dialogs in Angular have to be represented as separate, addressable
-Angular templates.  To give a chunk of HTML an "address", it can be
-inserted into a <script> block with an ID and a type of "text/ng-template".
+Angular templates, regardless of origin, must be represented as
+separate, addressable chunk.  To give an inline chunk of HTML an
+"address", it can be inserted into a <script> block like so:
 
 [source,html]
 -----------------------------------------------------------------------------
@@ -837,12 +837,11 @@ inserted into a <script> block with an ID and a type of "text/ng-template".
 </script>
 -----------------------------------------------------------------------------
 
-The modal dialog is then invoked like so:
+The address is simply the ID, so in this example, the modal dialog is 
+invoked like so:
 
 [source,js]
 -----------------------------------------------------------------------------
-// typically, templateURL refers to a (duh) URL, but inline
-// templates can be loaded by ID.
 $modal.open({templateUrl : 'uncat_alert_dialog', controller : [...]}); 
 -----------------------------------------------------------------------------
 
@@ -861,7 +860,8 @@ move the template to it's own web-accessible file:
 
 [source,html]
 -----------------------------------------------------------------------------
-<!-- create a new file at circ/checkin/t_uncat_alert_dialog.tt2 -->
+<!-- New file at circ/checkin/t_uncat_alert_dialog.tt2 -->
+
 <div class="modal-dialog">
   <div class="modal-content">
     <!-- ... content ... -->
@@ -869,7 +869,7 @@ move the template to it's own web-accessible file:
 </div>
 -----------------------------------------------------------------------------
 
-Then load the file by URL instead of ID.
+Then load the file using the URL as the ID.
 
 [source,js]
 -----------------------------------------------------------------------------
@@ -879,37 +879,9 @@ $modal.open({
 }); 
 -----------------------------------------------------------------------------
 
-Templates All The Way Down
-~~~~~~~~~~~~~~~~~~~~~~~~~~
-
-Finally, here's an example where TT and Angular templates are used 
-together to deliver a modal dialog.
-
-staff/parts/alert_dialog.tt2 is a TT template for modeling a simple
-alert dialog, whose text content is passed in by the containing template.
-As before, to manage the dialog in Angular, it needs an address, so we
-insert the contents of the TT template into an Angular template script.
-
-[source,html]
------------------------------------------------------------------------------
-<script type="text/ng-template" id="uncat_alert_dialog">                       
-[% 
-    INCLUDE 'staff/parts/alert_dialog.tt2' 
-    dialog_body = l('Copy "{{args.copy_barcode}}" was mis-scanned or is not cataloged') 
-%]   
-</script>
------------------------------------------------------------------------------
-
-Note that this is kind of a contrived example.  In the long run,
-these types of reusable template chunks will likely live in Angular
-directives, which allow you to embed templates in the JS and create new
-HTML elements.  (Imagine an <alert-dialog> directive).  Once we resolve
-the best i18n approach for such dynamic UI components (I have some
-thoughts), this will probably be the better approach for these.
-structure.
+Angular Directives / Embedded Templates
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 
-Given a little time and experimentation, I believe we can find some
-reasonable guidelines on how and when to use each approach.
 
 Future Topics...
 ----------------