{% extends "base.html" %}
{% load i18n %}
{% block meta %}
<script type="text/javascript">
<!--
  var server = "{{server}}";
  var share = "{{share}}";
  var path = "{{path}}";
  var token = "{{token}}";
  var js_debug = {{JS_DEBUG}};
  var timeout = {{JS_TIMEOUT}};
// -->
</script>
<script type="text/javascript" src="/jsi18n/"></script>
<link rel="stylesheet" type="text/css"
      href="{{MEDIA_URL}}/lib/datatables/css/jquery.dataTables.min.css">
<script type="text/javascript"
        src="{{MEDIA_URL}}/lib/datatables/js/jquery.dataTables.min.js">
</script>

<link rel="stylesheet" type="text/css" href="{{MEDIA_URL}}/plupload-2.1.2/js/jquery.plupload.queue/css/jquery.plupload.queue.css">
<script type="text/javascript" src="{{MEDIA_URL}}/plupload-2.1.2/js/plupload.full.min.js"></script>
<script type="text/javascript" src="{{MEDIA_URL}}/plupload-2.1.2/js/jquery.plupload.queue/jquery.plupload.queue.js"></script>
{% ifequal LANG "ja" %}
<script type="text/javascript" src="{{MEDIA_URL}}/plupload-2.1.2/langs/ja.js">
</script>
{% endifequal %}

<!--[if lte IE 10]>
    <script type="text/javascript"
            src="{{MEDIA_URL}}/lib/jquery.backgroundSize.js">
    </script>
    <script>
      $(document).ready(function() {
      $('#button_mkdir').css({backgroundSize: "contain"});
      $('#button_upload').css({backgroundSize: "contain"});
      $('#button_plupload').css({backgroundSize: "contain"});
      });
    </script>
<![endif]-->

<script type="text/javascript" src="{{MEDIA_URL}}/js/thothlink.js"></script>
<script type="text/javascript">
  $(document).ready(ready_dir);
</script>

{% endblock %}

{% block content %}
<div id="navigation" data-role="navbar" data-iconpos="right">
  <ul>
    <li>
      <a href="/link/" data-icon="arrow-r" data-ajax="false">
        {% trans "Server Index" %}　
      </a>
    </li>
    {% if hmenu %}
    {% for menu in hmenu %}
    {% if menu.link %}
    <li>
      <a href="{{menu.link}}" data-icon="arrow-r" data-ajax="false">
        {{menu.text}}　
      </a>
    </li>
    {% else %}
    <li>
      <a href="#" class="ui-btn-active" data-icon="arrow-r" data-ajax="false">
        {{menu.text}}　
      </a>
    </li>
    {% endif %}
    {% endfor %}
    {% endif %}
  </ul>
</div>

<hr />
<div data-role="controlgroup" data-type="horizontal" data-transition="pop"
     style="text-align: center;">
  <a id="button_mkdir" data-role="button">{% trans "Create Folder" %}</a>
  <a href="#plupload" id="button_plupload" data-role="button" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop">{% trans "Upload" %}</a>
  {% if LUPLOADER %}
  <a href="#upload" id="button_upload" data-role="button" data-rel="popup" data-position-to="window" data-role="button" data-inline="true" data-transition="pop">{% trans "Form Upload" %}</a>
  {% endif %}
</div>

<hr />

<table id="table" class="display">
</table>

{% endblock %}

{% block others %}
<div id="operation_panel" data-role="panel" data-rel="popup"
     data-position="right" data-position-fixed="true"
     data-display="overlay">
  <img id="panel_icon" />
  <h3 id="panel_entryname"></h3>
  <div id="op_data" />
  <div data-role="controlgroup">
    <a id="panel_open" href="#" data-role="button" data-icon="search" data-ajax="false">{% trans "Open" %}</a>
    <a id="panel_download" href="#" data-role="button" data-icon="arrow-d" data-ajax="false">{% trans "Download" %}</a>
    <a id="panel_rename" href="#" data-role="button" data-icon="grid" data-ajax="false">{% trans "Rename" %}</a>
    <a id="panel_remove" href="#" data-role="button" data-icon="delete" data-ajax="false">{% trans "Remove" %}</a>
  </div>
</div>

<div id="mkdir" data-role="popup">
  <div data-role="header" data-theme="b">
    <h1>{% trans "Create Folder" %}</h1>
    <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
  </div>
  <div data-role="content">
    <h3 class="ui-title">{% trans "Please Input folder name." %}</h3>
    <form id="mkdir_form">
      <div data-role="fieldcontain" class="ui-hide-label">
        <input type="text" id="mkdir_name" name="name" value="" placeholder="フォルダ名" />
      </div>
      <input type="submit" value="{% trans "Create" %}" data-theme="b" />
    </form>
  </div>
</div>

<div id="plupload" data-role="popup">
  <div data-role="header" data-theme="b">
    <h1>{% trans "Upload" %}</h1>
    <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
  </div>
  <div data-role="content">
    <div id="html5_uploader">
      Your browser doesn't support native upload.
    </div>
    <!--div data-role="fieldcontain">
      <input type="checkbox" id="autorename" name="autorename" value="true" />
      <label for="autorename">{% trans "Auto Rename" %}</label>
    </div-->
  </div>
</div>

<div id="upload" data-role="popup">
  <div data-role="header" data-theme="b">
    <h1>{% trans "Form Upload" %}</h1>
    <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
  </div>
  <div data-role="content">
    <p>{% trans "Choose files and click upload button." %}</p>
    <form method="POST"
          action="/lupload/{{server}}/{{share}}/{{path}}"
          enctype="multipart/form-data"
          data-ajax="false">
      <p><input name="file" type="file" /></p>
      <p><input name="t" type="hidden" value="{{token}}" /></p>
      <div data-role="fieldcontain">
        <input type="checkbox" id="overwrite" name="overwrite" value="true" />
        <label for="overwrite">{% trans "Overwrite file" %}</label>
      </div>
      <p><input type="submit" value="{% trans "Upload" %}" /></p>
    </form>
  </div>
</div>

<div id="rename" data-role="popup">
  <div data-role="header" data-theme="b">
    <h1>{% trans "Rename" %}</h1>
    <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
  </div>
  <div data-role="content">
    <h3 class="ui-title">{% trans "Please Input file name." %}</h3>
    <form id="rename_form" data-ajax="false">
      <div id="rename_error"></div>
      <div data-role="fieldcontain" class="ui-hide-label">
        <input type="hidden" id="rename_name" name="name" value="" />
        <input type="text" id="rename_newname" name="newname" value="" />
      </div>
      <input type="submit" value="{% trans "Change" %}" data-theme="b" />
    </form>
  </div>
</div>

<div id="remove" data-role="popup">
  <div data-role="header" data-theme="b">
    <h1>{% trans "Remove" %}</h1>
    <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
  </div>
  <div data-role="content">
    <h3 class="ui-title">{% trans "Are you sure you want to remove the file?" %}</h3>
    <h3 id="remove_name"></h3>
    <form id="remove_form" data-ajax="false">
      <div id="remove_error"></div>
      <input type="submit" value="{% trans "Remove" %}" data-theme="b" />
      <a data-role="button" data-rel="back">{% trans "Cancel" %}</a>
    </form>
  </div>
</div>

{% endblock %}

{% block other_pages %}
{% endblock %}