1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
\r
2 <html xmlns:v="urn:schemas-microsoft-com:vml">
\r
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
\r
5 <meta http-equiv="Content-Language" content="ja">
\r
6 <meta http-equiv="Content-Script-Type" content="text/javascript">
\r
7 <meta http-equiv="Content-Style-Type" content="text/css">
\r
8 <meta http-equiv="imagetoolbar" content="no">
\r
9 <title>Resource Console | pettanR</title>
\r
10 <link rel="stylesheet" type="text/css" href="stylesheets/common.css">
\r
11 <link rel="stylesheet" type="text/css" href="stylesheets/work.css">
\r
15 <div class="base-content-width" style="position:relative;">
\r
16 <h1><a href="index.html">pettanR</a></h1>
\r
17 <!-- global navi -->
\r
18 <div id="global-navi">
\r
19 <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>
\r
24 <div id="inner-wrapper" class="base-content-width">
\r
26 <div id="entrance" class="console-page main">
\r
27 <h2>Wellcome to pettanR!</h2>
\r
28 <p>Hello, xxxxx.</p>
\r
29 <p>This page is login user console.</p>
\r
31 <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>
\r
32 <p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>
\r
33 <p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>
\r
34 <p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加(開発用)</a></p>
\r
35 <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(今はすでに登録している場合も操作可能です、、、、)</a></p>
\r
41 <div id="backyard" class="console-page main"></div>
\r
44 <div id="debug" class="console-page main">
\r
45 <h2>Environment</h2>
\r
46 <dl id="useragent" class="dl-table clearfix"></dl>
\r
48 <h2>Boot console in debug mode</h2>
\r
49 <dl class="dl-table clearfix">
\r
50 <dt>xdomain json</dt>
\r
51 <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>
\r
54 <h2>Boot editor in debug mode</h2>
\r
55 <dl class="dl-table clearfix">
\r
56 <dt>General Boot</dt>
\r
57 <dd><a href="work.html?view=editor">Boot Editor</a></dd>
\r
58 <dt>Reversible Image test</dt>
\r
59 <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>
\r
60 <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>
\r
61 <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>
\r
62 <dt>Balloon test</dt>
\r
63 <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>
\r
64 <dt>ActiveX test</dt>
\r
65 <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>
\r
66 <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>
\r
68 <dd><a href="work.html?debug=true">Debug Enabled</a></dd>
\r
69 <dd><a href="work.html?debug=false">Debug Disabled</a></dd>
\r
72 <h2>XML + XSLT pages</h2>
\r
74 <dl class="dl-table clearfix">
\r
75 <dt>help documents</dt>
\r
76 <dd><a href="help/jp.xml">jp.xml</a></dd>
\r
78 <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>
\r
80 <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>
\r
86 <div id="cabinet" class="console-page">
\r
87 <div id="cabinet-container" class="finder-container"></div>
\r
91 <div id="gallery" class="console-page"></div>
\r
95 <div id="editor" class="view-container">
\r
96 <p id="key-event-log" style="margin-top: 5em;"></p>
\r
97 <p id="history-log"></p>
\r
98 <p id="operation-catcher-log"></p>
\r
99 <p id="tail-log"></p>
\r
100 <p id="window-log"></p>
\r
102 <!-- コマの背景(パターン・塗りつぶし) -->
\r
105 <div id="grid" style="display:none;"></div>
\r
108 <div id="comic-element-container"></div>
\r
110 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->
\r
111 <div id="whiteGlass-container">
\r
112 <div id="whiteGlass-top"></div>
\r
113 <div id="whiteGlass-left"></div>
\r
114 <div id="whiteGlass-right"></div>
\r
115 <div id="whiteGlass-bottom"></div>
\r
119 <div id="panel-tools-container">
\r
120 <!-- コマの高さの変更ボタン -->
\r
121 <div id="panel-resizer-top">▲</div>
\r
122 <div id="panel-resizer-bottom">▼</div>
\r
124 <!-- コミック要素のリサイザ -->
\r
125 <div id="comic-element-resizer-container">
\r
126 <div class="comic-element-resizer" id="comic-element-resizer-top"></div>
\r
127 <div class="comic-element-resizer" id="comic-element-resizer-left"></div>
\r
128 <div class="comic-element-resizer" id="comic-element-resizer-right"></div>
\r
129 <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>
\r
130 <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>
\r
131 <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>
\r
132 <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>
\r
133 <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>
\r
134 <div id="balloon-tail-mover"></div>
\r
136 <!-- コミックオブジェクトコンソール -->
\r
137 <div id="comic-element-consol-wrapper">
\r
138 <div id="comic-element-consol-tail"></div>
\r
139 <div id="comic-element-consol-wrapper-when-out">
\r
140 <div id="image-element-consol">
\r
141 <div id="change-image-button"></div>
\r
142 <div id="layer-back-button"></div>
\r
143 <div id="delete-image-button"></div>
\r
144 <div id="layer-forward-button"></div>
\r
146 <div id="text-element-consol">
\r
147 <div id="edit-text-button"></div>
\r
148 <div id="change-text-style-button"></div>
\r
149 <div id="back-text-button"></div>
\r
150 <div id="delete-text-button"></div>
\r
151 <div id="hide-text-tail-button"></div>
\r
152 <div id="forward-text-button"></div>
\r
159 <div id="window-container"></div>
\r
162 <!-- layer-window -->
\r
163 <!-- dom-console-window -->
\r
164 <!-- post-window -->
\r
165 <!-- wellcome-window -->
\r
169 <div id="menu-bar"></div>
\r
171 <!-- マウスオペレーションキャッチャー -->
\r
172 <div id="mouse-operation-catcher" unselectable="on"></div>
\r
175 <script id="imgElementTemplete" type="text/x-jquery-tmpl">
\r
176 <div class="comic-element-wrapper image-element"></div>
\r
179 <script id="textElementTemplete" type="text/x-jquery-tmpl">
\r
180 <div class="comic-element-wrapper text-element">
\r
182 <div class="speach">
\r
183 <div class="speach-inner"> </div>
\r
188 <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">
\r
189 <div class="comic-element-wrapper text-element">
\r
191 <div class="speach">
\r
192 <table><tr><td> </td></tr></table>
\r
197 <script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">
\r
198 <div class="image-group-item">
\r
199 <div class="image-group-item-title">img-title</div>
\r
203 <script id="windowTemplete" type="text/x-jquery-tmpl">
\r
204 <div class="window-wrapper">
\r
205 <div class="window-header">window title</div>
\r
206 <div class="window-close-button">x</div>
\r
207 <div class="window-body clearfix">
\r
208 <div class="window-body-insert-position"></div>
\r
210 <div class="window-footer">
\r
211 <div class="window-resize-button">/</div>
\r
216 <!-- infomation-window -->
\r
217 <script id="infomation-window" type="text/x-jquery-tmpl">
\r
218 <div id="panel-background-information">
\r
219 <div id="bg-pattern"></div>
\r
220 <div id="select-bg-pattern-button">pattern</div>
\r
221 <div id="reset-bg-pattern-button">x</div>
\r
222 <div id="bg-color"></div>
\r
223 <div id="select-bg-color-button">color</div>
\r
224 <div id="reset-bg-color-button">x</div>
\r
225 <!-- <div id="bg-pattern-x"></div>
\r
226 <div id="bg-pattern-y"></div>
\r
227 <div id="bg-pattern-repeat-x"></div>
\r
228 <div id="bg-pattern-repeat-y"></div> -->
\r
231 <div id="comic-element-infomation">
\r
232 <div id="comic-element-x">
\r
233 <span class="comic-element-attribute-label">x:</span>
\r
234 <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>
\r
236 <div id="comic-element-y">
\r
237 <span class="comic-element-attribute-label">y:</span>
\r
238 <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>
\r
240 <div id="comic-element-z">
\r
241 <span class="comic-element-attribute-label">z:</span>
\r
242 <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>
\r
244 <div id="comic-element-a">
\r
245 <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>
\r
246 <span class="comic-element-attribute-label">°</span>
\r
248 <div id="comic-element-w">
\r
249 <span class="comic-element-attribute-label">w:</span>
\r
250 <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>
\r
252 <div id="comic-element-h">
\r
253 <span class="comic-element-attribute-label">h:</span>
\r
254 <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>
\r
256 <div id="comic-element-w-percent">
\r
257 <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>
\r
258 <span class="comic-element-attribute-label">%</span>
\r
260 <div id="comic-element-h-percent">
\r
261 <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>
\r
262 <span class="comic-element-attribute-label">%</span>
\r
264 <div id="comic-element-keep-aspect"></div>
\r
268 <!-- toolbox-window -->
\r
269 <script id="toolbox-window" type="text/x-jquery-tmpl">
\r
270 <div id="toolbox-add-image-button">add image</div>
\r
271 <div id="toolbox-add-text-button">add text</div>
\r
272 <div id="toolbox-edit-bg-button">edit bg</div>
\r
273 <div id="toolbox-switch-grid">grid</div>
\r
274 <div id="toolbox-popup-help-button">?</div>
\r
275 <div id="toolbox-post-button">post</div>
\r
278 <!-- image explorer -->
\r
279 <script id="image-exproler" type="text/x-jquery-tmpl">
\r
280 <div id="image-exproler-container" class="finder-container"></div>
\r
287 <div id="overlay-container" style="display: none;">
\r
288 <div id="overlay-shadow"></div>
\r
289 <div id="overlay-close-button">x</div>
\r
293 <div id="speach-editor-wrapper">
\r
294 <textarea id="speach-editor"></textarea>
\r
295 <div id="speach-edit-complete-button" class="button">OK</div>
\r
298 <!-- 画像グループから画像を選択 -->
\r
299 <div id="image-group-wrapper">
\r
300 <div id="image-group-icon-container"></div>
\r
301 <div id="image-group-name">NO DATA...</div>
\r
302 <div id="image-group-button" class="button">close</div>
\r
306 <div id="comic-reader-wrapper">
\r
307 <div id="comic-reader-panel-container"></div>
\r
308 <div class="comic-reader-shadow" style="top:0;height:40px;"></div>
\r
309 <div id="comic-reader-header">
\r
310 <div id="comic-reader-header-content">
\r
311 <span id="comic-reader-title">NO DATA...</span>
\r
312 <span id="comic-reader-author">NO DATA...</span>
\r
315 <div class="comic-reader-shadow" style="bottom:0;height:100px;"></div>
\r
316 <div id="comic-reader-console">
\r
317 <div id="comic-reader-button-centering">
\r
318 <a href="#" id="comic-reader-back-button">▲</da>
\r
319 <a href="#" id="comic-reader-forward-button">▼</a>
\r
325 <div id="artist-console-wrapper" class="console-wrapper">
\r
326 <div id="artist-console-header" class="console-header">Register Artist</div>
\r
327 <div id="artist-console" class="console-inner">
\r
328 <div id="register"></div>
\r
329 <div class="console-button-container">
\r
330 <div id="artist-console-post-button" class="button console-submit-button">register</div>
\r
331 <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
333 <div id="artist-console-progress" class="console-progress"> </div>
\r
337 <!-- パネルのポスト(テスト) -->
\r
338 <div id="panel-console-wrapper" class="console-wrapper">
\r
339 <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>
\r
340 <div id="panel-console" class="console-inner">
\r
341 <div id="newpanel"></div>
\r
342 <div class="console-button-container">
\r
343 <div id="panel-console-post-button" class="button console-submit-button">post</div>
\r
344 <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
346 <div id="panel-console-progress" class="console-progress"> </div>
\r
351 <div id="upload-console-wrapper" class="console-wrapper">
\r
352 <div id="upload-console-header" class="console-header">Upload Picture</div>
\r
353 <div id="upload-console" class="console-inner">
\r
354 <div id="uploader"></div>
\r
355 <div class="console-button-container">
\r
356 <div id="upload-console-post-button" class="button console-submit-button">upload</div>
\r
357 <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
359 <div id="upload-console-progress" class="console-progress"> </div>
\r
363 <!-- アウトプットコンソール -->
\r
364 <div id="output-console-wrapper" class="console-wrapper">
\r
365 <div id="output-console-header" class="console-header">Output Console</div>
\r
366 <div id="output-console" class="console-inner">
\r
367 <div id="output-console-format" class="field">
\r
368 <span class="field-label">Format:</span>
\r
369 <span id="output-console-format-value" class="output-console-value combobox"></span>
\r
371 <div id="output-console-option" class="field">
\r
372 <span class="field-label">Options:</span>
\r
373 <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>
\r
375 <div id="output-console-button-container" class="clearfix">
\r
376 <div id="output-console-generate-button" class="button console-submit-button">generate</div>
\r
377 <div id="output-console-close-button" class="button console-cancel-button">close</div>
\r
379 <textarea id="output-area" readonly></textarea>
\r
383 <!-- コミックの新規作成・編集・削除 -->
\r
384 <div id="comic-console-wrapper" class="console-wrapper">
\r
385 <div id="comic-console-header" class="console-header">Create New Comic</div>
\r
386 <div id="comic-console" class="console-inner">
\r
387 <div id="comic-console-title" class="field">
\r
388 <span class="field-label">Title:</span>
\r
389 <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>
\r
391 <div id="comic-console-width" class="field">
\r
392 <span class="field-label">Default Width:</span>
\r
393 <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>
\r
395 <div id="comic-console-height" class="field">
\r
396 <span class="field-label">Default Height:</span>
\r
397 <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>
\r
399 <div id="comic-console-visible" class="field">
\r
400 <span class="field-label">Visible:</span>
\r
401 <span id="comic-console-visible-value" class="comic-console-value combobox"></span>
\r
403 <div id="comic-console-editable" class="field">
\r
404 <span class="field-label">Editable:</span>
\r
405 <span id="comic-console-editable-value" class="comic-console-value combobox"></span>
\r
407 <div class="console-button-container">
\r
408 <div id="comic-console-post-button" class="button console-submit-button">create</div>
\r
409 <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
411 <div id="comic-console-progress" class="console-progress"> </div>
\r
415 <!-- Templete Container -->
\r
416 <div id="templete-container" style="display: none;">
\r
419 <div id="templete-finder-container" class="finder-container">
\r
421 <!-- Finder Header -->
\r
422 <div class="finder-header">
\r
423 <ul class="finder-location">
\r
424 <!-- Finder location item-->
\r
425 <li id="templete-finder-location-item" class="finder-location-item">
\r
429 <div class="finder-sidebar-switch button">side</div>
\r
430 <div class="finder-style-switch button">style</div>
\r
431 <div class="finder-action-switch button">action</div>
\r
434 <div class="finder-body">
\r
435 <!-- Finder icon -->
\r
436 <div id="templete-finder-icon" class="finder-icon fnder-icon-modern">
\r
437 <span class="finder-icon-handle"></span>
\r
438 <span class="finder-icon-thumbnail"></span>
\r
439 <span class="finder-icon-filename break-word">file name</span>
\r
440 <span class="finder-icon-summary break-word">file descriptiion</span>
\r
441 <div class="finder-icon-console">
\r
442 <a href="#" class="finder-icon-console-action"></a>
\r
443 <a href="#" class="finder-icon-console-editor-apps"></a>
\r
444 <a href="#" class="finder-icon-console-viewer-apps"></a>
\r
448 <div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">
\r
449 <a href="#" class="finder-icon-main">
\r
450 <span class="finder-icon-handle"></span>
\r
451 <span class="finder-icon-thumbnail"></span>
\r
452 <span class="finder-icon-cell finder-icon-ie-filename">
\r
453 <span class="finder-icon-vertical-middle-outer">
\r
454 <span class="finder-icon-vertical-middle-inner">
\r
455 <span class="finder-icon-filename break-word">file name</span>
\r
459 <span class="finder-icon-cell finder-icon-ie-summary">
\r
460 <span class="finder-icon-vertical-middle-outer">
\r
461 <span class="finder-icon-vertical-middle-inner">
\r
462 <span class="finder-icon-summary break-word">file descriptiion</span>
\r
467 <div class="finder-icon-console">
\r
468 <a href="#" class="finder-icon-console-action"></a>
\r
469 <a href="#" class="finder-icon-console-editor-apps"></a>
\r
470 <a href="#" class="finder-icon-console-viewer-apps"></a>
\r
479 <script type="text/javascript">
\r
480 var has_server_support = false;
\r
482 <script type="text/javascript" src="javascripts/common.js"></script>
\r
483 <script type="text/javascript" src="javascripts/jquery-1.6.2.min.js"></script>
\r
484 <script type="text/javascript" src="javascripts/work.js"></script>
\r
485 <script type="text/javascript" src="javascripts/system.js"></script>
\r