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>Pettanr</title>
\r
10 <%= stylesheet_link_tag "common" %>
\r
11 <%= stylesheet_link_tag "work" %>
\r
12 <%= csrf_meta_tags %>
\r
16 <div class="base-content-width" style="position:relative;">
\r
17 <h1><a href="index.html">pettanR</a></h1>
\r
18 <!-- global navi -->
\r
19 <div id="global-navi">
\r
20 <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>
\r
25 <div id="inner-wrapper" class="base-content-width">
\r
28 <div id="entrance" class="console-page main" style="display:block;">
\r
31 <p><a href="#" onclick="pettanr.view.show('editor');return false;">新しいコマを描く</a></p>
\r
32 <p><a href="#" onclick="pettanr.comicConsole._quickAccessShow();return false;">新しいコミックをつくる</a></p>
\r
33 <p><a href="#" onclick="pettanr.uploadConsole._quickAccessShow();return false;">画像のアップロード</a></p>
\r
34 <p><a href="#" onclick="pettanr.panelConsole._quickAccessShow();return false;">コマの追加(開発用)</a></p>
\r
40 <div id="backyard" class="console-page main"></div>
\r
43 <div id="debug" class="console-page main">
\r
44 <h2>Environment</h2>
\r
45 <dl id="useragent" class="dl-table clearfix"></dl>
\r
47 <h2>Boot console in debug mode</h2>
\r
48 <dl class="dl-table clearfix">
\r
49 <dt>xdomain json</dt>
\r
50 <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>
\r
53 <h2>Boot editor in debug mode</h2>
\r
54 <dl class="dl-table clearfix">
\r
55 <dt>General Boot</dt>
\r
56 <dd><a href="work.html?view=editor">Boot Editor</a></dd>
\r
57 <dt>Reversible Image test</dt>
\r
58 <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>
\r
59 <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>
\r
60 <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>
\r
61 <dt>Balloon test</dt>
\r
62 <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>
\r
63 <dt>ActiveX test</dt>
\r
64 <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>
\r
65 <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>
\r
67 <dd><a href="work.html?debug=true">Debug Enabled</a></dd>
\r
68 <dd><a href="work.html?debug=false">Debug Disabled</a></dd>
\r
71 <h2>XML + XSLT pages</h2>
\r
73 <dl class="dl-table clearfix">
\r
74 <dt>help documents</dt>
\r
75 <dd><a href="help/jp.xml">jp.xml</a></dd>
\r
77 <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>
\r
79 <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>
\r
85 <div id="cabinet" class="console-page">
\r
86 <div id="cabinet-container" class="finder-container"></div>
\r
90 <div id="gallery" class="console-page"></div>
\r
94 <div id="editor" class="view-container">
\r
95 <p id="key-event-log" style="margin-top: 5em;"></p>
\r
96 <p id="history-log"></p>
\r
97 <p id="operation-catcher-log"></p>
\r
98 <p id="tail-log"></p>
\r
99 <p id="window-log"></p>
\r
101 <!-- コマの背景(パターン・塗りつぶし) -->
\r
104 <div id="grid" style="display:none;"></div>
\r
107 <div id="comic-element-container"></div>
\r
109 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->
\r
110 <div id="whiteGlass-container">
\r
111 <div id="whiteGlass-top"></div>
\r
112 <div id="whiteGlass-left"></div>
\r
113 <div id="whiteGlass-right"></div>
\r
114 <div id="whiteGlass-bottom"></div>
\r
118 <div id="panel-tools-container">
\r
119 <!-- コマの高さの変更ボタン -->
\r
120 <div id="panel-resizer-top">▲</div>
\r
121 <div id="panel-resizer-bottom">▼</div>
\r
123 <!-- コミック要素のリサイザ -->
\r
124 <div id="comic-element-resizer-container">
\r
125 <div class="comic-element-resizer" id="comic-element-resizer-top"></div>
\r
126 <div class="comic-element-resizer" id="comic-element-resizer-left"></div>
\r
127 <div class="comic-element-resizer" id="comic-element-resizer-right"></div>
\r
128 <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>
\r
129 <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>
\r
130 <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>
\r
131 <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>
\r
132 <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>
\r
133 <div id="balloon-tail-mover"></div>
\r
135 <!-- コミックオブジェクトコンソール -->
\r
136 <div id="comic-element-consol-wrapper">
\r
137 <div id="comic-element-consol-tail"></div>
\r
138 <div id="comic-element-consol-wrapper-when-out">
\r
139 <div id="image-element-consol">
\r
140 <div id="change-image-button"></div>
\r
141 <div id="layer-back-button"></div>
\r
142 <div id="delete-image-button"></div>
\r
143 <div id="layer-forward-button"></div>
\r
145 <div id="text-element-consol">
\r
146 <div id="edit-text-button"></div>
\r
147 <div id="change-text-style-button"></div>
\r
148 <div id="back-text-button"></div>
\r
149 <div id="delete-text-button"></div>
\r
150 <div id="hide-text-tail-button"></div>
\r
151 <div id="forward-text-button"></div>
\r
158 <div id="window-container"></div>
\r
161 <!-- layer-window -->
\r
162 <!-- dom-console-window -->
\r
163 <!-- post-window -->
\r
164 <!-- wellcome-window -->
\r
168 <div id="menu-bar"></div>
\r
170 <!-- マウスオペレーションキャッチャー -->
\r
171 <div id="mouse-operation-catcher" unselectable="on"></div>
\r
174 <script id="imgElementTemplete" type="text/x-jquery-tmpl">
\r
175 <div class="comic-element-wrapper image-element"></div>
\r
178 <script id="textElementTemplete" type="text/x-jquery-tmpl">
\r
179 <div class="comic-element-wrapper text-element">
\r
181 <div class="speach">
\r
182 <div class="speach-inner"></div>
\r
187 <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">
\r
188 <div class="comic-element-wrapper text-element">
\r
190 <div class="speach">
\r
191 <table><tr><td></td></tr></table>
\r
196 <script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">
\r
197 <div class="image-gruop-item">
\r
198 <img width="0" height="0">
\r
199 <div class="image-gruop-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
290 <!-- アウトプットコンソール -->
\r
291 <div id="output-console-wrapper" style="display: none;">
\r
292 <textarea id="output-area" readonly></textarea>
\r
296 <div id="speach-editor-wrapper" style="display: none;">
\r
297 <textarea id="speach-editor"></textarea>
\r
298 <div id="speach-edit-complete-button" class="button">OK</div>
\r
301 <!-- 画像グループから画像を選択 -->
\r
302 <div id="image-gruop-wrapper" style="display: none;">
\r
303 <div id="image-icon-container"></div>
\r
304 <div id="gruop-name-display">Group Name</div>
\r
305 <div id="image-gruop-button" class="button">cancel</div>
\r
308 <!-- パネルのポスト(テスト) -->
\r
309 <div id="panel-console-wrapper" class="console-wrapper">
\r
310 <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>
\r
311 <div id="panel-console" class="console-inner">
\r
312 <div id="newpanel"></div>
\r
313 <div class="console-button-container">
\r
314 <div id="panel-console-post-button" class="button console-submit-button">upload</div>
\r
315 <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
317 <div id="panel-console-progress" class="console-progress"> </div>
\r
322 <div id="upload-console-wrapper" class="console-wrapper">
\r
323 <div id="upload-console-header" class="console-header">Upload Picture</div>
\r
324 <div id="upload-console" class="console-inner">
\r
325 <div id="uploader"></div>
\r
326 <div class="console-button-container">
\r
327 <div id="upload-console-post-button" class="button console-submit-button">upload</div>
\r
328 <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
330 <div id="upload-console-progress" class="console-progress"> </div>
\r
334 <!-- コミックの新規作成・編集・削除 -->
\r
335 <div id="comic-console-wrapper" class="console-wrapper">
\r
336 <div id="comic-console-header" class="console-header">Create New Comic</div>
\r
337 <div id="comic-console" class="console-inner">
\r
338 <div id="comic-console-title" class="comic-console-line">
\r
339 <span class="comic-console-label">Title:</span>
\r
340 <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>
\r
342 <div id="comic-console-width" class="comic-console-line">
\r
343 <span class="comic-console-label">Default Width:</span>
\r
344 <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>
\r
346 <div id="comic-console-height" class="comic-console-line">
\r
347 <span class="comic-console-label">Default Height:</span>
\r
348 <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>
\r
350 <div id="comic-console-visible" class="comic-console-line">
\r
351 <span class="comic-console-label">Visible:</span>
\r
352 <span id="comic-console-visible-value" class="comic-console-value editable-value">1</span>
\r
354 <div id="comic-console-editable" class="comic-console-line">
\r
355 <span class="comic-console-label">Editable:</span>
\r
356 <span id="comic-console-editable-value" class="comic-console-value editable-value">1</span>
\r
358 <div class="console-button-container">
\r
359 <div id="comic-console-post-button" class="button console-submit-button">post(update)</div>
\r
360 <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>
\r
362 <div id="comic-console-progress" class="console-progress"> </div>
\r
366 <div id="overlay-close-button">x</div>
\r
369 <!-- Templete Container -->
\r
370 <div id="templete-container">
\r
373 <div id="templete-finder-container" class="finder-container">
\r
375 <!-- Finder Header -->
\r
376 <div class="finder-header">
\r
377 <ul class="finder-location">
\r
378 <!-- Finder location item-->
\r
379 <li id="templete-finder-location-item" class="finder-location-item">
\r
383 <div class="finder-sidebar-switch button">side</div>
\r
384 <div class="finder-style-switch button">style</div>
\r
385 <div class="finder-action-switch button">action</div>
\r
388 <div class="finder-body">
\r
389 <!-- Finder icon -->
\r
390 <div id="templete-finder-icon" class="finder-icon">
\r
391 <div class="finder-icon-thumbnail"></div>
\r
392 <div class="finder-icon-filename"></div>
\r
400 <%= javascript_include_tag "common" %>
\r
401 <%= javascript_include_tag "jquery-1.6.2.min" %>
\r
402 <% if current_user %>
\r
405 id: <%= @author ? @author.id : 0 %>,
\r
406 name: "<%= @author ? h(@author.name) : '' %>"
\r
408 <% if @artist and @artist.id %>
\r
410 id: <%= @artist.id %>,
\r
411 name: "<%= h(@artist.name) %>"
\r
416 <%= javascript_include_tag "work" %>
\r
417 <%= javascript_include_tag "system" %>
\r