List of Posts

The list view has its own peculiarities. Apart from just listing the cards, there are such things as filters, actions and pagination. For now we'll skip pagination, and focus filters and actions.

Filters

Each post can have few statuses. The real app has such a concept as teams, and this makes things more complicated. For simplicity, let's assume that a post can be a draft, can be scheduled and can be already posted.

The statuses can be represented as tabs or pills. We may add counters next to them, and work on the overall look but let's for now keep it simple.

What is interesting though, is the bulk upload feature. In Fedica there is a dedicated page for it, but a way more common scenario is to combine actions that is related to one group. In many apps you will see the following pattern: a page displaying a list of items, which can be filtered, and also you can add a new item, either by adding it via form or by importing it.

So I decided to group everything related to posts under one page.

The pattern of having a list of items that can be filtered, updated, have different view (e.g. map, list, cards), it's a typical pattern to have a single page that combines these functions.

To be clear, not every feature should be present on the page, but the page works like an entrance where you can find further actions.

For example, there can be an separate item page, a separate map page, a separate page that has form for adding items. But the path would usually look like "homepage -> items -> add new item".

While I've been writing these lines, I realized that Fedica has it, but due to inconsistent design I simply missed it at first.

But what is not typical is the navigation items in the sidebar. It has a section called Publishing which has:

  1. Posts calendar
  2. Drafts
  3. Media library
  4. Hours
  5. Hashtag groups
  6. Bulk upload
  7. Browser extension

Looking at the red links there are many questions you may ask:

  1. How to see the list of posts? Not in a calendar view, but in a list view.
  2. If there is a drafts link, how to see other posts (not all of them are drafts). Does Posts calendar have all other types or not?
  3. Bulk upload is the thing that is related to posts directly, while other links are more like assets that you use when making posts.

Bulk upload

Here is what the bulk upload page look like.

When you click to see the hint, you get quite a large set of instructions.

This lesson is not finished yet. Bulk upload is coming.