fix: better approach for 7.2 dashboard changes

Author: dkaser

src/usr/local/emhttp/plugins/plugin-name/MyPlugin-Dashboard.page

@@ -3,33 +3,31 @@ Menu="Dashboard:0"
 ---
 <?php
 
-$isResponsiveWebgui = version_compare(parse_ini_file('/etc/unraid-version')['version'] ?? "", '7.2', '>=');
-$cardTitleStart     = $isResponsiveWebgui ? "<h3 class='tile-header-main'>" : "";
-$cardTitleEnd       = $isResponsiveWebgui ? "</h3>" : "<br>";
+$cardName = "my-plugin";
 
-$mytiles["plugin-name"]["column1"] = <<<EOT
+$mytiles[$cardName]["column1"] = <<<EOT
     <tbody title="My New Plugin">
       <tr>
         <td>
-          <span class='tile-header'>
-            <span class='tile-header-left'>
+          <div class='tile-header' id='{$cardName}-dashboard-card'>
+            <div class='tile-header-left'>
               <i class='icon-performance f32'></i>
               <div class='section'>
-                {$cardTitleStart}
+                <h3 class='tile-header-main' id='{$cardName}-dashboard-title'>
                   My New Plugin
-                {$cardTitleEnd}
+                </h3>
                 <span>Subtitle</span>
               </div>
-            </span>
-            <span class='tile-header-right'>
-              <span class='tile-ctrl'>
+            </div>
+            <div class='tile-header-right'>
+              <div class='tile-ctrl'>
                 <!-- Primary control buttons -->
-              </span>
-              <span class='tile-header-right-controls'>
-                <a href="/Settings/MyPlugin-Config" title="_(Settings)_"><i class="fa fa-fw fa-cog control"></i></a>
-              </span>
-            </span>
-          </span>
+              </div>
+              <div class='tile-header-right-controls'>
+                <a id="{$cardName}-settings-button" href="/Settings/MyPlugin-Config" title="_(Settings)_"><i class="fa fa-fw fa-cog control"></i></a>
+              </div>
+            </div>
+          </div>
         </td>
       </tr>
       <tr>
@@ -38,4 +36,19 @@ $mytiles["plugin-name"]["column1"] = <<<EOT
     </tbody>
 
     EOT;
+
+// Compatibilty for Unraid versions before 7.2
+$isResponsiveWebgui = version_compare(parse_ini_file('/etc/unraid-version')['version'] ?? "", '7.2', '>=');
+if ( ! $isResponsiveWebgui) {
+    $mytiles[$cardName]["column1"] .= <<<EOT
+        <script>
+            $(function() {
+                $('#{$cardName}-dashboard-title').replaceWith(function() {
+                    return $(this).text() + "<br>";
+                });
+                $('#{$cardName}-settings-button').prependTo('#{$cardName}-dashboard-card');
+            });
+        </script>
+        EOT;
+}
 ?>