<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
<html xmlns:v="urn:schemas-microsoft-com:vml">\r
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
- <meta http-equiv="Content-Language" content="ja">\r
- <meta http-equiv="Content-Script-Type" content="text/javascript">\r
- <meta http-equiv="Content-Style-Type" content="text/css">\r
- <meta http-equiv="imagetoolbar" content="no">\r
- <title>Pettanr</title>
- <%= stylesheet_link_tag "common" %>
- <%= stylesheet_link_tag "work" %>
- <%= csrf_meta_tags %>
-</head>
-<body>\r
- <!--[if lt IE 9]>\r
- <script type="text/javascript">\r
- (function(){\r
- var b = document.body || (function(){document.write('<body>');return document.body;})(),\r
- x = (function(){\r
- try {var t = new ActiveXObject('DXImageTransform.Microsoft.gradient');}catch(e){}\r
- return 'pettanr-ActiveX-' +( t ? 'enabled' : 'disabled');\r
- })();\r
- if( !b.className.match(x)) b.className += ( b.className.length === 0 ? '' : ' ') +x;\r
- })(); \r
- </script>\r
- <![endif]-->\r
- \r
- <!-- 改行コード 取得用 -->\r
-<form>\r
-<textarea id="shadowTxtarea" style="display:none;">\r
-\r
-</textarea>\r
-</form>\r
-<pre id="shadowPre" style="display:none;">\r
-\r
-</pre>\r
-\r
- <div id="header">\r
- <div class="base-content-width" style="position:relative;">\r
- <h1>pettanR</h1>\r
- <!-- global navi -->\r
- <div id="global-navi">\r
- <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
- </div>\r
- </div>\r
- </div>\r
- \r
- <div id="inner-wrapper" class="base-content-width">\r
-\r
- <!-- home -->\r
- <div id="entrance" class="console-page main">\r
- <h2>Wellcome to pettanR!</h2>\r
- <p>Hello, xxxxx.</p>\r
- <p>This page is login user console.</p>\r
- <a href="#" onclick="pettanr.view.show('editor')">boot editor</a>\r
- </div>\r
- \r
- <!-- setting -->\r
- <div id="backyard" class="console-page main"></div>\r
-\r
- <!-- debug-->\r
- <div id="debug" class="console-page main">\r
- <h2>Environment</h2>\r
- <dl id="useragent" class="dl-table clearfix"></dl>\r
-\r
- <h2>Boot console in debug mode</h2>\r
- <dl class="dl-table clearfix">\r
- <dt>xdomain json</dt>\r
- <dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd> \r
- </dl>\r
- \r
- <h2>Boot editor in debug mode</h2>\r
- <dl class="dl-table clearfix">\r
- <dt>General Boot</dt>\r
- <dd><a href="work.html?view=editor">Boot Editor</a></dd>\r
- <dt>Reversible Image test</dt>\r
- <dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>\r
- <dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>\r
- <dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>\r
- <dt>Balloon test</dt>\r
- <dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>\r
- </dl>\r
- \r
- <h2>XML + XSLT pages</h2>\r
- \r
- <dl class="dl-table clearfix">\r
- <dt>help documents</dt>\r
- <dd><a href="help/jp.xml">jp.xml</a></dd>\r
- <dt>xml test</dt>\r
- <dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>\r
- <dt>other</dt>\r
- <dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>\r
- </dl> \r
- </div>\r
- </div>\r
- \r
- <!-- comic list -->\r
- <div id="cabinet" class="console-page">\r
- <div id="cabinet-container" class="finder-container"></div>\r
- </div>\r
- \r
- <!-- image list -->\r
- <div id="gallery" class="console-page"></div>\r
- \r
- </div>\r
- \r
- <!-- Editor -->\r
- <div id="editor" class="view-container">\r
- <p id="key-event-log" style="margin-top: 5em;"></p>\r
- <p id="history-log"></p>\r
- <p id="operation-catcher-log"></p>\r
- <p id="tail-log"></p>\r
- <p id="window-log"></p>\r
- \r
- <!-- コマの背景(パターン・塗りつぶし) -->\r
- \r
- <!-- グリッド-->\r
- <div id="grid" style="display:none;"></div>\r
- \r
- <!-- コマ要素 -->\r
- <div id="comic-element-container"></div>\r
-\r
- <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
- <div id="whiteGlass-container">\r
- <div id="whiteGlass-top"></div>\r
- <div id="whiteGlass-left"></div>\r
- <div id="whiteGlass-right"></div>\r
- <div id="whiteGlass-bottom"></div>\r
- </div>\r
- \r
- <!-- コマ操作ツール-->\r
- <div id="panel-tools-container">\r
- <!-- コマの高さの変更ボタン -->\r
- <div id="panel-resizer-top">▲</div>\r
- <div id="panel-resizer-bottom">▼</div>\r
- \r
- <!-- コミック要素のリサイザ -->\r
- <div id="comic-element-resizer-container">\r
- <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
- <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
- <div id="balloon-tail-mover"></div>\r
- \r
- <!-- コミックオブジェクトコンソール -->\r
- <div id="comic-element-consol-wrapper">\r
- <div id="comic-element-consol-tail"></div>\r
- <div id="comic-element-consol-wrapper-when-out">\r
- <div id="image-element-consol">\r
- <div id="change-image-button"></div>\r
- <div id="layer-back-button"></div>\r
- <div id="delete-image-button"></div>\r
- <div id="layer-forward-button"></div>\r
- </div>\r
- <div id="text-element-consol">\r
- <div id="edit-text-button"></div>\r
- <div id="change-text-style-button"></div>\r
- <div id="back-text-button"></div>\r
- <div id="delete-text-button"></div>\r
- <div id="hide-text-tail-button"></div>\r
- <div id="forward-text-button"></div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
- </div>\r
-\r
- <div id="window-container"></div>\r
- \r
-\r
- <!-- layer-window -->\r
- <!-- dom-console-window -->\r
- <!-- post-window -->\r
- <!-- wellcome-window -->\r
- \r
-\r
- <!-- メニューバー -->\r
- <div id="menu-bar"></div>\r
- \r
- <!-- マウスオペレーションキャッチャー -->\r
- <div id="mouse-operation-catcher" unselectable="on"></div>\r
- \r
- <!-- テンプレート -->\r
- <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
- <div class="comic-element-wrapper image-element"></div>\r
- </script>\r
- \r
- <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
- <div class="comic-element-wrapper text-element">\r
- <img>\r
- <div class="speach">\r
- <div class="speach-inner"></div>\r
- </div>\r
- </div>\r
- </script>\r
- \r
- <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
- <div class="comic-element-wrapper text-element">\r
- <img>\r
- <div class="speach">\r
- <table><tr><td></td></tr></table>\r
- </div>\r
- </div>\r
- </script>\r
- \r
- <script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">\r
- <div class="image-gruop-item">\r
- <img width="0" height="0">\r
- <div class="image-gruop-item-title">img-title</div>\r
- </div> \r
- </script>\r
- \r
- <script id="windowTemplete" type="text/x-jquery-tmpl">\r
- <div class="window-wrapper">\r
- <div class="window-header">window title</div>\r
- <div class="window-close-button">x</div>\r
- <div class="window-body clearfix">\r
- <div class="window-body-insert-position"></div>\r
- </div>\r
- <div class="window-footer">\r
- <div class="window-resize-button">/</div>\r
- </div>\r
- </div>\r
- </script>\r
- \r
- <!-- infomation-window -->\r
- <script id="infomation-window" type="text/x-jquery-tmpl">\r
- <div id="panel-background-information">\r
- <div id="bg-pattern"></div>\r
- <div id="select-bg-pattern-button">pattern</div>\r
- <div id="reset-bg-pattern-button">x</div>\r
- <div id="bg-color"></div>\r
- <div id="select-bg-color-button">color</div>\r
- <div id="reset-bg-color-button">x</div>\r
- <!-- <div id="bg-pattern-x"></div>\r
- <div id="bg-pattern-y"></div>\r
- <div id="bg-pattern-repeat-x"></div>\r
- <div id="bg-pattern-repeat-y"></div> -->\r
- </div>\r
- \r
- <div id="comic-element-infomation">\r
- <div id="comic-element-x">\r
- <span class="comic-element-attribute-label">x:</span>\r
- <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
- </div>\r
- <div id="comic-element-y">\r
- <span class="comic-element-attribute-label">y:</span>\r
- <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
- </div>\r
- <div id="comic-element-z">\r
- <span class="comic-element-attribute-label">z:</span>\r
- <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
- </div>\r
- <div id="comic-element-a">\r
- <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
- <span class="comic-element-attribute-label">°</span>\r
- </div>\r
- <div id="comic-element-w">\r
- <span class="comic-element-attribute-label">w:</span>\r
- <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
- </div>\r
- <div id="comic-element-h">\r
- <span class="comic-element-attribute-label">h:</span>\r
- <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
- </div>\r
- <div id="comic-element-w-percent">\r
- <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
- <span class="comic-element-attribute-label">%</span>\r
- </div>\r
- <div id="comic-element-h-percent">\r
- <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
- <span class="comic-element-attribute-label">%</span>\r
- </div>\r
- <div id="comic-element-keep-aspect"></div>\r
- </div>\r
- </script>\r
-\r
- <!-- toolbox-window -->\r
- <script id="toolbox-window" type="text/x-jquery-tmpl">\r
- <div id="toolbox-add-image-button">add image</div>\r
- <div id="toolbox-add-text-button">add text</div>\r
- <div id="toolbox-edit-bg-button">edit bg</div>\r
- <div id="toolbox-switch-grid">grid</div>\r
- <div id="toolbox-popup-help-button">?</div>\r
- <div id="toolbox-post-button">post</div>\r
- </script>\r
- \r
- <!-- image explorer -->\r
- <script id="image-exproler" type="text/x-jquery-tmpl">\r
- <div id="image-exproler-container" class="finder-container"></div>\r
- </script>\r
+ <head>\r
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
+ <meta http-equiv="Content-Language" content="ja">\r
+ <meta http-equiv="Content-Script-Type" content="text/javascript">\r
+ <meta http-equiv="Content-Style-Type" content="text/css">\r
+ <meta http-equiv="imagetoolbar" content="no">\r
+ <title>Pettanr</title>\r
+ <%= stylesheet_link_tag "system.css" %>\r
+ <%= stylesheet_link_tag "peta.common.css" %>\r
+ <%= csrf_meta_tags %>\r
+ </head>\r
+ <body>\r
+ <div id="server-content" class="">\r
+ <%= yield %>\r
</div>\r
- <!-- Editor -->\r
- \r
- \r
- <!-- オーバーレイ -->\r
- <div id="overlay-container" style="display: none;">\r
- <div id="overlay-shadow"></div>\r
- \r
- <!-- テキスト エディタ -->\r
- <div id="speach-editor-wrapper">\r
- <textarea id="speach-editor"></textarea>\r
- <div id="speach-edit-complete-button" class="button">OK</div>\r
- </div>\r
-\r
- <!-- 画像グループから画像を選択 -->\r
- <div id="image-gruop-wrapper">\r
- <div id="image-icon-container"></div>\r
- <div id="gruop-name-display">Group Name</div>\r
- <div id="image-gruop-button" class="button">cancel</div>\r
- </div>\r
- \r
- <div id="overlay-close-button">x</div>\r
- </div>\r
-\r
- <!-- Templete Container -->\r
- <div id="templete-container">\r
- \r
- <!-- Finder -->\r
- <div id="templete-finder-container" class="finder-container">\r
- \r
- <!-- Finder Header -->\r
- <div class="finder-header">\r
- <ul class="finder-location">\r
- <!-- Finder location item-->\r
- <li id="templete-finder-location-item" class="finder-location-item">\r
- <a href="#"></a>\r
- </li>\r
- </ul>\r
- <div class="finder-sidebar-switch button">side</div>\r
- <div class="finder-style-switch button">style</div>\r
- <div class="finder-action-switch button">action</div>\r
- </div>\r
- \r
- <div class="finder-body">\r
- <!-- Finder icon -->\r
- <div id="templete-finder-icon" class="finder-icon">\r
- <div class="finder-icon-thumbnail"></div>\r
- <div class="finder-icon-filename"></div>\r
- </div>\r
- \r
- </div>\r
- </div>\r
- \r
- </div>\r
-<%= yield %>
- <%= javascript_include_tag "common" %>
- <%= javascript_include_tag "system" %>
-<%if current_author %>
- <script>
- current_author = {
- id: <%= current_author.id %>,
- name: "<%= h current_author.name %>"
- }
- </script>
-<% end %>
- <%= javascript_include_tag "work" %>
-\r
- </body>\r
-</html>
+ <div id="esc-msg" style="border:1px red solid;padding:10px;margin:10px;cursor:pointer;">[ESC] キーを押すと Metro ホームに入るよ.ホームの一番最後のタイルをクリックすると このページに戻るよ.</div>\r
+ <div id="server-page-close-button" class="button" style="width:100px;margin:1em;">ホームへ</div>\r
+ <%= javascript_tag 'var server_result=' + @server_result.to_json + ';' %>\r
+ <%= javascript_include_tag "jquery-1.6.2.min" %>\r
+ <%= javascript_include_tag "system" %>\r
+ <% if current_user %>\r
+\r
+ <script type="text/javascript">\r
+ current_author = {\r
+ id: <%= @author ? @author.id : 0 %>,\r
+ name: "<%= @author ? h(@author.name) : '' %>"\r
+ }\r
+ <% if @artist and @artist.id %>\r
+ current_artist = {\r
+ id: <%= @artist.id %>,\r
+ name: "<%= h(@artist.name) %>"\r
+ }\r
+ <% end %>\r
+ </script>\r
+ <% end %>\r
+ <%= javascript_include_tag "peta.common" %>\r
+ <%= javascript_include_tag "peta.apps" %>\r
+ <%= javascript_include_tag "pongame" %>\r
+ </body>\r
+</html>\r