Add the cards layout (#430)

* Fix reactivity of currentLayout in drawer detail

* Start on cards layout

* Use dense list items in v-select

* Add cards + size option

* Render cards + files based on options

* Allow modules to set view defaults

* Start on render-template component

* Add get fields from template util

* Use render template component in cards layout

* Render as small icon

* Accept options in display handler function

* Fix type warnings in format title display

* Remove empty styling in render template component

* Account for null values in render template

* Add loading state to cards layout

* Remove type validation in skeleton loader

* Only fetch rendered fields

* Fix resolving of default values for cards module

* Add selection state to cards

* Add selection state to cards

* Make render template reactive

* Implement setup options

* Add disabled support to v-select

* Add fallback icon option + disable fit input when no source

* Add sort header to cards layout

* Remove console log

* Add selection state to cards header

* Fix z-indexing of header menu

* Add pagination to cards layout

* Fix types in field

* Fix type checks in field-setup

* Add role presentation to img

* Remove code smell

* Handle file library gracefully

* Add native lazy loading to images in cards layout

* Render SVGs inline in card

src/lang/en-US/index.json

@@ -223,6 +223,12 @@
 	"upload_file_success": "File Uploaded | {count} Files Uploaded",
 	"upload_file_failed": "Couldn't Upload File | Couldn't Upload Files",
 	"view_type": "View As...",
+	"setup": "Setup",
+
+	"none": "None",
+
+	"n_items_selected": "No Items Selected | 1 Item Selected | {n} Items Selected",
+	"per_page": "Per Page",
 
   "about_directus": "About Directus",
   "activity_log": "Activity Log",
@@ -544,7 +550,6 @@
   "no_related_entries": "Has no related entries",
   "no_results": "No Results",
   "no_results_body": "The current filters do not match any collection items",
-  "none": "None",
   "not_authenticated": "Not Authenticated",
   "not_between": "Not between",
   "not_contains": "Doesn't contain",

src/lang/en-US/layouts.json

@@ -1,25 +1,15 @@
 {
 	"layouts": {
-		"calendar": {
-			"calendar": "Calendar",
-			"fields": "Fields",
-			"today": "today",
-			"events": "Events",
-			"moreEvents": "and {amount} more...",
-			"noEvents": "no events yet!",
-			"date": "Date",
-			"datetime": "Datetime",
-			"time": "Time",
-			"title": "Title",
-			"color": "Color"
-		},
 		"cards": {
 			"cards": "Cards",
+			"size": "Size",
+			"image_source": "Image Source",
+			"image_fit": "Image Fit",
+			"crop": "Crop",
+			"contain": "Contain",
 			"title": "Title",
 			"subtitle": "Subtitle",
-			"src": "Image Source",
-			"content": "Body Content",
-			"fit": "Fit"
+			"fallback_icon": "Fallback Icon"
 		},
 		"tabular": {
 			"tabular": "Table",
@@ -29,18 +19,6 @@
 			"compact": "Compact",
 			"cozy": "Cozy",
 			"per_page": "Per Page"
-		},
-		"timeline": {
-			"timeline": "Timeline",
-			"fields": "Fields",
-			"today": "today",
-			"events": "Events",
-			"moreEvents": "and {amount} more...",
-			"noEvents": "no events yet!",
-			"date": "Date",
-			"content": "Content",
-			"title": "Title",
-			"color": "Color"
 		}
 	}
 }