Issue #2656400 by Berdir: Add entity browser widget for file and image fields

Author: Berdir

config/install/core.entity_view_display.file.audio.thumbnail.yml

@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.file.thumbnail
+    - file_entity.type.audio
+id: file.audio.thumbnail
+targetEntityType: file
+bundle: audio
+mode: thumbnail
+content:
+  filename:
+    type: string
+    weight: 0
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    label: hidden
+hidden:
+  filemime: true
+  filesize: true
+  uid: true
+  uri: true

config/install/core.entity_view_display.file.document.thumbnail.yml

@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.file.thumbnail
+    - file_entity.type.document
+id: file.document.thumbnail
+targetEntityType: file
+bundle: document
+mode: thumbnail
+content:
+  filename:
+    type: string
+    weight: 0
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+    label: hidden
+hidden:
+  filemime: true
+  filesize: true
+  uid: true
+  uri: true

config/install/core.entity_view_display.file.image.thumbnail.yml

@@ -0,0 +1,36 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.file.thumbnail
+    - field.field.file.image.field_image_alt_text
+    - field.field.file.image.field_image_title_text
+    - file_entity.type.image
+  module:
+    - file_entity
+id: file.image.thumbnail
+targetEntityType: file
+bundle: image
+mode: thumbnail
+content:
+  filename:
+    type: string
+    weight: 1
+    label: visually_hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+  uri:
+    type: file_image
+    label: hidden
+    weight: 0
+    settings:
+      image_style: thumbnail
+      image_link: ''
+    third_party_settings: {  }
+hidden:
+  field_image_alt_text: true
+  field_image_title_text: true
+  filemime: true
+  filesize: true
+  uid: true

config/install/core.entity_view_display.file.video.thumbnail.yml

@@ -0,0 +1,23 @@
+langcode: en
+status: true
+dependencies:
+  config:
+    - core.entity_view_mode.file.thumbnail
+    - file_entity.type.video
+id: file.video.thumbnail
+targetEntityType: file
+bundle: video
+mode: thumbnail
+content:
+  filename:
+    type: string
+    weight: 1
+    label: hidden
+    settings:
+      link_to_entity: false
+    third_party_settings: {  }
+hidden:
+  filemime: true
+  filesize: true
+  uid: true
+  uri: true

config/install/core.entity_view_mode.file.thumbnail.yml

@@ -0,0 +1,10 @@
+langcode: en
+status: true
+dependencies:
+  module:
+    - file
+    - file_entity
+id: file.thumbnail
+label: Thumbnail
+targetEntityType: file
+cache: true

file_entity.module

@@ -210,17 +210,16 @@ function template_preprocess_file(&$variables) {
   $file = $variables['file'];
 
   $variables['id']        = $file->id();
-  $variables['date']      = format_date($file->getCreatedTime()); // @TODO: Check this out
+  $variables['date']      = \Drupal::service('date.formatter')->format($file->getCreatedTime());
   $username = array(
     '#theme' => 'username',
     '#account' => $file->getOwner(),
     '#link_options' => array('attributes' => array('rel' => 'author')),
   );
-  $variables['name']      = drupal_render($username);
+  $variables['name']      = $username;
 
   $variables['file_url']  = $file->url('canonical');
-  $label                  = $file->label();
-  $variables['label']     = \Drupal\Component\Utility\SafeMarkup::checkPlain($label);
+  $variables['label']     = $file->label();
   $variables['page']      = $view_mode == 'full' && $file->isPage();
 
   // Hide the file name from being displayed until we can figure out a better
@@ -231,45 +230,14 @@ function template_preprocess_file(&$variables) {
     $variables['title_attributes_array']['class'][] = 'element-invisible';
   }
 
-  // Flatten the file object's member fields.
-  $variables = array_merge((array) $file, $variables);
-
   // Helpful $content variable for templates.
   $variables += array('content' => array());
   foreach (\Drupal\Core\Render\Element::children($variables['elements']) as $key) {
     $variables['content'][$key] = $variables['elements'][$key];
   }
 
-  // Make the field variables available with the appropriate language.
-  //field_attach_preprocess('file', $file, $variables['content'], $variables);
-
   // Attach the file object to the content element.
   $variables['content']['file']['#file'] = $file;
-
-  // Display post information only on certain file types.
-  //if (variable_get('file_submitted_' . $file->type, FALSE)) { @TODO: What todo with this?
-  if (FALSE) {
-    $variables['display_submitted'] = TRUE;
-    $variables['submitted'] = t('Uploaded by @username on @datetime', array('@username' => $variables['name'], '@datetime' => $variables['date']));
-    $variables['user_picture'] = theme_get_setting('toggle_file_user_picture') ? theme('user_picture', array('account' => $account)) : '';
-  }
-  else {
-    $variables['display_submitted'] = FALSE;
-    $variables['submitted'] = '';
-    $variables['user_picture'] = '';
-  }
-
-  // Gather file classes.
-  $variables['classes_array'][] = Html::getClass('file-' . $file->bundle());
-  $variables['classes_array'][] = Html::getClass('file-' . $file->getMimeType());
-  if (!$file->isPermanent()) {
-    $variables['classes_array'][] = 'file-temporary';
-  }
-
-  // Change the 'file-entity' class into 'file'
-  if ($variables['classes_array'][0] == 'file-entity') {
-    $variables['classes_array'][0] = 'file';
-  }
 }
 
 /**

src/Entity/FileEntity.php

@@ -325,10 +325,12 @@ public static function baseFieldDefinitions(EntityTypeInterface $entity_type) {
       ))
       ->setDisplayConfigurable('view', TRUE);
 
-    $fields['uid']->setDisplayOptions('view', array(
-      'type' => 'uri_link',
-      'weight' => 1,
-    ))
+    $fields['uid']
+      ->setDisplayOptions('view', array(
+        'type' => 'uri_link',
+        'weight' => 1,
+      ))
+      ->setDisplayConfigurable('view', TRUE)
       ->setDisplayOptions('form', array(
         'type' => 'entity_reference_autocomplete',
         'weight' => -1,
@@ -340,14 +342,18 @@ public static function baseFieldDefinitions(EntityTypeInterface $entity_type) {
         )
       ));
 
-    $fields['filemime']->setDisplayOptions('view', array(
-      'type' => 'string',
-      'weight' => 2,
-    ));
-    $fields['filesize']->setDisplayOptions('view', array(
-      'type' => 'file_size',
-      'weight' => 3,
-    ));
+    $fields['filemime']
+      ->setDisplayOptions('view', array(
+        'type' => 'string',
+        'weight' => 2,
+      ))
+      ->setDisplayConfigurable('view', TRUE);
+    $fields['filesize']
+      ->setDisplayOptions('view', array(
+        'type' => 'file_size',
+        'weight' => 3,
+      ))
+      ->setDisplayConfigurable('view', TRUE);
 
     return $fields;
   }