Query Builder shows insufficient information when Javascript is disabled
Closed, ResolvedPublic5 Estimated Story Points
Actions

Assigned To

Authored By

	Sarai-WMDE
	Aug 28 2023, 10:22 AM

Description

Report

Steps to replicate the issue (include links if applicable):

Disable Javascript
Load https://query.wikidata.org/querybuilder/

What happens?:

The page displays a short message saying that the tool doesn't work properly without JavaScript enabled.

Screenshot 2023-08-17 at 16.41.51.png (1×2 px, 107 KB)

What should have happened instead?:

The message displayed should provide some support and more information about the tool.

Solution

We'll display a more prominent message and some introductory information about the tool:

Screenshot 2023-09-12 at 17.19.51.png (1×2 px, 131 KB)

Note: We'll use the Codex CSS-only version of Message, and Codex tokens to style texts and define breakpoints. We'll have to create custom variables in rem for spacing (these are not available in Codex).

Full specification In Figma

Desktop logo (above 640px):

QB_Logo_Desktop.svg7 KBDownload

Mobile logo (below 640px):

QB_Logo_Mobile.svg6 KBDownload

Details

	Subject	Repo	Branch	Lines +/-
	Add noscript file for query builder	wikidata/query-builder	master	+241 -1

Customize query in gerrit

Related Objects

Mentioned In: T343344: Mismatch Finder shows a blank page without Javascript enabled
Mentioned Here: T343344: Mismatch Finder shows a blank page without Javascript enabled

Event Timeline

Sarai-WMDE created this task.Aug 28 2023, 10:22 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptAug 28 2023, 10:22 AM

Sarai-WMDE added a comment.Aug 28 2023, 10:26 AM

This comment was removed by Sarai-WMDE.

Maintenance_bot added a project: Wikidata.Aug 28 2023, 10:29 AM

karapayneWMDE moved this task from Incoming to Product Backlog on the Wikidata Dev Team board.Sep 12 2023, 2:32 PM

Sarai-WMDE renamed this task from Query Builder shows a blank page without Javascript enabled to Query Builder shows insufficient information when Javascript is disabled.Sep 12 2023, 3:25 PM

Sarai-WMDE updated the task description. (Show Details)

Sarai-WMDE updated the task description. (Show Details)Sep 12 2023, 3:46 PM

Sarai-WMDE updated the task description. (Show Details)Sep 12 2023, 3:52 PM

Sarai-WMDE mentioned this in T343344: Mismatch Finder shows a blank page without Javascript enabled.Sep 12 2023, 3:58 PM

Sarai-WMDE updated the task description. (Show Details)Sep 12 2023, 4:02 PM

Arian_Bozorg attached a referenced file: F37546646: Screenshot 2023-08-17 at 16.41.51.png. (Show Details)Sep 13 2023, 12:17 PM

Arian_Bozorg attached a referenced file: F37638098: WD_Logo.png. (Show Details)

Arian_Bozorg updated the task description. (Show Details)Sep 13 2023, 12:20 PM

karapayneWMDE moved this task from Product Backlog to Unified DOT Backlog on the Wikidata Dev Team board.Sep 14 2023, 8:39 AM

karapayneWMDE moved this task from Unified DOT Backlog to Unified QT Backlog on the Wikidata Dev Team board.Sep 14 2023, 8:42 AM

Arian_Bozorg changed the subtype of this task from "Bug Report" to "Task".Feb 28 2024, 10:36 AM

Arian_Bozorg set the point value for this task to 5.Mar 5 2024, 9:55 AM

Arian_Bozorg moved this task from Unified QT Backlog to Quality Tools "Sprint" on the Wikidata Dev Team board.

Arian_Bozorg edited projects, added Wikidata Dev Team (Quality Tools "Sprint"); removed Wikidata Dev Team.

Query Builder has an index.html file and it should be modified to achieve the goal.

HasanAkgun_WMDE claimed this task.Mar 12 2024, 9:00 AM

HasanAkgun_WMDE moved this task from Backlog to Doing on the Wikidata Dev Team (Quality Tools "Sprint") board.

Change 1011093 had a related patch set uploaded (by Hasan Akgün (WMDE); author: Hasan Akgün (WMDE)):

[wikidata/query-builder@master] Add noscript file for query builder

https://gerrit.wikimedia.org/r/1011093

gerritbot added a project: Patch-For-Review.Mar 14 2024, 11:03 AM

HasanAkgun_WMDE moved this task from Doing to Peer Review on the Wikidata Dev Team (Quality Tools "Sprint") board.Mar 14 2024, 11:10 AM

Change 1011093 merged by jenkins-bot:

[wikidata/query-builder@master] Add noscript file for query builder

https://gerrit.wikimedia.org/r/1011093

Maintenance_bot removed a project: Patch-For-Review.Mar 14 2024, 3:30 PM

Test link:
https://1011093--clicky-sparqly.netlify.app/

This looks good to me!

Thanks so much :)

	F37711355: Screenshot 2023-09-12 at 17.19.51.png
	Sep 12 2023, 3:25 PM

	F37546646: Screenshot 2023-08-17 at 16.41.51.png
	Sep 12 2023, 3:25 PM

	F37638114: Screenshot 2023-08-28 at 12.26.13.png
	Aug 28 2023, 10:26 AM

Query Builder shows insufficient information when Javascript is disabledClosed, ResolvedPublic5 Estimated Story PointsActions