X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.4.x%2Fwork.html;h=0d85796d07d1c6e96cf1b359b181377711a78ac8;hb=67cb7059b2dab2d5d1c72214e7cfa026b0ec6b75;hp=aa00723278fc0083b661bf20f0e1ca843e445a39;hpb=5592df19c3498d587690a19022f1351cae368a4d;p=pettanr%2FclientJs.git

diff --git a/0.4.x/work.html b/0.4.x/work.html
index aa00723..0d85796 100644
--- a/0.4.x/work.html
+++ b/0.4.x/work.html
@@ -22,75 +22,75 @@
 		</div>
 		
 		<div id="inner-wrapper" class="base-content-width">
+		<!-- home -->
+			<div id="entrance" class="console-page main">
+				<h2>Wellcome to pettanR!</h2>
+				<p>Hello, xxxxx.</p>
+				<p>This page is login user console.</p>
+				<h3>クイックアクセス</h3>
+				<p><a href="#" onclick="pettanr.editor.boot();return false;">新しいコマを描く(開発用)</a></p>
+				<p><a href="#" onclick="pettanr.comicConsole.bootInOverlay();return false;">新しいコミックをつくる</a></p>
+				<p><a href="#" onclick="pettanr.uploadConsole.bootInOverlay();return false;">画像のアップロード</a></p>
+				<p><a href="#" onclick="pettanr.panelConsole.bootInOverlay();return false;">コマの追加（開発用）</a></p>
+				<p><a href="#" onclick="pettanr.artistConsole.bootInOverlay();return false;">アーティスト登録（今はすでに登録している場合も操作可能です、、、、）</a></p>
+				<h3>座長からのお知らせ</h3>
+				<p>メンテナンスについて</p>
+			</div>
+			
+		<!-- setting -->
+			<div id="backyard" class="console-page main"></div>
 
-			<!-- home -->
-				<div id="entrance" class="console-page main">
-					<h2>Wellcome to pettanR!</h2>
-					<p>Hello, xxxxx.</p>
-					<p>This page is login user console.</p>
-					<h3>クイックアクセス</h3>
-					<p>新しいコミックをつくる</p>
-					<p><a href="#" onclick="pettanr.view.show('editor');return false;">新しいコマを描く</a></p>
-					<p>画像のアップロード</p>
-					<h3>編集長からのお知らせ</h3>
-					<p>メンテナンスについて</p>
-				</div>
-				
-			<!-- setting -->
-				<div id="backyard" class="console-page main"></div>
-
-			<!-- debug-->
-				<div id="debug" class="console-page main">
-					<h2>Environment</h2>
-					<dl id="useragent" class="dl-table clearfix"></dl>
+		<!-- debug-->
+			<div id="debug" class="console-page main">
+				<h2>Environment</h2>
+				<dl id="useragent" class="dl-table clearfix"></dl>
 
-					<h2>Boot console in debug mode</h2>
-					<dl class="dl-table clearfix">
-						<dt>xdomain json</dt>
-						<dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>			
-					</dl>
-				
-					<h2>Boot editor in debug mode</h2>
-					<dl class="dl-table clearfix">
-						<dt>General Boot</dt>
-						<dd><a href="work.html?view=editor">Boot Editor</a></dd>
-						<dt>Reversible Image test</dt>
-						<dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>
-						<dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>
-						<dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>
-						<dt>Balloon test</dt>
-						<dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>
-						<dt>ActiveX test</dt>
-						<dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>
-						<dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>
-						<dt>Debug mode</dt>
-						<dd><a href="work.html?debug=true">Debug Enabled</a></dd>
-						<dd><a href="work.html?debug=false">Debug Disabled</a></dd>
-					</dl>
-					
-					<h2>XML + XSLT pages</h2>
-					
-					<dl class="dl-table clearfix">
-						<dt>help documents</dt>
-						<dd><a href="help/jp.xml">jp.xml</a></dd>
-						<dt>xml test</dt>
-						<dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>
-						<dt>other</dt>
-						<dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>
-					</dl>				
-				</div>
-			</div>
+				<h2>Boot console in debug mode</h2>
+				<dl class="dl-table clearfix">
+					<dt>xdomain json</dt>
+					<dd><a href="work.html?view=2&exjson=false">use same domain json</a></dd>			
+				</dl>
 			
