Page MenuHomePhabricator

Template-ify Patch Demo index page
Open, MediumPublic3 Estimated Story Points

Assigned To
Authored By
thcipriani
May 23 2025, 7:30 PM
Referenced Files
F72296215: PatchdemoSketchVersion1Page3-WF2.png
Feb 23 2026, 10:52 PM
F72296216: PatchdemoSketchVersion1Page3-WF1.png
Feb 23 2026, 10:52 PM
F72296053: PatchdemoSketchVersion1Page4.png
Feb 23 2026, 10:52 PM
F72296051: PatchdemoSketchVersion1Page3.png
Feb 23 2026, 10:52 PM
F72296052: PatchdemoSketchVersion1Page2.png
Feb 23 2026, 10:52 PM
F72296050: PatchdemoSketchVersion1Page1.png
Feb 23 2026, 10:52 PM
F72296054: PatchdemoSketchCurrentAnalysis.png
Feb 23 2026, 10:52 PM

Description

Now that we have wikifarms, the next step will be allowing users to configure individual wikis differently. This would require significant rework to the existing create form.

We've moved Patch Demo to use the slim PHP framework. In order to make changes to the create wiki form, we'll need to break the index page into reusable parts.

In particular, the create form should be easy to manipulate, change, and break apart as needed.

Details

Related Changes in GitLab:
TitleReferenceAuthorSource BranchDest Branch
index: split template into multiple partialsrepos/test-platform/catalyst/patchdemo!356brennenbrennen/creation-partialmain
Customize query in GitLab

Event Timeline

thcipriani added a subscriber: Tacsipacsi.

@Tacsipacsi here's the task I promised in code review. Were you proposing vue-ifying or only using codex CSS? Or both one step at a time?

thcipriani renamed this task from Codexify front end to Make Patch Demo create form into reusable component.Dec 16 2025, 6:57 PM
thcipriani updated the task description. (Show Details)

Sorry for not replying here earlier. I think Patch Demo should be usable to the extent possible without JS. (Of course, things like auto-selecting checkboxes when choosing a preset won’t work, but manual selection of the checkboxes should.) This would speak for Codex CSS, but if we can do server-side rendering of Vue or another kind of fallback, that should be fine too.

Brainstormed some potential designs for the UI that would allow for feature expansion without affecting too much of the existing structure and workflow and while using the space effectively. These are not final and are here mainly for documentation purposes as we continue discussing the path forward and await more information from actual UI/UX professionals at the foundation since it feels warranted for a change at this scale.

The considerations on usability without JS are something we are keeping in mind and since we have not ventured into using Codex before, this is still to be determined. Will communicate updates regarding the evolution (or complete overhaul) of the design as iterations go on and more information is gathered.

Currently:

PatchdemoSketchCurrentAnalysis.png (1,586×1,832 px, 2 MB)

This image shows how valuable visual real-estate is being used on Patch demo and the potential areas of improvement as a starting point.

Version 1:
To make adding new features to Patch demo visually cleaner and the UI scaleable, Codex assets like form templates and tabs for pagination and navigation (among other things). The aim here is for the creation form to have ample space that allows for iteration and scaling with regards to features and patchdemo capabilities without growing to an overwhelming degree and physically demanding more of the page. This version uses tabs to have 4 distinct sections with the settings divided into their relevant categories. One thing to note is "Wikifarms" gets its own tab and in it, specific configurations for wikis can be achieved by allowing customization. It has been noted that this step should probably come earlier in the creation process or be combined with the general settings, but those options are yet to be brainstormed.

The sketches below illustrate the most important thing: with this format, the process of wiki creation improves (less scrolling to create a demo), and also becomes something we can expand on in a much easier way.

PatchdemoSketchVersion1Page1.png (1,582×2,078 px, 1 MB)

PatchdemoSketchVersion1Page2.png (1,580×2,108 px, 1 MB)

PatchdemoSketchVersion1Page3.png (1,582×2,102 px, 1 MB)

PatchdemoSketchVersion1Page4.png (1,580×2,106 px, 1 MB)

PatchdemoSketchVersion1Page3-WF1.png (1,566×2,062 px, 1 MB)

PatchdemoSketchVersion1Page3-WF2.png (1,574×2,104 px, 1 MB)

Again, none of this is final and this task will be updated as it goes. Implementation will only happen after proper approvals occur this as it is a very significant change and will determine how future feature integration occurs. Thanks!

thcipriani renamed this task from Make Patch Demo create form into reusable component to Template-ify Patch Demo index page.Apr 16 2026, 4:52 PM
thcipriani assigned this task to brennen.
thcipriani triaged this task as Medium priority.
thcipriani updated the task description. (Show Details)
thcipriani set the point value for this task to 3.
thcipriani moved this task from Backlog to Ready on the Catalyst (Luka Ijo Pimeja Jan) board.