OSDN Git Service

Client is version0.4.29, added exportConsole.
[pettanr/pettanr.git] / app / views / layouts / application.html.erb
index ecde3d3..b78281b 100644 (file)
                                <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
-                                       <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="overlay-shadow"></div>\r
                        <div id="overlay-close-button">x</div>\r
                </div>\r
-\r
-       <!-- アウトプットコンソール -->\r
-               <div id="output-console-wrapper">\r
-                       <textarea id="output-area" readonly></textarea>\r
-               </div>\r
                \r
        <!-- テキスト エディタ -->\r
                <div id="speach-editor-wrapper">\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">close</div>\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>\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="comic-console-line">\r
-                                       <span class="comic-console-label">Title:</span>\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="comic-console-line">\r
-                                       <span class="comic-console-label">Default Width:</span>\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="comic-console-line">\r
-                                       <span class="comic-console-label">Default Height:</span>\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="comic-console-line">\r
-                                       <span class="comic-console-label">Visible:</span>\r
-                                       <span id="comic-console-visible-value" class="comic-console-value editable-value">1</span>\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="comic-console-line">\r
-                                       <span class="comic-console-label">Editable:</span>\r
-                                       <span id="comic-console-editable-value" class="comic-console-value editable-value">1</span>\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">post(update)</div>\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
                                \r
                                <div class="finder-body">\r
                                        <!-- Finder icon -->\r
-                                       <div id="templete-finder-icon" class="finder-icon">\r
-                                               <div class="finder-icon-handle"></div>\r
-                                               <div class="finder-icon-thumbnail"></div>\r
-                                               <div class="finder-icon-filename">file name</div>\r
-                                               <div class="finder-icon-summary">file descriptiion</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
-                                                       <div class="finder-icon-console-action"></div>\r
-                                                       <div class="finder-icon-console-editor-apps"></div>\r
-                                                       <div class="finder-icon-console-viewer-apps"></div>\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