Minor optimizations, created app icon

Author: husudosu

CHANGELOG.md

@@ -38,3 +38,11 @@ Important Android stuff:
 - Made the whole app more consistent,
 - Set Youtube quality on "Open URL" dialog.
 - Scroll to top added to File browser
+
+## 1.0.8 (Not released yet)
+
+- API connection handling works way better,
+- Added Android notification to control playback (It's an experimental feauture should be enabled manually, you can find the option on settings. Please report any issues you have)
+- Minor optimizations,
+- Created a basic clipart icon with Android studio
+- Toast rendering improved,

TODO.md

@@ -22,7 +22,6 @@ ionic capacitor run android -l --host=host
 
 - By some reasons routing not working properly, when not using modals on Settings -> Servers and Media collections
 - Better handling for playlist
-- Need someone who can design a proper icon for the app (currently using Ionic default app icon),
 - Need some help with [cordova-plugin-music-controls2](https://github.com/Arzio/cordova-plugin-music-controls2) plugin:
   - When the app is not active, playback status not refreshing for notification,
   - I'd like remove album cover from notification.

android/.idea/misc.xml

@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108"
+    android:tint="#FFFFFF">
+  <group android:scaleX="1.827"
+      android:scaleY="1.827"
+      android:translateX="32.076"
+      android:translateY="32.076">
+    <path
+        android:fillColor="@android:color/white"
+        android:pathData="M15,9L9,9c-0.55,0 -1,0.45 -1,1v12c0,0.55 0.45,1 1,1h6c0.55,0 1,-0.45 1,-1L16,10c0,-0.55 -0.45,-1 -1,-1zM12,15c-1.1,0 -2,-0.9 -2,-2s0.9,-2 2,-2 2,0.9 2,2 -0.9,2 -2,2zM7.05,6.05l1.41,1.41C9.37,6.56 10.62,6 12,6s2.63,0.56 3.54,1.46l1.41,-1.41C15.68,4.78 13.93,4 12,4s-3.68,0.78 -4.95,2.05zM12,0C8.96,0 6.21,1.23 4.22,3.22l1.41,1.41C7.26,3.01 9.51,2 12,2s4.74,1.01 6.36,2.64l1.41,-1.41C17.79,1.23 15.04,0 12,0z"/>
+  </group>
+</vector>

android/app/src/main/ic_launcher-playstore.png

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
     <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
 </adaptive-icon>

android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml

@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
 <adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
     <background android:drawable="@color/ic_launcher_background"/>
-    <foreground android:drawable="@mipmap/ic_launcher_foreground"/>
+    <foreground android:drawable="@drawable/ic_launcher_foreground"/>
 </adaptive-icon>

android/app/src/main/res/drawable/ic_launcher_background.xml

@@ -1,4 +1,4 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
-    <color name="ic_launcher_background">#FFFFFF</color>
+    <color name="ic_launcher_background">#40518C</color>
 </resources>

android/app/src/main/res/drawable/ic_launcher_foreground.xml

@@ -3,6 +3,12 @@
     <IonSplitPane content-id="main-content">
       <ion-menu content-id="main-content" type="overlay">
         <ion-content>
+          <ion-toast
+            :is-open="toast.isOpen"
+            :message="toast.message"
+            :duration="toast.duration"
+            @didDismiss="setToastState(false)"
+          />
           <ion-list id="inbox-list">
             <ion-list-header>MPV Remote</ion-list-header>
             <template v-if="servers.length > 0">
@@ -51,6 +57,7 @@
           </ion-list>
         </ion-content>
       </ion-menu>
+
       <ion-router-outlet id="main-content"></ion-router-outlet>
     </IonSplitPane>
   </IonApp>
@@ -72,6 +79,7 @@ import {
   IonSplitPane,
   IonSelect,
   IonSelectOption,
+  IonToast,
 } from "@ionic/vue";
 import {
   playCircleOutline,
@@ -102,6 +110,7 @@ export default defineComponent({
     IonSplitPane,
     IonSelect,
     IonSelectOption,
+    IonToast,
   },
   setup() {
     const store = useStore();
@@ -238,7 +247,7 @@ export default defineComponent({
       if (isActive) {
         // Set screen orientation if active
         store.commit("app/setScreenOrinetation", screen.orientation.type);
-        apiInstance.get("/status").then((response) => {
+        await apiInstance.get("/status").then((response) => {
           store.commit("simpleapi/setPlayerData", response.data);
           if (
             platforms.includes("hybrid") &&
@@ -264,6 +273,11 @@ export default defineComponent({
         if (platforms.includes("hybrid")) unregisterBroadcastReceiver();
       }
     });
+
+    const setToastState = async (state) => {
+      store.commit("app/setToastState", state);
+    };
+
     return {
       selectedPageIndex,
       appPages,
@@ -273,6 +287,8 @@ export default defineComponent({
       ),
       setCurrentServer: (serverId) =>
         store.dispatch("settings/setCurrentServer", serverId),
+      setToastState,
+      toast: computed(() => store.state.app.toast),
     };
   },
 });