add help button and page (#48)

covelline · Mar 14, 2024 · 12dbdc9 · 12dbdc9
1 parent fba7a6f
commit 12dbdc9
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 2 deletions.
diff --git a/app/radio_qth_map/lib/l10n/app_en.arb b/app/radio_qth_map/lib/l10n/app_en.arb
@@ -71,6 +71,7 @@
  "share_operation_format": "To check the log operated by {callsign} on {date} on the map.",
  "share_with_x": "To post on X (Twitter)",
  "show_all": "Show all",
+ "show_how_to_use": "How to use",
  "shrink": "Shring",
  "signup_description": " Membership registration is carried out through email address verification. Once the registration is complete, you will be able to delete the logs you have uploaded. Please review the Terms of Service and Privacy Policy, and if you agree, enter your email address to register as a member.",
  "start": "Start",

diff --git a/app/radio_qth_map/lib/l10n/app_ja.arb b/app/radio_qth_map/lib/l10n/app_ja.arb
@@ -71,6 +71,7 @@
  "share_operation_format": "{callsign} が {date} に運用したログを地図で確認する",
  "share_with_x": "X（Twitter）に投稿する",
  "show_all": "全て見る",
+ "show_how_to_use": "使い方説明",
  "shrink": "折りたたむ",
  "signup_description": "会員登録はメールアドレス認証によって行います。会員登録が完了するとアップロードしたログの削除ができます。利用規約・プライバシーポリシーを確認して、承認頂ける場合はメールアドレスを入力して会員登録をしてください。",
  "start": "開始",

diff --git a/app/radio_qth_map/lib/screen/introduce_screen.dart b/app/radio_qth_map/lib/screen/introduce_screen.dart
@@ -7,6 +7,7 @@ import 'package:radio_qth_map/widget/login_text_button.dart';
 import 'package:responsive_framework/responsive_framework.dart';
 import 'package:url_launcher/url_launcher.dart';
 import 'package:flutter_gen/gen_l10n/app_localizations.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
 class IntroduceScreen extends StatelessWidget {
  const IntroduceScreen({super.key});
@@ -322,8 +323,19 @@ class IntroduceScreen extends StatelessWidget {
  ),
  ),
  ),
- const SliverToBoxAdapter(
- child: SizedBox(height: 12),
+ SliverToBoxAdapter(
+ child: Center(
+ child: Padding(
+ padding: const EdgeInsets.all(8.0),
+ child: OutlinedButton(
+ onPressed: () {
+ launchUrlString(
+ "https://blog.covelline.com/entry/qth-map-how-to-jp");
+ },
+ child: Text(AppLocalizations.of(context)!.show_how_to_use),
+ ),
+ ),
+ ),
  ),
  SliverToBoxAdapter(
  child: MaxWidthBox(

diff --git a/app/radio_qth_map/lib/screen/map_screen.dart b/app/radio_qth_map/lib/screen/map_screen.dart
@@ -11,6 +11,7 @@ import 'package:radio_qth_map/widget/amateur_radio_band_legend.dart';
 import 'package:radio_qth_map/widget/login_text_button.dart';
 import 'package:radio_qth_map/widget/operation_map.dart';
 import 'package:url_launcher/url_launcher.dart';
+import 'package:url_launcher/url_launcher_string.dart';
 
 class MapScreen extends StatefulWidget {
  const MapScreen({
@@ -126,6 +127,13 @@ class MapScreenState extends State<MapScreen> {
  },
  ),
  const LoginTextButton(),
+ IconButton(
+ onPressed: () {
+ launchUrlString(
+ "https://blog.covelline.com/entry/qth-map-how-to-jp");
+ },
+ icon: const Icon(Icons.help),
+ )
  ],
  ),
  floatingActionButton: FloatingActionButton.extended(