UI nitpicks 11 and 12 (hyperledger-archives#569)

Fiannaidhe · Mar 27, 2017 · 593be8c · 593be8c
1 parent ad393e9
commit 593be8c
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 4 deletions.
diff --git a/packages/composer-playground/src/app/test/test.component.html b/packages/composer-playground/src/app/test/test.component.html
@@ -2,7 +2,7 @@
   <div class="registries">
     <span>Participants</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li *ngFor="let participantRegistry of participantRegistries"
             [class.active]="chosenRegistry.id === participantRegistry.id"
             (click)="setChosenRegistry(participantRegistry)">
@@ -13,7 +13,7 @@ <h3>{{participantRegistry.displayName}}</h3>
 
     <span>Assets</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li *ngFor="let assetRegistry of assetRegistries"
             [class.active]="chosenRegistry.id === assetRegistry.id"
             (click)="setChosenRegistry(assetRegistry)">
@@ -24,7 +24,7 @@ <h3>{{assetRegistry.displayName}}</h3>
 
     <span>Transactions</span>
     <section class="side-bar-nav">
-      <ul>
+      <ul class="registry">
         <li
             [class.active]="chosenRegistry === transactionRegistry"
             (click)="setChosenRegistry(transactionRegistry)">

diff --git a/packages/composer-playground/src/app/test/test.component.scss b/packages/composer-playground/src/app/test/test.component.scss
@@ -22,6 +22,9 @@ app-test {
         padding: 0;
       }
 
+      ul.registry {
+        cursor: pointer;
+      }
 
     }
 

diff --git a/packages/composer-playground/src/app/test/test.component.ts b/packages/composer-playground/src/app/test/test.component.ts
@@ -65,9 +65,22 @@ export class TestComponent implements OnInit {
 
             return this.clientService.getBusinessNetworkConnection().getTransactionRegistry()
           })
-          .then((transactionRegistry) =>{
+          .then((transactionRegistry) => {
             this.transactionRegistry = transactionRegistry;
+            if(this.transactionRegistry) {
+              this.chosenRegistry = this.transactionRegistry;
+            }
+
+            // set the default registry selection 
+            if(this.participantRegistries.length != 0) {
+              this.chosenRegistry = this.participantRegistries[0];
+            } else if(this.assetRegistries.length != 0) {
+              this.chosenRegistry = this.assetRegistries[0];
+            } else {
+                this.chosenRegistry = this.transactionRegistry;
+            }
           });
+
       })
       .catch((error) => {
         this.alertService.errorStatus$.next(error);
-Original file line number
+Diff line change
@@ Expand Up / @@ -22,6 +22,9 @@ app-test { @@
             padding: 0;
           }
+          ul.registry {
+            cursor: pointer;
+          }
         }
@@ Expand Down @@