@signageos/front-applet 6.1.1 → 6.2.1

package/docs/management-api/{10-js-management-application.md → js-management-application.md}

@@ -1,5 +1,5 @@
 ---
-title:  App
+title:  Application
 author: Krystof Woldrich
 date:   24.4.2018
 type:   js-management-api
@@ -16,13 +16,12 @@ description: "[Management JS API] Management API app lets you check application
 Management API app lets you check application type and upgrade the application.
 
 ## All methods
-::: table-responsive
+
 | Method | Description | Supported since |
 | ------ | -------- | ------------- |
 | `getType()` | Information about the platform your application is running on (eg. Tizen) | |
 | `getVersion()` | Information about current version of your application is running on the device (eg. 2.0.5) | |
-| `upgrade()` | Upgrade/Downgrade the Core App  | |
-:::
+| `upgrade()` | Upgrade/Downgrade the Core App  | 
 
 ## getType() 
 Method `getType()` returns the display type of application on the device.
@@ -41,8 +40,8 @@ await sos.management.app.getType(); // Returns ex. sssp, android
 - `webos`
 - `windows`
 
-::: alert alert--info
-If you need to get specific Android brand or Raspberry Pi model, use the [Firmware API](api/js/management/latest/2-js-management-firmware) `getType()`.
+:::info
+If you need to get specific Android brand or Raspberry Pi model, use the [Firmware API](js-management-firmware) `getType()`.
 :::
 
 ## getVersion()
