Web: Protein Page: Update tooltips on table column headers

Use same tooltips as 'Show In Table:' section

limelight_webapp/front_end/src/js/page_js/data_pages/data_table_react_common__table_part_components/dataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup__Component.tsx

@@ -0,0 +1,33 @@
+/**
+ * dataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup__Component.tsx
+ *
+ * Insert into Header Tooltips for Sub Searches aka Search Sub Groups
+ */
+
+
+import {
+    SearchSubGroups_EntryFor_SearchSubGroup__DataPageStateManagerEntry
+} from "page_js/data_pages/data_pages_common/dataPageStateManager";
+import React from "react";
+
+/**
+ * React Component for PSM Count Header Tooltip for Data Table
+ */
+export const DataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup_Component = function ({ searchSubGroup } : {
+
+    searchSubGroup: SearchSubGroups_EntryFor_SearchSubGroup__DataPageStateManagerEntry
+
+}  ) : JSX.Element {
+
+    return (
+        <div>
+            <div style={ { marginTop: 16 } }>Sub Search:</div>
+            <div>
+                { searchSubGroup.subgroupName_Display }
+            </div>
+            <div>
+                { searchSubGroup.searchSubgroupName_fromImportFile }
+            </div>
+        </div>
+    )
+}

limelight_webapp/front_end/src/js/page_js/data_pages/experiment_driven_data_pages/protein_exp__page/protein_exp_page_root/js/proteinExperimentPage_DisplayData_ProteinList__Create_ProteinList_DataTable_RootTableDataObject.ts

@@ -42,6 +42,9 @@ import {CommonData_LoadedFromServer_PerSearch_Plus_SomeAssocCommonData__Except_M
 import {
     proteinView_Adjusted_Spectral_Count_ABACUS_formatNumber_ForDisplayInTable
 } from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/proteinView_Adjusted_Spectral_Count_ABACUS_formatNumber_ForDisplayInTable";
+import {
+    proteinView__ProteinList_ColumnHeader__Tooltip_Text
+} from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/jsx/proteinView__ProteinList_ColumnHeader__Tooltip_Text";
 
 //  Strings used in the download of the table
 const _FALSE__DOWNLOAD_STRING = "false";
@@ -207,6 +210,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        150,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Sequence_Coverage,
 
                 showHorizontalGraph: true,
                 graphMaxValue: 1,
@@ -235,6 +239,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.PSM_Count,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -260,6 +265,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF,
                 onlyShow_ValueDisplay_FirstRowOfGroup: false
             });
 
@@ -285,6 +291,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_Fcn_NoInputParam_Return_JSX_Element: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Adjusted_Spectral_Count__ABACUS__ReturnComponent,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -310,6 +317,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF_Using_Adjusted_Spectral_Count__ABACUS,
                 onlyShow_ValueDisplay_FirstRowOfGroup: false
             });
 
@@ -339,6 +347,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width: 80,
                     sortable: true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Distinct_Peptide_Count,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 
@@ -357,6 +366,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width: 80,
                     sortable: true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Unique_Peptide_Count,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 

limelight_webapp/front_end/src/js/page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page__protein_list/js/proteinViewPage_DisplayData_ProteinList__Create_ProteinList_DataTable_RootTableDataObject.ts

@@ -59,6 +59,9 @@ import {
 import {
     proteinView_Adjusted_Spectral_Count_ABACUS_formatNumber_ForDisplayInTable
 } from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/proteinView_Adjusted_Spectral_Count_ABACUS_formatNumber_ForDisplayInTable";
+import {
+    proteinView__ProteinList_ColumnHeader__Tooltip_Text
+} from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/jsx/proteinView__ProteinList_ColumnHeader__Tooltip_Text";
 
 const _TEXT_text_Optional_After_CurrentlyShowing_X_Of_Y__Proteins = "Proteins";
 const _TEXT_text_Optional_After_CurrentlyShowing_X_Of_Y__ProteinGroups = "Protein Groups";
@@ -246,6 +249,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width :        150,
                     sortable : true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Sequence_Coverage,
 
                     showHorizontalGraph: true,
                     graphMaxValue: 1,
@@ -330,6 +334,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.PSM_Count,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -350,6 +355,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF,
                 onlyShow_ValueDisplay_FirstRowOfGroup: false
             });
 
