New Help Article for Autofill on iOS (#118)

* Initial Edits

* Autofill for iOS

* Removed Note

_articles/features/auto-fill-ios.md

@@ -0,0 +1,52 @@
+---
+layout: article
+title: Auto-fill logins on iOS
+categories: [features]
+featured: false
+popular: false
+tags: [iOS, Auto-fill, autofill]
+---
+
+You can use the Bitwarden iOS app to add new and auto-fill existing logins on the web and in other apps. There are two settings which need to be enabled on iOS to cover all Auto-fill scenarios, Password Auto-fill and App Extension. These settings can be enabled from within the Bitwarden App under **{% icon fa-cog %} Settings**.
+
+### Enabling Auto-fill in Settings
+
+1. Tap **{% icon fa-cog %} Settings** on your iOS device.
+2. Tap **Passwords and Accounts**
+3. Tap **Auto-fill Passwords**.
+4. Turn on Auto-fill.
+5. Locate **Bitwarden** from the list and enable it.
+6. It's considered good practice to disable any other Auto-fill services.
+
+The Auto-fill Setting is now enabled.
+
+## Testing the Auto-fill Feature
+
+1. Open an app that has not been signed in to.
+2. View the login page for the app and focus the username or password field. Your keyboard will appear with "Passwords" at the top of the keyboard.
+3. Tap Passwords.
+4. This will launch the Bitwarden application.
+5. Select the appropriate login from the list or search Bitwarden for the correct login.
+6. Your username and password will be auto-filled.
+
+### Enabling App Extension in Settings
+
+1. Open the Bitwarden iOS app.
+2. Tap the **{% icon fa-cog %} Settings** page.
+3. Tap **App Extension**. 
+4. Tap the **Enable App Extension** button.
+5. Locate **Bitwarden** from the list and enable it by tapping it.
+6. You will now see "Extension Activated!" in green. 
+7. Tap back.
+
+The App Extension feature is now enabled.
+
+## Testing the App Extension Feature
+
+1. Open the browser of your choice.
+2. View the login page for the website you'd like to enter. 
+3. Tap the <img src="/images/features/auto-fill-ios/ios_share_icon.png" style="margin-top:0px"> share icon.
+4. Scroll down until you see **Bitwarden** and tap on it.
+5. This will launch the Bitwarden application.
+6. Select the appropriate login from the list or search Bitwarden for the correct login.
+7. Your username and password will be auto-filled.

package-lock.json

@@ -2200,9 +2200,9 @@
       "dev": true
     },
     "jquery": {
-      "version": "3.4.1",
+      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.4.1.tgz",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
-      "integrity": "sha512-36+AdBzCL+y6qjw5Tx7HgzeGCzC81MDDgaUP8ld2zhx58HdqXGoBd+tHdrBMiyjGQs0Hxs/MLZTu/eHNJJuWPw==",
+      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg==",
       "dev": true
     },
     "json-stable-stringify": {
@@ -2227,9 +2227,9 @@
       "dev": true
     },
     "kind-of": {
-      "version": "6.0.2",
+      "version": "6.0.3",
-      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
-      "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
       "dev": true
     },
     "last-run": {

package.json

@@ -9,13 +9,13 @@
   },
   "devDependencies": {
     "bootstrap-sass": "3.4.1",
+    "cross-env": "^5.2.0",
     "del": "^3.0.0",
     "fluidbox": "2.0.5",
     "font-awesome": "4.7.0",
     "gulp": "^4.0.0",
-    "jquery": "3.4.1",
+    "jquery": "^3.5.1",
     "lunr": "0.7.1",
-    "merge-stream": "1.0.1",
+    "merge-stream": "1.0.1"
-    "cross-env": "^5.2.0"
   }
 }