@@ -61,57 +60,43 @@ Method `upgrade()` will upgrade the [Core App](https://docs.signageos.io/hc/en-u
 ### A) Upgrading signageOS Core App
 To upgrade to signageOS Core App, use the following parameters:
 
-::: table-responsive
+
 |      Param     |Type                           | Value |Description                   |
 | -------------- | ----------------------------- | ------- | --------------------- |
 | `baseUrl`     | String                        | `https://cdn.your-cms.com/tizen/`| Location of the new version of the Core App |
-| `version`     | String                        |  `x.x.x` | Core App version |
-:::
+| `version`     | String                        |  `x.x.x` | Core App version 
 
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" href="/changelogs">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                   <i class="fas fa-sticky-note svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">List of our latest core app versions</h3>
-                <div class="wide-box__description">signageOS Documentation</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::tip
+[List of our latest core app versions](https://docs.signageos.io/hc/en-us/sections/4409161443730-Core-Apps)
+:::
 
 ### Javascript example
 ```javascript
 await sos.management.app.upgrade('https://example.com/signageos-core-app.zip', '2.0.0');
 ```
 
-<br>
+<br/>
 
 ### B) Upgrading Open Core App with built-in Applet
 If you are [building your own Core App](https://docs.signageos.io/hc/en-us/articles/4405245195666) with the built-in Applet, use only one parameter `absolutePathUrl`.
 
 The `absolutePathUrl` should point to the application file, e.g. `https://cdn.your-cms.com/rpi/linux_202006100815_1.0.1_779c303408.zip`.
 
-::: table-responsive
+
 |      Param     |Type                           | Value |Description                   |
 | -------------- | ----------------------------- | ------- | --------------------- |
-| `absolutePathUrl`| String     | `https://cdn.your-cms.com/rpi/linux_xxx.zip`| Location of the new version of the Open Core App with built-in Applet |
-:::
+| `absolutePathUrl`| String     | `https://cdn.your-cms.com/rpi/linux_xxx.zip`| Location of the new version of the Open Core App with built-in Applet 
 
 ### Javascript example
 ```javascript
 await sos.management.app.upgrade('https://cdn.your-cms.com/rpi/linux_xxx.zip');
 ```
 
-<br>
+<br/>
 
 Because each of the platforms (Tizen, webOS, BrightSign, etc.) are different, use the following table to define correct `absolutePathUrl`:
 
-::: table-responsive
+
 | Platform | absolutePathUrl | Note |
 | -------- | --------------- | ---- |
 | Tizen | `https://cdn.your-cms.com/core-apps/landscape` <br/> `https://cdn.your-cms.com/core-apps/portrait` | |
@@ -119,5 +104,4 @@ Because each of the platforms (Tizen, webOS, BrightSign, etc.) are different, us
 | webOS | `https://cdn.your-cms.com/core-apps/com.lg.app.signage_latest.ipk` <br/> `https://cdn.your-cms.com/core-apps/com.lg.app.signage_latest.zip` |  `.zip` is for old webOS 1.0 and 2.0 only |
 | Android | `https://cdn.your-cms.com/core-apps/io.signageos.open_3.1.0.android.apk` | If you are building for specific version of Android (e.g. Benq) you will have a BenQ specific apk|
 | BrightSign | `https://cdn.your-cms.com/core-apps/display-brightsign.zip` | |
-| NEC / RPi | `https://cdn.your-cms.com/core-apps/linux_202006100815_1.0.1_779c303408.zip` | |
-:::
+| NEC / RPi | `https://cdn.your-cms.com/core-apps/linux_202006100815_1.0.1_779c303408.zip` | 

package/docs/management-api/{7-js-management-volume.md → js-management-audio.md}

@@ -16,12 +16,11 @@ Management API audio allows you to check and set your devices current audio volu
 
 ## All methods
 
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | ------ | :-------------: |
 | `getVolume()` | Get current volume level | 2.0 |
-| `setVolume()` | Set volume level | 2.0 |
-:::
+| `setVolume()` | Set volume level | 2.0 
 
 ## getVolume()
 Method `getVolume()` lets you check for current level of volume set on the device.
@@ -34,11 +33,10 @@ await sos.management.audio.getVolume(); // Returns number e.g. 39
 ## setVolume()
 Method `setVolume()` lets you set level of volume on your device.
 
-::: table-responsive
+
 |      Param     |Type            | Required | Value | Description                   |
 | -------------- | ----------------| :-------------: | -------- | -------------------- |
-| `volume`     | Number            | <div class="red">Yes</div> |  `0` - `100`   | Volume level |
-:::
+| `volume`     | Number            | <div class="red">Yes</div> |  `0` - `100`   | Volume level 
 
 ### Javascript example
 ```javascript

package/docs/management-api/{9-js-management-debug.md → js-management-debug.md}

@@ -16,12 +16,11 @@ Management API debug lets you enable and disable debug mode.
 
 ## All methods
 
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | -------- | :-------------: |
 | `enable()` | Enable native debug on the device | 3.0 |
-| `disable()` | Disable native debug on the device | 3.0 |
-:::
+| `disable()` | Disable native debug on the device | 3.0 
 
 ## enable()
 Method `enable()` enable the [Native debug](https://docs.signageos.io/hc/en-us/articles/4405238849938) on the device.
@@ -30,21 +29,9 @@ Method `enable()` enable the [Native debug](https://docs.signageos.io/hc/en-us/a
 await sos.management.debug.enable();
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/debug/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">How to enable debug on device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[How to enable debug on device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/debug/)
+:::
 
 ## disable()
 Method `disable()` disable the [Native debug](https://docs.signageos.io/hc/en-us/articles/4405238849938) on the device.

package/docs/management-api/{2-js-management-firmware.md → js-management-firmware.md}

@@ -16,25 +16,24 @@ Firmware management API allows you to remotely upgrade firmware version and chec
 
 ## All methods
 
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | ------ | ------------- |
 | `upgrade()` | Allows you to upgrade device FW | 3.0 |
 | `getVersion()` | Get current FW version | 3.0 |
-:::
+| `getType()` | Get current FW type | 5.0 |
 
 ## upgrade()
 Method `upgrade()` will upgrade current firmware version to a specified one.
 
-::: table-responsive
+
 |      Param     |Type                  | Required | Description                   |
 | -------------- | ----------------------| :-------: | -------------------- |
 | `baseUrl`     | string                 | <div class="red">Yes</div> | Location of the FW package for specific device |
 |^^|^^|^^| `https://cdn.your-cms.com/tizen/pmf/fw/2080_4.bem` |
 | `version`     | string                 | <div class="yellow">No</div> | FW version |
 |^^|^^|^^| `T-HKMLAKUC-2080.4` |
-| `(progress: number)` | callback | <div class="yellow">No</div> | FW progress upgrade |
-:::
+| `(progress: number)` | callback | <div class="yellow">No</div> | FW progress upgrade 
 
 ### Javascript example
 ```javascript
@@ -49,32 +48,20 @@ await sos.management.firmware.upgrade(
 await sos.management.firmware.upgrade('https://cdn.your-cms.com/tizen/pmf/fw/2080_4.bem');
 ```
 
-::: alert alert--warning
+:::warning
 Always check if your absolute firmware URL ends with firmware file.
 Example: `https://cnd.your-cms.com/brightsign/fw/brightsign-update.bsfw`
 :::
 
-::: alert alert--info
+:::info
 For BrightSign firmware upgrade please ensure that you have txt file with SHA1 hash of that firmware file.
 - Firmware file path: `https://cnd.your-cms.com/brightsign/fw/brightsign-update.bsfw`
 - SHA1 txt file: `https://cnd.your-cms.com/brightsign/fw/brightsign-update.bsfw.sha1.txt`
 :::
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/firmware/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">How to upgrade firmware</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[How to upgrade firmware](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/firmware/)
+:::
 
 ## getVersion()
 Method `getVersion()` will specify what current version of firmware is installed on a device.
@@ -89,7 +76,7 @@ sos.management.firmware.getVersion().then((version) => {
 ## getType()
 Returns a string identifier that, when combined with firmware version, can be used to identify a correct firmware image to install on the current device.
 
-::: table-responsive
+
 |      Type     | Description                            |
 | ------------- | -------------------------------------- |
 | `rpi`         | any Raspberry Pi 3 or Compute Module 3 |
@@ -97,8 +84,7 @@ Returns a string identifier that, when combined with firmware version, can be us
 | `benq-`       | any Benq display |
 | `philips-`    | any Philips display |
 | `sharp-`      | any Sharp display |
-| `elo-`        | any Elo display |
-:::
+| `elo-`        | any Elo display 
 
 ### Javascript example
 ```javascript

package/docs/management-api/{1-js-management.md → js-management-management.md}

@@ -16,7 +16,7 @@ description: "[Management JS API] To make the management of devices more viable
 To make the management of devices more viable and open there is a management API prepared. Through this API things like device firmware, battery status, brightness, network information, remote control, power, time or volume can be monitored.
 
 ## All methods
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | -------- | :------------: |
 | `supports()` | Enum of supported features | 2.0.0 |
@@ -27,8 +27,7 @@ To make the management of devices more viable and open there is a management API
 | `getTemperature()` | Current device temperature | 3.0.0 |
 | `resetSettings()` | Clear all settings on device | 4.0.0 |
 | `factoryReset()` | Do a device factory reset | 4.0.0 |
-| `getBrand()` | Information about device brand | 5.7.0 |
-:::
+| `getBrand()` | Information about device brand | 5.7.0 
 
 ## Examples
 <div class="row d-flex align-content-stretch force-padding-10">
@@ -47,46 +46,18 @@ To make the management of devices more viable and open there is a management API
     </div>
 </div>
 
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/js-management-getters/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Getting basic management API data</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
-
-<div class="row d-flex align-content-stretch force-padding-10">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/js-management-setters/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Setting basic management API data</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+- [Getting basic management API data](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/js-management-getters/)
+- [Setting basic management API data](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/js-management-setters/">
+:::
 
 ## supports()
 Method `supports()` will show you what capabilities the deployed device currently has.
 
-::: table-responsive
+
 |      Param     | Type                           |Description                   |
 | -------------- | ----------------------------- | ---------------------------- |
-| `capability`     | String                       | Name of capability |
-:::
+| `capability`     | String                       | Name of capability 
 
 ### Javascript example
 ```javascript

package/docs/{js-api/js-monitoring-commands.md → management-api/js-management-monitoring-commands.md}

@@ -2,7 +2,7 @@
 title:  Monitoring Commands
 author: Miroslav Behina
 date:   22.11.2018
-type:   js-api
+type:   js-management-api
 tags:
 - applet
 - applet_api
@@ -13,7 +13,7 @@ description: "[Content JS API] All commands have type prefixed with sos. string.
 
 # Monitoring Commands
 
-::: alert alert--warning
+:::warning
 This is only a preview, not supported by all platforms. Supported since: 2.0.0
 :::
 
@@ -69,7 +69,7 @@ export interface ConsoleLogged {
 }
 ```
 
-To trigger some monitoring commands to be dispatched from a device. This REST API can be used to send monitoring [commands to the device](https://sdk.docs.signageos.io/api/device-monitoring-api/#Send_Device_Applet_Command_to_device). Following commands can be used:
+To trigger some monitoring commands to be dispatched from a device. This REST API can be used to send monitoring [commands to the device](https://api.docs.signageos.io/#056b9284-56c6-4f50-8068-5e22a3df071f). Following commands can be used:
 
 ### Typescript
 ```typescript
@@ -99,10 +99,9 @@ export interface OfflineCacheLoadFile {
 ## Errors
 Although we are doing our best, following errors may occur when working with the commands.
 
-::: table-responsive
+
 | Code | Type | Message |
 | ---- | ---- | ------- |
 | 40401 | AppletCommandTypeError | Type contains invalid characters, allowed are `/^[a-zA-Z0-9\.\-_]+$/g` |
 | 40402 | AppletCommandTypeError | Type is longer then 100 characters. |
-| 40403 | AppletCommandTypeError | Command type must be a string. |
-:::
+| 40403 | AppletCommandTypeError | Command type must be a string. 

package/docs/{js-api/js-monitors.md → management-api/js-management-monitors.md}

@@ -2,7 +2,7 @@
 title:  Monitors
 author: Alisher Nurmatov
 date:   29.12.2020
-type:   js-api
+type:   js-management-api
 tags:
 - applet
 - applet_api
@@ -15,6 +15,14 @@ description: "[Content JS API] Monitors provides info about connected **monitors
 
 Provides information about currently connected monitors. Such as manufacturer, model, serial, firmware (optional).
 
+## All methods
+
+| Method/Events  | Description                       | Supported since |
+| ----------------- | --------------------------------- | :---------------: |
+| `getList()` | Method gets list of monitors.  | 4.0.0 |
+
+## getList()
+
 ### Monitor object
 
 Here is the monitor object defined as Typescript interface:
@@ -28,14 +36,6 @@ interface IMonitor {
 }
 ```
 
-## All methods
-
-::: table-responsive
-| Method/Events  | Description                       | Supported since |
-| ----------------- | --------------------------------- | :---------------: |
-| `getList()` | Method gets list of monitors.  | 4.0.0 |
-:::
-
 ### Javascript example
 ```javascript
 // gets list of monitors

package/docs/management-api/{11-js-management-network.md → js-management-network.md}

@@ -16,7 +16,7 @@ description: "[Management JS API] Network management API allows you to manually
 Network management API allows you to manually set network interfaces or set back DHCP and current active network info.
 
 ## All methods
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | -------- | :-------------: |
 | `getActiveInfo()` | Information about network interfaces, IP addesses and MAC addresses (**DEPRECATED**) | 4.0 |
@@ -24,12 +24,11 @@ Network management API allows you to manually set network interfaces or set back
 | `setManual()` | Allows you to set network settings manually | 4.0 |
 | `setDHCP()` | Allows you to set network settings automatically from DHCP | 4.0 |
 | `disableInterface()` | Disables a network interface | 4.13 |
-:::
 
 ## getActiveInfo()
 Method `getActiveInfo()` will display information about connected network.
 
-::: alert alert--warning
+:::warning
 This method is deprecated. Use `listInterfaces()` instead.
 :::
 
@@ -73,21 +72,9 @@ Wifi connection strength is described as percentage in range from 0 to 100, line
 }
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/network/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Getting network data from device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[Getting network data from device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/network/)
+:::
 
 ## listInterfaces()
 Returns list of all network interfaces, and their information like MAC address, IP address, etc.
@@ -132,27 +119,15 @@ Wifi connection strength is described as percentage in range from 0 to 100, line
 ]
 ```
 
-<div class="row d-flex align-content-stretch force-padding-20">
-    <div class="col-12 d-flex">
-        <a class="wide-box wide-box--white d-flex align-content-stretch widebox-kb-color" target="_blank" href="https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/network/">
-            <div>
-                <div class="wide-box__image d-flex align-items-center">
-                    <i class="fab fa-github svg-black"></i>
-                </div>
-            <div>
-                <h3 class="wide-box__title wide-box__title__small pl-85">Getting network interfaces from device</h3>
-                <div class="wide-box__description">Working example on our Github</div>
-            </div>
-            </div>
-        </a>
-    </div>
-</div>
+:::note[GitHub Example]
+[Getting network interfaces from device](https://github.com/signageos/applet-examples/blob/master/examples/management-js-api/network/)
+:::
 
 ## setManual()
 Manually configures a network interface.
 If the interface is disabled, it will be enabled.
 
-::: alert alert--warning
+:::warning
 Wi-Fi interface can be configured with this method but it has to be first enabled via the [Wi-Fi API](/api/js/management/11-js-management-network).
 :::
 
@@ -200,7 +175,7 @@ await sos.management.network.setManual({
 Configures a network interface to use DHCP to get an IP address asigned from the network.
 If the interface is disabled, it will be enabled.
 
-::: alert alert--warning
+:::warning
 Wi-Fi interface can be configured with this method but it has to be first enabled via the [Wi-Fi API](/api/js/management/11-js-management-network).
 :::
 
@@ -228,22 +203,21 @@ await sos.management.network.setDHCP('ethernet');
 ## disableInterface()
 Disables a network interface
 
-::: table-responsive
+
 | Param           | Type   | Required                   | Description                                          |
 | --------------- | ------ | :------------------------: | ---------------------------------------------------- |
-| `interfaceName` | String | <div class="red">Yes</div> | Name of the network interface, that will be disabled |
-:::
+| `interfaceName` | String | <div class="red">Yes</div> | Name of the network interface, that will be disabled 
 
 ### Javascript example
 ```javascript
 await sos.management.wifi.disableInterface("eth0");
 ```
 
-::: alert alert--info
+:::info
 A disabled network interface can be re-enabled simply by calling either `setDHCP()` or `setManual()`.
 :::
 
-::: alert alert--warning
+:::warning
 Don't use this method to disable Wi-Fi.
 Use [Wi-Fi API](/api/js/management/11-js-management-network) to enable/disable Wi-Fi.
 :::

package/docs/management-api/{2-js-management-os.md → js-management-os.md}

@@ -16,13 +16,12 @@ OS management API allows you to manage information of operating system on your c
 
 ## All methods
 
-::: table-responsive
+
 | Method  | Description | Supported since |
 | ------ | ------ | ------------- |
 | `getInfo()` | Get current OS version | 5.0 |
 | `getCpuUsage()` | Get current CPU usage | 5.4 |
-| `getMemoryUsage()` | Get current RAM usage | 5.4 |
-:::
+| `getMemoryUsage()` | Get current RAM usage | 5.4 
 
 ## getInfo()
 Method `getInfo()` will specify info about device like a what current version of is is installed on a device.

package/docs/management-api/{8-js-management-package.md → js-management-package.md}

@@ -16,24 +16,22 @@ Management API package allows you to install new packages.
 
 ## All methods
 
-::: table-responsive
+
 | Methods  | Description | Supported since |
 | ------ | -------- | :-------------: |
-| `install()` | Install additional packages to Android devices (eg. new WebView) | 3.0 |
-:::
+| `install()` | Install additional packages to Android devices (eg. new WebView) | 3.0 
 
 
 ## install()
 Method `install()` will install a certain package from the specified url.
 
-::: table-responsive
+
 |      Param     |Type          | Required | Value | Description                   |
 | -------------- | --------------| :---------------: | ------ | ---------------------- |
 | `baseUrl`     | String                 | <div class="red">Yes</div> |  `https://cdn.your-cms.com`   | URL where the package is available |
 | `packageName`  | String                   | <div class="red">Yes</div> |  `io.signageosWebView.app.ota` | Name of the android package |
 | `version`     | String                    | <div class="red">Yes</div> |  `2.4.0` | Package version |
-| `build`     | String or null               | <div class="red">Yes</div> | `benq` or `philips`,... | If relevant for your device |
-:::
+| `build`     | String or null               | <div class="red">Yes</div> | `benq` or `philips`,... | If relevant for your device 
 
 ### Javascript example
 ```javascript