@@ -370,6 +376,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_Fcn_NoInputParam_Return_JSX_Element: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Adjusted_Spectral_Count__ABACUS__ReturnComponent,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -390,6 +397,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width :        80,
                 sortable : true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF_Using_Adjusted_Spectral_Count__ABACUS,
                 onlyShow_ValueDisplay_FirstRowOfGroup: false
             });
 
@@ -410,6 +418,7 @@ const _getProteinDataTableColumns = function(
                 displayName,
                 width: 80,
                 sortable: true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Distinct_Peptide_Count,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -429,8 +438,9 @@ const _getProteinDataTableColumns = function(
                 id: 'peptidesUnique',
                 displayName,
                 width: 80,
-                columnHeader_Tooltip_HTML_TitleAttribute: "distinct unique peptides",
+                // columnHeader_Tooltip_HTML_TitleAttribute: "distinct unique peptides",
                 sortable: true,
+                columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Unique_Peptide_Count,
                 onlyShow_ValueDisplay_FirstRowOfGroup: true
             });
 
@@ -676,6 +686,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width :        80,
                     sortable : true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.PSM_Count,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 
@@ -704,6 +715,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width :        80,
                     sortable : true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF,
                     onlyShow_ValueDisplay_FirstRowOfGroup: false
                 });
 
@@ -732,6 +744,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width :        80,
                     sortable : true,
+                    columnHeader_Tooltip_Fcn_NoInputParam_Return_JSX_Element: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Adjusted_Spectral_Count__ABACUS__ReturnComponent,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 
@@ -760,6 +773,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width :        80,
                     sortable : true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF_Using_Adjusted_Spectral_Count__ABACUS,
                     onlyShow_ValueDisplay_FirstRowOfGroup: false
                 });
 
@@ -790,6 +804,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width: 80,
                     sortable: true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Distinct_Peptide_Count,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 
@@ -810,6 +825,7 @@ const _getProteinDataTableColumns = function(
                     displayName,
                     width: 80,
                     sortable: true,
+                    columnHeader_Tooltip_HTML_TitleAttribute: proteinView__ProteinList_ColumnHeader__Tooltip_Text.Unique_Peptide_Count,
                     onlyShow_ValueDisplay_FirstRowOfGroup: true
                 });
 

limelight_webapp/front_end/src/js/page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page__protein_list/jsx/proteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplay_UserSelections_Root_Component.tsx

