From cd2dddaf955d06bb6d7993781ffed4b6e4ee89cb Mon Sep 17 00:00:00 2001
From: ntoro <ntoro@ebi.ac.uk>
Date: Wed, 31 Mar 2021 16:10:05 +0100
Subject: [PATCH] Small adjustments in participant colors and MI feature name.

---
 package-lock.json                             | 50 +++++++++++++++++++
 proxy.conf.json                               |  8 +++
 .../complex-participants.component.html       |  4 +-
 .../complex-participants.component.ts         |  4 +-
 4 files changed, 63 insertions(+), 3 deletions(-)
 create mode 100644 proxy.conf.json

diff --git a/package-lock.json b/package-lock.json
index 97af62d8..e12c1e84 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -45,7 +45,9 @@
         "@angular/cli": "^1.7.3",
         "@angular/compiler-cli": "^5.2.8",
         "@angular/language-service": "^5.2.8",
+        "@types/foundation": "~5.5.30",
         "@types/jasmine": "2.8.6",
+        "@types/jquery": "~3.3.36",
         "@types/node": "~14.0.1",
         "codelyzer": "^4.2.1",
         "jasmine-core": "^3.1.0",
@@ -742,11 +744,29 @@
       "version": "2.1.4",
       "license": "MIT"
     },
+    "node_modules/@types/foundation": {
+      "version": "5.5.30",
+      "resolved": "https://registry.npmjs.org/@types/foundation/-/foundation-5.5.30.tgz",
+      "integrity": "sha512-2ZoGeOt2LTeBXIYjD9rjf3xzgmMCTrq7Fte2JJfRpc7dMHtMZ4HjPB6ifmZzfOHKBK42c0aN5fvbZOfEqD+VCA==",
+      "dev": true,
+      "dependencies": {
+        "@types/jquery": "*"
+      }
+    },
     "node_modules/@types/jasmine": {
       "version": "2.8.6",
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/jquery": {
+      "version": "3.3.38",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.38.tgz",
+      "integrity": "sha512-nkDvmx7x/6kDM5guu/YpXkGZ/Xj/IwGiLDdKM99YA5Vag7pjGyTJ8BNUh/6hxEn/sEu5DKtyRgnONJ7EmOoKrA==",
+      "dev": true,
+      "dependencies": {
+        "@types/sizzle": "*"
+      }
+    },
     "node_modules/@types/marked": {
       "version": "0.3.0",
       "license": "MIT"
@@ -781,6 +801,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/sizzle": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.2.tgz",
+      "integrity": "sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg==",
+      "dev": true
+    },
     "node_modules/abbrev": {
       "version": "1.1.1",
       "dev": true,
@@ -20842,10 +20868,28 @@
     "@tanem/svg-injector": {
       "version": "2.1.4"
     },
+    "@types/foundation": {
+      "version": "5.5.30",
+      "resolved": "https://registry.npmjs.org/@types/foundation/-/foundation-5.5.30.tgz",
+      "integrity": "sha512-2ZoGeOt2LTeBXIYjD9rjf3xzgmMCTrq7Fte2JJfRpc7dMHtMZ4HjPB6ifmZzfOHKBK42c0aN5fvbZOfEqD+VCA==",
+      "dev": true,
+      "requires": {
+        "@types/jquery": "*"
+      }
+    },
     "@types/jasmine": {
       "version": "2.8.6",
       "dev": true
     },
+    "@types/jquery": {
+      "version": "3.3.38",
+      "resolved": "https://registry.npmjs.org/@types/jquery/-/jquery-3.3.38.tgz",
+      "integrity": "sha512-nkDvmx7x/6kDM5guu/YpXkGZ/Xj/IwGiLDdKM99YA5Vag7pjGyTJ8BNUh/6hxEn/sEu5DKtyRgnONJ7EmOoKrA==",
+      "dev": true,
+      "requires": {
+        "@types/sizzle": "*"
+      }
+    },
     "@types/marked": {
       "version": "0.3.0"
     },
@@ -20873,6 +20917,12 @@
       "version": "3.0.17",
       "dev": true
     },
+    "@types/sizzle": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.2.tgz",
+      "integrity": "sha512-7EJYyKTL7tFR8+gDbB6Wwz/arpGa0Mywk1TJbNzKzHtzbwVmY4HR9WqS5VV7dsBUKQmPNr192jHr/VpBluj/hg==",
+      "dev": true
+    },
     "abbrev": {
       "version": "1.1.1",
       "dev": true
diff --git a/proxy.conf.json b/proxy.conf.json
new file mode 100644
index 00000000..848906fe
--- /dev/null
+++ 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
index ae19191a..17273605 100644
--- 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
index ffaa7d6d..8926affc 100644
--- 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())