Your own basic cakephp “file manager” for CK editor

<?php
$javascript->link('ckeditor/ckeditor', false);  // started this with cakephp 1.2, so I’m still using javascript and ajax helper..
?>
 
[..]
 
<?php
echo $form->input('summary', array('type' => 'textarea'));
 
// [..]
echo $html->link($html->image('icons_big/attachment.png',
	 array('align' => 'absmiddle'))
	. __(' Files ', true),
 
	'javascript:;',
 
	array('escape' => false	,
 
	'onclick' => "javascript:window.open('".$html->url(array(
 
	'controller' => 'assets',
 
	'action'=>'filebrowser',
 
	$Type.'Summary'  // opener instance
 
// $Type is the model name (this element is used by different controllers and actions), so this is the rendered form helper field name / id; i.e. NewsSummary, EventSummary, PageWholeContent
 
	)
 
)."','_blank', 'toolbar=0,scrollbars=1,location=0,status=1,menubar=0,resizable=1,width=800,height=680'); return false;"
),
null
);
 
// [..]
 
?>
 
<script type="text/javascript">
 
var editor = CKEDITOR.replace( "<?php echo $Type ?>Summary" , {customConfig : "/js/ckeditor/alternate_config.js", height : "150px"});
 
CKEDITOR.add
 
CKEDITOR.config.contentsCss = '<?php echo $html->webroot('/js/ckeditor/mycontents.css') ?>' ;
 
</script>

<?php
 
class AssetsController extends AppController {
 
var $name = 'Assets';
 
var $helpers = array("Html", "Form", "Javascript", "Ajax", "Time", "Text", "Utility", "Media.Medium", "Number");
 
var $components = array('Auth', 'Cookie', 'Toggle', 'Session', 'RequestHandler','Flickr');
 
var $paginate = array('contain' => array(
	'Site' => array('fields' => array('title', 'slug')),
	'Content'=> array('fields' => array('title','slug','publish')))
, 'order' => 'Asset.id DESC'
);
 
?>

<?php
 
/**
* file browser, renders the (filtered) popup list of files for the current site
* @param <string> $opener_instance, name of the field / ckeditor instance
*                that will get the injected html for image display.
*                You can use multiple ck editor instances on teh same page
*/
 
function admin_filebrowser($opener_instance,$type='all') {
 
	if (isset($this->params['named']['type']))
	$type = $this->params['named']['type'];
 
	if($this->admin_index($type, true)) {
		$this->set('opener_instance', $opener_instance);
		$this->render('admin_filebrowser', 'basic');
	}
 
}
 
?>

<?php
 
/**
* function admin_index
*
* displays a filtered (by type, search terms, site) lists of files;
*
* used as an action for assets management, or returns data for
* file/imagebrowser used in ckeditor
*
*
* @param <string> $type - type of media
* @param <boolean> $return false, it's the normal asset controller action,
*                        true, sets data for the popup ckeditor "fielbrowser" and skips
*                        admin_index view rendering
* @return <boolean>
*/
 
function admin_index($type = null, $return = null) {
 
	$this->Asset->recursive = 0;
 
	// [..]
	// all logic for filtering records
 
	$this->Asset->contain($this->defaultContain);
 
	$assets = $this->paginate(null,$filter);
 
	$assets = Sanitize::clean($assets);
 
	$this->set('assets', $assets);
 
	//[..]
	// if it's called by imagebrowser or filebrowser
 
	if($return) return true;
	// else render index view..
 
}
?>

<script type="text/javascript">
<!--
function InsertHTML(passed)
{
//get the correct editor object instance (in my case, i.e. if news controller: NewsSummary or
//NewsWholeContent, if events controller -> EventsSummary.. etc. )
 
	var oEditor = opener.CKEDITOR.instances.<?php echo $opener_instance ?>;
 
// Check the active editing mode.
 
	if ( oEditor.mode == 'wysiwyg' )
	{
 
	// Insert the desired HTML.
		oEditor.insertHtml( passed ) ;
 
	}
	else
		alert('<?php echo __('You must be on WYSIWYG mode!', true); ?>') ;
 
	window.close();
}
-->
</script>

<table>
<?php
foreach ($assets as $asset):
?>
  <tr>
    <td>
	<?php echo $asset['Asset']['id']; ?>, <strong><?php echo $asset['Asset']['name']; ?></strong>
    </td>
    <td>
	<?php
	// HERE WE ARE
	// generated HTML to be embedded in CKeditor
	$insert = $html->link(
	  $html->image('icons_small/attachment.png',
	    array('width' => 14, 'height' => 14, 'align' => 'absmiddle',
	    'alt' => __('attached file', true),
	   'title' => __('attached file', true),'border' => 0
	   )
    ) . ' ' . __( $asset['Asset']['name'], true),
	array('controller' => 'assets', 'action' => 'show',$asset['Asset']['id'], 'admin' => false),
array('escape' => false),null,false
);
 
//then the javascript lnk that will inject the generated html in ck editor
 
    echo $html->link(
	$html->image('icons/attachment.png', array('alt' => 'allega', 'title' => 'allega', 'border' => 0, 'align' => 'absmiddle')) .
	   $html->image('icons/link.png', array('alt' => 'allega', 'title' => 'allega', 'border' => 0, 'align' => 'absmiddle')) .
	 __('Embed this file', true),
 
//'javascript:;',
	'javascript:InsertHTML(\''. $insert .'\');',
 
	array('escape' => false,
 
	//'onclick' => 'javascript:InsertHTML(\''. $insert .'\');'
    ),
    null, false
    );
    ?>
 
   </td>
  </tr>
<?php endforeach; ?>
</table>

<?php
function show ($id) {
	$this->view = 'Media';
	$this->Asset->recursive = -1;
 
	$asset = $this->Asset->find('first', array('conditions' => array('Asset.id' => $id)));
 
//ClassRegistry::init('Inflector');
 
	$name = Inflector::slug(substr($asset['Asset']['name'], 0, -3));
 
	$download = false;
 
	if($asset['Asset']['medium_type'] != 'img') $download = true;
 
	$params = array(
		'id' => $asset['Asset']['basename'],
		'name' => $name,
		'download' => $download,
		'extension' => substr($asset['Asset']['basename'], -3),
		'path' => 'media' . DS . $asset['Asset']['dirname'] . DS,
		'cache' => true
	);
 
	$this->set($params);
 
	$this->render();
}
 
?>