Add subline to index

fgilde · Jul 3, 2024 · 9447425 · 9447425
1 parent fe44eb9
commit 9447425
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/MudBlazor.Extensions/wwwroot/js/components/MudExAppLoader.js b/MudBlazor.Extensions/wwwroot/js/components/MudExAppLoader.js
@@ -52,6 +52,8 @@
         this.timeout = parseInt(this.getAttribute('Timeout')) || 2000;
         this.preLoadText = this.getAttribute('PreLoadText') || 'Loading...';
         this.appName = this.getAttribute('AppName') || '';
+        this.subTitle = this.getAttribute('SubTitle') || '';
+        this.subTitleClass = this.getAttribute('subTitleClass') || '';
         this.size = this.getAttribute('Size') || '200';
 
         // Set CSS variable --loading-color to accentColor value
@@ -88,7 +90,11 @@
               </svg>
               ${this.logo ? `<img class="logo ${this.logoClass}" src="${this.logo}" />` : `<div class="logo ${this.logoClass}">${this.innerHTML}</div>`}
               <span class="mud-ex-app-loader-loading-percentage ${this.percentageClass}">${this.preLoadText}</span>
-              <span class="app-name ${this.appNameClass}">${this.appName}</span>
+              <div class="app-name ${this.appNameClass}">
+                <span>${this.appName}</span> <br />
+                <center><span class="${this.subTitleClass}">${this.subTitle}</span></center>
+              </div>
+                           
             </div>
           </div>
         `;

diff --git a/MudBlazor.Extensions/wwwroot/js/components/MudExAppLoader.min.js b/MudBlazor.Extensions/wwwroot/js/components/MudExAppLoader.min.js
diff --git a/Samples/MainSample.WebAssembly/wwwroot/index.html b/Samples/MainSample.WebAssembly/wwwroot/index.html
@@ -54,7 +54,7 @@
         <button onclick="closeOverlay()">Close</button>
     </div>-->
 
-    <mud-ex-app-loader AppName="MudBlazor.Extensions" AccentColor="#ff4081" MainAppId="app" Logo="/sample-data/logo.png">
+    <mud-ex-app-loader AppName="MudBlazor.Extensions" SubTitle="for MudBlazor 7.0.0" AccentColor="#ff4081" MainAppId="app" Logo="/sample-data/logo.png">
     </mud-ex-app-loader>