KaiOS3 select file

strukturart · Oct 1, 2024 · 046c52b · 046c52b
1 parent 1c0b5fe
commit 046c52b
Show file tree

Hide file tree

Showing 7 changed files with 423 additions and 333 deletions.
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-![logo](/images/logo.svg)
+![logo](/application/assets/icons/icon-112-112.png)
 
 # Feedolin
 
@@ -8,18 +8,15 @@
 
 Feedolin is an RSS / Atom reader and podcast player. It is intended for users who already use an rss reader client and want to read their feeds on a KaiOS device. the list of subscribed websites / podcasts is managed locally or online in an opml.
 
-**NEW**  
+**NEW**
 
 Now it is also possible to load mastodon content, in the settings of the app you will find a login button with which you can log in with your mastodon account.
 
 ## RSS/Atom/Mastodon reader and Podcastplayer for KaiOS
 
 - read you favorit rss/atom feeds
 - stream your podcasts
-- show youtube/soundcloud channels
 - read mastodon publice & home timeline
-- listen spotify->rss podcasts
-- read reddit.com ->rss
 - open rss feedlink
 - offline use (caching)
 
@@ -54,8 +51,8 @@ Originally I only wanted to write an rss reader for KaiOS, now I have decided to
 - Enter to show full news
 - Backspace to go back
 - #-key volume
+- \*-key open audioplayer
 - streaming audio seeking: cursor left/right
-- Volume
 
 ## Tips
 
@@ -71,30 +68,4 @@ RSS-Feed from public Youtube/Soundcloud/Instagram/Twitter.....
 
 ## Donation
 
-If you use the app often, please donate an amount to me.
-<br>
-
-<table class="border-0"> 
-  <tr class="border-0" >
-    <td valign="top" class="border-0">
-        <div>
-            <a href="https://paypal.me/strukturart?locale.x=de_DE" target="_blank">
-                <img src="/images/paypal.png" width="120px">
-            </a>
-        </div>
-    </td>
-    <td valign="top" class="border-0">
-        <div>
-            <div>Bitcoincash</div>
-            <img src="/images/bitcoincash_rcv.png" width="120px">
-        </div>
-    </td>
-    <td valign="top" class="border-0">
-        <div>
-            <div>Bitcoin</div>
-            <img src="/images/bitcoin_rcv.png" width="120px">
-        </div>
-    </td>
-
-  </tr>
- </table>
+<a href="https://liberapay.com/perry_______/donate"><img alt="Donate using Liberapay" src="https://liberapay.com/assets/widgets/donate.svg"></a>
diff --git a/application/assets/css/main.css b/application/assets/css/main.css
@@ -98,6 +98,10 @@ h3 {
   font-size: 1rem;
 }
 
+li {
+  list-style: none;
+}
+
 time {
   font-size: 0.8rem;
 }
@@ -810,7 +814,7 @@ video {
     position: fixed;
     z-index: 2000;
     bottom: 30px;
-    left: 5vw;
+    left: 0vw;
     height: 18px;
     z-index: 6;
     background: none;
@@ -821,11 +825,19 @@ video {
     align-items: center;
   }
 
+  div#bottom-bar div.inner {
+    position: relative;
+    display: flex;
+    justify-content: space-between;
+
+    padding: 5px;
+  }
+
   div#intro img {
     width: 80px;
     height: auto;
     position: absolute;
-    top: 30px;
+    top: 20px;
     left: 50%;
     margin-left: -40px;
   }
@@ -842,4 +854,18 @@ video {
     width: 100%;
     height: 5px;
   }
+
+  #settings-page {
+    margin: 10px 0 0 0;
+    width: 100vw;
+  }
+
+  .input-parent {
+    min-width: 100vw;
+  }
+
+  .page {
+    margin: 10px 0 0 0;
+    padding: 10px 10px 40px 10px;
+  }
 }
diff --git a/application/assets/icons/icon-112-112.svg b/application/assets/icons/icon-112-112.svg
diff --git a/application/assets/js/helper.js b/application/assets/js/helper.js
@@ -2,21 +2,6 @@
 
 import { status, settings } from "../../index.js";
 
-export const month = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December",
-];
-
 export let setTabindex = () => {
   let visibleElements = document.querySelectorAll(
     '.item:not([style*="display: none"])'
@@ -456,6 +441,45 @@ export let sort_array = function (arr, item_key, type) {
   }
 };
 
+////////////////////////
+////VOLUME CONTROL//////
+///////////////////////
+
+function startVolumeManager() {
+  const session = new lib_session.Session();
+  const sessionstate = {};
+  navigator.volumeManager = null;
+  sessionstate.onsessionconnected = function () {
+    // console.log(AudioVolumeManager onsessionconnected);
+    lib_audiovolume.AudioVolumeManager.get(session)
+      .then((AudioVolumeManagerService) => {
+        navigator.volumeManager = AudioVolumeManagerService;
+      })
+      .catch((e) => {
+        // console.log(Error calling AudioVolumeManager service${JSON.stringify(e)});
+        navigator.volumeManager = null;
+      });
+  };
+  sessionstate.onsessiondisconnected = function () {
+    startVolumeManager();
+  };
+  session.open("websocket", "localhost", "secrettoken", sessionstate, true);
+}
+if ("b2g" in navigator) setTimeout(startVolumeManager, 5000);
+
+export let volume_control = function () {
+  //KaiOS 3.x
+  if ("b2g" in navigator) {
+    try {
+      navigator.volumeManager.requestVolumeShow();
+      status.window_status = "volume";
+      setTimeout(() => {
+        status.window_status = "";
+      }, 2000);
+    } catch (e) {}
+  }
+};
+
 let uid = function () {
   function _p8(s) {
     var p = (Math.random().toString(16) + "000000000").substr(2, 8);