ngOnline and ngOffline docs

Author: tolyo

docs/content/docs/directive/channel.md

@@ -1,35 +1,37 @@
 ---
-title: ng-channel
+title: ng-offline
 description: >
-  Subscribe a template to a messaging service topic
+  Handler for offline event
 ---
 
 ### Description
 
-Updates element’s content by subscribing to events published on a named channel
-using `$eventBus`.
-
-- If the element **does not** contain any child elements or templates, the
-  directive will **replace the element's inner HTML** with the published value.
-- If the element **does** contain a template and the published value is an
-  **object**, the directive will **merge the object’s key-value pairs into the
-  current scope**, allowing Angular expressions like to be evaluated and
-  rendered.
-
-The directive automatically unsubscribes from the event channel when the scope
-is destroyed.
+The `ng-offline` directive allows you to specify custom behavior when pressing
+keys, regardless of whether they produce a character value.
 
 ### Parameters
 
 ---
 
-#### `ng-channel`
+#### `ng-offline`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon `Window`
+  [offline](https://https://developer.mozilla.org/en-US/docs/Web/API/Window/offline_event)
+  event. [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) object
+  is available as `$event`.
+- **Example:**
 
-- **Type:** `string`
-- **Description:** The name of the channel to subscribe to using `$eventBus`.
+  ```html
+  <div ng-offline="offline = true">{{ offline }}</div>
+  ```
+
+---
 
 #### Demo
 
-{{< showdemo src="examples/ng-channel/ng-channel.html" >}}
+{{< showhtml src="examples/ng-offline/ng-offline.html" >}}
+
+{{< showraw src="examples/ng-offline/ng-offline.html" >}}
 
 ---

docs/content/docs/directive/offline.md

@@ -0,0 +1,37 @@
+---
+title: ng-offline
+description: >
+  Handler for offline event
+---
+
+### Description
+
+The `ng-offline` directive allows you to specify custom behavior when pressing
+keys, regardless of whether they produce a character value.
+
+### Parameters
+
+---
+
+#### `ng-offline`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon `Window`
+  [offline](https://https://developer.mozilla.org/en-US/docs/Web/API/Window/offline_event)
+  event. [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) object
+  is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-offline="offline = true">{{ offline }}</div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-offline/ng-offline.html" >}}
+
+{{< showraw src="examples/ng-offline/ng-offline.html" >}}
+
+---

docs/content/docs/directive/online.md

@@ -0,0 +1,37 @@
+---
+title: ng-online
+description: >
+  Handler for online event
+---
+
+### Description
+
+The `ng-online` directive allows you to specify custom behavior when pressing
+keys, regardless of whether they produce a character value.
+
+### Parameters
+
+---
+
+#### `ng-online`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon `Window`
+  [online](https://https://developer.mozilla.org/en-US/docs/Web/API/Window/online_event)
+  event. [Event](https://developer.mozilla.org/en-US/docs/Web/API/Event) object
+  is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-online="online = true">{{ online }}</div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-online/ng-online.html" >}}
+
+{{< showraw src="examples/ng-online/ng-online.html" >}}
+
+---

docs/static/examples/ng-offline/ng-offline.html

@@ -0,0 +1,3 @@
+<section ng-app>
+  <div ng-offline="offline = true">Disconnected: {{ offline }}</div>
+</section>

docs/static/examples/ng-online/ng-onine.html

@@ -0,0 +1,3 @@
+<section ng-app>
+  <div ng-online="online = true">Connected: {{ online }}</div>
+</section>