OSDN Git Service

- add jquery-te editor to generator.
[feedblog/feedblog.git] / generator.html
1 <!DOCTYPE html>\r
2 <html>\r
3         <head>\r
4                 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">\r
5                 <title>記事更新アプリケーション</title>\r
6                 <script type="text/javascript" src="./js/jquery/jquery-1.9.1.js"></script>\r
7                 <script type="text/javascript" src="./js/jquery-te/jquery-te-1.4.0.min.js"></script>\r
8                 <script type="text/javascript" src="./js/lunardial/feedblog_generator.js"></script>\r
9                 <link rel="stylesheet" href="./js/lunardial/css/reset.css" type="text/css"/>\r
10                 <link rel="stylesheet" href="./js/lunardial/css/base.css" type="text/css"/>\r
11                 <link rel="stylesheet" href="./js/jquery-te/jquery-te-1.4.0.css" type="text/css"/>\r
12                 <style>\r
13                         .jqte {\r
14                                 margin: 0px;\r
15                         }\r
16                 </style>\r
17         </head>\r
18         <body>\r
19                 <!-- feedblog generator用の定数値です ここから -->\r
20                 <input type="hidden" id="feedblog_loglistxmlurl" value="./xml/loglist.xml">\r
21                 <input type="hidden" id="feedblog_inputvalidatemode" value="0">\r
22                 <input type="hidden" id="feedblog_outputvalidatemode" value="1">\r
23                 <input type="hidden" id="feedblog_tagdefine" value="music,音楽|active,ダイエット|game,娯楽">\r
24                 <!-- feedblog generator用の定数値です ここまで -->\r
25 \r
26                 <div class="menu_wrapper">\r
27                         <div class="menu">\r
28                                 <ul class="menu">\r
29                                         <li class="menu_left">\r
30                                                 <a href="#settings" class="menu">編集内容選択/設定</a>\r
31                                         </li>\r
32                                         <li class="menu_left">\r
33                                                 <a href="#editfeed" class="menu">基本情報編集</a>\r
34                                         </li>\r
35                                         <li class="menu_left">\r
36                                                 <a href="#editentry" class="menu">記事作成/編集</a>\r
37                                         </li>\r
38                                         <li class="menu_left">\r
39                                                 <a href="#result" class="menu">出力結果</a>\r
40                                         </li>\r
41                                         <li class="menu_left">\r
42                                                 <a href="#" class="menu" onclick="javascript: window.close();">ウインドウを閉じる</a>\r
43                                         </li>\r
44                                 </ul>\r
45                         </div>\r
46                 </div>\r
47 \r
48                 <div class="select_file center">\r
49                         記事更新アプリケーション\r
50                 </div>\r
51 \r
52                 <div class="contents">\r
53                         <h1 onclick="javascript: closePanel('feedSettingsArea');"><a name="settings">編集内容選択/設定</a></h1>\r
54                         <div id="feedSettingsArea">\r
55                                 <table>\r
56                                         <tbody>\r
57                                                 <tr>\r
58                                                         <th class="small middle padding_normal">編集中のファイル </th>\r
59                                                         <td class="large middle padding_normal left"><div id="feedblog_logselecter"></div></td>\r
60                                                 </tr>\r
61                                                 <tr>\r
62                                                         <td class="hr"></td>\r
63                                                         <td class="hr"></td>\r
64                                                 </tr>\r
65                                                 <tr>\r
66                                                         <th class="small middle padding_normal">編集対象記事</th>\r
67                                                         <td class="large middle padding_normal left"><div id="feedblog_entryselect"></div></td>\r
68                                                 </tr>\r
69                                                 <tr>\r
70                                                         <td class="hr"></td>\r
71                                                         <td class="hr"></td>\r
72                                                 </tr>\r
73                                                 <tr>\r
74                                                         <th class="small middle padding_normal">オプション</th>\r
75                                                         <td class="large middle padding_normal left">\r
76                                                         <input type="checkbox" value="1" id="feedblog_addcontentbr">\r
77                                                         <label for='feedblog_addcontentbr'> 通常出力時、&lt;content&gt;要素の改行位置に&lt;br&gt;を挿入する</label>\r
78                                                         <br>\r
79                                                         </td>\r
80                                                 </tr>\r
81                                                 <tr>\r
82                                                         <td class="hr"></td>\r
83                                                         <td class="hr"></td>\r
84                                                 </tr>\r
85                                         </tbody>\r
86                                 </table>\r
87                                 <br>\r
88                         </div>\r
89                 </div>\r
90 \r
91                 <div class="contents">\r
92                         <h1 onclick="javascript: closePanel('feedInfoArea');"><a name="editfeed">基本情報編集(クリックで表示します)</a></h1>\r
93                         <div id="feedInfoArea" style="display: none;">\r
94                                 <table>\r
95                                         <tbody>\r
96                                                 <tr>\r
97                                                         <th class="small middle padding_normal">ページタイトル</th>\r
98                                                         <td class="large middle padding_normal left">\r
99                                                         <input type="text" id="feed_title" class="max_width">\r
100                                                         </td>\r
101                                                 </tr>\r
102                                                 <tr>\r
103                                                         <td class="hr"></td>\r
104                                                         <td class="hr"></td>\r
105                                                 </tr>\r
106 \r
107                                                 <tr>\r
108                                                         <th class="small middle padding_normal">ページサブタイトル</th>\r
109                                                         <td class="large middle padding_normal left">\r
110                                                         <input type="text" id="feed_subtitle" class="max_width">\r
111                                                         </td>\r
112                                                 </tr>\r
113                                                 <tr>\r
114                                                         <td class="hr"></td>\r
115                                                         <td class="hr"></td>\r
116                                                 </tr>\r
117 \r
118                                                 <tr>\r
119                                                         <th class="small middle padding_normal">このXMLファイルへのパス</th>\r
120                                                         <td class="large middle padding_normal left">\r
121                                                         <input type="text" id="feed_self" class="max_width">\r
122                                                         </td>\r
123                                                 </tr>\r
124                                                 <tr>\r
125                                                         <td class="hr"></td>\r
126                                                         <td class="hr"></td>\r
127                                                 </tr>\r
128 \r
129                                                 <tr>\r
130                                                         <th class="small middle padding_normal">ウェブページのアドレス</th>\r
131                                                         <td class="large middle padding_normal left">\r
132                                                         <input type="text" id="feed_alternate" class="max_width">\r
133                                                         </td>\r
134                                                 </tr>\r
135                                                 <tr>\r
136                                                         <td class="hr"></td>\r
137                                                         <td class="hr"></td>\r
138                                                 </tr>\r
139 \r
140                                                 <tr>\r
141                                                         <th class="small middle padding_normal">ID\r
142                                                         <br>\r
143                                                         (UUID or URL)</th>\r
144                                                         <td class="large middle padding_normal left">\r
145                                                         <input type="text" id="feed_id" class="max_width">\r
146                                                         </td>\r
147                                                 </tr>\r
148                                                 <tr>\r
149                                                         <td class="hr"></td>\r
150                                                         <td class="hr"></td>\r
151                                                 </tr>\r
152 \r
153                                                 <tr>\r
154                                                         <th class="small middle padding_normal">著作権表記</th>\r
155                                                         <td class="large middle padding_normal left">\r
156                                                         <input type="text" id="feed_rights" class="max_width">\r
157                                                         </td>\r
158                                                 </tr>\r
159                                                 <tr>\r
160                                                         <td class="hr"></td>\r
161                                                         <td class="hr"></td>\r
162                                                 </tr>\r
163 \r
164                                                 <tr>\r
165                                                         <th class="small middle padding_normal">制作者名</th>\r
166                                                         <td class="large middle padding_normal left">\r
167                                                         <input type="text" id="feed_authorname" class="max_width">\r
168                                                         </td>\r
169                                                 </tr>\r
170                                                 <tr>\r
171                                                         <td class="hr"></td>\r
172                                                         <td class="hr"></td>\r
173                                                 </tr>\r
174 \r
175                                                 <tr>\r
176                                                         <th class="small middle padding_normal">制作者メールアドレス</th>\r
177                                                         <td class="large middle padding_normal left">\r
178                                                         <input type="text" id="feed_authoremail" class="max_width">\r
179                                                         </td>\r
180                                                 </tr>\r
181                                                 <tr>\r
182                                                         <td class="hr"></td>\r
183                                                         <td class="hr"></td>\r
184                                                 </tr>\r
185                                         </tbody>\r
186                                 </table>\r
187                                 <br>\r
188                         </div>\r
189                 </div>\r
190                 <br>\r
191 \r
192                 <div class="contents">\r
193                         <h1 onclick="javascript: closePanel('editEntryArea');"><a name="editentry">記事作成/編集</a></h1>\r
194                         <div id="editEntryArea">\r
195                                 <table>\r
196                                         <tbody>\r
197                                                 <tr>\r
198                                                         <th class="small middle padding_normal">タイトル</th>\r
199                                                         <td class="large middle padding_normal left">\r
200                                                         <input type="text" id="entry_title" class="max_width">\r
201                                                         </td>\r
202                                                 </tr>\r
203                                                 <tr>\r
204                                                         <td class="hr"></td>\r
205                                                         <td class="hr"></td>\r
206                                                 </tr>\r
207 \r
208                                                 <tr>\r
209                                                         <th class="small middle padding_normal">本文</th>\r
210                                                         <td class="large middle padding_normal left">                                                   <textarea id="entry_stdin" rows="10" class="max_width"></textarea></td>\r
211                                                 </tr>\r
212                                                 <tr>\r
213                                                         <td class="hr"></td>\r
214                                                         <td class="hr"></td>\r
215                                                 </tr>\r
216 \r
217                                                 <tr>\r
218                                                         <th class="small middle padding_normal">タグ情報</th>\r
219                                                         <td class="large middle padding_normal left"><div id="entry_category"></div>\r
220                                                         <input type="button" value="タグ追加" onclick="javascript: addTagSelectBox();">\r
221                                                         </td>\r
222                                                 </tr>\r
223                                                 <tr>\r
224                                                         <td class="hr"></td>\r
225                                                         <td class="hr"></td>\r
226                                                 </tr>\r
227 \r
228                                         </tbody>\r
229                                 </table>\r
230                                 <br>\r
231                                 <div class="center">\r
232                                         <input type="button" value="追加/編集" onclick="javascript:applyChange();">\r
233                                         &nbsp;\r
234                                         <input type="button" value="選択中の記事を削除" onclick="javascript:removeEntry()">\r
235                                 </div>\r
236                                 <br>\r
237                         </div>\r
238                 </div>\r
239                 <br>\r
240 \r
241                 <div class="contents">\r
242                         <h1 onclick="javascript: closePanel('feedResultArea');"><a name="result">出力結果</a></h1>\r
243                         <div id="feedResultArea">\r
244                                 <table>\r
245                                         <tbody>\r
246                                                 <tr>\r
247                                                         <th class="small middle padding_normal">プレビュー</th>\r
248                                                         <td class="large middle padding_normal left"><div id="previewArea"></div></td>\r
249                                                 </tr>\r
250                                                 <tr>\r
251                                                         <td class="hr"></td>\r
252                                                         <td class="hr"></td>\r
253                                                 </tr>\r
254 \r
255                                                 <tr>\r
256                                                         <th class="small middle padding_normal">出力\r
257                                                         <br>\r
258                                                         (UTF-8エンコーディングで保存)</th>\r
259                                                         <td class="large middle padding_normal left">                                                   <textarea id="stdout" rows="20" class="max_width"></textarea></td>\r
260                                                 </tr>\r
261                                                 <tr>\r
262                                                         <td class="hr"></td>\r
263                                                         <td class="hr"></td>\r
264                                                 </tr>\r
265 \r
266                                         </tbody>\r
267                                 </table>\r
268                                 <br>\r
269                         </div>\r
270                 </div>\r
271 \r
272                 <div class="bottom_area"></div>\r
273         </body>\r
274 </html>\r