I'm trying to display the file size of a file next to a media link button on a page.
I have two content types with a media entity reference field in each. Each field is restricted to only pull from a file media type. What I was trying to do was create a twig variable using a field preprocess and pop that variable inside each of my field templates. However, my preprocess below doesn't seem to be displaying the file size as I want. What am I doing wrong?
function theme_preprocess_field(&$variables, $hook) {
$pdf_fields = [
'field_1',
'field_2'
];
if (in_array($element['#field_name'], $pdf_fields) && $element['#entity_type'] == 'node') {
if ($variables['items'][0]) {
$field_name = $element['#field_name'];
$node = $element['#object'];
// Get first referenced media id.
$media_id = $node->$field_name->target_id;
// Get file object.
$file = \Drupal\file\Entity\File::load($media_id);
if ($file) {
// Get file size.
$file_size = format_size($file->getSize());
// Set file size variable.
$variables['file_size'] = $file_size;
}
}
}
}
Twig field template
{% for item in items %}
<a href="{{ item.content['#url'] }}" class="button">Download Paper</a><span>(PDF | {{ file_size }})</span>
{% endfor %}