<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title><%= APPTITLE %></title>
        <link rel="stylesheet" href="./erbtemp/stylesheet.css" type="text/css">
        <script type="text/javascript">
            function switchsubmit(form, action, arg){
                document.getElementsByName("action").item(0).value = action;
                document.getElementsByName("arg").item(0).value = arg;
                document.getElementById(form).submit();
            }
            
            function checkall(formid, flag){
                var form = document.getElementById(formid);
                for (i = 0; i < form.length; i++) {
                    if (form.elements[i].type == "checkbox") {
                        form.elements[i].checked = flag;
                    }
                }
            }
        </script>
    </head>
    <body>
        <div class="divstyle" style="width: <%= TABLEWIDTH %>px;">
            <form id="fileform" action="<%= cgi.script_name %>" method="POST" enctype="multipart/form-data">
                <% unless session["info"] == "" %>
                <div class="divstyle" align="center" style="margin-bottom: 4px;">
                    <%= session["info"] %>
                </div>
                <% end %>
                <% unless session["error"] == "" %>
                <div class="divstyle" align="center" style="color: #ff0000; margin-bottom: 4px;">
                    <%= session["error"] %>
                </div>
                <% end %>
                <div class="divstyle" align="center">
                    アップロードするファイルを選択してください。&nbsp;(アップロード上限サイズ : <%= (UPLOADLIMIT / 1024 / 1024 ) %>MB)
                </div>
                <br>
                <table align="center">
                    <tbody>
                        <tr>
                            <td>
                            </td>
                            <td>
                                <input type="file" name="updata">
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: center;">
                                <input type="button" value="アップロード" onclick="javascript:switchsubmit('fileform', 'upload', '')">
                            </td>
                        </tr>
                    </tbody>
                </table>
                <br>
                <div class="divstyle" align="center">
                    現在のディレクトリ : <span style="font-weight: bold;">/<a href="javascript:switchsubmit('fileform', 'cd_abs', '0')">root</a>/<% session["relpath_list"].split("/").each_with_index { |rp, i| %><a href="javascript:switchsubmit('fileform', 'cd_abs', '<%= (i + 1) %>')"><%= rp %></a>/<% } %></span>&nbsp;[<a href="javascript:switchsubmit('fileform', 'refresh', '')">更新</a>]
                </div>
                <br>
                <input type="text" name="dirname">&nbsp;<input type="button" value="フォルダ作成" onclick="javascript:switchsubmit('fileform', 'mkdir', '')">
                <br>
                <br>
                <input type="button" value="全選択" onclick="checkall('fileform', true)">&nbsp;<input type="button" value="全解除" onclick="checkall('fileform', false)">&nbsp;<input type="button" value="マークしたファイルを削除" onclick="javascript:switchsubmit('fileform', 'delete', '')">
                <br>
                <br>
                <table align="center" style="width: 90%">
                    <tbody>
                        <tr>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                削除
                            </td>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                ファイル名
                            </td>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                ファイルタイプ
                            </td>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                ファイルサイズ
                            </td>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                最終更新時間
                            </td>
                        </tr>
                        <% unless IMGPATH == session["pwd"] %>
                        <tr>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                &nbsp;
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '..')">Parent Directory</a>&nbsp;]</span>
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                -
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                -
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                -
                            </td>
                        </tr>
                        <% end %>
                        <% session["filelist"].each do |fname| %>
                        <% if session["fileinfo"][fname][:ftype] == "directory" %>
                        <tr>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                <input type="checkbox" name="filename_<%= fname %>" value="delete">
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '<%= fname %>')"><%= fname %></a>&nbsp;]</span>
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <%= session["fileinfo"][fname][:ftype] %>
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                -
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <%= session["fileinfo"][fname][:ctime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
                            </td>
                        </tr>
                        <% end %>
                        <% end %>
                        <% session["filelist"].each do |fname| %>
                        <% if session["fileinfo"][fname][:ftype] == "file" %>
                        <tr>
                            <td class="formnavi" style="text-align: center; padding: 2px;">
                                <input type="checkbox" name="filename_<%= fname %>" value="delete">
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <a href="<%= session["pwd"] %><%= fname %>" target="_blank"><%= fname %></a>
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <%= session["fileinfo"][fname][:ftype] %>
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <%= session["fileinfo"][fname][:size] %>KB
                            </td>
                            <td class="forminput" style="text-align: center; padding: 2px;">
                                <%= session["fileinfo"][fname][:ctime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
                            </td>
                        </tr>
                        <% end %>
                        <% end %>
                    </tbody>
                </table>
                <br>
                <input type="hidden" name="relpath_list" value="<%= session["relpath_list"] %>"><input type="hidden" name="mode" value="file"><input type="hidden" name="action" value=""><input type="hidden" name="arg" value="">
            </form>
        </div>
        <br>
        <div class="divstyle" style="border: none;">
            <%= APPVERSION %>
        </div>
    </body>
</html>
