Theming the File Attachments in Drupal 5.x

Alrighty then,

If you're reading this then you've probably been searching for a way to theme the default file attachment table in drupal and add cool icons according to the file's mime type, (ie. if it is an mp3 then a music icon will show, if a pdf then a pdf icon, etc)

This is a quick and easy method to help you get this done on your sites and make people think you are cool...

so first you gonna want some icons... I have attached some basic ones below, but get creative, use whatever you like... (if you are really proud of them I'd like to check them out, maybe I'll even add them here and credit you!)

btw, this is a modded version of stuff that can be found here -> http://drupal.org/node/86413
but there are some improvements, well, at least in my opinion...

[This technique is an override of the themeable function theme_upload_attachments.]

anyway, onto the fun stuff,

Resolution

first off, grab the icon files you want to use and put them in a folder called 'icons' in your theme directory.
here is a breakdown how the files should be named, so that they display with the right filetype:

default.gif
image.gif
msword.gif
pdf.gif
rtf.gif
text.gif
vnd.ms-excel.gif
vnd.ms-powerpoint.gif
zip.gif

ok, that that you've got that, all you have to do is open up your theme's template.php file and paste in the code below:

<?php
function phptemplate_upload_attachments($files) {
  $header = array(t('Attachment'), t('(click to download)'));
  $rows = array();
  foreach ($files as $file) {
    $file = (object)$file;
    if ($file->list && !$file->remove) {
      // Generate valid URL for both existing attachments and preview of new attachments (these have 'upload' in fid)
      $href = file_create_url((strpos($file->fid, 'upload') === FALSE ? $file->filepath : file_create_filename($file->filename, file_create_path())));
      $text = $file->description ? $file->description : $file->filename;
      $rows[] = array(theme('file_icon', $file) ,l($text, $href));
    }
  }
  if (count($rows)) {
    return theme('table', $header, $rows, array('id' => 'attachments'));
  }
}

/**
* Theme file icon according to mime type
* an 'icons' directory should be placed inside your default files direcotry
* containing the file icons. Icon names should follow their Mime sub-type.
* Apart from the two generic types 'image' & 'text'
*
* @param file drupal file object
* @return HTML themed icon
*/
function phptemplate_file_icon($file) {
  //Check if directory icons in current theme exists otherwise, no point, right
  $icon_ext = '.png'; //Change your supported format png for example
  $path     = path_to_theme().'/icons';

  if( !is_dir($path) ) {
    return;
  }
  //Get filemime type act accordingly
  $mime       = explode('/', $file->filemime);
  $type       = $mime[0];
  $sub_type   = $mime[1];
  $output     = '';
  $defult_icn = $path.'/default'.$icon_ext;
  switch($type) {
    case 'image':
      $img_path = $path.'/image'.$icon_ext;
      if( is_file($img_path) ){
        $output .= theme_image($img_path, $file->filename, $file->description);
      }
      else if( is_file($defult_icn) ) {
        $output .= theme_image($defult_icn, $file->filename, $file->description);
      }
      break;
    case 'text':
      $txt_path = $path.'/text'.$icon_ext;
      if( is_file($txt_path) ){
        $output .= theme_image($txt_path, $file->filename, $file->description);
      }
      else if( is_file($defult_icn) ) {
        $output .= theme_image($defult_icn, $file->filename, $file->description);
      }
      break;
    case 'application':
      $app_path = $path.'/'.$sub_type.$icon_ext;
      if( is_file($app_path) ){
        $output .= theme_image($app_path, $file->filename, $file->description);
      }
      else if( is_file($defult_icn) ) {
        $output .= theme_image($defult_icn, $file->filename, $file->description);
      }
      break;
    default:
      if( is_file($defult_icn) ) {
        $output .= theme_image($defult_icn, $file->filename, $file->description);
      }
      break;
  }
  return $output;
}
?>

that's all folks...