@@ -14,6 +14,9 @@ import {ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayConten
 import {
     Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
 } from "page_js/common_all_pages/tooltip__green_question_mark_in_circle__tooltip_on_hover__react_component/tooltip__green_question_mark_in_circle__tooltip_on_hover__react_component";
+import {
+    proteinView__ProteinList_ColumnHeader__Tooltip_Text
+} from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/jsx/proteinView__ProteinList_ColumnHeader__Tooltip_Text";
 
 
 /**
@@ -248,7 +251,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                             <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                                 title={
                                     <span>
-                                        Fraction of the protein sequence that is covered by a detected peptide.
+                                        { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Sequence_Coverage }
                                     </span>
                                 }
                             />
@@ -267,7 +270,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    The number of Peptide Spectrum Matches for the protein. This is calculated as the sum of all scans that identified each peptide for this protein.
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.PSM_Count }
                                 </span>
                             }
                         />
@@ -284,7 +287,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    Normalized Spectral Abundance Factor for a protein. This is calculated as: SAF = PSM count / length of protein. Then, NSAF = SAF / sum(SAF for all proteins in the sample).
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF }
                                 </span>
                             }
                         />
@@ -302,9 +305,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    The adjusted spectral count for a protein as calculated by ABACUS (<a target="_blank" href="https://pubmed.ncbi.nlm.nih.gov/21360675/">https://pubmed.ncbi.nlm.nih.gov/21360675/</a> ).
-                                    At a high level, this is calculated as the number of distinct scans unique to a protein plus the sum of the adjusted scan weight for scans not unique to a protein,
-                                    which is calculated using how many other proteins a scan identified and how many scans are unique to those proteins.
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Adjusted_Spectral_Count__ABACUS__ReturnComponent() }
                                 </span>
                             }
                         />
@@ -322,7 +323,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    This is calculated as: SAF = adjusted spectral count / length of protein. Then, NSAF = SAF / sum(SAF for all proteins in the sample).
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.NSAF_Using_Adjusted_Spectral_Count__ABACUS }
                                 </span>
                             }
                         />
@@ -340,7 +341,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    The number of distinct peptides found for a protein. A distinct peptide typically includes protein sequence and modifications, but may be customized by the “Distinct Peptide Includes” option.
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Distinct_Peptide_Count }
                                 </span>
                             }
                         />
@@ -357,7 +358,7 @@ export class ProteinViewPage_DisplayData_ProteinList__ProteinListColumnsDisplayC
                         <Tooltip__green_question_mark_in_circle__tooltip_on_hover__Component
                             title={
                                 <span>
-                                    The number of distinct peptides that are uniquely found in the protein (not found in any other protein).
+                                    { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Unique_Peptide_Count }
                                 </span>
                             }
                         />

limelight_webapp/front_end/src/js/page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page__protein_list/protein_page__protein_list__single_search_code/datatable_components/proteinViewPage_DisplayData__SearchSubGroup_Peptide_Count_Header_Text_And_Tooltip_DataTable_Component.tsx

@@ -9,6 +9,12 @@
  */
 import {SearchSubGroups_EntryFor_SearchSubGroup__DataPageStateManagerEntry} from "page_js/data_pages/data_pages_common/dataPageStateManager";
 import React from "react";
+import {
+    proteinView__ProteinList_ColumnHeader__Tooltip_Text
+} from "page_js/data_pages/project_search_ids_driven_pages/protein_page/protein_page_common/jsx/proteinView__ProteinList_ColumnHeader__Tooltip_Text";
+import {
+    DataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup_Component
+} from "page_js/data_pages/data_table_react_common__table_part_components/dataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup__Component";
 
 //  Peptides Count Column
 
@@ -36,14 +42,12 @@ export const get_proteinViewPage_DisplayData__SearchSubGroup_Peptide_Count_Heade
     return (
         <div >
             <div >
-                Distinct Peptide Count:
-            </div>
-            <div >
-                { searchSubGroup.subgroupName_Display }
-            </div>
-            <div >
-                { searchSubGroup.searchSubgroupName_fromImportFile }
+                Distinct Peptide Count: { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Distinct_Peptide_Count }
             </div>
+            {/*  Display Sub Group Data */}
+            <DataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup_Component
+                searchSubGroup={ searchSubGroup }
+            />
         </div>
     )
 }
@@ -74,16 +78,14 @@ export const get_proteinViewPage_DisplayData__SearchSubGroup_PeptideUnique_Count
 }  ) : JSX.Element {
 
     return (
-        <div >
-            <div >
-                Peptides Unique Count:
-            </div>
-            <div >
-                { searchSubGroup.subgroupName_Display }
-            </div>
-            <div >
-                { searchSubGroup.searchSubgroupName_fromImportFile }
+        <div>
+            <div>
+                Unique Peptides Count: { proteinView__ProteinList_ColumnHeader__Tooltip_Text.Unique_Peptide_Count }
             </div>
+            {/*  Display Sub Group Data */}
+            <DataTable__HeaderTooltip__Partial_For_SubSearch_SearchSubGroup_Component
+                searchSubGroup={ searchSubGroup }
+            />
         </div>
     )
 }