diff --git a/src/App/Pages/Tools/ToolsAutofillPage.cs b/src/App/Pages/Tools/ToolsAutofillPage.cs index a7065eb49..7b7beed43 100644 --- a/src/App/Pages/Tools/ToolsAutofillPage.cs +++ b/src/App/Pages/Tools/ToolsAutofillPage.cs @@ -15,31 +15,77 @@ namespace Bit.App.Pages public void Init() { - var notStartedLabel = new Label + var getAccessLabel = new Label { Text = AppResources.ExtensionInstantAccess, VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.Center, HorizontalTextAlignment = TextAlignment.Center, LineBreakMode = LineBreakMode.WordWrap, - FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)) + FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)), + Margin = new Thickness(0, 0, 0, 20), }; - var notStartedSublabel = new Label + var turnOnLabel = new Label { - Text = AppResources.ExtensionTurnOn, + Text = AppResources.AutofillTurnOn, VerticalOptions = LayoutOptions.Start, HorizontalOptions = LayoutOptions.Center, HorizontalTextAlignment = TextAlignment.Center, LineBreakMode = LineBreakMode.WordWrap }; + var turnOnLabel1 = new Label + { + Text = AppResources.AutofillTurnOn1, + VerticalOptions = LayoutOptions.Start, + HorizontalOptions = LayoutOptions.Start, + HorizontalTextAlignment = TextAlignment.Start, + LineBreakMode = LineBreakMode.WordWrap + }; + + var turnOnLabel2 = new Label + { + Text = AppResources.AutofillTurnOn2, + VerticalOptions = LayoutOptions.Start, + HorizontalOptions = LayoutOptions.Start, + HorizontalTextAlignment = TextAlignment.Start, + LineBreakMode = LineBreakMode.WordWrap + }; + + var turnOnLabel3 = new Label + { + Text = AppResources.AutofillTurnOn3, + VerticalOptions = LayoutOptions.Start, + HorizontalOptions = LayoutOptions.Start, + HorizontalTextAlignment = TextAlignment.Start, + LineBreakMode = LineBreakMode.WordWrap + }; + + var turnOnLabel4 = new Label + { + Text = AppResources.AutofillTurnOn4, + VerticalOptions = LayoutOptions.Start, + HorizontalOptions = LayoutOptions.Start, + HorizontalTextAlignment = TextAlignment.Start, + LineBreakMode = LineBreakMode.WordWrap + }; + + var turnOnLabel5 = new Label + { + Text = AppResources.AutofillTurnOn5, + VerticalOptions = LayoutOptions.Start, + HorizontalOptions = LayoutOptions.Start, + HorizontalTextAlignment = TextAlignment.Start, + LineBreakMode = LineBreakMode.WordWrap + }; + var keyboardImge = new CachedImage { Source = "autofill-kb.png", VerticalOptions = LayoutOptions.CenterAndExpand, HorizontalOptions = LayoutOptions.Center, - Margin = new Thickness(0, -10, 0, 0), + Margin = new Thickness(0, 10, 0, 0), WidthRequest = 290, HeightRequest = 252 }; @@ -47,9 +93,10 @@ namespace Bit.App.Pages var stackLayout = new StackLayout { Orientation = StackOrientation.Vertical, - Spacing = 20, + Spacing = 5, Padding = new Thickness(20, 20, 20, 30), - Children = { notStartedLabel, notStartedSublabel, keyboardImge }, + Children = { getAccessLabel, turnOnLabel, turnOnLabel1, turnOnLabel2, + turnOnLabel3, turnOnLabel4, turnOnLabel5, keyboardImge }, VerticalOptions = LayoutOptions.FillAndExpand }; diff --git a/src/App/Resources/AppResources.Designer.cs b/src/App/Resources/AppResources.Designer.cs index e3aa7369a..efd30a3b5 100644 --- a/src/App/Resources/AppResources.Designer.cs +++ b/src/App/Resources/AppResources.Designer.cs @@ -429,6 +429,60 @@ namespace Bit.App.Resources { } } + /// + /// Looks up a localized string similar to To enable password autofill, follow these instructions:. + /// + public static string AutofillTurnOn { + get { + return ResourceManager.GetString("AutofillTurnOn", resourceCulture); + } + } + + /// + /// Looks up a localized string similar to 1. Go to the iOS "Settings" app.. + /// + public static string AutofillTurnOn1 { + get { + return ResourceManager.GetString("AutofillTurnOn1", resourceCulture); + } + } + + /// + /// Looks up a localized string similar to 2. Tap "Passwords & Accounts". + /// + public static string AutofillTurnOn2 { + get { + return ResourceManager.GetString("AutofillTurnOn2", resourceCulture); + } + } + + /// + /// Looks up a localized string similar to 3. Tap "AutoFill Passwords". + /// + public static string AutofillTurnOn3 { + get { + return ResourceManager.GetString("AutofillTurnOn3", resourceCulture); + } + } + + /// + /// Looks up a localized string similar to 4. Turn on AutoFill. + /// + public static string AutofillTurnOn4 { + get { + return ResourceManager.GetString("AutofillTurnOn4", resourceCulture); + } + } + + /// + /// Looks up a localized string similar to 5. Select "Bitwarden". + /// + public static string AutofillTurnOn5 { + get { + return ResourceManager.GetString("AutofillTurnOn5", resourceCulture); + } + } + /// /// Looks up a localized string similar to Auto-fill with Bitwarden. /// diff --git a/src/App/Resources/AppResources.resx b/src/App/Resources/AppResources.resx index 8f17c1b4a..d43793af2 100644 --- a/src/App/Resources/AppResources.resx +++ b/src/App/Resources/AppResources.resx @@ -1328,6 +1328,24 @@ Access your vault directly from your keyboard to quickly autofill passwords. + + To enable password autofill, follow these instructions: + + + 1. Go to the iOS "Settings" app. + + + 2. Tap "Passwords & Accounts" + + + 3. Tap "AutoFill Passwords" + + + 4. Turn on AutoFill + + + 5. Select "Bitwarden" + Password AutoFill