Merge pull request #63 from senzingiris/issue62.awinters.1

Removal/Refactoring for splitting out graph components
senzing-garage · Jul 11, 2019 · b471ac4 · b471ac4
2 parents 31b0ab0 + d03dd73
commit b471ac4
Show file tree

Hide file tree

Showing 48 changed files with 639 additions and 122 deletions.
diff --git a/README.md b/README.md
@@ -168,7 +168,7 @@ And that's it! At least for the quickstart. There are a ton more options for run
 The SenzingSDKModule accepts a factory method that returns an instance of the
 [SzRestConfiguration](https://senzing.github.io/rest-api-client-ng/classes/Configuration.html) class. By adding a factory like the following to the forRoot method, you can change services configuration to point to non-default values.
 
-The following tells any components to turn on CORS functionality and make all api requests to localhost port 2080 (i.e.: http://localhost:2080/).
+The following tells any components to turn on CORS functionality and make all api requests to localhost port 8080 (i.e.: http://localhost:8080/).
 
 ```typescript
 import { BrowserModule } from '@angular/platform-browser';
@@ -180,7 +180,7 @@ import { AppComponent } from './app.component';
 // for AOT compilation
 export function SzRestConfigurationFactory() {
   return new SzRestConfiguration({
-    basePath: 'http://localhost:2080',
+    basePath: 'http://localhost:8080',
     withCredentials: true
   });
 }
@@ -233,7 +233,7 @@ Occasionally something does go wrong (I know, I know right?). Here are some comm
         passing in an instance of <a href="https://senzing.github.io/rest-api-client-ng/classes/Configuration.html">SzRestConfiguration</a> to the <a href="https://senzing.github.io/sdk-components-ng/modules/SenzingSdkModule.html">SenzingSdkModule.forRoot method</a>.
         <br/><br/>
         Double check and make sure you can connect to your rest server via
-        <code>curl -i http://localhost:2080/heartbeat</code>
+        <code>curl -i http://localhost:8080/heartbeat</code>
       </td>
       <td style="padding: 10px 5px;">
         The api is trying to hit the rest server without an appropriate basepath or the hostname.

diff --git a/...relationship-network-input.component.html → ...relationship-network-input.component.html b/...relationship-network-input.component.html → ...relationship-network-input.component.html
diff --git a/...relationship-network-input.component.scss → ...relationship-network-input.component.scss b/...relationship-network-input.component.scss → ...relationship-network-input.component.scss
diff --git a/...ationship-network-input.component.spec.ts → ...ationship-network-input.component.spec.ts b/...ationship-network-input.component.spec.ts → ...ationship-network-input.component.spec.ts
diff --git a/...z-relationship-network-input.component.ts → ...z-relationship-network-input.component.ts b/...z-relationship-network-input.component.ts → ...z-relationship-network-input.component.ts
diff --git a/...elationship-network-lookup.component.html → ...elationship-network-lookup.component.html b/...elationship-network-lookup.component.html → ...elationship-network-lookup.component.html
diff --git a/...elationship-network-lookup.component.scss → ...elationship-network-lookup.component.scss b/...elationship-network-lookup.component.scss → ...elationship-network-lookup.component.scss
diff --git a/...tionship-network-lookup.component.spec.ts → ...tionship-network-lookup.component.spec.ts b/...tionship-network-lookup.component.spec.ts → ...tionship-network-lookup.component.spec.ts
diff --git a/...-relationship-network-lookup.component.ts → ...-relationship-network-lookup.component.ts b/...-relationship-network-lookup.component.ts → ...-relationship-network-lookup.component.ts
diff --git a/...elationship-network-upload.component.html → ...elationship-network-upload.component.html b/...elationship-network-upload.component.html → ...elationship-network-upload.component.html
diff --git a/...elationship-network-upload.component.scss → ...elationship-network-upload.component.scss b/...elationship-network-upload.component.scss → ...elationship-network-upload.component.scss
diff --git a/...tionship-network-upload.component.spec.ts → ...tionship-network-upload.component.spec.ts b/...tionship-network-upload.component.spec.ts → ...tionship-network-upload.component.spec.ts
diff --git a/...-relationship-network-upload.component.ts → ...-relationship-network-upload.component.ts b/...-relationship-network-upload.component.ts → ...-relationship-network-upload.component.ts
diff --git a/...ph/sz-relationship-network/graph-types.ts → ...ph/sz-relationship-network/graph-types.ts b/...ph/sz-relationship-network/graph-types.ts → ...ph/sz-relationship-network/graph-types.ts
diff --git a/...rk/sz-relationship-network.component.html → ...rk/sz-relationship-network.component.html b/...rk/sz-relationship-network.component.html → ...rk/sz-relationship-network.component.html
diff --git a/...rk/sz-relationship-network.component.scss → ...rk/sz-relationship-network.component.scss b/...rk/sz-relationship-network.component.scss → ...rk/sz-relationship-network.component.scss
diff --git a/...sz-relationship-network.component.spec.ts → ...sz-relationship-network.component.spec.ts b/...sz-relationship-network.component.spec.ts → ...sz-relationship-network.component.spec.ts
diff --git a/...work/sz-relationship-network.component.ts → ...work/sz-relationship-network.component.ts b/...work/sz-relationship-network.component.ts → ...work/sz-relationship-network.component.ts
diff --git a/...-path/sz-relationship-path.component.html → ...-path/sz-relationship-path.component.html b/...-path/sz-relationship-path.component.html → ...-path/sz-relationship-path.component.html
diff --git a/...-path/sz-relationship-path.component.scss → ...-path/sz-relationship-path.component.scss b/...-path/sz-relationship-path.component.scss → ...-path/sz-relationship-path.component.scss
diff --git a/...th/sz-relationship-path.component.spec.ts → ...th/sz-relationship-path.component.spec.ts b/...th/sz-relationship-path.component.spec.ts → ...th/sz-relationship-path.component.spec.ts
diff --git a/...ip-path/sz-relationship-path.component.ts → ...ip-path/sz-relationship-path.component.ts b/...ip-path/sz-relationship-path.component.ts → ...ip-path/sz-relationship-path.component.ts
diff --git a/src/lib/graph/sz-relationship-path/test.json → ...ated/graph/sz-relationship-path/test.json b/src/lib/graph/sz-relationship-path/test.json → ...ated/graph/sz-relationship-path/test.json
@@ -5,7 +5,7 @@
     "timestamp": "2019-03-20T17:30:07.167Z"
   },
   "links": {
-    "self": "http://localhost:2080/entity-paths?from=914082&to=179726&maxDegrees=3&forbidAvoided=true&withRaw=true"
+    "self": "http://localhost:8080/entity-paths?from=914082&to=179726&maxDegrees=3&forbidAvoided=true&withRaw=true"
   },
   "rawData": {
     "ENTITY_PATHS": [

diff --git a/docs/components/SzConfigurationAboutComponent.html b/docs/components/SzConfigurationAboutComponent.html
@@ -428,7 +428,7 @@ <h3 id="inputs">
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div><div class="sz-configuration-about">  <div class="header">      <div class="column">Property Name</div>      <div class="column">Property Value</div>  </div>    <div *ngFor=" let propObj of this.apiProperties" class="row">      <div class="column cell">{{propObj[\'key\']}}</div>      <div class="column cell">{{propObj[\'value\']}}</div>    </div></div></div>'
-    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzRelationshipNetworkComponent', 'selector': 'sz-relationship-network'},{'name': 'SzRelationshipNetworkInputComponent', 'selector': 'sz-relationship-network-input'},{'name': 'SzRelationshipNetworkLookupComponent', 'selector': 'sz-relationship-network-lookup'},{'name': 'SzRelationshipNetworkUploadComponent', 'selector': 'sz-relationship-network-upload'},{'name': 'SzRelationshipPathComponent', 'selector': 'sz-relationship-path'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
+    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
     var DIRECTIVES = [];
     var ACTUAL_COMPONENT = {'name': 'SzConfigurationAboutComponent'};
 </script>

diff --git a/docs/components/SzConfigurationComponent.html b/docs/components/SzConfigurationComponent.html
@@ -773,7 +773,7 @@ <h3 id="accessors">
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
         var COMPONENT_TEMPLATE = '<div></div>'
-    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzRelationshipNetworkComponent', 'selector': 'sz-relationship-network'},{'name': 'SzRelationshipNetworkInputComponent', 'selector': 'sz-relationship-network-input'},{'name': 'SzRelationshipNetworkLookupComponent', 'selector': 'sz-relationship-network-lookup'},{'name': 'SzRelationshipNetworkUploadComponent', 'selector': 'sz-relationship-network-upload'},{'name': 'SzRelationshipPathComponent', 'selector': 'sz-relationship-path'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
+    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
     var DIRECTIVES = [];
     var ACTUAL_COMPONENT = {'name': 'SzConfigurationComponent'};
 </script>

diff --git a/docs/components/SzEntityDetailComponent.html b/docs/components/SzEntityDetailComponent.html
@@ -137,6 +137,9 @@ <h6><b>Properties</b></h6>
                                     <span class="modifier">Public</span>
                                 <a href="#entity">entity</a>
                             </li>
+                            <li>
+                                <a href="#nativeElementRef">nativeElementRef</a>
+                            </li>
                         </ul>
                     </td>
                 </tr>
@@ -222,6 +225,9 @@ <h6><b>Accessors</b></h6>
                     <tr>
                         <td class="col-md-4">
                             <ul class="index-list">
+                                <li>
+                                    <a href="#nativeElement">nativeElement</a>
+                                </li>
                                 <li>
                                     <a href="#entityData">entityData</a>
                                 </li>
@@ -748,6 +754,50 @@ <h3 id="inputs">
                     </tr>
 
 
+            </tbody>
+        </table>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="nativeElementRef"></a>
+                        <span class="name">
+                            <b>
+                            nativeElementRef
+                            </b>
+                            <a href="#nativeElementRef"><span class="icon ion-ios-link"></span></a>
+                        </span>
+                    </td>
+                </tr>
+                <tr>
+                    <td class="col-md-4">
+                        <code>nativeElementRef:     <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+</code>
+                    </td>
+                </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <i>Type : </i>    <code><a href="https://angular.io/api/core/ElementRef" target="_blank" >ElementRef</a></code>
+
+                        </td>
+                    </tr>
+                    <tr>
+                        <td class="col-md-4">
+                            <b>Decorators : </b>
+                            <br />
+                            <code>
+                                @ViewChild(&#x27;nativeElementRef&#x27;)<br />
+                            </code>
+                        </td>
+                    </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                        <div class="io-description"><p>used for print and pdf support, allows fetching DOM HTMLElement </p>
+</div>
+                    </td>
+                </tr>
+
             </tbody>
         </table>
 </section>
@@ -756,6 +806,23 @@ <h3 id="inputs">
     <h3 id="accessors">
         Accessors
     </h3>
+        <table class="table table-sm table-bordered">
+            <tbody>
+                <tr>
+                    <td class="col-md-4">
+                        <a name="nativeElement"></a>
+                        <span class="name"><b>nativeElement</b><a href="#nativeElement"><span class="icon ion-ios-link"></span></a></span>
+                    </td>
+                </tr>
+
+                <tr>
+                    <td class="col-md-4">
+                        <span class="accessor"><b>get</b><code>nativeElement()</code></span>
+                    </td>
+                </tr>
+
+            </tbody>
+        </table>
         <table class="table table-sm table-bordered">
             <tbody>
                 <tr>
@@ -1144,17 +1211,17 @@ <h3 id="accessors">
     <div class="tab-pane fade " id="c-templateData">
         <pre class="line-numbers"><code class="language-html">
 &lt;!-- @senzing/sdk/entity/detail/sz-entity-detail --&gt;
-&lt;div&gt;
+&lt;div #nativeElementRef&gt;
   &lt;sz-entity-detail-header
   [entity]&#x3D;&quot;entity&quot;&gt;
   &lt;/sz-entity-detail-header&gt;
 
-  &lt;sz-entity-detail-graph
+  &lt;sz-entity-detail-graph data-html2canvas-ignore
     *ngIf&#x3D;&quot;graphData &amp;&amp; this._showGraphSection&quot;
     [data]&#x3D;&quot;graphData&quot;
   &gt;&lt;/sz-entity-detail-graph&gt;
 
-  &lt;sz-entity-details-section
+  &lt;sz-entity-details-section class&#x3D;&quot;details-section datasources&quot;
     *ngIf&#x3D;&quot;entity?.resolvedEntity?.records?.length&quot;
     [sectionData]&#x3D;&quot;entity?.resolvedEntity?.records&quot;
     [sectionTitle]&#x3D;&quot;&#x27;Matched Records&#x27;&quot;
@@ -1163,23 +1230,23 @@ <h3 id="accessors">
     (entityRecordClick)&#x3D;&quot;onEntityRecordClick($event)&quot;&gt;
   &lt;/sz-entity-details-section&gt;
 
-  &lt;sz-entity-details-section
-    *ngIf&#x3D;&quot;this.possibleMatches?.length&quot;
-    [sectionData]&#x3D;&quot;this.possibleMatches&quot;
+  &lt;sz-entity-details-section class&#x3D;&quot;details-section possible&quot;
+    *ngIf&#x3D;&quot;this._possibleMatches?.length&quot;
+    [sectionData]&#x3D;&quot;this._possibleMatches&quot;
     [sectionTitle]&#x3D;&quot;&#x27;Possible Matches&#x27;&quot;
     sectionId&#x3D;&quot;detail-section-2&quot;
-    [sectionCount]&#x3D;&quot;this.possibleMatches?.length&quot;
+    [sectionCount]&#x3D;&quot;this._possibleMatches?.length&quot;
     (entityRecordClick)&#x3D;&quot;onEntityRecordClick($event)&quot;&gt;
   &lt;/sz-entity-details-section&gt;
-  &lt;sz-entity-details-section
+  &lt;sz-entity-details-section class&#x3D;&quot;details-section discovered&quot;
     *ngIf&#x3D;&quot;this._discoveredRelationships?.length&quot;
     [sectionData]&#x3D;&quot;this._discoveredRelationships&quot;
     [sectionTitle]&#x3D;&quot;&#x27;Possible Relationships&#x27;&quot;
     sectionId&#x3D;&quot;detail-section-3&quot;
     [sectionCount]&#x3D;&quot;this._discoveredRelationships?.length&quot;
     (entityRecordClick)&#x3D;&quot;onEntityRecordClick($event)&quot;&gt;
   &lt;/sz-entity-details-section&gt;
-  &lt;sz-entity-details-section
+  &lt;sz-entity-details-section class&#x3D;&quot;details-section disclosed&quot;
     *ngIf&#x3D;&quot;this._disclosedRelationships?.length&quot;
     [sectionData]&#x3D;&quot;this._disclosedRelationships&quot;
     [sectionTitle]&#x3D;&quot;&#x27;Disclosed Relationships&#x27;&quot;
@@ -1215,8 +1282,8 @@ <h3 id="accessors">
 <script src="../js/libs/htmlparser.js"></script>
 <script src="../js/libs/deep-iterator.js"></script>
 <script>
-        var COMPONENT_TEMPLATE = '<div><!-- @senzing/sdk/entity/detail/sz-entity-detail --><div>  <sz-entity-detail-header  [entity]="entity">  </sz-entity-detail-header>  <sz-entity-detail-graph    *ngIf="graphData && this._showGraphSection"    [data]="graphData"  ></sz-entity-detail-graph>  <sz-entity-details-section    *ngIf="entity?.resolvedEntity?.records?.length"    [sectionData]="entity?.resolvedEntity?.records"    [sectionTitle]="\'Matched Records\'"    sectionId="detail-section-1"    [sectionCount]="entity?.resolvedEntity?.records?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section    *ngIf="this.possibleMatches?.length"    [sectionData]="this.possibleMatches"    [sectionTitle]="\'Possible Matches\'"    sectionId="detail-section-2"    [sectionCount]="this.possibleMatches?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section    *ngIf="this._discoveredRelationships?.length"    [sectionData]="this._discoveredRelationships"    [sectionTitle]="\'Possible Relationships\'"    sectionId="detail-section-3"    [sectionCount]="this._discoveredRelationships?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section    *ngIf="this._disclosedRelationships?.length"    [sectionData]="this._disclosedRelationships"    [sectionTitle]="\'Disclosed Relationships\'"    sectionId="detail-section-4"    [sectionCount]="this._disclosedRelationships?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section></div></div>'
-    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzRelationshipNetworkComponent', 'selector': 'sz-relationship-network'},{'name': 'SzRelationshipNetworkInputComponent', 'selector': 'sz-relationship-network-input'},{'name': 'SzRelationshipNetworkLookupComponent', 'selector': 'sz-relationship-network-lookup'},{'name': 'SzRelationshipNetworkUploadComponent', 'selector': 'sz-relationship-network-upload'},{'name': 'SzRelationshipPathComponent', 'selector': 'sz-relationship-path'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
+        var COMPONENT_TEMPLATE = '<div><!-- @senzing/sdk/entity/detail/sz-entity-detail --><div #nativeElementRef>  <sz-entity-detail-header  [entity]="entity">  </sz-entity-detail-header>  <sz-entity-detail-graph data-html2canvas-ignore    *ngIf="graphData && this._showGraphSection"    [data]="graphData"  ></sz-entity-detail-graph>  <sz-entity-details-section class="details-section datasources"    *ngIf="entity?.resolvedEntity?.records?.length"    [sectionData]="entity?.resolvedEntity?.records"    [sectionTitle]="\'Matched Records\'"    sectionId="detail-section-1"    [sectionCount]="entity?.resolvedEntity?.records?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section class="details-section possible"    *ngIf="this._possibleMatches?.length"    [sectionData]="this._possibleMatches"    [sectionTitle]="\'Possible Matches\'"    sectionId="detail-section-2"    [sectionCount]="this._possibleMatches?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section class="details-section discovered"    *ngIf="this._discoveredRelationships?.length"    [sectionData]="this._discoveredRelationships"    [sectionTitle]="\'Possible Relationships\'"    sectionId="detail-section-3"    [sectionCount]="this._discoveredRelationships?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section>  <sz-entity-details-section class="details-section disclosed"    *ngIf="this._disclosedRelationships?.length"    [sectionData]="this._disclosedRelationships"    [sectionTitle]="\'Disclosed Relationships\'"    sectionId="detail-section-4"    [sectionCount]="this._disclosedRelationships?.length"    (entityRecordClick)="onEntityRecordClick($event)">  </sz-entity-details-section></div></div>'
+    var COMPONENTS = [{'name': 'SzConfigurationAboutComponent', 'selector': 'sz-configuration-about'},{'name': 'SzConfigurationComponent', 'selector': 'sz-configuration'},{'name': 'SzEntityDetailComponent', 'selector': 'sz-entity-detail'},{'name': 'SzPoweredByComponent', 'selector': 'sz-powered-by'},{'name': 'SzSearchComponent', 'selector': 'sz-search'},{'name': 'SzSearchResultsComponent', 'selector': 'sz-search-results'}];
     var DIRECTIVES = [];
     var ACTUAL_COMPONENT = {'name': 'SzEntityDetailComponent'};
 </script>