feat(refresher): snippets for refresher

fivethree-team · Mar 19, 2019 · 8322506 · 8322506
1 parent 6ed637c
commit 8322506
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 0 deletions.
diff --git a/README.md b/README.md
@@ -105,6 +105,9 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-radio`                | `<ion-radio>`                                                    |
 | `i-radio-checked`                | `<ion-radio>` checked                                                    |
 | `i-radio-group`                | `<ion-radio-group>`                                                    |
+| `i-refresher`                | `<ion-refresher>`                                                   |
+| `i-refresher-content`                | `<ion-refresher>` w/ `<ion-refresher-content>` options                                                   |
+| `i-refresher-events`                | `<ion-refresher>` w/ all events                                                   |
 | `i-row`                | `<ion-row>` w/ `<ion-col>`                                                   |
 | `i-searchbar`                | `<ion-searchbar>`                                                   |
 | `i-segment`                | `<ion-segment>`                                                   |
@@ -229,6 +232,7 @@ Type part of a snippet, press enter, and the snippet unfolds.
 | `i-on-did-dismiss-data`                | Ionic `onDidDismiss` for dialogs returning data                                                 |
 | `i-on-will-dismiss`                | Ionic `onWillDismiss` for dialogs                                                 |
 | `i-on-will-dismiss-data`                | Ionic `onWillDismiss` for dialogs returning data                                                |
+| `i-refresher-do-refresh`                | `<ion-refesher ionRefresh>`  output handler method                                                 |
 | `i-toast`                | Ionic toast notification method                                                 |
 | `i-toast-ctrl`                | Ionic ToastController                                                 |
 | `i-view-will-enter`                | `ionViewWillEnter` (1st) - Fired when entering a page (also if it’s come back from stack), subscribe to `Observables` here or in `ionViewDidEnter`                                                |

diff --git a/snippets/html.json b/snippets/html.json
@@ -868,6 +868,38 @@
         ],
         "description": "<ion-radio-group>"
     },
+    "ion-refresher": {
+        "prefix": "i-refresher",
+        "body": [
+            "<ion-refresher slot=\"fixed\" (ionRefresh)=\"${1:doRefresh}(\\$event)\">",
+            "\t<ion-refresher-content></ion-refresher-content>",
+            "</ion-refresher>"
+        ],
+        "description": "<ion-refresher>"
+    },
+    "ion-refresher-content": {
+        "prefix": "i-refresher-content",
+        "body": [
+            "<ion-refresher slot=\"fixed\" (ionRefresh)=\"${1:doRefresh}(\\$event)\">",
+            "\t<ion-refresher-content",
+            "\t\tpullingIcon=\"${2:arrow-dropdown}\"",
+            "\t\tpullingText=\"${3:Pull to refresh}\"",
+            "\t\trefreshingSpinner=\"${4|bubbles,circles,crescent,dots,lines,lines-small|}\"",
+            "\t\trefreshingText=\"${5:Refreshing...}\">",
+            "\t</ion-refresher-content>",
+            "</ion-refresher>"
+        ],
+        "description": "<ion-refresher> w/ <ion-refresher-content> options"
+    },
+    "ion-refresher-events": {
+        "prefix": "i-refresher-events",
+        "body": [
+            "<ion-refresher slot=\"fixed\" (ionRefresh)=\"${1:doRefresh}(\\$event)\" (ionPull)=\"${2:onPull}(\\$event)\" (ionStart)=\"${3:onStart}(\\$event)\">",
+            "\t<ion-refresher-content></ion-refresher-content>",
+            "</ion-refresher>"
+        ],
+        "description": "<ion-refresher> w/ all events"
+    },
     "ion-row": {
         "prefix": "i-row",
         "body": [

diff --git a/snippets/typescript.json b/snippets/typescript.json
@@ -281,6 +281,20 @@
         ],
         "description": "`onWillDismiss`"
     },
+    "ion-refresher-do-refresh": {
+        "prefix": "i-refresher-do-refresh",
+        "body": [
+            "${1:doRefresh}(${2:event}) {",
+            "\tconsole.log('Begin async operation');",
+            "\t",
+            "\tsetTimeout(() => {",
+            "\t\tconsole.log('Async operation has ended');",
+            "\t\t${2:event}.target.complete();",
+            "\t}, 2000);",
+            "}"
+        ],
+        "description": "<ion-refesher ionRefresh>  output handler method"
+    },
     "ion-toast": {
         "prefix": "i-toast",
         "body": [