Ajax File Storage User Interface

Hamilton G. Chua (ham@solutiongrove.com)
September 2007
v0.8d

What's New :

v0.8d

• can be used on all file storage instances by following setup instructions below
• degrades gracefully to old file storage interface if javascript is off
• context menu via right click on the right panel
• drag and drop moving of files and folders on the right panel to the tree panel
• flash based upload component care of swfupload
• toolbar menu
• support for internationalization thru acs-lang
• support for SHIFT and CTRL to select multiple files on the right panel

Set Up

Install ajax-filestorage-ui thru acs-admin/install.

Before you can use ajaxfs-ui with your file storage instance, you need to make a few modifications to file-storage/www/index.adp. The code for index.adp is shown below and the changes that you must add are in red .

<master>
<property name="title">@folder_name@</property>
<property name="header">@folder_name@</property>
<property name="context">@context;noquote@</property>
<property name="displayed_object_id">@folder_id;noquote@</property>

<include src="/packages/ajax-filestorage-ui/lib/ajaxfs-include" package_id="@package_id@" folder_id="@folder_id@" layoutdiv="fscontainer">

<div id="fscontainer">
<table>
<tr>
<td>
<if @up_url@ not nil>
    <a href="@up_url@" class="button">#file-storage.index_page_navigate_up_folder#</a>
</if>
</td>
<td>
<if @project_url@ not nil>
	<a href="@project_url@">#file-storage.back_to_project#: @project_name@</a>
</if>
</td>
</tr>
</table>
<include src="folder-chunk" folder_id="@folder_id@"
    n_past_days="@n_past_days@" allow_bulk_actions="1" return_url="@return_url@">
</div>

<div style="clear:both"></div>
<p>@notification_chunk;noquote@</p>