-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Data Pages: Main Data Table from Webservices
For Peptide, Proteins (Crosslink, Looplink, All), and Coverage pages (Single and Merged) The main Table of data is retrieved via webservice call. For Protein pages, also the Exclude Organism and Exclude Proteins lists also come from same webservice call. For Merged pages, the data for the Per search counts and Venn Diagram also come from same webservice call.
- Loading branch information
Showing
136 changed files
with
12,767 additions
and
4,471 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
5 changes: 5 additions & 0 deletions
5
...d_pages_shared/mergedPages_MultipleSearches_MainTable_header_search_id_tooltip.handlebars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,5 @@ | ||
{{!-- mergedPages_MultipleSearches_MainTable_header_search_id_tooltip.handlebars in 'merged_pages_shared' | ||
Merged Pages Multiple Searches - Main Table - Header Row - Tooltip on Search Id | ||
--}}{{ searchName }} ({{ searchId }}) |
21 changes: 21 additions & 0 deletions
21
...merged_pages_shared/mergedPages_SearchesList_NO_VennDiagram_AboveMainDataTable.handlebars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,21 @@ | ||
{{!-- mergedPages_SearchesList_NO_VennDiagram_AboveMainDataTable.handlebars in 'merged_pages_shared' | ||
Merged Pages: Searches (search ids and counts) list and NO Venn Diagram above Main Data Table | ||
--}} | ||
|
||
|
||
<div style="margin-top: 5px;"> | ||
|
||
{{#each searchCounts as |searchCount| }} | ||
<span class=" searches_sort_list_item_jq " style="white-space: nowrap; padding-right: 20px;" | ||
data-project_search_id="${ searchCount.projectSearchId }"> | ||
<span style="margin-right: 10px; padding-left: 10px; padding-right: 10px;" | ||
class=" merged-search-search-background-color-{{ searchCount.colorIndex_OneBased }} " | ||
></span> | ||
(Search {{ searchCount.searchId }}: {{ searchCount.count }}) | ||
</span> | ||
|
||
{{/each}} | ||
|
||
</div> |
68 changes: 68 additions & 0 deletions
68
...erged_pages_shared/mergedPages_SearchesList_WithVennDiagram_AboveMainDataTable.handlebars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,68 @@ | ||
{{!-- mergedPages_SearchesList_WithVennDiagram_AboveMainDataTable.handlebars in 'merged_pages_shared' | ||
Merged Pages: Searches (search ids and counts) list and Venn Diagram above Main Data Table | ||
--}} | ||
|
||
{{!-- Have Venn Diagram, list legend to the left in vertical list --}} | ||
|
||
<table class="table-no-border-no-cell-spacing-no-cell-padding"> | ||
<tr> | ||
<td style="vertical-align: top"> | ||
<div class=" searches_sort_list_container_jq " > | ||
|
||
{{#each searchCounts as |searchCount| }} | ||
|
||
<div class=" " style="margin-top: 5px;" | ||
data-project_search_id="{{ searchCount.projectSearchId }}"> | ||
<span style="margin-right: 10px; padding-left: 10px; padding-right: 10px;" | ||
class=" merged-search-search-background-color-{{ searchCount.colorIndex_OneBased }} " | ||
></span> | ||
(Search {{ searchCount.searchId }}: {{ searchCount.count }}) | ||
</div> | ||
{{/each}} | ||
</div> | ||
</td> | ||
<td style="vertical-align: top"> | ||
|
||
<div id="searches_intersection_venn_diagram_outer_container" style="position: relative; display: none;" > | ||
<div class=" svg_download_outer_block_jq " style="position: absolute; top: 4px; right: 4px;"> | ||
<div class="svg-download-block"> | ||
<a href="javascript:" class=" tool_tip_attached_jq " data-tooltip="Download graphic as file." | ||
><img src="images/icon-download-small.png" /></a> | ||
|
||
<!-- Overlay that goes under main overlay: display on hover of download icon --> | ||
<div class="svg-download-options-backing-block"> | ||
</div> | ||
<!-- Overlay: display on hover of download icon --> | ||
<span class="svg-download-options-block"> | ||
Choose download file format: | ||
<a data-tooltip="Download as a JPEG image file." | ||
data-download_type="jpeg" | ||
class="svg-download-option tool_tip_attached_jq venn_diagram_download_link_jq " href="javascript:" style="margin-top:5px;" | ||
>JPEG</a> | ||
<a data-tooltip="Download as PDF file suitable for use in Adobe Illustrator or printing." | ||
data-download_type="pdf" | ||
class="svg-download-option tool_tip_attached_jq venn_diagram_download_link_jq " href="javascript:" style="margin-top:5px;" | ||
>PDF</a> | ||
<a data-tooltip="Download as PNG image file." | ||
data-download_type="png" | ||
class="svg-download-option tool_tip_attached_jq venn_diagram_download_link_jq " href="javascript:" style="margin-top:5px;" | ||
>PNG</a> | ||
<a data-tooltip="Download as scalable vector graphics file suitable for use in Inkscape or other compatible software." | ||
data-download_type="svg" | ||
class="svg-download-option tool_tip_attached_jq venn_diagram_download_link_jq " href="javascript:" style="margin-top:5px;" | ||
>SVG</a> | ||
</span> | ||
</div> | ||
</div> | ||
|
||
<div id="searches_intersection_venn_diagram" > | ||
</div> | ||
|
||
</div> | ||
</td> | ||
</tr> | ||
</table> | ||
|
||
|
123 changes: 123 additions & 0 deletions
123
...bars_templates/peptide_page/peptidePage_MultipleSearches_MainTable_MainDataRow.handlebars
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,123 @@ | ||
{{!-- peptidePage_MultipleSearches_MainTable_MainDataRow.handlebars in 'peptide_page' | ||
Peptide Page Multiple Searches - Main Table - Main Data Row | ||
The actual peptide entry is in the property 'peptideEntry'. | ||
The Root of data returned from webservice is in the property 'viewSearchPeptidesPageDataRoot'. | ||
--}} | ||
|
||
<tr id="unified-reported-peptide-{{ peptideEntry.unifiedReportedPeptideId }}" | ||
style="cursor: pointer; " | ||
onclick="viewMergedPeptidePerSearchDataFromWebServiceTemplate.showHideReportedPeptidesPerSearch( { clickedElement : this } )" | ||
data-unified_reported_peptide_id="{{ peptideEntry.unifiedReportedPeptideId }}" | ||
> | ||
|
||
{{#each peptideEntry.searchContainsPeptide_SubList_JS_Generated as |entryContainsSearchObject| }} | ||
{{#if entryContainsSearchObject.containsSearch }} | ||
<td class=" merged-search-search-background-color-{{ entryContainsSearchObject.colorIndex_OneBased }} ">*</td> | ||
{{else}} | ||
<td> </td> | ||
{{/if}} | ||
{{/each}} | ||
|
||
<td class="integer-number-column"><a class="show-child-data-link " | ||
href="javascript:" | ||
>{{ peptideEntry.numSearches }}<span class="toggle_visibility_expansion_span_jq" | ||
><img src="images/icon-expand-small.png" | ||
class=" icon-expand-contract-in-data-table " | ||
></span><span class="toggle_visibility_contraction_span_jq" | ||
style="display: none;" | ||
><img src="images/icon-collapse-small.png" | ||
class=" icon-expand-contract-in-data-table " | ||
></span> | ||
</a> | ||
</td> | ||
|
||
<td>{{ peptideEntry.linkType }}</td> | ||
|
||
{{!-- Peptide 1 --}} | ||
<td>{{ peptideEntry.peptide_1_Sequence }}</td> | ||
<td class="integer-number-column" >{{ peptideEntry.peptide_1_Position }}</td> | ||
<td class=""> | ||
{{ peptideEntry.modsStringPeptide_1 }} | ||
</td> | ||
{{#if anyResultsHaveIsotopeLabels }} | ||
<td class=""> | ||
{{ peptideEntry.isotopeLabelsStringPeptide_1 }} | ||
</td> | ||
{{/if}} | ||
|
||
{{!-- Peptide 2 --}} | ||
<td>{{ peptideEntry.peptide_2_Sequence }}</td> | ||
<td class="integer-number-column" >{{ peptideEntry.peptide_2_Position }}</td> | ||
<td class=""> | ||
{{ peptideEntry.modsStringPeptide_2 }} | ||
</td> | ||
{{#if anyResultsHaveIsotopeLabels }} | ||
<td class=""> | ||
{{ peptideEntry.isotopeLabelsStringPeptide_2 }} | ||
</td> | ||
{{/if}} | ||
|
||
|
||
<td> | ||
{{#if peptideEntry.peptide_1_ProteinPositions }} | ||
{{#each peptideEntry.peptide_1_ProteinPositions as |pp| }} | ||
<span class="proteinName" id="protein-id-{{ pp.proteinSequenceVersionId }}"> | ||
{{ pp.proteinName | ||
}}{{#if pp.position1 }}({{ pp.position1 | ||
}}{{#if pp.position2 | ||
}}, {{ pp.position2 }}{{/if}}){{/if}}<br> | ||
</span> | ||
{{/each}} | ||
{{/if}} | ||
</td> | ||
<td> | ||
{{#if peptideEntry.peptide_2_ProteinPositions }} | ||
{{#each peptideEntry.peptide_2_ProteinPositions as |pp| }} | ||
<span class="proteinName" id="protein-id-{{ pp.proteinSequenceVersionId }}"> | ||
{{ pp.proteinName | ||
}}{{#if pp.position1 }}({{ pp.position1 | ||
}}{{#if pp.position2 | ||
}}, {{ pp.position2 }}{{/if}}){{/if}}<br> | ||
</span> | ||
{{/each}} | ||
{{/if}} | ||
</td> | ||
|
||
<td class="integer-number-column" >{{ peptideEntry.numPsms }}</td> | ||
|
||
{{!-- | ||
This Loops over the annotation headers per search | ||
--}} | ||
{{#each peptideEntry.peptidePsmAnnotationValueListsForEachSearch as |peptidePsmAnnotationValueListsForASearch| }} | ||
|
||
{{!-- | ||
Different from Single Search is that | ||
the background color of each cell is set using a CSS class | ||
with the search index being in the CSS class name. | ||
This outputs the Reported Peptide annotation values for a specific search | ||
--}} | ||
|
||
{{#each peptidePsmAnnotationValueListsForASearch.peptideAnnotationValueList as |annotationDisplayValue| }} | ||
<td class=" merged-search-search-background-color-{{ peptidePsmAnnotationValueListsForASearch.colorIndex_OneBased }} " | ||
style="width:10%;"> | ||
<span style="white-space: nowrap">{{ annotationDisplayValue }}</span> | ||
</td> | ||
{{/each}} | ||
{{!-- | ||
This outputs the PSM annotation values for a specific search | ||
--}} | ||
{{#each peptidePsmAnnotationValueListsForASearch.psmAnnotationValueList as |annotationDisplayValue| }} | ||
<td class=" merged-search-search-background-color-{{ peptidePsmAnnotationValueListsForASearch.colorIndex_OneBased }} " | ||
style="width:10%;"> | ||
<span style="white-space: nowrap">{{ annotationDisplayValue }}</span> | ||
</td> | ||
{{/each}} | ||
|
||
{{/each}} | ||
|
||
|
||
</tr> |
Oops, something went wrong.