{% extends "admin/base.html" %}
{% load thumbnail %}
{% block extrastyle %}
    <link rel="stylesheet" href="{{MEDIA_URL}}upload/upload.css" type="text/css" media="screen" charset="utf-8" />
    <script type="text/javascript" src="{{MEDIA_URL}}upload/jquery.js"></script>
    <script type="text/javascript" charset="utf-8">
        var ta = parent.document.getElementById('{{textarea_id}}');
    </script>
    <script type="text/javascript" src="{{MEDIA_URL}}upload/upload.js"></script>

{% endblock %}
{% block bodyclass %}uploads{% endblock %}
{% block breadcrumbs %}{% endblock %}
{% block userlinks %}{% endblock %}
{% block content %}
<div id="upload-filter">
    <a href="/uploads/?textarea={{textarea_id}}">All Uploads</a><br />
    <a href="/uploads/files/?textarea={{textarea_id}}">Files</a><br />
    <a href="/uploads/images/?textarea={{textarea_id}}">Images</a><br />
{% if youtube %}
    <a href="/uploads/youtube/?textarea={{textarea_id}}">You Tube</a><br />
{% endif %}
{% if flickr %}
    <a href="/uploads/flickr/?textarea={{textarea_id}}">Flickr</a><br />
{% endif %}
    <br />
    <hr />
    <br />
    <a href="/admin/upload/fileupload/add/" class="addlink" id="add_id_uploads" onclick="return showAddUploadPopup(this);">Upload</a><br />
    <a id="refresh" href="#"><img src="{{MEDIA_URL}}upload/icon_refreshlink.gif" /> Refresh</a>
</div>
<ul id="uploads">
{% block files %}
{% for f in files %}
   <li class="item {{f.content_type}} {{f.sub_type}}" {% if f.is_image %}style="background-image:url({% thumbnail f.upload 144x150 %})"{% endif %}>
       <div class="popup">
           <a href="#" class="close" title="Close">X</a>
           <ul>
	     {% if is_select %}
	     <li><a class="select" href="{{f.upload.url}}" rel="{{f.id}}" title="{{f.title}}">Select</a></li>
	     {% else %}
             {% if f.is_image %}
             <li><a class="insert" href="{{f.upload.url}}" rel="{{ f.width }}:{{ f.height }}" title="{{f.title}}">Insert</a></li>
	     
             <li><a class="insert" href="{{f.upload.url}}" rel="{{ f.width }}:{{ f.height }}:left" title="{{f.title}}">Insert (align left)</a></li>
             <li><a class="insert" href="{{f.upload.url}}" rel="{{ f.width }}:{{ f.height }}:right" title="{{f.title}}">Insert (align right)</a></li>
	     
             <li class="link">... and link to:<br /> <input type="text" name="link" value="" class="link" /></li>
             {% else %}
             <li><a class="insert" href="{{f.upload.url}}" title="{{f.title}}">Insert Link</a></li>
             {% endif %}
	     {% endif %}
           </ul>
           <a href="/admin/upload/fileupload/{{f.id}}/delete/" class="deletelink" id="ddd" onclick="return showEditPopup(this);">Delete</a>
           <a href="/admin/upload/fileupload/{{f.id}}/" class="editlink" id="eee" onclick="return showEditPopup(this);">Edit</a>
       </div>
       <div class="upload-title">{{f.title}}<br />
         <small>{{f.upload_date|date:"F j, Y"}}</small><br />
         <span class="description">{{f.description}}</span><br /></div>
       
   </li>
   {% endfor %}
   {% endblock %}
</ul>
{% endblock %}