add description of google drive setting.

kent013 · May 31, 2012 · e7b72e5 · e7b72e5
1 parent d59e57b
commit e7b72e5
Show file tree

Hide file tree

Showing 6 changed files with 36 additions and 3 deletions.
diff --git a/www/img/usage/google-drive-1-en.png b/www/img/usage/google-drive-1-en.png
diff --git a/www/img/usage/google-drive-1-ja.png b/www/img/usage/google-drive-1-ja.png
diff --git a/www/index.html b/www/index.html
@@ -100,6 +100,7 @@ <h2 data-localize="usage">使いかた</h2>
 <li class="active"><a href="#usage_basic" data-toggle="tab" data-localize="basic-usage">基本的な使いかた</a></li>
 <li><a href="#usage_album" data-toggle="tab" data-localize="album-creation">アルバムの作りかた</a></li>
 <li><a href="#usage_setting" data-toggle="tab" data-localize="detail-settings">細かい設定</a></li>
+<li><a href="#usage_google_drive" data-toggle="tab" data-localize="google-drive-setting">Google Driveの設定方法</a></li>
 </ul>
 <hr/>
 </div><!-- /span -->
@@ -200,6 +201,19 @@ <h3>3. <span data-localize="usage-album-3-title"></span></h3>
 </div><!-- /span -->
 </div><!-- /row -->
 </div><!-- /tab-pane(usage_setting) -->
+
+<div class="tab-pane" id="usage_google_drive">
+<div class="row">
+<div class="span8 offset2">
+<p>1.<span data-localize="usage-google-drive-1"></span></p>
+<p>2.<span data-localize="usage-google-drive-2"></span></p>
+<p>3.<span data-localize="usage-google-drive-3"></span></p>
+<p data-localize="usage-google-drive-attention"></p>
+<canvas id="canvas_usage_google_drive_1" class="usage_medium" width="649" height="418"></canvas>
+</div><!-- /span -->
+</div><!-- /row -->
+
+</div><!-- /tab-pane(usage_google_drive) -->
 </div><!-- /tab-content(usage) -->
 
 <div class="row">
@@ -211,7 +225,7 @@ <h3>3. <span data-localize="usage-album-3-title"></span></h3>
 </div><!-- /alert -->
 </div><!-- /row -->
 </div><!-- /usage -->
-</div><!-- /tab-content -->
+</div><!	-- /tab-content -->
 
 <!--+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ FAQ -+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-->
 <div class="tab-pane" id="faq">

diff --git a/www/js/usage.js b/www/js/usage.js
@@ -7,6 +7,7 @@ function draw_usage(lang){
 	draw_usage_step("album_2", lang);
 	draw_usage_step("album_3", lang);
 	draw_usage_step("setting_1", lang);
+	draw_usage_step("google_drive_1", lang);
 }
 
 function draw_usage_basic_1(ctx, lang){
@@ -70,6 +71,12 @@ function draw_usage_album_3(ctx, lang){
 }
 function draw_usage_setting_1(ctx, lang){
 }
+function draw_usage_google_drive_1(ctx, lang){
+	draw_line(ctx, 497, 77, 510, 100);
+	ctx.roundRect(437, 44, 121, 33, 5);
+	draw_textbox(ctx, "add to chrome", lang, 500, 100);
+}
+
 function draw_usage_step(name, lang){
 	var canvas = $("#canvas_usage_" + name);
 	canvas = canvas[0];

diff --git a/www/lang-en.json b/www/lang-en.json
@@ -66,6 +66,8 @@
 "basic-usage":"Basic Usage",
 "album-creation":"Album Creation",
 "detail-settings":"Detail Settings",
+"google-drive-setting":"Google Drive Setting",
+"add to chrome":"add to chrome",
 "usage-basic-1-title":"Open Setting",
 "usage-basic-1-content":"If you launched tottepost first time or to configure service settings, press setting button at right bottom corner.",
 "usage-basic-2-title":"Configure Services",
@@ -98,5 +100,9 @@
 "usage-setting-8-title":"Help",
 "usage-setting-8-content":"Turn on to enable popup help.",
 "usage-setting-9-title":"Feedback",
-"usage-setting-9-content":"Tap to show feedback view. You can report bugs, suggest ideas, rate tottepost in AppStore. Please do not hegitate to contact us."
+"usage-setting-9-content":"Tap to show feedback view. You can report bugs, suggest ideas, rate tottepost in AppStore. Please do not hegitate to contact us.",
+"usage-google-drive-1":"Click <a href=\"https://chrome.google.com/webstore/detail/ccjfhefbpaknfbgjefibphnjlfikcmpn\">this page</a> from Chrome of your PC.",
+"usage-google-drive-2":"Click 「ADD TO CHROME 」button.",
+"usage-google-drive-3":"Authorize google drive from tottepost when you finish adding the application.",
+"usage-google-drive-attention":"*Install Chrom from <a href=\"http://www.google.co.jp/chrome/intl/ja/landing_ch.html\">this page</a> if you don't have it."
 }
diff --git a/www/lang-ja.json b/www/lang-ja.json
@@ -63,9 +63,11 @@
 "selected album":"選択中のアルバム",
 "create album":"新規アルバム作成",
 "save button":"保存ボタン",
+"add to chrome":"CHROMEに追加",
 "basic-usage":"基本的な使いかた",
 "album-creation":"アルバムの作りかた",
 "detail-settings":"細かい設定",
+"google-drive-setting":"Google Driveの設定方法",
 "usage-basic-1-title":"設定する",
 "usage-basic-1-content":"tottepostを初めて起動した場合や、サービスの設定を変更したいときには、右下の設定ボタンをタップしてください。",
 "usage-basic-2-title":"サービスの設定",
@@ -98,5 +100,9 @@
 "usage-setting-8-title":"ヘルプ",
 "usage-setting-8-content":"オンにすると、操作方法がポップアップされます。",
 "usage-setting-9-title":"フィードバック",
-"usage-setting-9-content":"タップすると、開発者にバグの報告やアイディアの提案、AppStoreの評価などができます。ちょっとした感想や意見などなんでもいいのでお気軽にお問い合わせください。"
+"usage-setting-9-content":"タップすると、開発者にバグの報告やアイディアの提案、AppStoreの評価などができます。ちょっとした感想や意見などなんでもいいのでお気軽にお問い合わせください。",
+"usage-google-drive-1":"Google Driveを認証する前にお使いのパソコンのChromeから<a href=\"https://chrome.google.com/webstore/detail/ccjfhefbpaknfbgjefibphnjlfikcmpn\">こちら</a>をクリック。",
+"usage-google-drive-2":"「Chromeに追加」ボタンをクリックしてください。",
+"usage-google-drive-3":"アプリの追加が終わったらtottepostで他のサービスと同じように認証を行なってください。",
+"usage-google-drive-attention":"※お使いのPCでChromeを使っていない方は<a href=\"http://www.google.co.jp/chrome/intl/ja/landing_ch.html\">このページ</a>からインストールしてください。"
 }