rays/ipx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 18 Wiki Activity

Redesign the feed settings dialog #167

New Issue
Closed
opened 2026-10-08 19:28:35 -07:00 by rays · 3 comments
rays commented 2026-10-08 19:28:35 -07:00
Owner
Copy Link

Asked for 2026-10-09. The dialog as it stands (screenshots taken in Glass at 390px and Modern and Classic on a desktop):

  • One column of label, box and paragraph of grey text, eight times, all the same weight. On a phone it runs to three screens, and Save is at the bottom of the third.
  • What decides what lands on disk, how many of the newest items download, is a bare number box whose meaning (blank, a number, 0) is in bold small print underneath. Whether anything downloads at all is a checkbox further down, and the number, the keywords and the explicit box only matter when it is on.
  • Yours against everyone's, the structure of the whole thing, is said in a sentence at the top and "(shared)" after two labels.
  • Keywords and hidden words are one text box each, comma separated, where a phrase and the next run together.
  • The note on a feed from an OPML still says saving gives it an entry in config.toml, from before the catalogue moved into the database.

Wanted: the download choice said in this show's own terms, yours and everyone's apart at a glance, word lists as words, Save always in reach, in every theme and on a phone.

Asked for 2026-10-09. The dialog as it stands (screenshots taken in Glass at 390px and Modern and Classic on a desktop): - One column of label, box and paragraph of grey text, eight times, all the same weight. On a phone it runs to three screens, and Save is at the bottom of the third. - What decides what lands on disk, how many of the newest items download, is a bare number box whose meaning (blank, a number, 0) is in bold small print underneath. Whether anything downloads at all is a checkbox further down, and the number, the keywords and the explicit box only matter when it is on. - Yours against everyone's, the structure of the whole thing, is said in a sentence at the top and "(shared)" after two labels. - Keywords and hidden words are one text box each, comma separated, where a phrase and the next run together. - The note on a feed from an OPML still says saving gives it an entry in config.toml, from before the catalogue moved into the database. Wanted: the download choice said in this show's own terms, yours and everyone's apart at a glance, word lists as words, Save always in reach, in every theme and on a phone.
before-glass-phone.png
450 KiB
before-modern-desk.png
344 KiB
after-1-glass-dark-phone.png
457 KiB
after-2-glass-dark-newest.png
451 KiB
after-3-glass-light-off.png
327 KiB
after-4-glass-dark-member.png
376 KiB
after-5-modern-dark-desk.png
302 KiB
after-6-classic-desk.png
352 KiB
after-7-modern-light-all.png
133 KiB
before-glass-phone.png before-modern-desk.png after-1-glass-dark-phone.png after-2-glass-dark-newest.png after-3-glass-light-off.png after-4-glass-dark-member.png after-5-modern-dark-desk.png after-6-classic-desk.png after-7-modern-light-all.png
rays added the enhancement label 2026-10-08 19:28:35 -07:00
rays commented 2026-10-08 19:43:27 -07:00
Author
Owner
Copy Link

Mockups for approval. They are screenshots of a working prototype, on the branch feed-settings-redesign (not merged, not deployed), against a scratch server with a made-up show of 60 episodes. Nothing ships until you say.

The layout

