feature(EJ2-4392): Bootstrap theme support prrovided for TypeScript SB for Production

Author: pipeline

index.html

@@ -34,7 +34,8 @@
                 <div id="selectdiv" class='e-hidden'>
                     <ul id="themelist" class="options">
                         <li class="e-list" id="material"><span class='switch-text'>Material</span><span class='switch-icon material'></span></a></li>
-                        <li class="e-list" id="fabric"><span class='switch-text'>Fabric</span><span class='switch-icon fabric'></span></a></li>                          
+                        <li class="e-list" id="fabric"><span class='switch-text'>Fabric</span><span class='switch-icon fabric'></span></a></li>
+                        <li class="e-list" id="bootstrap"><span class='switch-text'>Bootstrap</span><span class='switch-icon bootstrap'></span></a></li>
                     </ul>
 
                 </div>

src/common/index.ts

@@ -17,7 +17,7 @@ const tabList: string[] = ['htab', 'ttab'];
 const urlSplit: RegExp = /\b(?!html)\b([A-Za-z-]+)/g;
 let execFunction: { [key: string]: Object } = {};
 let selectedTheme: string = location.hash.split('/')[1];
-let availableThemes: string[] = ['material', 'fabric'];
+let availableThemes: string[] = ['material', 'fabric', 'bootstrap'];
 let isHashChanged: boolean = true;
 let isButtonClick: boolean = false;
 
@@ -148,11 +148,7 @@ function loadJSON(): void {
         selectedTheme = 'material';
     }
     loadTheme(selectedTheme);
-    if (selectedTheme === 'fabric') {
-        enableRipple(false);
-    } else {
-        enableRipple(true);
-    }
+    enableRipple(selectedTheme === 'material');
     overlay();
     routeDefault();
     showBackButton();

styles/images/sb_icons/SB_Switcher_icon_bootstrap.png

@@ -86,6 +86,9 @@ body {
 .switch-icon.fabric {
     background: url(images/sb_icons/fabric.png) no-repeat 100% 100%;
 }
+.switch-icon.bootstrap {
+    background: url(images/sb_icons/bootstrap.png) no-repeat 100% 100%;
+}
 #selectdiv {
     width:230px;
     position:absolute;