OSDN Git Service

- fixed generator link bug.
[feedblog/feedblog.git] / generator.html
index 938a819..8b4c292 100644 (file)
-<!DOCTYPE html>
-<html>
-    <head>
-        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-        <title>記事更新アプリケーション</title>
-        <script type="text/javascript" src="./js/jquery/jquery-1.9.1.js"></script>
-        <script type="text/javascript" src="./js/lunardial/feedblog_gen.js"></script>
-        <link rel="stylesheet" type="text/css" href="./js/lunardial/feedblog_gen.css"/>
-    </head>
-    <body>
-               <!-- feedblog generator用の定数値です ここから -->
-               <input type="hidden" id="feedblog_loglistxmlurl" value="./xml/loglist.xml">
-               <input type="hidden" id="feedblog_inputvalidatemode" value="1">
-               <input type="hidden" id="feedblog_outputvalidatemode" value="1">
-               <!-- feedblog generator用の定数値です ここまで -->
-        <div align="center">
-            <table align="center" style="width: 800px;">
-                <tbody>
-                    <tr>
-                        <td class="default" colspan="2" style="padding: 5px; text-align: center; vertical-align: bottom;">
-                            <table style="width: 100%">
-                                <tbody>
-                                    <tr>
-                                        <td class="formnavi" style="padding: 0px 20px 0px 20px;">
-                                            編集中のファイル
-                                        </td>
-                                        <td class="forminput">
-                                            <div id="logSelecter">
-                                            </div>
-                                        </td>
-                                        <td style="width: 10px;">
-                                        </td>
-                                        <td class="forminput">
-                                            <input type="checkbox" value="1" id="addContentBr">
-                                            <label for='addContentBr'>
-                                                通常出力時、&lt;content&gt;要素の改行位置に&lt;br&gt;を挿入する
-                                            </label>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="formnavi" style="padding: 0px 20px 0px 20px;">
-                                            編集する記事名
-                                        </td>
-                                        <td class="forminput">
-                                            <div id="entrySelect">
-                                            </div>
-                                        </td>
-                                        <td>
-                                        </td>
-                                        <td class="forminput">
-                                               &nbsp;
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <br>
-                            <table style="width: 100%">
-                                <tbody>
-                                    <tr>
-                                        <td class="formheader" colspan="2" style="text-align: center; width: 100px;">
-                                            記事を作成/編集する
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="formheader" style="text-align: center; width: 100px;">
-                                            タイトル
-                                        </td>
-                                        <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                            <input type="text" id="entry_title" style="width: 100%">
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="formheader" style="text-align: center;">
-                                            本文
-                                        </td>
-                                        <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                            <textarea id="entry_stdin" rows="10" style="width: 100%">
-                                            </textarea>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <br>
-                            <table style="width: 100%">
-                                <tbody>
-                                    <tr>
-                                        <td class="formheader" onclick="javascript: closePanel('feedinfoArea');">
-                                            Feed基本情報 (クリックで開閉)
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="formnavi">
-                                            <div id="feedinfoArea" style="display: none;">
-                                                <table style="width: 100%">
-                                                    <tbody>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center; width: 200px;">
-                                                                ウェブページのタイトル
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_title" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center;">
-                                                                ウェブページのサブタイトル
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_subtitle" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center;">
-                                                                このxmlファイルへのパス
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_self" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center;">
-                                                                あなたのウェブページのアドレス
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_alternate" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center;">
-                                                                あなたのID
-                                                                <br>
-                                                                (UUIDかウェブページのアドレス)
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_id" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align: center;">
-                                                                あなたの著作権表記
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_rights" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align:center;">
-                                                                あなたのハンドルネーム
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_authorname" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                        <tr>
-                                                            <td class="formheader" style="text-align:center;">
-                                                                あなたのメールアドレス
-                                                            </td>
-                                                            <td class="forminput" style="padding: 0px 5px 0px 3px;">
-                                                                <input type="text" id="feed_authoremail" style="width: 100%">
-                                                            </td>
-                                                        </tr>
-                                                    </tbody>
-                                                </table>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                            <br>
-                            <input type="button" value="追加/編集" onclick="javascript:applyChange();"> <input type="button" value="選択中の記事を削除" onclick="javascript:removeEntry()">  <input type="button" value="リセット" onclick="javascript:initLoad()">  <input type="button" value="全記事を削除" onclick="javascript:allRemoveEntry()">
-                            <br>
-                            <br>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="default" colspan="2" style="padding: 5px 8px 5px 5px; text-align: left; vertical-align: bottom;">
-                            <table style="width: 100%">
-                                <tbody>
-                                    <tr>
-                                        <td class="formheader" onclick="javascript: closePanel('previewArea')">
-                                            ▼ プレビュー
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="forminput">
-                                            <div id="previewArea">
-                                            </div>
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="formheader" onclick="javascript: closePanel('outputArea')">
-                                            ▼ 出力 (UTF-8エンコーディングで保存してください)
-                                        </td>
-                                    </tr>
-                                    <tr>
-                                        <td class="forminput">
-                                            <div id="outputArea">
-                                                <textarea id="stdout" rows="20" style="width: 100%">
-                                                </textarea>
-                                            </div>
-                                        </td>
-                                    </tr>
-                                </tbody>
-                            </table>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </body>
-</html>
+<!DOCTYPE html>\r
+<html>\r
+       <head>\r
+               <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
+               <title>記事更新アプリケーション</title>\r
+               <script type="text/javascript" src="./js/jquery/jquery-1.9.1.js"></script>\r
+               <script type="text/javascript" src="./js/lunardial/feedblog_generator.js"></script>\r
+               <link rel="stylesheet" href="./js/lunardial/css/reset.css" type="text/css"/>\r
+               <link rel="stylesheet" href="./js/lunardial/css/base.css" type="text/css"/>\r
+       </head>\r
+       <body>\r
+               <!-- feedblog generator用の定数値です ここから -->\r
+               <input type="hidden" id="feedblog_loglistxmlurl" value="./xml/loglist.xml">\r
+               <input type="hidden" id="feedblog_inputvalidatemode" value="1">\r
+               <input type="hidden" id="feedblog_outputvalidatemode" value="1">\r
+               <input type="hidden" id="feedblog_tagdefine" value="music,音楽|active,ダイエット|game,娯楽">\r
+               <!-- feedblog generator用の定数値です ここまで -->\r
+\r
+               <div class="menu_wrapper">\r
+                       <div class="menu">\r
+                               <ul class="menu">\r
+                                       <li class="menu_left">\r
+                                               <a href="#settings" class="menu">編集内容選択/設定</a>\r
+                                       </li>\r
+                                       <li class="menu_left">\r
+                                               <a href="#editfeed" class="menu">基本情報編集</a>\r
+                                       </li>\r
+                                       <li class="menu_left">\r
+                                               <a href="#editentry" class="menu">記事作成/編集</a>\r
+                                       </li>\r
+                                       <li class="menu_left">\r
+                                               <a href="#result" class="menu">出力結果</a>\r
+                                       </li>\r
+                                       <li class="menu_left">\r
+                                               <a href="#" class="menu" onclick="javascript: window.close();">ウインドウを閉じる</a>\r
+                                       </li>\r
+                               </ul>\r
+                       </div>\r
+               </div>\r
+\r
+               <div class="select_file center">\r
+                       記事更新アプリケーション\r
+               </div>\r
+\r
+               <div class="contents">\r
+                       <h1 onclick="javascript: closePanel('feedSettingsArea');"><a name="settings">編集内容選択/設定</a></h1>\r
+                       <div id="feedSettingsArea">\r
+                               <table>\r
+                                       <tbody>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">編集中のファイル </th>\r
+                                                       <td class="large middle padding_normal left"><div id="feedblog_logselecter"></div></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">編集対象記事</th>\r
+                                                       <td class="large middle padding_normal left"><div id="feedblog_entryselect"></div></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">オプション</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="checkbox" value="1" id="feedblog_addcontentbr">\r
+                                                       <label for='feedblog_addcontentbr'> 通常出力時、&lt;content&gt;要素の改行位置に&lt;br&gt;を挿入する</label>\r
+                                                       <br>\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+                                       </tbody>\r
+                               </table>\r
+                               <br>\r
+                       </div>\r
+               </div>\r
+\r
+               <div class="contents">\r
+                       <h1 onclick="javascript: closePanel('feedInfoArea');"><a name="editfeed">基本情報編集(クリックで表示します)</a></h1>\r
+                       <div id="feedInfoArea" style="display: none;">\r
+                               <table>\r
+                                       <tbody>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">ページタイトル</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_title" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">ページサブタイトル</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_subtitle" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">このXMLファイルへのパス</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_self" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">ウェブページのアドレス</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_alternate" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">ID\r
+                                                       <br>\r
+                                                       (UUID or URL)</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_id" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">著作権表記</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_rights" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">制作者名</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_authorname" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">制作者メールアドレス</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="feed_authoremail" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+                                       </tbody>\r
+                               </table>\r
+                               <br>\r
+                       </div>\r
+               </div>\r
+               <br>\r
+\r
+               <div class="contents">\r
+                       <h1 onclick="javascript: closePanel('editEntryArea');"><a name="editentry">記事作成/編集</a></h1>\r
+                       <div id="editEntryArea">\r
+                               <table>\r
+                                       <tbody>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">タイトル</th>\r
+                                                       <td class="large middle padding_normal left">\r
+                                                       <input type="text" id="entry_title" class="max_width">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">本文</th>\r
+                                                       <td class="large middle padding_normal left">                                                   <textarea id="entry_stdin" rows="10" class="max_width"></textarea></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">タグ情報</th>\r
+                                                       <td class="large middle padding_normal left"><div id="entry_category"></div>\r
+                                                       <input type="button" value="タグ追加" onclick="javascript: addTagSelectBox();">\r
+                                                       </td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                       </tbody>\r
+                               </table>\r
+                               <br>\r
+                               <div class="center">\r
+                                       <input type="button" value="追加/編集" onclick="javascript:applyChange();">\r
+                                       &nbsp;\r
+                                       <input type="button" value="選択中の記事を削除" onclick="javascript:removeEntry()">\r
+                               </div>\r
+                               <br>\r
+                       </div>\r
+               </div>\r
+               <br>\r
+\r
+               <div class="contents">\r
+                       <h1 onclick="javascript: closePanel('feedResultArea');"><a name="result">出力結果</a></h1>\r
+                       <div id="feedResultArea">\r
+                               <table>\r
+                                       <tbody>\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">プレビュー</th>\r
+                                                       <td class="large middle padding_normal left"><div id="previewArea"></div></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                               <tr>\r
+                                                       <th class="small middle padding_normal">出力\r
+                                                       <br>\r
+                                                       (UTF-8エンコーディングで保存)</th>\r
+                                                       <td class="large middle padding_normal left">                                                   <textarea id="stdout" rows="20" class="max_width"></textarea></td>\r
+                                               </tr>\r
+                                               <tr>\r
+                                                       <td class="hr"></td>\r
+                                                       <td class="hr"></td>\r
+                                               </tr>\r
+\r
+                                       </tbody>\r
+                               </table>\r
+                               <br>\r
+                       </div>\r
+               </div>\r
+\r
+               <div class="bottom_area"></div>\r
+       </body>\r
+</html>\r