┌───────────────────────────────────────────────┐
│ [art] Night Shift Radio                       │
│       Your settings for this feed. Everyone   │
│       else who reads it keeps their own.      │
│                                               │
│ Download automatically               (   ●)   │  a switch; what follows hangs from it
│ │ [ Default (3) |  Newest  |    All   ]       │  how many
│ │ ▮▮▮▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯  +20 older   │  the show's newest 40; lit = downloads
│ │ Downloads the newest [ 8 ] on its own.      │  the number sits in the sentence
│ │ Older ones stay listed, to download by hand.│
│ │ Only items that mention                     │
│ │ [night trains ×] [lighthouse ×] [________]  │  words as chips
│ │ Include explicit items               (●   ) │
│                                               │
│ Hide items that mention                       │
│ [sponsor ×] [___________________]             │
│                                               │
│ ┌ The same for everyone who reads it ───────┐ │  the feed's own; an admin's to change
│ │ Address   [https://…            ] [copy]  │ │
│ │ Folder    [Night Shift Radio     ]        │ │
│ │ Directory category [Society & Culture]    │ │
│ └───────────────────────────────────────────┘ │
├───────────────────────────────────────────────┤
│                                     [×]  [✓]  │  always in reach; the rest scrolls
└───────────────────────────────────────────────┘

What changes

  • Download automatically comes first, as a switch. How many, the keywords and explicit only ever applied to automatic downloads, so they hang beneath it and fold away when it is off.
  • How many is three choices, Default (the server's, 3 here), Newest and All, said as a sentence in the show's own numbers. Above the sentence, a strip of the show's newest 40 items, each bar as tall as the episode is long, lit where it downloads on its own. Text-only posts are short ticks and take no place, as the server counts them. Dragging along the strip sets Newest. All now really means all (#166).
  • Keywords and hidden words are chips: Enter or a comma adds one, its × or Backspace takes it off.
  • Yours and everyone's: everything above the box is yours; the box is the feed's own, one copy for everyone. Someone who is not an admin sees only its address, with a copy button, and "Only an admin changes these".
  • Cancel and Save stay in a footer while the rest scrolls. On a phone, Save was three screens down.
  • Every theme keeps its own colours; nothing is added to any palette. Switches are drawn as iOS draws them, except in Classic, which keeps the 2004 app's checkboxes.
  • The note on a feed from an OPML no longer says saving gives it an entry in config.toml.

Before: Glass on a phone, then Modern on a desktop.

before-glass-phone before-modern-desk

After

  1. Glass on a phone, as it opens:
after-1-glass-dark-phone
  1. Newest 8, with two keywords and a hidden word:
after-2-glass-dark-newest
  1. Glass light, with downloading switched off:
after-3-glass-light-off
  1. Someone who is not an admin:
after-4-glass-dark-member
  1. Modern on a desktop:
after-5-modern-dark-desk
  1. Classic on a desktop, Newest 8:
after-6-classic-desk
  1. Modern light, All:
after-7-modern-light-all

For you to decide

  1. The episode strip, the one bold thing in it: keep it, or a plain number?
  2. Switches rather than checkboxes (Classic keeps checkboxes).
  3. Chips for the word lists.
  4. Anything to cut, move or say differently.

Say yes as it is, or what to change, and I'll finish it: the browser tests for it, then merge and deploy.

Mockups for approval. They are screenshots of a working prototype, on the branch `feed-settings-redesign` (not merged, not deployed), against a scratch server with a made-up show of 60 episodes. Nothing ships until you say. **The layout** ``` ┌───────────────────────────────────────────────┐ │ [art] Night Shift Radio │ │ Your settings for this feed. Everyone │ │ else who reads it keeps their own. │ │ │ │ Download automatically ( ●) │ a switch; what follows hangs from it │ │ [ Default (3) | Newest | All ] │ how many │ │ ▮▮▮▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯▯ +20 older │ the show's newest 40; lit = downloads │ │ Downloads the newest [ 8 ] on its own. │ the number sits in the sentence │ │ Older ones stay listed, to download by hand.│ │ │ Only items that mention │ │ │ [night trains ×] [lighthouse ×] [________] │ words as chips │ │ Include explicit items (● ) │ │ │ │ Hide items that mention │ │ [sponsor ×] [___________________] │ │ │ │ ┌ The same for everyone who reads it ───────┐ │ the feed's own; an admin's to change │ │ Address [https://… ] [copy] │ │ │ │ Folder [Night Shift Radio ] │ │ │ │ Directory category [Society & Culture] │ │ │ └───────────────────────────────────────────┘ │ ├───────────────────────────────────────────────┤ │ [×] [✓] │ always in reach; the rest scrolls └───────────────────────────────────────────────┘ ``` **What changes** - *Download automatically* comes first, as a switch. How many, the keywords and explicit only ever applied to automatic downloads, so they hang beneath it and fold away when it is off. - How many is three choices, *Default* (the server's, 3 here), *Newest* and *All*, said as a sentence in the show's own numbers. Above the sentence, a strip of the show's newest 40 items, each bar as tall as the episode is long, lit where it downloads on its own. Text-only posts are short ticks and take no place, as the server counts them. Dragging along the strip sets *Newest*. *All* now really means all (#166). - Keywords and hidden words are chips: Enter or a comma adds one, its × or Backspace takes it off. - Yours and everyone's: everything above the box is yours; the box is the feed's own, one copy for everyone. Someone who is not an admin sees only its address, with a copy button, and "Only an admin changes these". - Cancel and Save stay in a footer while the rest scrolls. On a phone, Save was three screens down. - Every theme keeps its own colours; nothing is added to any palette. Switches are drawn as iOS draws them, except in Classic, which keeps the 2004 app's checkboxes. - The note on a feed from an OPML no longer says saving gives it an entry in config.toml. **Before**: Glass on a phone, then Modern on a desktop. <img src="https://git.sdf1.net/attachments/0f346d20-6258-4560-888e-7a1ef86e8196" width="300" alt="before-glass-phone"> <img src="https://git.sdf1.net/attachments/3b939929-f00b-4c54-8187-7e99216a5238" width="560" alt="before-modern-desk"> **After** 1. Glass on a phone, as it opens: <img src="https://git.sdf1.net/attachments/102b9f23-3d4a-40a5-9ddc-3e24000b1810" width="300" alt="after-1-glass-dark-phone"> 2. *Newest 8*, with two keywords and a hidden word: <img src="https://git.sdf1.net/attachments/45dc1f11-3d71-4501-90d9-e1445868c20c" width="300" alt="after-2-glass-dark-newest"> 3. Glass light, with downloading switched off: <img src="https://git.sdf1.net/attachments/aada374a-108f-4fa8-a466-874e6083f090" width="300" alt="after-3-glass-light-off"> 4. Someone who is not an admin: <img src="https://git.sdf1.net/attachments/2598f525-7792-4f3b-93e7-845d711e1f09" width="300" alt="after-4-glass-dark-member"> 5. Modern on a desktop: <img src="https://git.sdf1.net/attachments/1344c954-a0ac-4886-a815-794583ea421c" width="640" alt="after-5-modern-dark-desk"> 6. Classic on a desktop, *Newest 8*: <img src="https://git.sdf1.net/attachments/b3efc37e-8cfc-46da-b642-c69ea4af0001" width="640" alt="after-6-classic-desk"> 7. Modern light, *All*: <img src="https://git.sdf1.net/attachments/33bd2750-831c-4431-801f-30aaac8eac4b" width="420" alt="after-7-modern-light-all"> **For you to decide** 1. The episode strip, the one bold thing in it: keep it, or a plain number? 2. Switches rather than checkboxes (Classic keeps checkboxes). 3. Chips for the word lists. 4. Anything to cut, move or say differently. Say yes as it is, or what to change, and I'll finish it: the browser tests for it, then merge and deploy.
rays commented 2026-10-09 05:26:55 -07:00
Author
Owner
Copy Link

Approved as mocked and done in ecbc253, with a browser test for the strip, the chips, the fold and a save that holds. Deployed as 0.10.3-dev.

Approved as mocked and done in ecbc253, with a browser test for the strip, the chips, the fold and a save that holds. Deployed as 0.10.3-dev.
rays closed this issue 2026-10-09 05:26:55 -07:00
rays commented 2026-10-09 05:33:28 -07:00
Author
Owner
Copy Link

Follow-up in 4c1d230: the address moved to the top with its copy button (an admin can still edit it, for a feed that moved), and the shared box with the folder and Directory category is gone from the dialog. Deployed as 0.10.3-dev.

Follow-up in 4c1d230: the address moved to the top with its copy button (an admin can still edit it, for a feed that moved), and the shared box with the folder and Directory category is gone from the dialog. Deployed as 0.10.3-dev.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
bug
Something is not working
 duplicate
This issue or pull request already exists
 enhancement
New feature
 help wanted
Need some help
 invalid
Something is wrong
 question
More information is needed
 wontfix
This won't be fixed
No Label enhancement
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
rays
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: rays/ipx#167
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?