-		<!-- comic list -->
-			<div id="cabinet" class="console-page">
-				<div id="cabinet-container" class="finder-container"></div>
+				<h2>Boot editor in debug mode</h2>
+				<dl class="dl-table clearfix">
+					<dt>General Boot</dt>
+					<dd><a href="work.html?view=editor">Boot Editor</a></dd>
+					<dt>Reversible Image test</dt>
+					<dd><a href="work.html?view=editor&rimg=CSS3">Backend is CSS3</a></dd>
+					<dd><a href="work.html?view=editor&rimg=VML">Backend is VML</a></dd>
+					<dd><a href="work.html?view=editor&rimg=ActiveX">Backend is ActiveX</a></dd>
+					<dt>Balloon test</dt>
+					<dd><a href="work.html?view=editor&vector=false">Vector Disabled</a></dd>
+					<dt>ActiveX test</dt>
+					<dd><a href="work.html?ActiveX=true">ActiveX Enabled</a></dd>
+					<dd><a href="work.html?ActiveX=false">ActiveX Disabled</a></dd>
+					<dt>Debug mode</dt>
+					<dd><a href="work.html?debug=true">Debug Enabled</a></dd>
+					<dd><a href="work.html?debug=false">Debug Disabled</a></dd>
+				</dl>
+				
+				<h2>XML + XSLT pages</h2>
+				
+				<dl class="dl-table clearfix">
+					<dt>help documents</dt>
+					<dd><a href="help/jp.xml">jp.xml</a></dd>
+					<dt>xml test</dt>
+					<dd><a href="diary/itozyun.xml">itozyn's diary</a></dd>
+					<dt>other</dt>
+					<dd><a href="sitemap/sitemap.xml">sitemap.xml</a></dd>
+				</dl>				
 			</div>
+		</div>
 			
-		<!-- image list -->
-			<div id="gallery" class="console-page"></div>
-			
+	<!-- comic list -->
+		<div id="cabinet" class="console-page">
+			<div id="cabinet-container" class="finder-container"></div>
 		</div>
 		
+	<!-- image list -->
+		<div id="gallery" class="console-page"></div>
+
+		
 	<!-- Editor -->
 		<div id="editor" class="view-container">
 	        <p id="key-event-log" style="margin-top: 5em;"></p>
@@ -180,7 +180,7 @@
 				<div class="comic-element-wrapper text-element">
 					<img>
 					<div class="speach">
-						<div class="speach-inner"></div>
+						<div class="speach-inner">&nbsp;</div>
 					</div>
 				</div>
 			</script>
@@ -189,15 +189,14 @@
 				<div class="comic-element-wrapper text-element">
 					<img>
 					<div class="speach">
-						<table><tr><td></td></tr></table>
+						<table><tr><td>&nbsp;</td></tr></table>
 					</div>
 				</div>
 			</script>
 			
-			<script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">
-				<div class="image-gruop-item">
-					<img width="0" height="0">
-					<div class="image-gruop-item-title">img-title</div>
+			<script id="imageGroupItemTemplete" type="text/x-jquery-tmpl">
+				<div class="image-group-item">
+					<div class="image-group-item-title">img-title</div>
 				</div>				
 			</script>
 			
@@ -287,30 +286,134 @@
 	<!-- オーバーレイ -->
 		<div id="overlay-container" style="display: none;">
 			<div id="overlay-shadow"></div>
+			<div id="overlay-close-button">x</div>
+		</div>
 		
