X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.4.x%2Fwork.html;h=0d85796d07d1c6e96cf1b359b181377711a78ac8;hb=33a6607c9e5410fbcdd10622d1e2664e5323435c;hp=bf62b646420521854752c4e2d0f6d4077955dfeb;hpb=830d7d94479928e8a74521785d586a1e7b13fb46;p=pettanr%2FclientJs.git

diff --git a/0.4.x/work.html b/0.4.x/work.html
index bf62b64..0d85796 100644
--- a/0.4.x/work.html
+++ b/0.4.x/work.html
@@ -28,11 +28,11 @@
 				<p>Hello, xxxxx.</p>
 				<p>This page is login user console.</p>
 				<h3>クイックアクセス</h3>
-				<p><a href="#" onclick="pettanr.view.show('editor');return false;">新しいコマを描く(いまだけ)</a></p>
-				<p><a href="#" onclick="pettanr.comicConsole._quickAccessShow();return false;">新しいコミックをつくる</a></p>
-				<p><a href="#" onclick="pettanr.uploadConsole._quickAccessShow();return false;">画像のアップロード</a></p>
-				<p><a href="#" onclick="pettanr.panelConsole._quickAccessShow();return false;">コマの追加（開発用）</a></p>
-				<p><a href="#" onclick="pettanr.artistConsole._quickAccessShow();return false;">アーティスト登録（すでに登録している場合も操作可能）</a></p>
+				<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>
@@ -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,101 +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" style="display: none;">
-				<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" style="display: none;">
-				<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 id="image-gruop-wrapper" style="display: none;">
-				<div id="image-icon-container"></div>
-				<div id="gruop-name-display">Group Name</div>
-				<div id="image-gruop-button" class="button">cancel</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="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 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="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 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="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 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="comic-console-line">
-						<span class="comic-console-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="comic-console-line">
-						<span class="comic-console-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="comic-console-line">
-						<span class="comic-console-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="comic-console-line">
-						<span class="comic-console-label">Visible:</span>
-						<span id="comic-console-visible-value" class="comic-console-value editable-value">1</span>
-					</div>
-					<div id="comic-console-editable" class="comic-console-line">
-						<span class="comic-console-label">Editable:</span>
-						<span id="comic-console-editable-value" class="comic-console-value editable-value">1</span>
-					</div>
-					<div class="console-button-container">
-						<div id="comic-console-post-button" class="button console-submit-button">post(update)</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 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">
@@ -401,15 +433,41 @@
 				
 				<div class="finder-body">
 					<!-- Finder icon -->
-					<div id="templete-finder-icon" class="finder-icon">
-						<div class="finder-icon-handle"></div>
-						<div class="finder-icon-thumbnail"></div>
-						<div class="finder-icon-filename"></div>
-						<div class="finder-icon-summary">file descriptiion</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">
-							<div class="finder-icon-console-action"></div>
-							<div class="finder-icon-console-editor-apps"></div>
-							<div class="finder-icon-console-viwer-apps"></div>
+							<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>
 					
@@ -418,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>