Differences

This shows you the differences between two versions of the page.

--- newdevs:angularclient [2023/03/31 13:16] – [Evergreen Conference Sessions] tmccanna
+++ newdevs:angularclient [2024/02/27 17:30] (current) – [Angular Staff Client] DevTools extension link scl
@@ Line 2: / Line 2: @@
 ====== Angular Staff Client ======
-This is an Angular 12 application found under Open-ILS/src/eg2 and installed to /openils/var/web/eg2/. Note that the language used is TypeScript.
+This is an Angular 15 application found under Open-ILS/src/eg2 and installed to /openils/var/web/eg2/. Note that the language used is TypeScript.
+Many of the current Angular interfaces were built using Angular 12 or earlier conventions. We do not (yet) use [[https://angular.io/guide/standalone-components|standalone components]].
+===== Debugging =====
+You can use the [[https://angular.io/guide/devtools|Angular DevTools extension]] in Chrome or Firefox to inspect and debug objects in the browser.
 ===== Angular Bootstrap =====
   * [[https://ng-bootstrap.github.io/#/home|Bootstrap Widgets: The Angular Way]]
+  * [[https://docs.google.com/presentation/d/1Ck2pQe9Wn8hk4Rqq5dn_ERb6UkXjdxEDVbWHlxwEdeM/edit?usp=sharing|Finding HTML and CSS Files in Evergreen]] -- [[community:ui_ig|UI Interest Group]] presentation, August 2023 -- includes a brief discussion of Webpack and view encapsulation in Angular interfaces
+  * [[accessibility:stack|Accessibility and Bootstrap]]
 ===== Angular Routing =====
@@ Line 14: / Line 21: @@
 **Command to get all routes from Angular Project:**
-<nowiki>for r in $(find src -name "routing.module.ts"); do echo $r; grep "path:\|component:\|loadChildren:" $r; done > allroutes.txt</nowiki>
+''for r in $(find src -name "routing.module.ts"); do echo $r; grep "path:\|component:\|loadChildren:" $r; done > allroutes.txt''