Skip to content

feat(nimbus): create filters for updated results page#13870

Merged
moibra05 merged 1 commit intomainfrom
13720
Nov 5, 2025
Merged

feat(nimbus): create filters for updated results page#13870
moibra05 merged 1 commit intomainfrom
13720

Conversation

@moibra05
Copy link
Contributor

@moibra05 moibra05 commented Nov 3, 2025

Because

  • Users need a way to change the analysis basis, reference branch, and segment view for result data

This commit

  • Creates drop down filters for each of the above listed fields
  • Analysis basis drop down only shows exposures if the experiment has them

Fixes #13720

@moibra05 moibra05 added the preview Create Preview Environment label Nov 3, 2025
@moibra05
Copy link
Contributor Author

moibra05 commented Nov 3, 2025

image

@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

@moibra05 moibra05 enabled auto-merge November 3, 2025 19:55
@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

2 similar comments
@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

Copy link
Contributor

@yashikakhurana yashikakhurana left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks @moibra05 in general looks good, I have one suggestion if you can try to target specifics id instead of body

@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

1 similar comment
@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

Copy link
Contributor

@yashikakhurana yashikakhurana left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@moibra05 I know you are adding the placeholders for filters, but can you confirm these filters work I am trying on this one- https://pr13870-experimenter.preview.mozilla.cloud/nimbus/ctataru/results-new/?analysis_basis=exposures&reference_branch=treatment-a&segment=all

{% for branch in branch_data %}
<div class="col">
{% include "common/branch_card.html" with branch=branch %}
{% include "nimbus_experiments/results-new-fragment.html" %}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I believe this file results-new.html is only containing results-new-fragment right? if that is the case I dont think we need separate file for this?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

results-new.html also extends nimbus_experiments/experiment_base.html which contains other experimenter page elements such as the header and sidebar. when i make htmx get requests back to the new results page to reload content on filter changes i only want the results page content to be returned which is what results-new-fragment contains. separating these files gives me control in the exact content returned by the view depending on if the HX-Request header is provided

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

also yes, filters should work and appear to be with the experiment you linked

@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

1 similar comment
@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

@mozcloud-preview-environments
Copy link

Preview environment has been deployed.

Preview URL: https://pr13870-experimenter.preview.mozilla.cloud

It may take up to 5 minutes for the environment to become available.
If the link doesn't work immediately, please wait a few moments and try again.

You can monitor deployment status in Argo CD.

Copy link
Contributor

@yashikakhurana yashikakhurana left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you @moibra05 I tried the filtering it is working 🎉 just having multiple cards if we can loop somehow to improve it, also one suggestion unrelated to this PR the spacing looks little bit off here, whenver you have a chance to fix it
Screenshot 2025-11-05 at 11 58 47 AM

Comment on lines +136 to +153
<div class="d-flex flex-column gap-3 w-100">
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}
{% include "common/metric_card.html" with slug=branch.slug reference_branch=selected_reference_branch %}

</div>
</div>
{% endfor %}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I wish we can find better solution for this

@moibra05 moibra05 added this pull request to the merge queue Nov 5, 2025
Merged via the queue into main with commit 5c39b81 Nov 5, 2025
18 checks passed
@moibra05 moibra05 deleted the 13720 branch November 5, 2025 20:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

preview Create Preview Environment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Support analysis basis, segments, and reference branch on new results page

2 participants