OSDN Git Service

version 0.5.31, UIForm.FileInput working.
[pettanr/clientJs.git] / 0.4.x / work.html
index f057975..0d85796 100644 (file)
@@ -7,36 +7,13 @@
            <meta http-equiv="Content-Style-Type" content="text/css">\r
            <meta http-equiv="imagetoolbar" content="no">\r
         <title>Resource Console | pettanR</title>\r
-               <link rel="stylesheet" type="text/css" href="common.css">\r
-               <link rel="stylesheet" type="text/css" href="work.css">\r
+               <link rel="stylesheet" type="text/css" href="stylesheets/common.css">\r
+               <link rel="stylesheet" type="text/css" href="stylesheets/work.css">\r
     </head>\r
     <body>\r
-       <!--[if lt IE 9]>\r
-               <script type="text/javascript">\r
-                               (function(){\r
-                                       var     b = document.body || (function(){document.write('&lt;body&gt;');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
+                               <h1><a href="index.html">pettanR</a></h1>\r
                        <!-- global navi -->\r
                                <div id="global-navi">\r
                                        <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
                </div>\r
                \r
                <div id="inner-wrapper" class="base-content-width">\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
+                               <h3>クイックアクセス</h3>\r
+                               <p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>\r
+                               <p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>\r
+                               <p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>\r
+                               <p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加(開発用)</a></p>\r
+                               <p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録(今はすでに登録している場合も操作可能です、、、、)</a></p>\r
+                               <h3>座長からのお知らせ</h3>\r
+                               <p>メンテナンスについて</p>\r
+                       </div>\r
+                       \r
+               <!-- setting -->\r
+                       <div id="backyard" class="console-page main"></div>\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
+               <!-- 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
+                               <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
-               <!-- comic list -->\r
-                       <div id="cabinet" class="console-page">\r
-                               <div id="cabinet-container" class="finder-container"></div>\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
+                                       <dt>ActiveX test</dt>\r
+                                       <dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>\r
+                                       <dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>\r
+                                       <dt>Debug mode</dt>\r
+                                       <dd><a href="work.html?debug=true">Debug Enabled</a></dd>\r
+                                       <dd><a href="work.html?debug=false">Debug 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
-               <!-- image list -->\r
-                       <div id="gallery" class="console-page"></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
+               \r
        <!-- Editor -->\r
                <div id="editor" class="view-container">\r
                <p id="key-event-log" style="margin-top: 5em;"></p>\r
                                <div class="comic-element-wrapper text-element">\r
                                        <img>\r
                                        <div class="speach">\r
-                                               <div class="speach-inner"></div>\r
+                                               <div class="speach-inner">&nbsp;</div>\r
                                        </div>\r
                                </div>\r
                        </script>\r
                                <div class="comic-element-wrapper text-element">\r
                                        <img>\r
                                        <div class="speach">\r
-                                               <table><tr><td></td></tr></table>\r
+                                               <table><tr><td>&nbsp;</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
+                       <script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">\r
+                               <div class="image-group-item">\r
+                                       <div class="image-group-item-title">img-title</div>\r
                                </div>                          \r
                        </script>\r
                        \r
                                <div id="image-exproler-container" class="finder-container"></div>\r
                        </script>\r
                </div>\r
-       <!-- Editor -->\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 id="overlay-close-button">x</div>\r
+               </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-group-wrapper">\r
+                       <div id="image-group-icon-container"></div>\r
+                       <div id="image-group-name">NO DATA...</div>\r
+                       <div id="image-group-button" class="button">close</div>\r
+               </div>\r
+\r
+       <!-- コミック リーダー -->\r
+               <div id="comic-reader-wrapper">\r
+                       <div id="comic-reader-panel-container"></div>\r
+                       <div class="comic-reader-shadow" style="top:0;height:40px;"></div>\r
+                       <div id="comic-reader-header">\r
+                               <div id="comic-reader-header-content">\r
+                                       <span id="comic-reader-title">NO DATA...</span>\r
+                                       <span id="comic-reader-author">NO DATA...</span>\r
+                               </div>\r
+                       </div>\r
+                       <div class="comic-reader-shadow" style="bottom:0;height:100px;"></div>\r
+                       <div id="comic-reader-console">\r
+                               <div id="comic-reader-button-centering">\r
+                                       <a href="#" id="comic-reader-back-button">▲</da>\r
+                                       <a href="#" id="comic-reader-forward-button">▼</a>\r
+                               </div>\r
                        </div>\r
+               </div>\r
+       \r
+       <!-- 作家登録 -->\r
+               <div id="artist-console-wrapper" class="console-wrapper">\r
+                       <div id="artist-console-header" class="console-header">Register Artist</div>\r
+                       <div id="artist-console" class="console-inner">\r
+                               <div id="register"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="artist-console-post-button" class="button console-submit-button">register</div>\r
+                                       <div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="artist-console-progress" class="console-progress">&nbsp;</div>                                 \r
+                       </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
+       <!-- パネルのポスト(テスト) -->\r
+               <div id="panel-console-wrapper" class="console-wrapper">\r
+                       <div id="panel-console-header" class="console-header">Create New Panel (dev)</div>\r
+                       <div id="panel-console" class="console-inner">\r
+                               <div id="newpanel"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="panel-console-post-button" class="button console-submit-button">post</div>\r
+                                       <div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="panel-console-progress" class="console-progress">&nbsp;</div>                                  \r
+                       </div>\r
+               </div>\r
+\r
+       <!-- 画像のアップロード-->\r
+               <div id="upload-console-wrapper" class="console-wrapper">\r
+                       <div id="upload-console-header" class="console-header">Upload Picture</div>\r
+                       <div id="upload-console" class="console-inner">\r
+                               <div id="uploader"></div>\r
+                               <div class="console-button-container">\r
+                                       <div id="upload-console-post-button" class="button console-submit-button">upload</div>\r
+                                       <div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="upload-console-progress" class="console-progress">&nbsp;</div>                                 \r
+                       </div>\r
+               </div>\r
+\r
+       <!-- アウトプットコンソール -->\r
+               <div id="output-console-wrapper" class="console-wrapper">\r
+                       <div id="output-console-header" class="console-header">Output Console</div>\r
+                       <div id="output-console" class="console-inner">\r
+                               <div id="output-console-format" class="field">\r
+                                       <span class="field-label">Format:</span>\r
+                                       <span id="output-console-format-value" class="output-console-value combobox"></span>\r
+                               </div>\r
+                               <div id="output-console-option" class="field">\r
+                                       <span class="field-label">Options:</span>\r
+                                       <span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>\r
+                               </div>                          \r
+                               <div id="output-console-button-container" class="clearfix">\r
+                                       <div id="output-console-generate-button" class="button console-submit-button">generate</div>\r
+                                       <div id="output-console-close-button" class="button console-cancel-button">close</div>\r
+                               </div>\r
+                               <textarea id="output-area" readonly></textarea>\r
+                       </div>\r
+               </div>\r
+\r
+       <!-- コミックの新規作成・編集・削除 -->\r
+               <div id="comic-console-wrapper" class="console-wrapper">\r
+                       <div id="comic-console-header" class="console-header">Create New Comic</div>\r
+                       <div id="comic-console" class="console-inner">\r
+                               <div id="comic-console-title" class="field">\r
+                                       <span class="field-label">Title:</span>\r
+                                       <span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>\r
+                               </div>\r
+                               <div id="comic-console-width" class="field">\r
+                                       <span class="field-label">Default Width:</span>\r
+                                       <span id="comic-console-width-value" class="comic-console-value editable-value">300</span>\r
+                               </div>\r
+                               <div id="comic-console-height" class="field">\r
+                                       <span class="field-label">Default Height:</span>\r
+                                       <span id="comic-console-height-value" class="comic-console-value editable-value">200</span>\r
+                               </div>\r
+                               <div id="comic-console-visible" class="field">\r
+                                       <span class="field-label">Visible:</span>\r
+                                       <span id="comic-console-visible-value" class="comic-console-value combobox"></span>\r
+                               </div>\r
+                               <div id="comic-console-editable" class="field">\r
+                                       <span class="field-label">Editable:</span>\r
+                                       <span id="comic-console-editable-value" class="comic-console-value combobox"></span>\r
+                               </div>\r
+                               <div class="console-button-container">\r
+                                       <div id="comic-console-post-button" class="button console-submit-button">create</div>\r
+                                       <div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>\r
+                               </div>\r
+                               <div id="comic-console-progress" class="console-progress">&nbsp;</div>\r
                        </div>\r
-                       \r
-                       <div id="overlay-close-button">x</div>\r
                </div>\r
 \r
        <!-- Templete Container -->\r
-               <div id="templete-container">\r
+               <div id="templete-container" style="display: none;">\r
                        \r
                <!-- Finder -->\r
                        <div id="templete-finder-container" class="finder-container">\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 id="templete-finder-icon" class="finder-icon fnder-icon-modern">\r
+                                               <span class="finder-icon-handle"></span>\r
+                                               <span class="finder-icon-thumbnail"></span>\r
+                                               <span class="finder-icon-filename break-word">file name</span>\r
+                                               <span class="finder-icon-summary break-word">file descriptiion</span>\r
+                                               <div class="finder-icon-console">\r
+                                                       <a href="#" class="finder-icon-console-action"></a>\r
+                                                       <a href="#" class="finder-icon-console-editor-apps"></a>\r
+                                                       <a href="#" class="finder-icon-console-viewer-apps"></a>\r
+                                               </div>\r
+                                       </div>\r
+                                       \r
+                                       <div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">\r
+                                               <a href="#" class="finder-icon-main">\r
+                                                       <span class="finder-icon-handle"></span>\r
+                                                       <span class="finder-icon-thumbnail"></span>\r
+                                                       <span class="finder-icon-cell finder-icon-ie-filename">\r
+                                                               <span class="finder-icon-vertical-middle-outer">  \r
+                                                                       <span class="finder-icon-vertical-middle-inner">  \r
+                                                                               <span class="finder-icon-filename break-word">file name</span> \r
+                                                                       </span>\r
+                                                               </span>\r
+                                                       </span>\r
+                                                       <span class="finder-icon-cell finder-icon-ie-summary">\r
+                                                               <span class="finder-icon-vertical-middle-outer">  \r
+                                                                       <span class="finder-icon-vertical-middle-inner">  \r
+                                                                               <span class="finder-icon-summary break-word">file descriptiion</span>\r
+                                                                       </span>\r
+                                                               </span>\r
+                                                       </span>\r
+                                               </a>\r
+                                               <div class="finder-icon-console">\r
+                                                       <a href="#" class="finder-icon-console-action"></a>\r
+                                                       <a href="#" class="finder-icon-console-editor-apps"></a>\r
+                                                       <a href="#" class="finder-icon-console-viewer-apps"></a>\r
+                                               </div>\r
                                        </div>\r
                                        \r
                                </div>\r
                        \r
                </div>\r
 \r
-               <script type="text/javascript" src="common.js"></script>\r
-               <script type="text/javascript" src="jquery-1.6.2.min.js"></script>\r
-               <script type="text/javascript" src="work.js"></script>\r
-               <script type="text/javascript" src="system.js"></script>\r
+               <script type="text/javascript">\r
+                       var has_server_support = false;\r
+               </script>\r
+               <script type="text/javascript" src="javascripts/common.js"></script>\r
+               <script type="text/javascript" src="javascripts/jquery-1.6.2.min.js"></script>\r
+               <script type="text/javascript" src="javascripts/work.js"></script>\r
+               <script type="text/javascript" src="javascripts/system.js"></script>\r
     </body>\r
 </html>\r