#627 WIP

senzing-garage · Jan 24, 2024 · b2a0bf8 · b2a0bf8
1 parent 8297dc5
commit b2a0bf8
Show file tree

Hide file tree

Showing 22 changed files with 867 additions and 1 deletion.
diff --git a/angular.json b/angular.json
@@ -469,6 +469,140 @@
         }
       }
     },
+    "@senzing/sdk-components-ng/examples/data-table": {
+      "projectType": "application",
+      "schematics": {
+        "@schematics/angular:component": {
+          "inlineTemplate": true,
+          "inlineStyle": true,
+          "style": "scss",
+          "skipTests": true
+        },
+        "@schematics/angular:class": {
+          "skipTests": true
+        },
+        "@schematics/angular:directive": {
+          "skipTests": true
+        },
+        "@schematics/angular:guard": {
+          "skipTests": true
+        },
+        "@schematics/angular:interceptor": {
+          "skipTests": true
+        },
+        "@schematics/angular:module": {
+          "skipTests": true
+        },
+        "@schematics/angular:pipe": {
+          "skipTests": true
+        },
+        "@schematics/angular:service": {
+          "skipTests": true
+        }
+      },
+      "root": "examples/data-table",
+      "sourceRoot": "examples/data-table/src",
+      "prefix": "app",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-angular:browser",
+          "options": {
+            "outputPath": "dist/data-table",
+            "index": "examples/data-table/src/index.html",
+            "main": "examples/data-table/src/main.ts",
+            "polyfills": "examples/data-table/src/polyfills.ts",
+            "tsConfig": "examples/data-table/tsconfig.app.json",
+            "aot": true,
+            "allowedCommonJsDependencies": [
+              "core-js/modules/es.promise.js",
+              "core-js/modules/es.regexp.to-string.js",
+              "core-js/modules/es.array.reverse.js",
+              "core-js/modules/es.array.index-of.js",
+              "core-js/modules/es.string.includes.js",
+              "core-js/modules/es.string.trim.js",
+              "core-js/modules/es.string.split.js",
+              "core-js/modules/es.string.ends-with.js",
+              "core-js/modules/es.array.reduce.js",
+              "core-js/modules/web.dom-collections.iterator.js",
+              "core-js/modules/es.array.iterator.js",
+              "core-js/modules/es.string.starts-with.js",
+              "core-js/modules/es.string.replace.js",
+              "core-js/modules/es.string.match.js",
+              "raf"
+            ],
+            "assets": [
+              "examples/data-table/src/favicon.ico",
+              "examples/data-table/src/assets"
+            ],
+            "styles": [
+              "src/lib/scss/styles.scss",
+              "examples/data-table/src/styles.scss"
+            ],
+            "scripts": []
+          },
+          "configurations": {
+            "production": {
+              "fileReplacements": [
+                {
+                  "replace": "examples/data-table/src/environments/environment.ts",
+                  "with": "examples/data-table/src/environments/environment.prod.ts"
+                }
+              ],
+              "optimization": true,
+              "outputHashing": "all",
+              "sourceMap": false,
+              "extractCss": true,
+              "namedChunks": false,
+              "extractLicenses": true,
+              "vendorChunk": false,
+              "buildOptimizer": true,
+              "budgets": [
+                {
+                  "type": "initial",
+                  "maximumWarning": "2mb",
+                  "maximumError": "5mb"
+                },
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb",
+                  "maximumError": "10kb"
+                }
+              ]
+            },
+            "development": {
+              "buildOptimizer": false,
+              "optimization": false,
+              "vendorChunk": true,
+              "extractLicenses": false,
+              "sourceMap": true,
+              "namedChunks": true
+            }
+          }
+        },
+        "serve": {
+          "builder": "@angular-devkit/build-angular:dev-server",
+          "options": {
+            "browserTarget": "@senzing/sdk-components-ng/examples/data-table:build",
+            "port": 4300,
+            "proxyConfig": "proxy.conf.json"
+          },
+          "configurations": {
+            "production": {
+              "browserTarget": "@senzing/sdk-components-ng/examples/data-table:build:production"
+            },
+            "development": {
+              "browserTarget": "@senzing/sdk-components-ng/examples/data-table:build:development"
+            }
+          }
+        },
+        "extract-i18n": {
+          "builder": "@angular-devkit/build-angular:extract-i18n",
+          "options": {
+            "browserTarget": "@senzing/sdk-components-ng/examples/data-table:build"
+          }
+        }
+      }
+    },
     "@senzing/sdk-components-ng/examples/charts": {
       "projectType": "application",
       "schematics": {

diff --git a/examples/data-table/.browserslistrc b/examples/data-table/.browserslistrc
@@ -0,0 +1,19 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# For the full list of supported browsers by the Angular framework, please see:
+# https://angular.io/guide/browser-support
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+last 3 Electron major versions
+last 4 Chrome version
+last 4 Firefox version
+last 2 Edge major versions
+last 4 Safari major versions
+last 2 iOS major versions
+Firefox ESR
+not IE 9-10 # Angular support for IE 9-10 has been deprecated and will be removed as of Angular v11. To opt-in, remove the 'not' prefix on this line.
+not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
diff --git a/examples/data-table/src/app/app.component.html b/examples/data-table/src/app/app.component.html
@@ -0,0 +1,39 @@
+<div style="text-align:left; font-weight: bold; font-size: 1.5em">
+  @senzing/sdk-components-ng/examples/search-with-results-and-details
+</div>
+<div style="text-align:left; text-decoration: italic; font-size: 0.8em; margin: 2px 0 10px 0;">
+  An example Angular app showing usage of the sz-search, sz-search-results,
+  and sz-entity-detail components working together
+</div>
+
+<!-- start search box -->
+<div class="component-example">
+  <sz-search
+    #searchBox
+    name="Acmemobil"
+    phone="702-333-3333"
+    address="909 Jenga Way Las Vegas NV 89111"
+    showIdentifierTypesPicker="false"
+    disableIdentifierOptions="SSN_LAST4"
+    enableIdentifierOptions="SOCIAL_NETWORK"
+    (resultsChange)="onSearchResults($event)"
+    (resultsCleared)="onSearchResultsCleared($event)"
+    (exception)="onSearchException($event)"
+    (parameterChange)="onSearchParameterChange($event)"></sz-search>
+</div>
+<!-- end search box -->
+<!-- start data table results -->
+<sz-data-table></sz-data-table>
+<!--  end data table results  -->
+
+<!-- start search results -->
+<div class="component-example">
+  <sz-search-results *ngIf="showSearchResults" 
+  [results]="currentSearchResults" 
+  [parameters]="currentSearchParameters"
+  showWhyComparisonButton="false" 
+  showHowButton="true"
+  (howButtonClick)="onHowButtonClick($event)"
+  (resultClick)="onSearchResultClick($event)"></sz-search-results>
+</div>
+<!-- end search results -->
diff --git a/examples/data-table/src/app/app.component.scss b/examples/data-table/src/app/app.component.scss
@@ -0,0 +1,19 @@
+
+:host {
+  .download-pdf {
+    padding: 5px 10px;
+    display: inline-flex;
+    justify-content: center;
+    text-align: center;
+    align-items: center;
+
+    svg { margin-right: 5px; }
+  }
+}
+
+.graph-context-menu {
+  border: 1px solid #686868;
+  .disabled {
+    display: none;
+  }
+}