-		<!-- アウトプットコンソール -->
-			<div id="output-console-wrapper">
-				<textarea id="output-area" readonly></textarea>
+	<!-- テキスト エディタ -->
+		<div id="speach-editor-wrapper">
+			<textarea id="speach-editor"></textarea>
+			<div id="speach-edit-complete-button" class="button">OK</div>
+		</div>
+
+	<!-- 画像グループから画像を選択 -->
+		<div id="image-group-wrapper">
+			<div id="image-group-icon-container"></div>
+			<div id="image-group-name">NO DATA...</div>
+			<div id="image-group-button" class="button">close</div>
+		</div>
+
+	<!-- コミック リーダー -->
+		<div id="comic-reader-wrapper">
+			<div id="comic-reader-panel-container"></div>
+			<div class="comic-reader-shadow" style="top:0;height:40px;"></div>
+			<div id="comic-reader-header">
+				<div id="comic-reader-header-content">
+					<span id="comic-reader-title">NO DATA...</span>
+					<span id="comic-reader-author">NO DATA...</span>
+				</div>
 			</div>
-			
-		<!-- テキスト エディタ -->
-			<div id="speach-editor-wrapper">
-				<textarea id="speach-editor"></textarea>
-				<div id="speach-edit-complete-button" class="button">OK</div>
+			<div class="comic-reader-shadow" style="bottom:0;height:100px;"></div>
+			<div id="comic-reader-console">
+				<div id="comic-reader-button-centering">
+					<a href="#" id="comic-reader-back-button">▲</da>
+					<a href="#" id="comic-reader-forward-button">▼</a>
+				</div>
+			</div>
+		</div>
+	
+	<!-- 作家登録 -->
+		<div id="artist-console-wrapper" class="console-wrapper">
+			<div id="artist-console-header" class="console-header">Register Artist</div>
+			<div id="artist-console" class="console-inner">
+				<div id="register"></div>
+				<div class="console-button-container">
+					<div id="artist-console-post-button" class="button console-submit-button">register</div>
+					<div id="artist-console-cancel-button" class="button console-cancel-button">cancel</div>
+				</div>
+				<div id="artist-console-progress" class="console-progress">&nbsp;</div>					
 			</div>
+		</div>
 
-		<!-- 画像グループから画像を選択 -->
-			<div id="image-gruop-wrapper">
-				<div id="image-icon-container"></div>
-				<div id="gruop-name-display">Group Name</div>
-				<div id="image-gruop-button" class="button">cancel</div>
+	<!-- パネルのポスト（テスト） -->
+		<div id="panel-console-wrapper" class="console-wrapper">
+			<div id="panel-console-header" class="console-header">Create New Panel (dev)</div>
+			<div id="panel-console" class="console-inner">
+				<div id="newpanel"></div>
+				<div class="console-button-container">
+					<div id="panel-console-post-button" class="button console-submit-button">post</div>
+					<div id="panel-console-cancel-button" class="button console-cancel-button">cancel</div>
+				</div>
+				<div id="panel-console-progress" class="console-progress">&nbsp;</div>					
+			</div>
+		</div>
+
+	<!-- 画像のアップロード-->
+		<div id="upload-console-wrapper" class="console-wrapper">
+			<div id="upload-console-header" class="console-header">Upload Picture</div>
+			<div id="upload-console" class="console-inner">
+				<div id="uploader"></div>
+				<div class="console-button-container">
+					<div id="upload-console-post-button" class="button console-submit-button">upload</div>
+					<div id="upload-console-cancel-button" class="button console-cancel-button">cancel</div>
+				</div>
+				<div id="upload-console-progress" class="console-progress">&nbsp;</div>					
+			</div>
+		</div>
+
+	<!-- アウトプットコンソール -->
+		<div id="output-console-wrapper" class="console-wrapper">
+			<div id="output-console-header" class="console-header">Output Console</div>
+			<div id="output-console" class="console-inner">
+				<div id="output-console-format" class="field">
+					<span class="field-label">Format:</span>
+					<span id="output-console-format-value" class="output-console-value combobox"></span>
+				</div>
+				<div id="output-console-option" class="field">
+					<span class="field-label">Options:</span>
+					<span id="output-console-option-value" class="output-console-value editable-value">absolute-path</span>
+				</div>				
+				<div id="output-console-button-container" class="clearfix">
+					<div id="output-console-generate-button" class="button console-submit-button">generate</div>
+					<div id="output-console-close-button" class="button console-cancel-button">close</div>
+				</div>
+				<textarea id="output-area" readonly></textarea>
+			</div>
+		</div>
+
+	<!-- コミックの新規作成・編集・削除 -->
+		<div id="comic-console-wrapper" class="console-wrapper">
+			<div id="comic-console-header" class="console-header">Create New Comic</div>
+			<div id="comic-console" class="console-inner">
+				<div id="comic-console-title" class="field">
+					<span class="field-label">Title:</span>
+					<span id="comic-console-title-value" class="comic-console-value editable-value">No Title</span>
+				</div>
+				<div id="comic-console-width" class="field">
+					<span class="field-label">Default Width:</span>
+					<span id="comic-console-width-value" class="comic-console-value editable-value">300</span>
+				</div>
+				<div id="comic-console-height" class="field">
+					<span class="field-label">Default Height:</span>
+					<span id="comic-console-height-value" class="comic-console-value editable-value">200</span>
+				</div>
+				<div id="comic-console-visible" class="field">
+					<span class="field-label">Visible:</span>
+					<span id="comic-console-visible-value" class="comic-console-value combobox"></span>
+				</div>
+				<div id="comic-console-editable" class="field">
+					<span class="field-label">Editable:</span>
+					<span id="comic-console-editable-value" class="comic-console-value combobox"></span>
+				</div>
+				<div class="console-button-container">
+					<div id="comic-console-post-button" class="button console-submit-button">create</div>
+					<div id="comic-console-cancel-button" class="button console-cancel-button">cancel</div>
+				</div>
+				<div id="comic-console-progress" class="console-progress">&nbsp;</div>
 			</div>
