directus / directus Goto Github PK

The API should return JSON data with correct typing:

1. Numbers should never contain any "quotation marks"
2. Tinyints/booleans should be formatted as true or false instead of 0 or 1.
3. Null values should be empty or not returned at all.

See:

• mysqlnd
• mysql_fetch_field

Drag and drop items from listing page. Should use a handle icon on the far left.

This functionality only exists when the "sort" field is present.

• Login page template
• Forgot password
• Authentication
• Save token as session var?
• "Keep me logged in" saves token as cookie

Icons and thumbnails on the Media listing page should be horizontally centered within the 50x50px box

The visual chart at the top of the activity page can wait until 6.1

Uses all standard UIs.

• Site Name: Used for the title in the header (input)
• Site URL: Used for the site link in the header (input)
• CMS Color: Chooses one of several pre-compiled CSS (dropdown)
• CMS user auto sign out (int for # of minutes)

Make the activity page look good.

Can use (mostly) core UIs:

• Media folder: can be an input, later could make a system folder browser UI
• Media Naming: Unique, Sequential, Original
• Thumbnail quality: 0-100
• Allowed thumbnails: create a set of allowed thumbnail sizes
  • Width
  • Height
  • Crop

Only if sort field is present.

New black header height is 50px (not 70px)

Make sure that all the tabs show their corresponding pages

Show

Border radius of 2px (not 4px)
Dark text uses white drop shadow, not black
Box shadow: none
Should all have standard height (right now height is determined by padding the content)

A small panel showing all edits/activations/deletions made to an item.

Settings for tables:

• Hide entire table
• Single entry table
• Lock user settings
• Table notes (???)

Settings for fields:

• Handle (for drag and drop ordering)
• Title (with datatype tooltip)
• Input type (dropdown)
  • Input type options (gear icon: opens modal)
• Required (checkbox)
• Hidden (checkbox)
• Primary (radio button)
• Notes (input)

Add new field:
Opens modal window with

• Field title
• Datatype
• Length
• See directus 5 (conditional items)

Its messy, lazy and can cause bugs, if the 'this' context needs to be modified, use $.proxy or _.bind

Creation of "Alert" system that handles loading/saving/reorrdering etc.

Checking the checkbox for a media item that has the "missing image" icon breaks the thumbnail

On listing pages, when items are paginated (more than 500) the "filter" field turns into a "search" field. When submitted it should query the database instead of filtering items on the front-end.

Each table on the tables page should show the total number of active items in the right column

When on a listing page (tables, items, users, activity, messages), if there are no items visible then the a message should appear explaining to the user why.

Choose relational item from a modal window

Does not need to function but should look good.

At the moment there is excessive rendering, this should be optimized so only necessary rendering occurs.

The last item on listing pages should have a bottom border.

Once relational logic has been completed, the updated code should be applied to media within Directus.

Add new relational item

Edit relations in modal window.

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css

when a nav tab is active it's text should not have a dropshadow

Global permissions:

• Can upload media
• Can send messages
• Lock users settings

Per table permissions:

• View
• Add
• Edit
• Reorder
• Delete
• Drafts only

See all users within this group

.nav-tabs li > a .label
margin-left: 5px

.label
padding: 2px 5px 1px 5px
border radius: 2px
border should be active (white) label only... padding should be reduced to match size
font-size: 12px
font-weight: 600

10% black with 1px blur. This applies to the top and bottom of the white area.

Find a system for easily applying colors to list items throughout Directus. Apply colors to items on the activity page, messages page, and item listing page.

The entire site title in the top-left should be clickable, and rolling over it should turn the arrow green.

When an item is set as a "single" table then it bypasses the listing page and goes directly to the edit page. If the table contains no items then when clicked it takes you to create a new item. Otherwise it takes you to edit the item.

A tooltip system should be put in place that allows for easy addition of tooltips to any element. Options should be set within element's data attributes.

• Icon (optional: ✓, X, i, ?, !)
• Title (optional: large text)
• Description (optional: small text)
• Force arrow direction (top, right, bottom, left, auto)

Tooltips must have either a title OR a description

This is pretty nice with only CSS:

http://codepen.io/louisbullock/pen/pJmGa/
http://patsyleonard.com/cloudupload/

Make sure that buttons, columns and style look like the design documents.

Show

Standard relational items (many-many) are now stored in junction tables. This issue includes completing the API returning correct JSON as well as displaying/editing/saving relational items.

the active navigation tab (white) should have a WHITE background color, not GRAY.

A small messages panel on the edit page.

Based on item ID instead of Junction ID

Add in the additional ways to save an item:

• Save Item [default]
  • Save and stay
  • Save and add
  • Save as copy

Page listing messages:

• Inbox
• Sent
• Archived

Unread items: Bold text and green side indicator

Messages with media have paperclip icon

Item messages have a arrow icon

Choose relational item from a modal window