[wp-trac] [WordPress Trac] #27055: Themes Install Screen: introduce THX (Backbone powered) UX

[WordPress Trac]

#27055: Themes Install Screen: introduce THX (Backbone powered) UX
----------------------------+-----------------------------
 Reporter:  matveb          |       Owner:
     Type:  task (blessed)  |      Status:  new
 Priority:  normal          |   Milestone:  3.9
Component:  Themes          |     Version:  trunk
 Severity:  normal          |  Resolution:
 Keywords:  needs-patch     |     Focuses:  administration
----------------------------+-----------------------------

Comment (by nacin):

 [27636] lands matveb's work up to now.

 These are the related things I'm seeing:

  * I temporarily hid "Photography" and "Responsive" and renamed "More" to
 "Feature Filter" (old name) as things got a bit buggy when you were on one
 of those filters and then tried to tick some checkboxes. I had no idea, as
 a user, what was actually being queried. As it is, one of the "sort" tabs
 remain selected even after some features. I think for starters, the
 more/filter button needs to change color (like a blue) when a filter is
 active. Maybe there needs to be a "clear". Or clicking a "sort" should
 clear it. More work is needed there.

  * Filters, like a search and a "sort" (which should probably be "browse")
 needs some kind of replaceState, I gather. Not a huge thing, but they had
 proper links in 3.8.

 I've also talked to matveb and worked out an additional list of issues:

  * Performance:
   * Pagination: Right now infinite scroll only uses the data that was
 fetched, as it works on the browsing page — but API calls are limited to a
 certain per page, otherwise it's a ton of data. If we downloaded 108 at a
 time, we could get through three renders of 36 before we'd have to do
 another XHR.
   * Caching of collections (as noted throughout the JS already). We should
 avoid hitting the WP.org API whenever possible. Any search should be
 cached as a collection to be re-played later. See also
 wp.media.model.Query.get for super-basic caching.
   * Improved search debouncing (and/or don't trigger a search <= 3
 characters without an "enter").
  * Preview pane:
   * Rework the preview pane to use the details code (with the preview
 template), which should allow for prev/next to also be added. In IRC last
 week, I suggested '5 of 48' with arrows could work well; we also mused
 about a spinner while the preview loaded, and even showing the screenshot
 in bigger form in that space while the preview loaded.
   * Consider how the preview overlay works on mobile devices. We could
 also have the responsiveness of the preview pane just be that the iframe
 is hidden. That said I imagine iPad landscape would look really sweet with
 the preview pane.
  * Properly represent a currently installed theme (no Install buttons,
 etc.)

--
Ticket URL: <https://core.trac.wordpress.org/ticket/27055#comment:36>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform