update button style; show all components

public_html/pages/component.php

@@ -30,7 +30,25 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
     echo '
     <h2>Ooops</h2>
     <p>Maybe there is a typo ... the component <strong>&quot;'.$sComponent.'&quot;</strong> was not found.</p>
+
+    <p>Show all components...</p>
     ';
+
+
+    foreach($renderAdminLTE->getComponents(1) as $sComponent=>$aComponent){
+
+        // code to fix ... 
+
+        $aWidgetOptions=[];
+        foreach($renderAdminLTE->getComponentParamkeys($sComponent, true) as $sOptionkey=>$aParam){
+            if($aParam['example_value']!==''){
+                $aWidgetOptions[$sOptionkey]=$aParam['example_value'];
+            }
+        }
+        // print_r($aWidgetOptions);
+        echo getOutput("\$renderAdminLTE->".$aComponent['method']."(".var_export($aWidgetOptions, 1).");") . '<br><br>';
+    }
+    
 } else {
 
     $aComp=$renderAdminLTE->getComponent($sComponent);
@@ -67,7 +85,7 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
                 .'>'.$sSelectItem .' -> '. $sLabel.'</option>';
             }
             $sInput='<nobr><select size="1" name="'.$sOptionkey.'" onchange="form.submit();">'.$sInput.'</select>'
-                .' <button name="doloop" value="'.$sOptionkey.'">Loop</button><nobr>';
+                .' <button name="doloop" value="'.$sOptionkey.'" class="btn btn-secondary">Loop</button><nobr>';
 
         } else {
             $sInput.='<input type="text" name="'.$sOptionkey.'" value="'.$sValue.'"/>';
@@ -80,7 +98,10 @@ if(!$renderAdminLTE->getComponent($sComponent)) {
     }
     $sTester.='
     
-        <tr><td><button>Submit</button></td></tr>
+        <tr><td colspan="2">
+            <button class="btn btn-primary">Submit</button> 
+            <a href="?id='.$sComponent.'" class="btn btn-secondary">Reset</a>
+        </td></tr>
     </tbody></table>
     </form>
     ';