<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<title><%= APPTITLE %></title>
		<link rel="stylesheet" href="./css/reset.css" type="text/css"/>
		<link rel="stylesheet" href="./css/base.css" type="text/css"/>
		<script type="text/javascript" src="./js/jquery-1.6.1.min.js"></script>
		<script type="text/javascript">
			function switchsubmit(form, action, arg) {
				$("*[name=action]").val(action);
				$("*[name=arg]").val(arg);
				$("#" + form).submit();
			}

			function sortchange(sort_type) {
				var now_sort_type = $("#sort_type").val();
				var now_sort_reverse = $("#sort_reverse").val();

				if (sort_type == now_sort_type) {
					if (now_sort_reverse == "true") {
						$("#sort_reverse").val("false");
					} else {
						$("#sort_reverse").val("true");
					}
				} else {
					$("#sort_type").val(sort_type);
					$("#sort_reverse").val("false");
				}

				switchsubmit('fileform', 'refresh', '');
			}

			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;
					}
				}
			}

			function autoRename() {
				$("#file_rename").val(+new Date())
			}

			function addExtension(ext) {
				$("#file_rename").val($("#file_rename").val() + '.' + ext)
			}
		</script>
	</head>
	<body>
		<form id="fileform" action="<%= cgi.script_name %>" method="POST" enctype="multipart/form-data">
			<div class="menu_wrapper">
				<div class="menu">
					<ul class="menu">
						<li class="menu_left">
							<a href="#file_upload" class="menu">ファイルアップロード</a>
						</li>
						<li class="menu_left">
							<a href="#file_manage" class="menu">ファイル操作</a>
						</li>
						<li class="menu_left">
							<a href="#" class="menu" onclick="javascript: window.close();">ウインドウを閉じる</a>
						</li>
					</ul>
				</div>
			</div>
			<% unless session["info"] == "" %>
			<div class="contents info_contents">
				<h1 class="info">以下の操作を実施しました</h1>
				<div class="info_contens_inner">
					<%= session["info"] %>
				</div>
				<br>
			</div>
			<% end %>
			<% unless session["error"] == "" %>
			<div class="contents error_contents">
				<h1 class="error">エラーが発生しました</h1>
				<div class="error_contens_inner">
					<%= session["error"] %>
				</div>
				<br>
			</div>
			<% end %>
			<div class="contents">
				<h1>
					<a name="file_upload">ファイルアップロード</a>
				</h1>
				　　アップロードするファイルを選択してください。&nbsp;(アップロード上限サイズ : <%= (UPLOADLIMIT / 1024 / 1024 ) %>MB)
				<br>
				<br>
				<table>
					<tr>
						<th class="normal middle"> ファイルアップロード </th>
						<td class="padding_normal normal left">
						<input type="file" name="updata">
						<br>
						<input type="checkbox" name="thumbs" id="thumbs" value="true" checked="checked">
						&nbsp; <label for="thumbs">サムネイル自動生成（拡張子jpg,pngのファイルのみ有効）</label></td>
					</tr>
					<tr>
						<td class="hr"></td>
						<td class="hr"></td>
					</tr>
					<tr>
						<th class="normal middle">（オプション）アップロード後のファイル名を指定</th>
						<td class="padding_normal normal left">
						<input type="text" id="file_rename" name="file_rename" class="middle_width border">
						&nbsp;
						<input type="button" value="ファイル名自動生成" onclick="javascript: autoRename();">
						&nbsp;
						<input type="button" value=".jpg" onclick="javascript: addExtension('jpg')">
						&nbsp;
						<input type="button" value=".png" onclick="javascript: addExtension('png')">
						<br>
						ファイル名は拡張子を含めて指定して下さい。 </td>
					</tr>
				</table>
				<br>
				<div class="center">
					<input type="button" value="アップロード" onclick="javascript:switchsubmit('fileform', 'upload', '')">
				</div>
				<br>
			</div>
			<div class="contents">
				<h1><a name="file_manage">ファイル操作</a></h1>
				<table>
					<tr>
						<th class="normal middle">フォルダ作成</th>
						<td class="padding_normal normal left">
						<input type="text" name="dirname" class="middle_width border">&nbsp;<input type="button" value="フォルダ作成" onclick="javascript:switchsubmit('fileform', 'mkdir', '')">
						</td>
					</tr>
					<tr>
						<td class="hr"></td>
						<td class="hr"></td>
					</tr>
					<tr>
						<th class="normal middle">ファイル・フォルダリネーム</th>
						<td class="padding_normal normal left">
						<input type="text" name="destname" class="middle_width border">&nbsp;<input type="button" value="リネーム実施" onclick="javascript:switchsubmit('fileform', 'move', '')">
						</td>
					</tr>
					<tr>
						<td class="hr"></td>
						<td class="hr"></td>
					</tr>
					<tr>
						<th class="normal middle">ファイル・フォルダ削除</th>
						<td class="padding_normal normal left">
						<input type="button" value="削除実施" onclick="javascript:switchsubmit('fileform', 'delete', '')">
						<br>
						ファイル一覧から削除したいファイル・フォルダを選択した後「削除実施」ボタンを押して下さい。
						<br>
						（※　フォルダは中身が空ではない場合、削除が実施できません）
						</td>
					</tr>
					<tr>
						<td class="hr"></td>
						<td class="hr"></td>
					</tr>
				</table>
				<br>
				<br>
				<div class="filelist 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>
				<table class="filelist">
					<tbody>
						<tr>
							<th class="filelist">
								選択
							</th>
							<th class="filelist">
								<a href="javascript:sortchange('name')"><% if session["sort_type"] == "name" %><strong><% if session["sort_reverse"] == "true" %>▲&nbsp;<% else %>▼&nbsp;<% end %><% end %>ファイル名<% if session["sort_type"] == "name" %></strong><% end %></a>
							</th>
							<th class="filelist">
								<a href="javascript:sortchange('ftype')"><% if session["sort_type"] == "ftype" %><strong><% if session["sort_reverse"] == "true" %>▲&nbsp;<% else %>▼&nbsp;<% end %><% end %>ファイルタイプ<% if session["sort_type"] == "ftype" %></strong><% end %></a>
							</th>
							<th class="filelist">
								<a href="javascript:sortchange('size')"><% if session["sort_type"] == "size" %><strong><% if session["sort_reverse"] == "true" %>▲&nbsp;<% else %>▼&nbsp;<% end %><% end %>ファイルサイズ<% if session["sort_type"] == "size" %></strong><% end %></a>
							</th>
							<th class="filelist">
								<a href="javascript:sortchange('mtime')"><% if session["sort_type"] == "mtime" %><strong><% if session["sort_reverse"] == "true" %>▲&nbsp;<% else %>▼&nbsp;<% end %><% end %>最終更新時間<% if session["sort_type"] == "mtime" %></strong><% end %></a>
							</th>
						</tr>
						<% unless IMGPATH == session["pwd"] %>
						<tr>
							<td class="filelist">
								&nbsp;
							</td>
							<td class="filelist">
								<span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '..')">Parent Directory</a>&nbsp;]</span>
							</td>
							<td class="filelist">
								-
							</td>
							<td class="filelist">
								-
							</td>
							<td class="filelist">
								-
							</td>
						</tr>
						<% end %>
						<% session["filelist"].each do |fname| %>
						<% if session["fileinfo"][fname][:ftype] == "directory" %>
						<tr>
							<td class="filelist">
								<input type="checkbox" name="filename_<%= fname %>" value="true">
							</td>
							<td class="filelist">
								<span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '<%= fname %>')"><%= fname %></a>&nbsp;]</span>
							</td>
							<td class="filelist">
								<%= session["fileinfo"][fname][:ftype] %>
							</td>
							<td class="filelist">
								-
							</td>
							<td class="filelist">
								<%= session["fileinfo"][fname][:mtime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
							</td>
						</tr>
						<% end %>
						<% if session["fileinfo"][fname][:ftype] == "file" %>
						<tr>
							<td class="filelist">
								<input type="checkbox" name="filename_<%= fname %>" value="true">
							</td>
							<td class="filelist">
								<a href="<%= session["pwd"] %><%= fname %>" target="_blank"><%= fname %></a>
							</td>
							<td class="filelist">
								<%= session["fileinfo"][fname][:ftype] %>
							</td>
							<td class="filelist">
								<%= session["fileinfo"][fname][:size] %>KB
							</td>
							<td class="filelist">
								<%= session["fileinfo"][fname][:mtime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
							</td>
						</tr>
						<% end %>
						<% end %>
					</tbody>
				</table>
				<div>
					&nbsp;　<input type="button" value="全て選択" onclick="checkall('fileform', true)">&nbsp;<input type="button" value="全て解除" onclick="checkall('fileform', false)">
				</div>
				<br>
				<br>
			</div>
			<div class="bottom_area">
				<%= APPVERSION %>
			</div>
			<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="">
			<input type="hidden" id="sort_type" name="sort_type" value="<%= session["sort_type"] %>">
			<input type="hidden" id="sort_reverse" name="sort_reverse" value="<%= session["sort_reverse"] %>">
		</form>
	</body>
</html>
