#3 | PI: adding fields for showing data from response option

Author: re-schneider

Sources/propertyinspector/index.html

@@ -81,6 +81,41 @@
                 </div>
             </div>
 
+            <div class="sdpi-item">
+                <div style="width: 15px;"></div>
+                <div class="sdpi-item-value">
+                    <div class="sdpi-item-child">
+                        <input id="response_data" type="checkbox">
+                        <label for="response_data" class="sdpi-item-label"><span></span>Button shows data from response</label>
+                    </div>
+                </div>
+            </div>
+            <div id="response_data_container" style="display:none">
+                <details>
+                    <summary>Expand for Response data display instructions</summary>
+                    <p>Specify the JSON path in the API response whose value will show up on the key.</p>
+                    <p>A missing path will only display question marks.</p>
+                    <p>YOU MUST NOT USE THE TITLE OTHERWISE IT WILL HIDE THE DATA RETURNED</p>
+                    <p>(but you can use the title color and size config to adjust the data displayed).</p>
+                </details>
+                <div class="sdpi-item">
+                    <div class="sdpi-item-label">Name</div>
+                    <input class="sdpi-item-value" type="text" id="response_data_name">
+                </div>
+                <div class="sdpi-item">
+                    <div class="sdpi-item-label">JSON Path</div>
+                    <input class="sdpi-item-value" type="text" id="response_data_field">
+                </div>
+                <div class="sdpi-item">Background</div>
+                <div class="sdpi-item">
+                    <div class="sdpi-item-group file" id="matchedfilepickergroup">
+                        <input class="sdpi-item-value" type="file" id="background_image" accept=".jpg, .jpeg, .png, .ico, .gif, .bmp, .tiff">
+                        <label class="sdpi-file-info " for="background_image">No file...</label>
+                        <label class="sdpi-file-label" for="background_image">Choose file...</label>
+                    </div>
+                </div>
+            </div>
+
             <div class="sdpi-item">
                 <div style="width: 15px;"></div>
                 <div class="sdpi-item-value">

Sources/propertyinspector/index_pi.js

@@ -342,6 +342,9 @@ function showHideSettings() {
     d = document.getElementById('request_parameters_container');
     d.style.display = settings.request_parameters ? "" : "none";
 
+    d = document.getElementById('response_data_container');
+    d.style.display = settings.response_data ? "" : "none";
+
     d = document.getElementById('response_parse_container');
     d.style.display = settings.response_parse ? "" : "none";