peptide table updated as stated in #37

Author: jadianes

src/main/webapp/components/directives/peptideSequenceViewer-directive/peptideSequenceViewer-directive.html

@@ -3,4 +3,4 @@
     ng-class='{modified: modifications[$index]!=undefined}'
     tooltip="{{modifications[$index]}}"
     tooltip-placement="bottom">{{aminoacid}}</span>
-<span class="peptide-sequence">({{charge}}+ @ {{mz}} m/z)</span>
+<span ng-show=""{{charge!=null}}" class="peptide-sequence">({{charge}}+ @ {{mz}} m/z)</span>

src/main/webapp/components/directives/peptideViewer-directive/peptideViewer-directive.html

@@ -1,19 +1,22 @@
 <table ng-table="tableParams" class="table">
     <tr ng-repeat="peptide in peptides_slice">
         <td data-title="'Peptide'">
-            {{peptide.sequence}}
+            <prc-peptide-sequence-viewer
+                    sequence="peptide.sequence"
+                    modifications="peptide.mods"
+                    charge="cluster.averagePrecursorCharge"
+                    mz="cluster.averagePrecursorMz | number:2">
+            </prc-peptide-sequence-viewer>
+            <!--{{peptide.sequence}}-->
         </td>
-        <td data-title="'Modifications'">
-            <div ng-show="peptide.modifications.length<1">No modifications</div>
-            <div ng-repeat="modification in peptide.modifications">
-                {{modification.name}} at position {{modification.position}}
-            </div>
-        </td>
-        <td data-title="'Number of PSM'">
+        <td data-title="'# PSM'">
             {{peptide.numberOfPSMs}}
         </td>
-        <td data-title="'Number of Species'">
+        <td data-title="'# Species'">
             {{peptide.species.length}}
         </td>
+        <td data-title="'# Projects'">
+            {{peptide.projectAccessions.length}}
+        </td>
     </tr>
 </table>

src/main/webapp/components/directives/peptideViewer-directive/peptideViewer-directive.js

@@ -16,6 +16,18 @@ peptideViewerDirective.directive('prcPeptideViewer', ['ClusterPeptides', 'ngTabl
 
                 scope.peptides = peptides.clusteredPeptides;
 
+                // here we create a simplified modification list for each peptide that is used for
+                // showing tooltips as required by the <prc-peptide-sequence-viewer> directive
+                for (j = 0; j < scope.peptides.length; j++) {
+                    var peptide = scope.peptides[j];
+                    peptide.mods = [];
+                    if (peptide.modifications!=null) {
+                        for (i = 0; i < peptide.modifications.length; i++) {
+                            peptide.mods[peptide.modifications[i].mainPosition - 1] = peptide.modifications[i].name;
+                        }
+                    }
+                }
+
                 scope.tableParams = new ngTableParams({
                     page: 1,            // show first page
                     count: 10           // count per page