Add support for the "Open" action

plugin/manifest.json

@@ -5,29 +5,42 @@
       "Name": "SSH",
       "States": [
         {
-          "Image": "ssh",
+          "Image": "images/actions/ssh",
           "TitleAlignment": "bottom",
           "FontSize": "16"
         }
       ],
-      "SupportedInMultiActions": false,
       "Tooltip": "Execute a command over SSH",
       "UUID": "tf.meow.remote.ssh",
       "PropertyInspectorPath": "pi/index_pi.html"
     },
     {
-      "Icon": "images/actions/website",
+      "Icon": "images/actions/website-icon",
       "Name": "Website",
       "States": [
         {
-          "Image": "website",
+          "Image": "images/actions/website",
+          "TitleAlignment": "bottom",
+          "FontSize": "16"
+        }
+      ],
+      "Tooltip": "Open a website on a remote computer",
+      "UUID": "tf.meow.remote.website",
+      "PropertyInspectorPath": "pi/index_pi_server.html"
+    },
+    {
+      "Icon": "images/actions/website-icon",
+      "Name": "Website",
+      "States": [
+        {
+          "Image": "images/actions/website",
           "TitleAlignment": "bottom",
           "FontSize": "16"
         }
       ],
       "SupportedInMultiActions": false,
-      "Tooltip": "Open a website on a remote computer",
-      "UUID": "tf.meow.remote.website",
+      "Tooltip": "Open a file on a remote computer",
+      "UUID": "tf.meow.remote.open",
       "PropertyInspectorPath": "pi/index_pi_server.html"
     }
   ],

plugin/pi/css/check.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="10" viewBox="0 0 12 10">
+  <polygon fill="#FFF" points="7.2 7.5 7.2 -1.3 8.7 -1.3 8.6 9.1 2.7 8.7 2.7 7.2" transform="rotate(37 5.718 3.896)"/>
+</svg>

plugin/pi/index_pi.js

@@ -76,17 +76,14 @@ function connectElgatoStreamDeckSocket (inPort, inUUID, inRegisterEvent, inInfo,
 }
 
 function initPropertyInspector(initDelay) {
-    if (actionInfo['action'] == 'tf.meow.remote.website') {
-        $('#url_container').show();
-        $('#url_background_container').show();
-    }
+    const action = actionInfo['action'];
+
+    $('[data-action=' + action + ']').removeClass('hidden');
 
     Object.keys(settings).forEach(function (item) {
         let $item = $('#' + item),
             value = settings[item];
 
-        console.log('Load setting', item, 'value', value);
-
         switch ($item.attr('type')) {
             case 'checkbox':
                 let itemVal = $item.attr('value');

plugin/pi/index_pi_server.html

@@ -23,17 +23,22 @@
                 <input type="text" id="remote_token" class="sdpi-item-value" value="" required>
             </div>
 
-            <div class="sdpi-item" id="url_container" style="display: none;">
+            <div class="sdpi-item hidden" id="url_container" data-action="tf.meow.remote.website">
                 <div class="sdpi-item-label">URL</div>
                 <input type="text" id="url" class="sdpi-item-value" value="" required>
             </div>
 
-            <div id="url_background_container" type="checkbox" class="sdpi-item" style="display: none;">
+            <div id="url_background_container" data-action="tf.meow.remote.website" type="checkbox" class="sdpi-item hidden">
                 <div class="sdpi-item-label">Options</div>
                 <input class="sdpi-item-value" id="background" type="checkbox" value="true">
                 <label for="background"><span></span>Access in background</label>
             </div>
 
+            <div class="sdpi-item hidden" id="path_container" data-action="tf.meow.remote.open">
+                <div class="sdpi-item-label">App / File</div>
+                <input type="text" id="path" class="sdpi-item-value" value="" required>
+            </div>
+
         </div>
         <!-- <script src="echomd.js"></script> -->
         <script