Merge pull request #161 from BuildFire/launch-in-feature

feat/ handle launch In new feature

Author: mas-iota

control/settings/index.html

@@ -58,11 +58,32 @@ <h1 class="section-title">Settings</h1>
             </div>
             <div class="col-sm-6">
                 <div class="button-switch" style="float: right;">
-                    <input type="checkbox" id="preferLinkPage" onchange="saveSettings()" disabled>
+                    <input type="checkbox" id="preferLinkPage" disabled>
                     <label for="preferLinkPage" class="label-success"></label>
                 </div>
             </div>
         </div>
+
+        <div id="launchContainer" class="hidden row padding-top-twenty flex">
+            <div class="col-md-4">
+                <label>Launch In</label>
+            </div>
+            <div class="col-md-8 text-left padding-zero">
+                <div class="col-md-12 margin-bottom-fifteen">
+                    <div class="row">
+                        <div class="col-md-6 margin-top-zero radio radio-primary">
+                            <input type="radio" name="launchIn" id="launchInPopup" value="_blank" />
+                            <label for="launchInPopup">Popup Window</label>
+                        </div>
+                        <div class="col-md-6 margin-top-zero radio radio-primary">
+                            <input type="radio" name="launchIn" id="launchInBrowser" value="_system" checked />
+                            <label for="launchInBrowser">Native Browser</label>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
     </div>
 
 </body>

control/settings/settings.js

@@ -31,18 +31,43 @@ window.onload = () => {
         }
 
         readRequiresLogin.disabled = false;
-	preferLinkPage.disabled = false;
+        preferLinkPage.disabled = false;
         if (settings?.readRequiresLogin) {
             readRequiresLogin.checked = true;
         }
         if (settings?.preferLinkPage) {
             preferLinkPage.checked = true;
         }
+        
+        const launchContainer = document.getElementById('launchContainer');
+        if (!settings.preferLinkPage) {
+            launchContainer.classList.add('hidden');
+        } else {
+            launchContainer.classList.remove('hidden');
+        }
+        
+        preferLinkPage.addEventListener('change', () => {
+            settings.preferLinkPage = preferLinkPage.checked;
+            saveSettings();
+            
+            if (!settings.preferLinkPage) {
+                launchContainer.classList.add('hidden');
+            } else {
+                launchContainer.classList.remove('hidden');
+            }
+        });
+        
+        const launchInRadios = document.querySelectorAll('input[name="launchIn"]');
+        launchInRadios.forEach(radio => {
+            radio.addEventListener('change', (event) => {
+                settings.launchIn = event.target.value;
+                saveSettings();
+            });
+        });
     });
-}
+};
 
 const saveSettings = () => {
     settings.readRequiresLogin = readRequiresLogin.checked;
-    settings.preferLinkPage = preferLinkPage.checked;
     buildfire.datastore.save(settings, "RssFeedInfo", () => { });
 }

widget/controllers/widget.home.controller.js

@@ -366,6 +366,9 @@
                         if (!WidgetHome.data.design.showImages) {
                             WidgetHome.data.design.showImages = FEED_IMAGES.YES;
                         }
+                        if (!WidgetHome.data.launchIn) {
+                            WidgetHome.data.launchIn = '_system';
+                        }
                     $scope.hideandshow = true;
                 }
 
@@ -704,7 +707,7 @@
                             window.open(item.link, '_blank')
                         }
                         else {
-                            Buildfire.navigation.openWindow(item.link, '_system');
+                            Buildfire.navigation.openWindow(item.link, WidgetHome.data.launchIn);
                         }
                         return;
                     }