-			
-			<div id="overlay-close-button">x</div>
 		</div>
 
 	<!-- Templete Container -->
-		<div id="templete-container">
+		<div id="templete-container" style="display: none;">
 			
 		<!-- Finder -->
 			<div id="templete-finder-container" class="finder-container">
@@ -330,9 +433,42 @@
 				
 				<div class="finder-body">
 					<!-- Finder icon -->
-					<div id="templete-finder-icon" class="finder-icon">
-						<div class="finder-icon-thumbnail"></div>
-						<div class="finder-icon-filename"></div>
+					<div id="templete-finder-icon" class="finder-icon fnder-icon-modern">
+						<span class="finder-icon-handle"></span>
+						<span class="finder-icon-thumbnail"></span>
+						<span class="finder-icon-filename break-word">file name</span>
+						<span class="finder-icon-summary break-word">file descriptiion</span>
+						<div class="finder-icon-console">
+							<a href="#" class="finder-icon-console-action"></a>
+							<a href="#" class="finder-icon-console-editor-apps"></a>
+							<a href="#" class="finder-icon-console-viewer-apps"></a>
+						</div>
+					</div>
+					
+					<div id="templete-finder-icon-ie" class="finder-icon fnder-icon-ie7">
+						<a href="#" class="finder-icon-main">
+							<span class="finder-icon-handle"></span>
+							<span class="finder-icon-thumbnail"></span>
+							<span class="finder-icon-cell finder-icon-ie-filename">
+								<span class="finder-icon-vertical-middle-outer">  
+									<span class="finder-icon-vertical-middle-inner">  
+										<span class="finder-icon-filename break-word">file name</span> 
+									</span>
+								</span>
+							</span>
+							<span class="finder-icon-cell finder-icon-ie-summary">
+								<span class="finder-icon-vertical-middle-outer">  
+									<span class="finder-icon-vertical-middle-inner">  
+										<span class="finder-icon-summary break-word">file descriptiion</span>
+									</span>
+								</span>
+							</span>
+						</a>
+						<div class="finder-icon-console">
+							<a href="#" class="finder-icon-console-action"></a>
+							<a href="#" class="finder-icon-console-editor-apps"></a>
+							<a href="#" class="finder-icon-console-viewer-apps"></a>
+						</div>
 					</div>
 					
 				</div>
@@ -340,6 +476,9 @@
 			
 		</div>
 
+		<script type="text/javascript">
+			var has_server_support = false;
+		</script>
 		<script type="text/javascript" src="javascripts/common.js"></script>
 		<script type="text/javascript" src="javascripts/jquery-1.6.2.min.js"></script>
 		<script type="text/javascript" src="javascripts/work.js"></script>