<div id="inner-wrapper" class="base-content-width">\r
\r
<!-- home -->\r
- <div id="entrance" class="console-page main" style="display:block;">\r
- <%= yield %>\r
+ <div id="entrance" class="console-page main" style="display:block;">\r
+ <%= yield %>\r
<h3>クイックアクセス</h3>\r
- <p><a href="#" onclick="pettanr.view.show('editor');return false;">新しいコマを描く</a></p>\r
- <p><a href="#" onclick="pettanr.comicConsole._quickAccessShow();return false;">新しいコミックをつくる</a></p>\r
- <p><a href="#" onclick="pettanr.uploadConsole._quickAccessShow();return false;">画像のアップロード</a></p>\r
- <p><a href="#" onclick="pettanr.panelConsole._quickAccessShow();return false;">コマの追加(開発用)</a></p>\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
<div class="comic-element-wrapper text-element">\r
<img>\r
<div class="speach">\r
- <div class="speach-inner"></div>\r
+ <div class="speach-inner"> </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> </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
<!-- オーバーレイ -->\r
<div id="overlay-container" style="display: none;">\r
<div id="overlay-shadow"></div>\r
+ <div id="overlay-close-button">x</div>\r
+ </div>\r
\r
- <!-- アウトプットコンソール -->\r
- <div id="output-console-wrapper" style="display: none;">\r
- <textarea id="output-area" readonly></textarea>\r
- </div>\r
- \r
- <!-- テキスト エディタ -->\r
- <div id="speach-editor-wrapper" style="display: none;">\r
- <textarea id="speach-editor"></textarea>\r
- <div id="speach-edit-complete-button" class="button">OK</div>\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="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"> </div> \r
</div>\r
+ </div>\r
\r
- <!-- 画像グループから画像を選択 -->\r
- <div id="image-gruop-wrapper" style="display: none;">\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"> </div> \r
</div>\r
+ </div>\r
\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">upload</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"> </div> \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"> </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"> </div> \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
- <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
- <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
- <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>\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>\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-cancel-button" class="button console-cancel-button">cancel</div>\r
- </div>\r
- <div id="comic-console-progress" class="console-progress"> </div>\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"> </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