Skip to content

Commit

Permalink
wc: Remove headings background in all interpreter sections #TASK-7216…
Browse files Browse the repository at this point in the history 
… #TASK-7100
  • Loading branch information
@jmjuanes
jmjuanes committed Jan 28, 2025
1 parent 7286db7 commit cc75bed
Show file tree
Hide file tree
Showing 3 changed files with 50 additions and 66 deletions.
94 changes: 40 additions & 54 deletions src/webcomponents/variant/interpretation/variant-interpreter-landing.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -123,15 +123,13 @@ class VariantInterpreterLanding extends LitElement {
};
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Case Manager - ${clinicalAnalysis?.id ?? ""}" class="bg-white pt-3"></tool-header>
<div class="ps-3">
<clinical-analysis-update
.clinicalAnalysisId="${clinicalAnalysis?.id}"
.opencgaSession="${opencgaSession}"
.displayConfig="${displayConfig}"
@clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
</clinical-analysis-update>
</div>
<tool-header title="Case Manager - ${clinicalAnalysis?.id ?? ""}"></tool-header>
<clinical-analysis-update
.clinicalAnalysisId="${clinicalAnalysis?.id}"
.opencgaSession="${opencgaSession}"
.displayConfig="${displayConfig}"
@clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
</clinical-analysis-update>
</div>
`;
}
Expand All @@ -143,14 +141,12 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Interpretation Manager" class="bg-white"></tool-header>
<div class="ps-3">
<clinical-interpretation-manager
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}"
@clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
</clinical-interpretation-manager>
</div>
<tool-header title="Interpretation Manager"></tool-header>
<clinical-interpretation-manager
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}"
@clinicalAnalysisUpdate="${this.onClinicalAnalysisUpdate}">
</clinical-interpretation-manager>
</div>
`;
}
Expand All @@ -162,13 +158,11 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Clinical Data" class="bg-white"></tool-header>
<div class="ps-3">
<individual-view
.individual="${clinicalAnalysis.proband}"
.opencgaSession="${opencgaSession}">
</individual-view>
</div>
<tool-header title="Clinical Data"></tool-header>
<individual-view
.individual="${clinicalAnalysis.proband}"
.opencgaSession="${opencgaSession}">
</individual-view>
</div>
`;
}
Expand All @@ -180,13 +174,11 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="CellBase Info" class="bg-white"></tool-header>
<div class="ps-3">
<project-cellbase-info
.projects="${opencgaSession.project}"
.opencgaSession="${opencgaSession}">
</project-cellbase-info>
</div>
<tool-header title="CellBase Info"></tool-header>
<project-cellbase-info
.projects="${opencgaSession.project}"
.opencgaSession="${opencgaSession}">
</project-cellbase-info>
</div>
`;
}
Expand All @@ -198,13 +190,11 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Consent - ${clinicalAnalysis?.proband.id || ""}" class="bg-white"></tool-header>
<div class="ps-3">
<clinical-analysis-consent-editor
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}">
</clinical-analysis-consent-editor>
</div>
<tool-header title="Consent - ${clinicalAnalysis?.proband.id || ""}"></tool-header>
<clinical-analysis-consent-editor
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}">
</clinical-analysis-consent-editor>
</div>
`;
}
Expand All @@ -216,14 +206,12 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Audit Log" class="bg-white"></tool-header>
<div class="ps-3">
<clinical-analysis-audit-browser
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}"
.active="${active}">
</clinical-analysis-audit-browser>
</div>
<tool-header title="Audit Log"></tool-header>
<clinical-analysis-audit-browser
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}"
.active="${active}">
</clinical-analysis-audit-browser>
</div>
`;
}
Expand All @@ -235,14 +223,12 @@ class VariantInterpreterLanding extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Case Summary - ${clinicalAnalysis?.id || ""}" class="bg-white"></tool-header>
<div class="ps-3">
<clinical-analysis-view
.settings="${this._config.items?.find(el => el.id === "overview")?.settings}"
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}">
</clinical-analysis-view>
</div>
<tool-header title="Case Summary - ${clinicalAnalysis?.id || ""}"></tool-header>
<clinical-analysis-view
.settings="${this._config.items?.find(el => el.id === "overview")?.settings}"
.clinicalAnalysis="${clinicalAnalysis}"
.opencgaSession="${opencgaSession}">
</clinical-analysis-view>
</div>
`;
}
Expand Down
20 changes: 10 additions & 10 deletions src/webcomponents/variant/interpretation/variant-interpreter-qc.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -174,7 +174,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Quality Control Overview - ${probandId}" class="bg-white"></tool-header>
<tool-header title="Quality Control Overview - ${probandId}"></tool-header>
<variant-interpreter-qc-overview
.opencgaSession="${opencgaSession}"
.clinicalAnalysis="${clinicalAnalysis}"
Expand All @@ -194,7 +194,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Individual QC Analysis - ${probandId}" class="bg-white"></tool-header>
<tool-header title="Individual QC Analysis - ${probandId}"></tool-header>
<individual-qc-analysis
.toolParams="${{individual: clinicalAnalysis.proband?.id}}"
.opencgaSession="${opencgaSession}"
Expand All @@ -210,7 +210,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Sample Variant Stats - ${probandId} (${this.sample?.id})" class="bg-white"></tool-header>
<tool-header title="Sample Variant Stats - ${probandId} (${this.sample?.id})"></tool-header>
<sample-variant-stats-browser
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand All @@ -231,7 +231,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Family QC Analysis - ${probandId} (${clinicalAnalysis.family?.id})" class="bg-white"></tool-header>
<tool-header title="Family QC Analysis - ${probandId} (${clinicalAnalysis.family?.id})"></tool-header>
<family-qc-analysis
.toolParams="${{family: clinicalAnalysis.family?.id}}"
.opencgaSession="${opencgaSession}"
Expand All @@ -247,7 +247,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Individual QC Analysis - ${probandId}" class="bg-white"></tool-header>
<tool-header title="Individual QC Analysis - ${probandId}"></tool-header>
<individual-qc-analysis
.toolParams="${{individual: clinicalAnalysis.proband?.id}}"
.opencgaSession="${opencgaSession}"
Expand All @@ -263,7 +263,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-10 offset-md-1">
<tool-header title="Sample Variant Stats - ${probandId} (${this.sample?.id})" class="bg-white"></tool-header>
<tool-header title="Sample Variant Stats - ${probandId} (${this.sample?.id})"></tool-header>
<sample-variant-stats-browser
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand All @@ -285,7 +285,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Cancer QC Plots - ${probandId} (${this.somaticSample?.id})" class="bg-white"></tool-header>
<tool-header title="Cancer QC Plots - ${probandId} (${this.somaticSample?.id})"></tool-header>
<sample-cancer-variant-stats-browser
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand All @@ -306,7 +306,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Somatic Variant Stats - ${probandId} (${this.somaticSample?.id})" class="bg-white"></tool-header>
<tool-header title="Somatic Variant Stats - ${probandId} (${this.somaticSample?.id})"></tool-header>
<sample-variant-stats-browser
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand All @@ -326,7 +326,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Germline Variant Stats - ${probandId} (${this.sample?.id})" class="bg-white"></tool-header>
<tool-header title="Germline Variant Stats - ${probandId} (${this.sample?.id})"></tool-header>
<sample-variant-stats-browser
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand All @@ -348,7 +348,7 @@ class VariantInterpreterQc extends LitElement {
render: (clinicalAnalysis, active, opencgaSession) => {
return html`
<div class="col-md-12">
<tool-header title="Gene Coverage Stats - ${probandId}" class="bg-white"></tool-header>
<tool-header title="Gene Coverage Stats - ${probandId}"></tool-header>
<variant-interpreter-qc-gene-coverage
.opencgaSession="${opencgaSession}"
.cellbaseClient="${this.cellbaseClient}"
Expand Down
2 changes: 0 additions & 2 deletions src/webcomponents/variant/interpretation/variant-interpreter.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -268,7 +268,6 @@ class VariantInterpreter extends LitElement {
return html`
<div class="col-md-10 offset-md-1">
<tool-header
class="bg-white"
title="Interpretation - ${this.clinicalAnalysis?.interpretation?.id}">
</tool-header>
<steiner-report
Expand All @@ -282,7 +281,6 @@ class VariantInterpreter extends LitElement {
return html`
<div class="col-md-10 offset-md-1">
<tool-header
class="bg-white"
title="Interpretation - ${this.clinicalAnalysis?.interpretation?.id}">
</tool-header>
<clinical-analysis-review
Expand Down

0 comments on commit cc75bed

Please sign in to comment.