Implement storage of thumbnail/style URLs, asset wizard info box, and asset thumbnail in index

Author: toastercup

app/cells/plugins/core/asset_info/index.haml

@@ -0,0 +1,2 @@
+- if asset
+  = image_tag(asset['style_urls'][config[:thumbnail_style]], height: '50px')

app/cells/plugins/core/asset_info/show.haml

@@ -0,0 +1,41 @@
+- if asset
+  :javascript
+    document.addEventListener("DOMContentLoaded", function(event) {
+      new Clipboard('#copy-asset-url');
+    });
+
+  .asset-info.mdl-card.mdl-shadow--2dp
+    .mdl-card__title
+      %h2.mdl-card__title-text
+        = image_tag(asset['url'], style: 'max-height: 200px;')
+    .mdl-card__supporting-text
+      %dl
+        %dt Original Filename
+        %dd
+          = asset['file_name']
+        %dt File Type
+        %dd
+          = asset['content_type']
+        %dt File Size
+        %dd
+          = number_to_human_size(asset['file_size'])
+        %dt Dimensions
+        %dd
+          = dimensions
+        %dt Creator
+        %dd
+          = creator.fullname
+        %dt Created
+        %dd
+          = created_at
+        %dt Last Modified
+        %dd
+          = updated_at
+        %dt URL
+        %dd
+          = link_to_asset
+    .mdl-card__menu
+      .mdl-button.mdl-button--icon.mdl-js-button.mdl-js-ripple-effect#copy-asset-url{data: {'clipboard-text': asset['url']}}
+        %i.material-icons content_copy
+      .mdl-tooltip{for: 'copy-asset-url'}
+        Copy Asset URL

app/cells/plugins/core/asset_info_cell.rb

@@ -0,0 +1,48 @@
+module Plugins
+  module Core
+    class AssetInfoCell < Plugins::Core::Cell
+      include ActionView::Helpers::NumberHelper
+
+      property :data
+      property :content_item
+
+      def show
+        render
+      end
+
+      def index
+        render
+      end
+
+      private
+
+      def config
+        @options[:config] || {}
+      end
+
+      def asset
+        data['asset']
+      end
+
+      def dimensions
+        "#{asset['dimensions']['width']} x #{asset['dimensions']['width']}"
+      end
+
+      def creator
+        content_item.creator
+      end
+
+      def created_at
+        content_item.created_at.to_formatted_s(:long_ordinal)
+      end
+
+      def updated_at
+        DateTime.parse(asset['updated_at']).to_formatted_s(:long_ordinal)
+      end
+
+      def link_to_asset
+        link_to(asset['url'], asset['url'])
+      end
+    end
+  end
+end

app/models/asset_field_type.rb

@@ -5,7 +5,8 @@ class AssetFieldType < FieldType
                 :asset_updated_at,
                 :asset
 
-  attr_reader :dimensions
+  attr_reader :dimensions,
+              :existing_data
 
   before_save :extract_dimensions
 
@@ -26,15 +27,16 @@ def data=(data_hash)
 
   def data
     {
-        'asset': {
-            'file_name': asset_file_name,
-            'url': asset.url,
-            'dimensions': dimensions,
-            'content_type': asset_content_type,
-            'file_size': asset_file_size,
-            'updated_at': asset_updated_at
-        },
-        'asset_field_type_id': id
+      'asset': {
+        'file_name': asset_file_name,
+        'url': asset.url,
+        'style_urls': style_urls,
+        'dimensions': dimensions,
+        'content_type': asset_content_type,
+        'file_size': asset_file_size,
+        'updated_at': asset_updated_at
+      },
+      'asset_field_type_id': id
     }
   end
 
@@ -60,8 +62,8 @@ def extract_dimensions
     unless tempfile.nil?
       geometry = Paperclip::Geometry.from_file(tempfile)
       @dimensions = {
-          width: geometry.width.to_i,
-          height: geometry.height.to_i
+        width: geometry.width.to_i,
+        height: geometry.height.to_i
       }
     end
   end
@@ -77,7 +79,7 @@ def mapping_field_name
   end
 
   def validate_presence?
-    @validations.key? :presence
+    validations.key? :presence
   end
 
   def attachment_size_validator
@@ -116,11 +118,19 @@ def validate_asset_content_type
     attachment_content_type_validator.validate_each(self, :asset, asset)
   end
 
+  def style_urls
+    if existing_data.empty?
+      (metadata[:styles].map { |key, value| [key, asset.url(key)] }).to_h
+    else
+      existing_data[:asset][:style_urls]
+    end
+  end
+
   def existing_metadata
     metadata.except!(:existing_data)
 
-    unless @existing_data.empty?
-      metadata[:path].gsub(":id", @existing_data['asset_field_type_id']) if metadata[:path]
+    unless existing_data.empty?
+      metadata[:path].gsub(":id", existing_data['asset_field_type_id']) if metadata[:path]
     end
 
     metadata

lib/tasks/cortex/core/media.rake

@@ -73,7 +73,7 @@ namespace :cortex do
               "description": "Provide details and metadata that will enhance search or inform end-users.",
               "columns": [
                 {
-                  "grid_width": 12,
+                  "grid_width": 6,
                   "elements": [
                     {
                       "id": media.fields[1].id
@@ -95,6 +95,20 @@ namespace :cortex do
                       "id": media.fields[5].id
                     }
                   ]
+                },
+                {
+                  "grid_width": 6,
+                  "elements": [
+                    {
+                      "plugin": {
+                        "class_name": "plugins/core/asset_info",
+                        "render_method": "show",
+                        "data": {
+                          "field_id": media.fields.find_by_name('Asset').id
+                        }
+                      }
+                    },
+                  ]
                 }
               ]
             }
@@ -118,12 +132,16 @@ namespace :cortex do
                 "name": "Thumbnail",
                 "cells": [{
                             "field": {
-                              "method": "author_image"
-                            },
-                            "display": {
-                              "classes": [
-                                "circular"
-                              ]
+                              "plugin": {
+                                "class_name": "plugins/core/asset_info",
+                                "render_method": "index",
+                                "data": {
+                                  "field_id": media.fields.find_by_name('Asset').id
+                                },
+                                "config": {
+                                  "thumbnail_style": "mini"
+                                }
+                              }
                             }
                           }]
               },