Difference between revisions of "Input Plugin"
(→Code) |
|||
(61 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | This is a special interaction plugin that allows you to handle complex and multilingual inputs for special use cases (e.g. entering user names/passwords, performing search queries, etc.). In order to use this plugin, a corresponding content service must be implemented that processes the entered input (e.g. by evaluating an <code>input</code> parameter). The plugin can be used with version '''0.1.123''' or higher. | + | This is a special interaction plugin that allows you to handle complex and multilingual inputs for special use cases (e.g. entering user names/emails/passwords, performing search queries, etc.). In order to use this plugin, a corresponding content service must be implemented that processes the entered input (e.g. by evaluating an <code>input</code> parameter). The plugin can be used with version '''0.1.123''' or higher. |
== Usage == | == Usage == | ||
− | The plugin must be loaded with a content service URL that is able to process the input (which is generally set as <code>input</code> URL parameter). Optionally, a type, a default language, a headline, a background, an extension, and/or a | + | The plugin must be loaded with a content service URL that is able to process the input (which is generally set as <code>input</code> URL parameter). Optionally, a type, a default language, a headline, a background, an extension, a hint, a placeholder, and/or a limit (for paging) can be set. Please see following action syntax examples. |
* <code>content:request:interaction:{URL}@http://msx.benzac.de/interaction/input.html</code> | * <code>content:request:interaction:{URL}@http://msx.benzac.de/interaction/input.html</code> | ||
Line 11: | Line 11: | ||
* <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}@http://msx.benzac.de/interaction/input.html</code> | * <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}@http://msx.benzac.de/interaction/input.html</code> | ||
* <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}@http://msx.benzac.de/interaction/input.html</code> | * <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}@http://msx.benzac.de/interaction/input.html</code> | ||
+ | * <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}@http://msx.benzac.de/interaction/input.html</code> | ||
+ | * <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}|{LIMIT}@http://msx.benzac.de/interaction/input.html</code> | ||
+ | * <code>content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}|{LIMIT}|{INIT_INPUT}@http://msx.benzac.de/interaction/input.html</code> | ||
The <code>{TYPE}</code> part can be set to one of the following values. | The <code>{TYPE}</code> part can be set to one of the following values. | ||
* <code>default</code>: Default input | * <code>default</code>: Default input | ||
* <code>secret</code>: Secret input (this type can be used for passwords and hides the input by default) | * <code>secret</code>: Secret input (this type can be used for passwords and hides the input by default) | ||
− | * <code>search</code>: Search input (this type can be used for search queries and automatically submits the input | + | * <code>search</code>: Search input (this type can be used for search queries and automatically submits the input after it has been changed) |
+ | Optionally, the required submit length can be indicated (by default, it is set to <code>1</code>) with the format <code>{TYPE}:{LENGTH}</code> (e.g. <code>search:3</code>). | ||
The <code>{DEFAULT_LANG}</code> part can be set to one of the following values. | The <code>{DEFAULT_LANG}</code> part can be set to one of the following values. | ||
Line 24: | Line 28: | ||
* <code>pt</code>: Portuguese keyboard layout | * <code>pt</code>: Portuguese keyboard layout | ||
* <code>it</code>: Italian keyboard layout | * <code>it</code>: Italian keyboard layout | ||
+ | * <code>tr</code>: Turkish keyboard layout | ||
* <code>ru</code>: Russian keyboard layout | * <code>ru</code>: Russian keyboard layout | ||
Please note that the keyboard layout can also be changed at runtime. | Please note that the keyboard layout can also be changed at runtime. | ||
Line 33: | Line 38: | ||
* <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|secret|en@http://msx.benzac.de/interaction/input.html</code> | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|secret|en@http://msx.benzac.de/interaction/input.html</code> | ||
* <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|search|fr|Titre@http://msx.benzac.de/interaction/input.html</code> | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|search|fr|Titre@http://msx.benzac.de/interaction/input.html</code> | ||
− | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|default|de|Überschrift|http<span>://</span>link.to.image@http://msx.benzac.de/interaction/input.html</code> | + | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|default:2|de|Überschrift|http<span>://</span>link.to.image@http://msx.benzac.de/interaction/input.html</code> |
− | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|secret|es|Titular|http<span>://</span>link.to.image|Extensión@http://msx.benzac.de/interaction/input.html</code> | + | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|secret:3|es|Titular|http<span>://</span>link.to.image|Extensión@http://msx.benzac.de/interaction/input.html</code> |
− | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|search|pt|Título|http<span>://</span>link.to.image|Extensão|Texto de dica@http://msx.benzac.de/interaction/input.html</code> | + | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}|search:4|pt|Título|http<span>://</span>link.to.image|Extensão|Texto de dica@http://msx.benzac.de/interaction/input.html</code> |
− | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}||it|Titolo@http://msx.benzac.de/interaction/input.html</code> | + | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}||it|Titolo|http<span>://</span>link.to.image|Estensione|Testo di suggerimento|Segnaposto@http://msx.benzac.de/interaction/input.html</code> |
− | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}||ru|Заголовок||| | + | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}||tr|Başlık||Eklenti@http://msx.benzac.de/interaction/input.html</code> |
+ | * <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}||ru|Заголовок||||Заполнитель@http://msx.benzac.de/interaction/input.html</code> | ||
− | The content service should return either an <code>action</code> to be executed (e.g. for user logins) or a <code>template</code> and <code>items</code> | + | The content service should return either an <code>action</code> property (with an optional <code>data</code> property) to be executed (e.g. for user logins) or a <code>template</code> and <code>items</code> property to display the results (e.g. for search queries). Please see this example code how a user login response can look like. |
<syntaxhighlight lang="json"> | <syntaxhighlight lang="json"> | ||
{ | { | ||
Line 48: | Line 54: | ||
<syntaxhighlight lang="json"> | <syntaxhighlight lang="json"> | ||
{ | { | ||
− | "headline": " | + | "headline": "{ico:search} \"Video\"", |
+ | "hint": "Found 3 items", | ||
"template": { | "template": { | ||
"type": "separate", | "type": "separate", | ||
Line 70: | Line 77: | ||
} | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
+ | Please note that for responses that contain a <code>template</code> and <code>items</code> property, the properties <code>headline</code>, <code>extension</code>, <code>background</code>, and <code>hint</code> will also be used (and will replace potential initial values). Additionally, the properties <code>preload</code>, <code>footer</code>, and <code>inserts</code> will be taken over. Please note that the root content is compressed (i.e. the layout grid size is 16x8). Therefore, for uncompressed content, the <code>decompress</code> property in the <code>template</code> object is set to <code>true</code>. If you want to display compressed content, please ensure the <code>compress</code> property is set to <code>true</code> in your response data. | ||
+ | |||
+ | Similar to the [[Paging Plugin]], the input plugin supports paging if the content service URL contains the keywords <code>{OFFSET}</code> and <code>{LIMIT}</code> and a limit is indicated (e.g. <code>content:request:interaction:http<span>://</span>link.to.input.handler?input={INPUT}&offset={OFFSET}&limit={LIMIT}||||||||20@http://msx.benzac.de/interaction/input.html</code>). | ||
If you would like to use the plugin as reference to implement your own plugin, please have a look at this implementation script: http://msx.benzac.de/interaction/js/input.js. | If you would like to use the plugin as reference to implement your own plugin, please have a look at this implementation script: http://msx.benzac.de/interaction/js/input.js. | ||
Line 79: | Line 89: | ||
|+ Parameter syntax of content service for input plugin | |+ Parameter syntax of content service for input plugin | ||
|- | |- | ||
− | ! Parameter !! Type !! Default Value !! Mandatory !! class="unsortable" | Description | + | ! Keyword !! Parameter !! Type !! Default Value !! Mandatory !! class="unsortable" | Description |
|- | |- | ||
− | | <code>input</code> || <code>string</code> || <code>""</code> || '''Yes''' || | + | | <code>{ID}</code> || <code>id</code> || <code>string</code> || <code>null</code> || No || |
+ | An automatically generated unique device ID. | ||
+ | |- | ||
+ | | <code>{INPUT}</code> || <code>input</code> || <code>string</code> || <code>""</code> || '''Yes''' || | ||
The input that should be processed. | The input that should be processed. | ||
|- | |- | ||
− | | <code>credentials</code> || <code>void</code> || n/a || No || | + | | <code>{LANG}</code> || <code>lang</code> || <code>string</code> || <code>"en"</code> || No || |
− | A keyword that indicates that user credentials (e.g. cookies, authorization headers, etc.) are enabled for | + | The currently used keyboard layout (e.g. for auto-completion of search queries). |
+ | |- | ||
+ | | <code>{OFFSET}</code> || <code>offset</code> || <code>number</code> || <code>0</code> || No || | ||
+ | The paging offset that specifies from which offset the items should start (e.g. for search queries). | ||
+ | |||
+ | '''Note: The initial request from the input plugin will always have the offset <code>0</code>. If an offset greater than <code>0</code> is requested, the content service only needs to return the <code>items</code> property, because the other properties are inherited from the initial request.''' | ||
+ | |- | ||
+ | | <code>{LIMIT}</code> || <code>limit</code> || <code>number</code> || <code>0</code> || No || | ||
+ | The paging limit that specifies how many items should be returned (e.g. for search queries). | ||
+ | |||
+ | '''Note: If the content service returns less or more items then indicated, no additional items will be requested.''' | ||
+ | |- | ||
+ | | <code>credentials</code> || <code>credentials</code> || <code>void</code> || n/a || No || | ||
+ | A keyword that indicates that user credentials (e.g. cookies, authorization headers, etc.) are enabled for content service requests. Technically, this keyword sets the <code>withCredentials</code> flag for the <code>XMLHttpRequest</code> object to <code>true</code>. If the content service uses HTTP sessions and manages them via cookies, you should add this keyword. | ||
|} | |} | ||
+ | '''Note: The parameter column shows the recommended parameter names. Generally, each keyword can be set to any parameter name or integrated into the path of the content service URL.''' | ||
== Example == | == Example == | ||
Line 94: | Line 121: | ||
=== Code === | === Code === | ||
<syntaxhighlight lang="json"> | <syntaxhighlight lang="json"> | ||
− | // | + | { |
+ | "type": "pages", | ||
+ | "headline": "Input Plugin Test", | ||
+ | "template": { | ||
+ | "enumerate": false, | ||
+ | "type": "button", | ||
+ | "layout": "0,0,3,3" | ||
+ | }, | ||
+ | "items": [{ | ||
+ | "icon": "keyboard", | ||
+ | "label": "Default", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=default|default|en|Default Input Example|||Click on {ico:msx-white:done} to submit input@http://msx.benzac.de/interaction/input.html" | ||
+ | }, { | ||
+ | "icon": "password", | ||
+ | "label": "Secret", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=secret|secret|en|Secret Input Example|||Click on {ico:msx-white:done} to submit secret input@http://msx.benzac.de/interaction/input.html" | ||
+ | }, { | ||
+ | "badge": "Compressed", | ||
+ | "icon": "search", | ||
+ | "label": "Icon Search", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=search|search|en|{ico:search} {col:msx-white-soft}Search for Icons|||Enter at least one character to start searching|Icon Name@http://msx.benzac.de/interaction/input.html" | ||
+ | }, { | ||
+ | "badge": "Decompressed", | ||
+ | "icon": "search", | ||
+ | "label": "Image Search", | ||
+ | "titleFooter": "0.1.155+{br}{br}{br}", | ||
+ | "alignment": "center", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=pixabay|search|en|{ico:search} {col:msx-white-soft}Search for Images|||Enter at least one character to start searching|Image Name@http://msx.benzac.de/interaction/input.html" | ||
+ | }, { | ||
+ | "badge": "Decompressed + Paging", | ||
+ | "icon": "search", | ||
+ | "label": "Image Search", | ||
+ | "titleFooter": "0.1.155+{br}{br}{br}", | ||
+ | "alignment": "center", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&offset={OFFSET}&limit={LIMIT}&type=pixabay|search|en|{ico:search} {col:msx-white-soft}Search for Images|||Enter at least one character to start searching|Image Name|36@http://msx.benzac.de/interaction/input.html" | ||
+ | }, { | ||
+ | "icon": "login", | ||
+ | "label": "Login", | ||
+ | "action": "execute:fetch:http://msx.benzac.de/services/input.php?type=login" | ||
+ | }, { | ||
+ | "icon": "build", | ||
+ | "label": "Execute Action", | ||
+ | "action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=action|default|en|Execute Action Input Example|||Click on {ico:msx-white:done} to execute any action (e.g. '{txt:msx-white:video:http://...}', '{txt:msx-white:audio:http://...}', '{txt:msx-white:image:http://...}', '{txt:msx-white:link:http://...}', etc.)@http://msx.benzac.de/interaction/input.html" | ||
+ | }] | ||
+ | } | ||
</syntaxhighlight> | </syntaxhighlight> | ||
=== Demo === | === Demo === | ||
− | * Launch via App: https://msx.benzac.de/?start= | + | * Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/xp/data/plugin_test_13.json |
* Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/xp/data/plugin_test_13.json | * Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/xp/data/plugin_test_13.json | ||
Latest revision as of 10:55, 1 October 2024
This is a special interaction plugin that allows you to handle complex and multilingual inputs for special use cases (e.g. entering user names/emails/passwords, performing search queries, etc.). In order to use this plugin, a corresponding content service must be implemented that processes the entered input (e.g. by evaluating an input
parameter). The plugin can be used with version 0.1.123 or higher.
Usage[edit]
The plugin must be loaded with a content service URL that is able to process the input (which is generally set as input
URL parameter). Optionally, a type, a default language, a headline, a background, an extension, a hint, a placeholder, and/or a limit (for paging) can be set. Please see following action syntax examples.
content:request:interaction:{URL}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}|{LIMIT}@http://msx.benzac.de/interaction/input.html
content:request:interaction:{URL}|{TYPE}|{DEFAULT_LANG}|{HEADLINE}|{BACKGROUND}|{EXTENSION}|{HINT}|{PLACEHOLDER}|{LIMIT}|{INIT_INPUT}@http://msx.benzac.de/interaction/input.html
The {TYPE}
part can be set to one of the following values.
default
: Default inputsecret
: Secret input (this type can be used for passwords and hides the input by default)search
: Search input (this type can be used for search queries and automatically submits the input after it has been changed)
Optionally, the required submit length can be indicated (by default, it is set to 1
) with the format {TYPE}:{LENGTH}
(e.g. search:3
).
The {DEFAULT_LANG}
part can be set to one of the following values.
en
: English keyboard layoutfr
: French keyboard layoutde
: German keyboard layoutes
: Spanish keyboard layoutpt
: Portuguese keyboard layoutit
: Italian keyboard layouttr
: Turkish keyboard layoutru
: Russian keyboard layout
Please note that the keyboard layout can also be changed at runtime.
The content service URL should contain the keyword {INPUT}
, which is replaced with the corresponding value. Please see following action syntax examples.
content:request:interaction:http://link.to.input.handler?input={INPUT}@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|default@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|secret|en@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|search|fr|Titre@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|default:2|de|Überschrift|http://link.to.image@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|secret:3|es|Titular|http://link.to.image|Extensión@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}|search:4|pt|Título|http://link.to.image|Extensão|Texto de dica@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}||it|Titolo|http://link.to.image|Estensione|Testo di suggerimento|Segnaposto@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}||tr|Başlık||Eklenti@http://msx.benzac.de/interaction/input.html
content:request:interaction:http://link.to.input.handler?input={INPUT}||ru|Заголовок||||Заполнитель@http://msx.benzac.de/interaction/input.html
The content service should return either an action
property (with an optional data
property) to be executed (e.g. for user logins) or a template
and items
property to display the results (e.g. for search queries). Please see this example code how a user login response can look like.
{
"action": "reload"
}
The next example code shows how a search query response can look like.
{
"headline": "{ico:search} \"Video\"",
"hint": "Found 3 items",
"template": {
"type": "separate",
"layout": "0,0,2,4",
"icon": "msx-white-soft:movie",
"color": "msx-glass"
},
"items": [{
"title": "Video 1",
"playerLabel": "Video 1",
"action": "video:http://msx.benzac.de/media/video1.mp4"
}, {
"title": "Video 2",
"playerLabel": "Video 2",
"action": "video:http://msx.benzac.de/media/video2.mp4"
}, {
"title": "Video 3",
"playerLabel": "Video 3",
"action": "video:http://msx.benzac.de/media/video3.mp4"
}]
}
Please note that for responses that contain a template
and items
property, the properties headline
, extension
, background
, and hint
will also be used (and will replace potential initial values). Additionally, the properties preload
, footer
, and inserts
will be taken over. Please note that the root content is compressed (i.e. the layout grid size is 16x8). Therefore, for uncompressed content, the decompress
property in the template
object is set to true
. If you want to display compressed content, please ensure the compress
property is set to true
in your response data.
Similar to the Paging Plugin, the input plugin supports paging if the content service URL contains the keywords {OFFSET}
and {LIMIT}
and a limit is indicated (e.g. content:request:interaction:http://link.to.input.handler?input={INPUT}&offset={OFFSET}&limit={LIMIT}||||||||20@http://msx.benzac.de/interaction/input.html
).
If you would like to use the plugin as reference to implement your own plugin, please have a look at this implementation script: http://msx.benzac.de/interaction/js/input.js.
Note: Currently, the input plugin cannot be used with panels. Please also note that all requests to the content service are HTTP GET requests.
Syntax[edit]
Keyword | Parameter | Type | Default Value | Mandatory | Description |
---|---|---|---|---|---|
{ID} |
id |
string |
null |
No |
An automatically generated unique device ID. |
{INPUT} |
input |
string |
"" |
Yes |
The input that should be processed. |
{LANG} |
lang |
string |
"en" |
No |
The currently used keyboard layout (e.g. for auto-completion of search queries). |
{OFFSET} |
offset |
number |
0 |
No |
The paging offset that specifies from which offset the items should start (e.g. for search queries). Note: The initial request from the input plugin will always have the offset |
{LIMIT} |
limit |
number |
0 |
No |
The paging limit that specifies how many items should be returned (e.g. for search queries). Note: If the content service returns less or more items then indicated, no additional items will be requested. |
credentials |
credentials |
void |
n/a | No |
A keyword that indicates that user credentials (e.g. cookies, authorization headers, etc.) are enabled for content service requests. Technically, this keyword sets the |
Note: The parameter column shows the recommended parameter names. Generally, each keyword can be set to any parameter name or integrated into the path of the content service URL.
Example[edit]
Screenshot[edit]
Code[edit]
{
"type": "pages",
"headline": "Input Plugin Test",
"template": {
"enumerate": false,
"type": "button",
"layout": "0,0,3,3"
},
"items": [{
"icon": "keyboard",
"label": "Default",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=default|default|en|Default Input Example|||Click on {ico:msx-white:done} to submit input@http://msx.benzac.de/interaction/input.html"
}, {
"icon": "password",
"label": "Secret",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=secret|secret|en|Secret Input Example|||Click on {ico:msx-white:done} to submit secret input@http://msx.benzac.de/interaction/input.html"
}, {
"badge": "Compressed",
"icon": "search",
"label": "Icon Search",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=search|search|en|{ico:search} {col:msx-white-soft}Search for Icons|||Enter at least one character to start searching|Icon Name@http://msx.benzac.de/interaction/input.html"
}, {
"badge": "Decompressed",
"icon": "search",
"label": "Image Search",
"titleFooter": "0.1.155+{br}{br}{br}",
"alignment": "center",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=pixabay|search|en|{ico:search} {col:msx-white-soft}Search for Images|||Enter at least one character to start searching|Image Name@http://msx.benzac.de/interaction/input.html"
}, {
"badge": "Decompressed + Paging",
"icon": "search",
"label": "Image Search",
"titleFooter": "0.1.155+{br}{br}{br}",
"alignment": "center",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&offset={OFFSET}&limit={LIMIT}&type=pixabay|search|en|{ico:search} {col:msx-white-soft}Search for Images|||Enter at least one character to start searching|Image Name|36@http://msx.benzac.de/interaction/input.html"
}, {
"icon": "login",
"label": "Login",
"action": "execute:fetch:http://msx.benzac.de/services/input.php?type=login"
}, {
"icon": "build",
"label": "Execute Action",
"action": "content:request:interaction:http://msx.benzac.de/services/input.php?input={INPUT}&type=action|default|en|Execute Action Input Example|||Click on {ico:msx-white:done} to execute any action (e.g. '{txt:msx-white:video:http://...}', '{txt:msx-white:audio:http://...}', '{txt:msx-white:image:http://...}', '{txt:msx-white:link:http://...}', etc.)@http://msx.benzac.de/interaction/input.html"
}]
}
Demo[edit]
- Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/xp/data/plugin_test_13.json
- Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/xp/data/plugin_test_13.json