htdocs/upload.html

   1 <!doctype html>
   2 <html lang="ja">
   3
   4 <head>
   5     <meta charset="UTF-8">
   6     <title>キャラクターなんとか機・互換機用 パーツ保管庫</title>
   7     <link rel="stylesheet" type="text/css" href="//www.jeasyui.com/easyui/themes/default/easyui.css">
   8     <link rel="stylesheet" type="text/css" href="//www.jeasyui.com/easyui/themes/icon.css">
   9     <link rel="stylesheet" type="text/css" href="//www.jeasyui.com/easyui/themes/color.css">
  10     <link rel="stylesheet" type="text/css" href="upload.css">
  11     <script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.min.js"></script>
  12     <script type="text/javascript" src="//www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
  13     <script type="text/javascript" src="upload.js"></script>
  14 </head>
  15
  16 <body>
  17     <div class="easyui-layout" style="width:100%;height:100%;">
  18         <div data-options="region:'north',split:true" title="説明" style="height:300px;">
  19             <div style="margin: 5px;">
  20                 <h1>キャラクターなんとか機/キャラクターなんとかJ互換機用 パーツ保管庫</h1>
  21                 <p>キャラクターなんとか機、キャラクターなんとかJ、または、その互換機のパーツデータの公開・配布にご自由にご利用ください。</p>
  22                 <p>※ それ以外の利用は禁止いたします。</p>
  23                 <h2>アップロード方法</h2>
  24                 <ul>
  25                     <li>
  26                         zip形式で圧縮されたパーツデータをアップロードすることができます。
  27                         <ul>
  28                             <li>最大4M Bytesまでに制限されています。</li>
  29                             <li>暗号化には対応していません。</li>
  30                             <li>zipファイルには以下のファイルのみ格納できます。(それ以外がある場合はエラーとなります)
  31                                 <ul>
  32                                     <li>readme、ライセンスなどテキストファイル</li>
  33                                     <li>catalog.txt カタログファイル</li>
  34                                     <li>キャラクターなんとか機のini、キャラクターなんとかJのxml、cpdファイル</li>
  35                                     <li>パーツのPNG画像</li>
  36                                     <li>preview.jpeg, sample.jpgなどのJPEGのサンプル画像(個数制限あり)</li>
  37                                 </ul>
  38                             </li>
  39                             <li>Macの場合は.DS_Storeフォルダ、Windowsの場合は Thumbs.db や _thumbnl.sueなどの隠しファイルが無いことを確認してください。</li>
  40                             <li>画像ファイルも大きすぎるもの、多すぎるものは不正なファイルとしてアップロードできません。</li>
  41                             <li>
  42                                 「ファイルの内容をチェックする」にレ点を入れている場合は、zipの中身に隠しファイルが残っている場合や、
  43                                 <b>readme.txt</b>または<b>catalog.txt</b>が含まれていない場合はアップロードしないようにします。</li>
  44                         </ul>
  45                     </li>
  46                     <li>
  47                         ライセンスの概要を選択してください。
  48                         <ul>
  49                             <li>オープンソースの場でのアップローダーとなりますので、ダウンロードした利用者が自由に使えないライセンスでは、ここではアップロードできません。</li>
  50                             <li>個人利用は自由だが商用の場合は要相談といった複数ライセンス形態は問題ありません。</li>
  51                             <li>zip中にも必ずライセンスを記述したテキストファイルを格納してください。</li>
  52                         </ul>
  53                     </li>
  54                     <li>
  55                         zipファイル中には、かならず連絡先を記述してください。(url、メールアドレスなど)
  56                     </li>
  57                     <li>
  58                             アップロードは(成否問わず)1時間に5回までに制限しています。一度にたくさんのアップロードはできません。また、削除は5回失敗すると、しばらく(1時間ほど)使えなくなります。
  59                             <ul>
  60                                 <li>「アップロード制限の解除」ボタンからOSDNユーザーとしてログインした場合は、この制限は緩和されます。</li>
  61                             </ul>
  62                     </li>
  63                     <li>アップロードされた画像やテキストファイルなどzipの中身の著作権は著作者様にありますが、アップロードされたファイルの公開可否の判断や削除等は管理者が予告なく行えるものとします。</li>
  64                     <li>アップロードされたzipファイルについては、管理の都合上、管理者もしくはプログラムによってzipを固め直したり、不要ファイルの削除等の変更、アップロードし直すことがあることをご了承ください。</li>
  65                 </ul>
  66
  67                 <h3>ZIPファイル名について</h3>
  68                 <p>zipファイル名は「タイトル@作者名$削除キー.zip」のように@と$で区切っておくと、アップロードファイルを選択すると自動的に作者名と削除キーを設定します。</p>
  69                 <p>この命名規則に従わなくてもアップロードできますが、このようにしておくと手元に残る備忘録になります。</p>
  70                 <p><example>例: 「パーツxxx@seraphy$0000.zip」とか、「パーツyyyy@seraphy.zip」のようなファイル名とする。</example></p>
  71
  72                 <h3>カタログファイルについて</h3>
  73                 <p>
  74                     <code>catalog.txt</code>というファイルをzipのルートフォルダにおいておくと、アップローダはパーツ一覧やタグ一覧として認識します。</p>
  75                 <p>テキスト形式で<b>SJIS</b>で記述しておく必要があります。</p>
  76                 <p>カタログは</p>
  77                 <example>
  78                     <code>
  79                     &nbsp;&nbsp;ZIPファイル全体のタグ名,...<br>
  80                     &nbsp;&nbsp;パーツ名<b>=</b>パーツのタグ名,....<br>
  81                     </code>
  82                 </example>
  83                 <p>のように、パーツ名の後ろに
  84                     <b>=</b> をつけてパーツごとのタグを指定できます。タグはカンマ区切りで複数指定できます。</p>
  85                 <p>イコールで区切らない場合はZIPファイル全体のタグ名として認識されます。</p>
  86                 <p>パーツごとのタグとしては、個別の画像サイズ、パーツのカテゴリ(body, hair...)などを指定します。</p>
  87                 <p>ZIPファイル全体のタグとしては、対象とするキャラクターセットの種類などを指定します。</p>
  88                 <p>(パーツサイズがすべて同一であれば、パーツごとにサイズを記述する必要なく、ZIP全体のタグとしてサイズを指定できます。)</p>
  89
  90                 <h2>削除・更新方法</h2>
  91                 <p>アップロード時に任意の削除キーを指定できます。アップロード後に削除または更新するには、 削除キーか、作者名につけたトリップのいずれかが一致した場合のみ削除できます。 (削除キー、トリップともに、いたずら防止程度のものです。)<br>
  92                     削除キーは4文字以上が推奨です。(最大30文字)
  93                 </p>
  94                 <p>(コメント等を更新したい場合は同一内容のzipファイルを再アップロードしてください。)</p>
  95                 <h2>免責事項・注意点・技術情報</h2>
  96                 <p>
  97                     <b>
  98                         <font color="red">本サービスはまったくの無保証です。データの保全等、一切の保証はいたしません。</font>
  99                     </b>
 100                 </p>
 101                 <p>また、
 102                     <b>技術的な理由、あるいは不適切なデータ等など、
 103                         <u>理由の如何に関わらず、予告なくデータを削除する</u>場合があります。</b>
 104                 </p>
 105                 <p>なお、アップロードされたファイルはOSDN.NETのウェブ領域を一時的に借りているだけなので、 もし容量が圧してきた場合は、 こちらでOSDN.NETのファイル領域にアップロードしなおします。(代行します)
 106                 </p>
 107                 <p>本サービスの画面のコンポーネントには、<a href="https://www.jeasyui.com">jQuery EasyUI (Freeware Edition)</a>を利用しています。</p>
 108                 <p>本サービスはOSDN.NETによりホストされています。</p>
 109                 <a href="https://osdn.net/">
 110                     <img src="//osdn.net/sflogo.php?group_id=5265&amp;type=1" width="96" height="31" border="0" alt="OSDN">
 111                 </a>
 112                 <h2>ご質問・連絡先</h2>
 113                 <p>このサービスのご意見・ご質問がありましたら、
 114                     <a href="//osdn.net/projects/charactermanaj/forums/">キャラクターなんとかJのフォーラム</a>か、メールにてseraphy にご連絡ください。</p>
 115                 <p>なお、アップロードされたデータの著作権は作者にあり、それについてseraphyまたはOSDNに問い合わせがあっても当事者でないため判断できません。</p>
 116                 <p>データについては
 117                     <b>作者に直接お問い合わせください。</b>
 118                 </p>
 119             </div>
 120         </div>
 121         <div data-options="region:'center'">
 122             <div class="easyui-tabs" data-options="fit: true">
 123                 <div title="ZIPファイル一覧" iconCls="icon-save">
 124                     <div class="easyui-layout" data-options="fit:true">
 125                         <div data-options="region:'east',split:true" style="width:300px">
 126                             <pre class="comment_area" id="zip_comment_area"></pre>
 127                         </div>
 128                         <div data-options="region:'center'">
 129                             <table id="filetable" class="easyui-datagrid" data-options="rownumbers:true,border:false,singleSelect:true,fit:true,fitColumns:false">
 130                                 <thead>
 131                                     <tr>
 132                                         <th data-options="field:'ck',checkbox:true,sortable:true"></th>
 133                                         <th data-options="field:'title',sortable:true,formatter:formatTitle" width="250">タイトル</th>
 134                                         <th data-options="field:'author',sortable:true,formatter:escapeHTML" width="180">作者名</th>
 135                                         <th data-options="field:'fsize',align:'right',sortable:true,formatter:commafy" width="100">サイズ</th>
 136                                         <th data-options="field:'regdate',sortable:true,formatter:escapeHTML" width="180">登録日時</th>
 137                                         <th data-options="field:'license',sortable:true,formatter:get_display_license" width="200">ライセンス</th>
 138                                         <th data-options="field:'downloaded',sortable:true,formatter:commafy" width="100">DL数</th>
 139                                         <th data-options="field:'report_cnt',sortable:true,formatter:commafy" width="80">通報数</th>
 140                                         <th data-options="field:'hostaddr',sortable:true,formatter:escapeHTML" width="150">ホスト</th>
 141                                     </tr>
 142                                 </thead>
 143                             </table>
 144                         </div>
 145                     </div>
 146                 </div>
 147                 <div title="カタログ定義の検索" iconCls="icon-search" data-options="fit:true">
 148                     <div class="easyui-layout" data-options="fit:true">
 149                         <div data-options="region:'west',split:true" style="width:400px">
 150                             <table id="taglist" class="easyui-datagrid" data-options="border:false,singleSelect:false,fit:true,fitColumns:false">
 151                                 <thead>
 152                                     <tr>
 153                                         <th data-options="field:'ck',checkbox:true,sortable:true"></th>
 154                                         <th data-options="field:'tagname',sortable:true,formatter:escapeHTML" width="250">タグ名</th>
 155                                         <th data-options="field:'maxcnt',align:'right',sortable:true,formatter:commafy" width="80">パーツ数</th>
 156                                     </tr>
 157                                 </thead>
 158                             </table>
 159                         </div>
 160                         <div data-options="region:'east',split:true" style="width:300px">
 161                             <pre class="comment_area" id="parts_comment_area"></pre>
 162                         </div>
 163                         <div data-options="region:'center'">
 164                             <table id="partslist" class="easyui-datagrid" data-options="border:false,singleSelect:true,fit:true,fitColumns:false">
 165                                 <thead>
 166                                     <tr>
 167                                         <th data-options="field:'partsname',sortable:true,formatter:escapeHTML" width="250">パーツ名</th>
 168                                         <th data-options="field:'title',sortable:true,formatter:formatTitle" width="180">タイトル</th>
 169                                         <th data-options="field:'fsize',align:'right',sortable:true,formatter:commafy" width="100">サイズ</th>
 170                                         <th data-options="field:'author',align:'right',sortable:true,formatter:escapeHTML" width="180">作者</th>
 171                                         <th data-options="field:'regdate',sortable:true,formatter:escapeHTML" width="180">登録日時</th>
 172                                         <th data-options="field:'license',sortable:true,formatter:get_display_license" width="200">ライセンス</th>
 173                                         <th data-options="field:'downloaded',align:'right',sortable:true,formatter:commafy" width="100">DL数</th>
 174                                     </tr>
 175                                 </thead>
 176                             </table>
 177                         </div>
 178                     </div>
 179                 </div>
 180             </div>
 181         </div>
 182     </div>
 183     <div id="upDlg" class="easyui-dialog" title="アップロード" data-options="modal:true, iconCls:'icon-save', resizable: true, closed: true"
 184         style="width:500px;height:400px;padding:10px">
 185         <form enctype="multipart/form-data" onsubmit="return uploadForm(this)">
 186             <table>
 187                 <tr>
 188                     <td>ZIPファイル</td>
 189                     <td>
 190                         <input type="file" name="file" accept=".zip,.cmj" required>
 191                     </td>
 192                 </tr>
 193                 <tr>
 194                     <td>タイトル</td>
 195                     <td>
 196                         <input type="text" name="title" maxlength="100" required>
 197                     </td>
 198                 </tr>
 199                 <tr>
 200                     <td>作者名</td>
 201                     <td>
 202                         <input type="text" name="author" maxlength="100" placeholder="作者名#トリップキー" required>(#でトリップキー指定可)</td>
 203                 </tr>
 204                 <tr>
 205                     <td>ライセンス</td>
 206                     <td>
 207                         <select name="license" required>
 208                             <option selected value="0">商用可・改変可・再頒布可</option>
 209                             <option value="1">商用可・改変不可・再頒布可</option>
 210                             <option value="2">商用不可・改変可・再頒布可</option>
 211                             <option value="3">商用不可・改変不可・再頒布可</option>
 212                         </select>
 213                         <br> ※ 詳細をzip内ドキュメントに必ず明示してください。
 214                     </td>
 215                 </tr>
 216                 <tr>
 217                     <td>コメント</td>
 218                     <td>
 219                         <textarea name="comment" cols="40" rows="8" maxlength="3000" placeholder="紹介文、注意点などをご記入ください。(3000文字以内)"></textarea>
 220                     </td>
 221                 </tr>
 222                 <tr>
 223                     <td>削除キー</td>
 224                     <td>
 225                         <input type="text" name="delkey" maxlength="30" required>(削除する場合に必要です)
 226                     </td>
 227                 </tr>
 228                 <tr>
 229                     <td></td>
 230                     <td>
 231                         <label><input type="checkbox" name="validation" checked value="true">ファイルの内容チェック</label>
 232                     </td>
 233                 </tr>
 234                 <tr>
 235                     <td></td>
 236                     <td>
 237                         <input type="submit" value="ファイルをアップロードする">
 238                     </td>
 239                 </tr>
 240             </table>
 241         </form>
 242     </div>
 243     <div id="delDlg" class="easyui-dialog" title="削除" data-options="modal:true, iconCls:'icon-save', resizable: true, closed: true"
 244         style="width:500px;height:200px;padding:10px">
 245         <p>登録時に指定した削除キーを指定してください。作者名にトリップを指定していた場合はトリップでも削除できます。</p>
 246         <form onsubmit="return deleteForm(this)">
 247             <input type="hidden" name="selected_id">
 248             <div>
 249                 <label style="display:inline-block;width: 100px;">
 250                     <input type="radio" name="keytype" value="DELKEY" checked>削除キー</label>
 251                 <input type="text" name="verifydelkey">
 252             </div>
 253             <div>
 254                 <label style="display:inline-block;width: 100px;">
 255                     <input type="radio" name="keytype" value="TRIP">トリップ</label>
 256                 <input type="text" name="verifytrip" disabled>
 257             </div>
 258             <input type="submit" value="削除する">
 259         </form>
 260     </div>
 261     <div id="reportDlg" class="easyui-dialog" title="通報" data-options="modal:true, resizable: true, closed: true"
 262         style="width:500px;height:450px;padding:10px">
 263         <p>ZIPファイル: <b><span id="report_zip_title"></span></b></p>
 264         <p>このzipファイルが不適切である理由をお知らせください。</p>
 265         <form onsubmit="return reportForm(this)">
 266             <input type="hidden" name="selected_id">
 267             <table class="report">
 268                 <tr>
 269                     <td>理由の種類</td>
 270                     <td>
 271                         <label><input type="radio" name="report_type" required value="0">ファイルが壊れている</label><br>
 272                         <label><input type="radio" name="report_type" required value="1">パーツセットでない</label><br>
 273                         <label><input type="radio" name="report_type" required value="2">公序良俗に反している。違法の疑いがある。</label><br>
 274                         <label><input type="radio" name="report_type" required value="3">利用できないライセンス。権利侵害の疑いがある。</label><br>
 275                         <label><input type="radio" name="report_type" required value="4">広告、スパムである</label><br>
 276                         <label><input type="radio" name="report_type" required value="5">その他</label><br>
 277                     </td>
 278                 </tr>
 279                 <tr>
 280                     <td>報告内容</td>
 281                     <td>
 282                         <textarea name="report" required cols="40" rows="8" maxlength="1000" placeholder="問題点を具体的に正確に説明してください。(1000文字以内)"></textarea>
 283                     </td>
 284                 </tr>
 285                 <tr>
 286                     <td></td>
 287                     <td>
 288                         <input type="submit" value="通報します。取り消しはできません。">
 289                     </td>
 290                 </tr>
 291             </table>
 292         </form>
 293     </div>
 294     <div id="showSidDlg" class="easyui-dialog" title="ログインキー" data-options="modal:true, resizable: true, closed: true"
 295         style="width:400px;height:150px;padding:10px">
 296         <textarea id="txtSid" cols="45" rows="5" readonly></textarea>
 297     </div>
 298 </body>
 299 </html>