{% extends "base.html" %}
{% load i18n %}
{% block meta %}
<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}css/index.css" />
<link rel="stylesheet" type="text/css" href="/media/yui/cssbase/base-min.css">
<script type="text/javascript" src="/media/yui/yui/yui-min.js"></script>
<script type="text/javascript">
<!--
  var server = "{{server}}";
  var view_type = "{{view_type}}";
  var js_debug = {{JS_DEBUG}};
  var js_logging = {{JS_LOGGING}};
  var timeout = 15000;
// -->
</script>
<script type="text/javascript" src="/jsi18n/"></script>
<script type="text/javascript" src="/media/js/common.js"></script>
<script type="text/javascript" src="/media/js/share.js"></script>
{% endblock %}

{% block content %}
<div class="topbar">
  {% if DEVEL %}
  {% trans "View" %}:
  <select id="menu" onChange="changeview()">
    <option value="list"
            {% if view_type = 'list' %}selected="selected"{% endif %}>
      {% trans "List" %}</option>
    <option value="icon"
            {% if view_type = 'icon' %}selected="selected"{% endif %}>
      {% trans "Icon" %}</option>
  </select>
  {% endif %}
  <div class="left">{% trans "Username" %}: {{username}}</div>
  {% if not SITE_NAME %}
  <a href="/media/manual/"><div class="usage">{% trans "Usage" %}</div></a>
  {% endif %}
  <a href="/logout/"><div class="logout">{% trans "Logout" %}</div></a>
</div>
<div class="breadcrumbs">
  <a href="/">{% trans "Server Index" %}</a> &gt;
  {{server}}
</div>

{% include "inc_notice.html" %}

<div id="list_view" class="yui-skin-sam">
  <div id="table">{% trans "Loading" %}</div>
</div>

<div id="icon_view">
  <div></div><!-- for IE6 -->
  {% if share_list %}
  {% for share in share_list %}
  <div class="share_icon">
    <a href="/link/{{server}}/{{share.name}}/" title="{{share.name}}">
      <div class="share_icon_image"
           style="background: url({{MEDIA_URL}}/img/icon/share.png);">
      </div>
      <div class="share_icon_text">{{share.name}}</div>
    </a>
    <div class="share_icon_comment">{{share.comment}}</div>
  </div>
  {% endfor %}
  <div style="clear: both;"></div>
  {% else %}
  <!--p>no share config.</p-->
  {% endif %}
</div>

<div id="debug" class="breadcrumbs" style="display: none;">
  <div id="button_close_debug" class="button_close"
       title="{% trans "Close" %}"></div>
  <p>Debug Message</p>
  <div id="debug_body" style="width: 95%;"></div>
</div>

{% endblock %}