Small adjustments in participant colors and MI feature name.

Complex-Portal · Mar 31, 2021 · cd2ddda · cd2ddda
1 parent d9a07ce
commit cd2ddda
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/proxy.conf.json b/proxy.conf.json
@@ -0,0 +1,8 @@
+{
+  "/intact/complex-ws/*": {
+    "target": "http://localhost:9090",
+    "secure": false,
+    "logLevel": "debug",
+    "changeOrigin": true
+  }
+}
diff --git a/src/app/complex/complex-details/complex-participants/complex-participants.component.html b/src/app/complex/complex-details/complex-participants/complex-participants.component.html
@@ -11,12 +11,12 @@ <h2 class="float-left">Participants</h2>
 
           <div class="small expanded button-group margin-bottom-none">
             <div class="columns small-6 medium-3 no-pad-left no-pad-right annotations">
-              <input type="checkbox" #features id="mifeatures" name="mifeatures" value="MI Features" checked
+              <input type="checkbox" #features id="mifeatures" name="mifeatures" value="Binding Region" checked
                      autocomplete="off"
                      (change)="onChangeAnnotation('MI Features')">
               <label [ngClass]="{'icon icon-common icon-spacer icon-check': features.checked == true,
                          'hollow': features.checked == false}"
-                     class="button expanded" for="mifeatures">MI Features</label>
+                     class="button expanded" for="mifeatures">Binding Region</label>
             </div>
             <div class="columns small-6 medium-3 no-pad-left no-pad-right annotations">
               <input type="checkbox" #uniprot id="uniprotkb" name="uniprotkb" value="UniprotKB"

diff --git a/src/app/complex/complex-details/complex-participants/complex-participants.component.ts b/src/app/complex/complex-details/complex-participants/complex-participants.component.ts
@@ -91,7 +91,9 @@ export class ComplexParticipantsComponent implements OnInit, AfterViewInit {
 
   public getLegendColor(participant: Participant): string {
     let color;
-    if ((participant.interactorType === 'protein' || participant.interactorType === 'peptide') && participant.name) {
+    // TODO Talk to Colin to try a simple way to retrieve the colors .e.g. only by identifier
+    if ((participant.interactorType === 'protein' || participant.interactorType === 'peptide')
+      && !participant.identifier.includes('-PRO') && participant.name) {
       color = this.colorLegendGroups.get(participant.name.toUpperCase());
     } else {
       color = this.colorLegendGroups.get(participant.identifier.toUpperCase())