erbtemp/filemanager.html.erb

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   5                 <title><%= APPTITLE %></title>
   6                 <link rel="stylesheet" href="./css/reset.css" type="text/css"/>
   7                 <link rel="stylesheet" href="./css/base.css" type="text/css"/>
   8                 <script type="text/javascript" src="./js/jquery-1.6.1.min.js"></script>
   9                 <script type="text/javascript">
  10                         function switchsubmit(form, action, arg) {
  11                                 $("*[name=action]").val(action);
  12                                 $("*[name=arg]").val(arg);
  13                                 $("#" + form).submit();
  14                         }
  15
  16                         function sortchange(sort_type) {
  17                                 var now_sort_type = $("#sort_type").val();
  18                                 var now_sort_reverse = $("#sort_reverse").val();
  19
  20                                 if (sort_type == now_sort_type) {
  21                                         if (now_sort_reverse == "true") {
  22                                                 $("#sort_reverse").val("false");
  23                                         } else {
  24                                                 $("#sort_reverse").val("true");
  25                                         }
  26                                 } else {
  27                                         $("#sort_type").val(sort_type);
  28                                         $("#sort_reverse").val("false");
  29                                 }
  30
  31                                 switchsubmit('fileform', 'refresh', '');
  32                         }
  33
  34                         function checkall(formid, flag) {
  35                                 var form = document.getElementById(formid);
  36                                 for ( i = 0; i < form.length; i++) {
  37                                         if (form.elements[i].type == "checkbox") {
  38                                                 form.elements[i].checked = flag;
  39                                         }
  40                                 }
  41                         }
  42
  43                         function autoRename() {
  44                                 $("#file_rename").val(+new Date())
  45                         }
  46
  47                         function addExtension(ext) {
  48                                 $("#file_rename").val($("#file_rename").val() + '.' + ext)
  49                         }
  50                 </script>
  51         </head>
  52         <body>
  53                 <form id="fileform" action="<%= cgi.script_name %>" method="POST" enctype="multipart/form-data">
  54                         <div class="menu_wrapper">
  55                                 <div class="menu">
  56                                         <ul class="menu">
  57                                                 <li class="menu_left">
  58                                                         <a href="#file_upload" class="menu">ファイルアップロード</a>
  59                                                 </li>
  60                                                 <li class="menu_left">
  61                                                         <a href="#file_manage" class="menu">ファイル操作</a>
  62                                                 </li>
  63                                                 <li class="menu_left">
  64                                                         <a href="#" class="menu" onclick="javascript: window.close();">ウインドウを閉じる</a>
  65                                                 </li>
  66                                         </ul>
  67                                 </div>
  68                         </div>
  69                         <% unless session["info"] == "" %>
  70                         <div class="contents info_contents">
  71                                 <h1 class="info">以下の操作を実施しました</h1>
  72                                 <div class="info_contens_inner">
  73                                         <%= session["info"] %>
  74                                 </div>
  75                                 <br>
  76                         </div>
  77                         <% end %>
  78                         <% unless session["error"] == "" %>
  79                         <div class="contents error_contents">
  80                                 <h1 class="error">エラーが発生しました</h1>
  81                                 <div class="error_contens_inner">
  82                                         <%= session["error"] %>
  83                                 </div>
  84                                 <br>
  85                         </div>
  86                         <% end %>
  87                         <div class="contents">
  88                                 <h1>
  89                                         <a name="file_upload">ファイルアップロード</a>
  90                                 </h1>
  91                                 　　アップロードするファイルを選択してください。&nbsp;(アップロード上限サイズ : <%= (UPLOADLIMIT / 1024 / 1024 ) %>MB)
  92                                 <br>
  93                                 <br>
  94                                 <table>
  95                                         <tr>
  96                                                 <th class="normal middle"> ファイルアップロード </th>
  97                                                 <td class="padding_normal normal left">
  98                                                 <input type="file" name="updata">
  99                                                 <br>
 100                                                 <input type="checkbox" name="thumbs" id="thumbs" value="true" checked="checked">
 101                                                 &nbsp; <label for="thumbs">サムネイル自動生成（拡張子jpg,pngのファイルのみ有効）</label></td>
 102                                         </tr>
 103                                         <tr>
 104                                                 <td class="hr"></td>
 105                                                 <td class="hr"></td>
 106                                         </tr>
 107                                         <tr>
 108                                                 <th class="normal middle">（オプション）アップロード後のファイル名を指定</th>
 109                                                 <td class="padding_normal normal left">
 110                                                 <input type="text" id="file_rename" name="file_rename" class="middle_width border">
 111                                                 &nbsp;
 112                                                 <input type="button" value="ファイル名自動生成" onclick="javascript: autoRename();">
 113                                                 &nbsp;
 114                                                 <input type="button" value=".jpg" onclick="javascript: addExtension('jpg')">
 115                                                 &nbsp;
 116                                                 <input type="button" value=".png" onclick="javascript: addExtension('png')">
 117                                                 <br>
 118                                                 ファイル名は拡張子を含めて指定して下さい。 </td>
 119                                         </tr>
 120                                 </table>
 121                                 <br>
 122                                 <div class="center">
 123                                         <input type="button" value="アップロード" onclick="javascript:switchsubmit('fileform', 'upload', '')">
 124                                 </div>
 125                                 <br>
 126                         </div>
 127                         <div class="contents">
 128                                 <h1><a name="file_manage">ファイル操作</a></h1>
 129                                 <table>
 130                                         <tr>
 131                                                 <th class="normal middle">フォルダ作成</th>
 132                                                 <td class="padding_normal normal left">
 133                                                 <input type="text" name="dirname" class="middle_width border">&nbsp;<input type="button" value="フォルダ作成" onclick="javascript:switchsubmit('fileform', 'mkdir', '')">
 134                                                 </td>
 135                                         </tr>
 136                                         <tr>
 137                                                 <td class="hr"></td>
 138                                                 <td class="hr"></td>
 139                                         </tr>
 140                                         <tr>
 141                                                 <th class="normal middle">ファイル・フォルダリネーム</th>
 142                                                 <td class="padding_normal normal left">
 143                                                 <input type="text" name="destname" class="middle_width border">&nbsp;<input type="button" value="リネーム実施" onclick="javascript:switchsubmit('fileform', 'move', '')">
 144                                                 </td>
 145                                         </tr>
 146                                         <tr>
 147                                                 <td class="hr"></td>
 148                                                 <td class="hr"></td>
 149                                         </tr>
 150                                         <tr>
 151                                                 <th class="normal middle">ファイル・フォルダ削除</th>
 152                                                 <td class="padding_normal normal left">
 153                                                 <input type="button" value="削除実施" onclick="javascript:switchsubmit('fileform', 'delete', '')">
 154                                                 <br>
 155                                                 ファイル一覧から削除したいファイル・フォルダを選択した後「削除実施」ボタンを押して下さい。
 156                                                 <br>
 157                                                 （※　フォルダは中身が空ではない場合、削除が実施できません）
 158                                                 </td>
 159                                         </tr>
 160                                         <tr>
 161                                                 <td class="hr"></td>
 162                                                 <td class="hr"></td>
 163                                         </tr>
 164                                 </table>
 165                                 <br>
 166                                 <br>
 167                                 <div class="filelist center">
 168                                         現在の表示中のディレクトリ : <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>]
 169                                 </div>
 170                                 <br>
 171                                 <table class="filelist">
 172                                         <tbody>
 173                                                 <tr>
 174                                                         <th class="filelist">
 175                                                                 選択
 176                                                         </th>
 177                                                         <th class="filelist">
 178                                                                 <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>
 179                                                         </th>
 180                                                         <th class="filelist">
 181                                                                 <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>
 182                                                         </th>
 183                                                         <th class="filelist">
 184                                                                 <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>
 185                                                         </th>
 186                                                         <th class="filelist">
 187                                                                 <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>
 188                                                         </th>
 189                                                 </tr>
 190                                                 <% unless IMGPATH == session["pwd"] %>
 191                                                 <tr>
 192                                                         <td class="filelist">
 193                                                                 &nbsp;
 194                                                         </td>
 195                                                         <td class="filelist">
 196                                                                 <span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '..')">Parent Directory</a>&nbsp;]</span>
 197                                                         </td>
 198                                                         <td class="filelist">
 199                                                                 -
 200                                                         </td>
 201                                                         <td class="filelist">
 202                                                                 -
 203                                                         </td>
 204                                                         <td class="filelist">
 205                                                                 -
 206                                                         </td>
 207                                                 </tr>
 208                                                 <% end %>
 209                                                 <% session["filelist"].each do |fname| %>
 210                                                 <% if session["fileinfo"][fname][:ftype] == "directory" %>
 211                                                 <tr>
 212                                                         <td class="filelist">
 213                                                                 <input type="checkbox" name="filename_<%= fname %>" value="true">
 214                                                         </td>
 215                                                         <td class="filelist">
 216                                                                 <span style="font-weight: bold;">[ <a href="javascript:switchsubmit('fileform', 'cd', '<%= fname %>')"><%= fname %></a>&nbsp;]</span>
 217                                                         </td>
 218                                                         <td class="filelist">
 219                                                                 <%= session["fileinfo"][fname][:ftype] %>
 220                                                         </td>
 221                                                         <td class="filelist">
 222                                                                 -
 223                                                         </td>
 224                                                         <td class="filelist">
 225                                                                 <%= session["fileinfo"][fname][:mtime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
 226                                                         </td>
 227                                                 </tr>
 228                                                 <% end %>
 229                                                 <% if session["fileinfo"][fname][:ftype] == "file" %>
 230                                                 <tr>
 231                                                         <td class="filelist">
 232                                                                 <input type="checkbox" name="filename_<%= fname %>" value="true">
 233                                                         </td>
 234                                                         <td class="filelist">
 235                                                                 <a href="<%= session["pwd"] %><%= fname %>" target="_blank"><%= fname %></a>
 236                                                         </td>
 237                                                         <td class="filelist">
 238                                                                 <%= session["fileinfo"][fname][:ftype] %>
 239                                                         </td>
 240                                                         <td class="filelist">
 241                                                                 <%= session["fileinfo"][fname][:size] %>KB
 242                                                         </td>
 243                                                         <td class="filelist">
 244                                                                 <%= session["fileinfo"][fname][:mtime].strftime("%Y年%m月%d日 %H時%M分%S秒") %>
 245                                                         </td>
 246                                                 </tr>
 247                                                 <% end %>
 248                                                 <% end %>
 249                                         </tbody>
 250                                 </table>
 251                                 <div>
 252                                         &nbsp;　<input type="button" value="全て選択" onclick="checkall('fileform', true)">&nbsp;<input type="button" value="全て解除" onclick="checkall('fileform', false)">
 253                                 </div>
 254                                 <br>
 255                                 <br>
 256                         </div>
 257                         <div class="bottom_area">
 258                                 <%= APPVERSION %>
 259                         </div>
 260                         <input type="hidden" name="relpath_list" value="<%= session["relpath_list"] %>">
 261                         <input type="hidden" name="mode" value="file">
 262                         <input type="hidden" name="action" value="">
 263                         <input type="hidden" name="arg" value="">
 264                         <input type="hidden" id="sort_type" name="sort_type" value="<%= session["sort_type"] %>">
 265                         <input type="hidden" id="sort_reverse" name="sort_reverse" value="<%= session["sort_reverse"] %>">
 266                 </form>
 267         </body>
 268 </html>