Init Commit

.gitignore

@@ -0,0 +1 @@
+.nova

README.md

@@ -0,0 +1,78 @@
+# Retroid Pocket Switch Theme
+
+<img src="hero.jpg">
+
+Pegasus Frontend Theme optimized for the Retroid Pocket 2 Screen. You need to have Pegasus installed in your Retroid Pocket
+
+## Installing Pegasus on the Retroid Pocket 2
+
+Pegasus needs some setup work but is easy as pie if you follow mi [guide for dummies](https://github.com/dragoonDorise/pegasus-rp2-metadata)
+
+## Home Screen
+
+In the home screen you can navigate your Systems using your D-pad or use the option navbar to:
+
+- Access all your favorited games
+- Access your latest played games
+- Access all of your games of all platforms
+- Toggle Light / Dark mode
+
+### Light Mode
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/home.jpg">
+
+### Dark Mode
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/home-dark.jpg">
+
+You can also toggle the zoom level of the Systems list with a press on the button Y
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/home-zoom.jpg">
+
+## Game List Screen
+
+In this list you can see all the games in the System selected in the Home Screen, in this screen you can do several things by pressing different buttons:
+
+- A - Launchs the Game
+- B - Goes back to the Home Page
+- X - Toggles a Game as favorite
+- Y - Toogles the Game List between 3, 4 or 5 games per row
+- L1 - Changes the Game List to the previous System
+- R1 - Changes the Game List to the next System
+- R2 - Activates Search mode ( You might need to press R2 Twice )
+
+If you selected Dark Mode in the Home Page, the Game List will be presented in Dark Mode as well.
+
+### Light mode
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/games3.jpg">
+
+### Dark mode
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/games3-dark.jpg">
+
+### Search mode
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/search.jpg">
+Just press R2 Twice, enter the text you want to search, press the hide keyboard key in the Android virtual Keyboard and then press Down in the Dpad to go back to the Game list and select the game you want. **Don't press the Enter key, it wont work**
+
+### Zoom levels
+
+There are three zoom levels, you can toggle trough them by pressing hte button Y
+
+#### Three games
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/games3.jpg">
+
+#### Four games
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/games4.jpg">
+
+#### Five games
+
+<img src="https://raw.githubusercontent.com/dragoonDorise/RP-Switch/master/screenshots/games5.jpg">
+
+## Thanks To
+
+- PlayingKarrde for creating [switchOS](https://github.com/PlayingKarrde/switchOS)
+- System pictures from [lilbud](https://github.com/lilbud/es-theme-switch)

components/Footer.qml

@@ -0,0 +1,251 @@
+import QtQuick 2.12
+    Rectangle {
+        id: footer
+        color: footerCSS.background
+        width: footerCSS.width
+        height: footerCSS.height
+        anchors.top: main.bottom
+        Rectangle{
+          id: footer__border
+          anchors.top: parent.top
+          anchors.left: parent.left
+          anchors.leftMargin: 20
+          width: parent.width-40;
+          height:1
+          color: theme.text
+        }
+
+        Image {
+            id: rp2
+            width: 36
+            fillMode: Image.PreserveAspectFit
+            source: "../assets/icons/"+ theme.footer_icon
+            asynchronous: true        
+            anchors.top: parent.top
+            anchors.left: parent.left
+            anchors.leftMargin: 42
+            anchors.topMargin: 14
+        }      
+
+
+        Rectangle{
+            id: footer__legend
+            color:"transparent"
+            anchors.right: parent.right
+            width:500
+            height: parent.height
+            anchors.verticalCenter: parent.verticalCenter
+            Rectangle{
+                id: footer__legend_A
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: footer__legend_B.left
+                anchors.rightMargin: 70
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+
+                    Text{
+                         text:"A"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Accept"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }
+            Rectangle{
+                id: footer__legend_B
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: parent.right
+                anchors.rightMargin: 60
+
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+
+                    Text{
+                         text:"B"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Back"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }
+            Rectangle{
+                id: footer__legend_Y
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: footer__legend_A.left
+                anchors.rightMargin: 64
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+
+                    Text{
+                         text:"Y"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Zoom"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }            
+            Rectangle{
+                id: footer__legend_X
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: footer__legend_Y.left
+                anchors.rightMargin: 80
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+                    visible: currentPage === 'ListPage' ? 1 : 0            
+                    Text{
+                         text:"X"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Favorite"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }
+            // Rectangle{
+            //     id: footer__legend_X_home
+            //     anchors.verticalCenter: parent.verticalCenter
+            //     anchors.right: footer__legend_Y.left
+            //     anchors.rightMargin: 70
+            //     Rectangle{
+            //         height:20
+            //         width:20
+            //         color:"#444"
+            //         radius:20
+            //         anchors.verticalCenter: parent.verticalCenter
+            //         anchors.right: parent.right  
+            //         visible: currentPage === 'HomePage' ? 1 : 0            
+            //         Text{
+            //              text:"X"
+            //              color:"white"                    
+            //              anchors.verticalCenter: parent.verticalCenter
+            //              anchors.horizontalCenter: parent.horizontalCenter
+            //         }
+            //         Text{
+            //              text:"Zoom"
+            //              color: theme.text                       
+            //              anchors.verticalCenter: parent.verticalCenter
+            //              anchors.left: parent.right
+            //              anchors.leftMargin: 4
+            //              
+            //         }
+            //     }
+            // }
+
+            Rectangle{
+                id: footer__legend_R
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: footer__legend_X.left
+                anchors.rightMargin: 60
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+                    visible: currentPage === 'ListPage' ? 1 : 0            
+                    Text{
+                         text:"R1"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Next"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }            
+
+
+            Rectangle{
+                id: footer__legend_L
+                anchors.verticalCenter: parent.verticalCenter
+                anchors.right: footer__legend_R.left
+                anchors.rightMargin: 60
+                Rectangle{
+                    height:20
+                    width:20
+                    color:"#444"
+                    radius:20
+                    anchors.verticalCenter: parent.verticalCenter
+                    anchors.right: parent.right  
+                    visible: currentPage === 'ListPage' ? 1 : 0            
+                    Text{
+                         text:"L1"
+                         color:"white"                    
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                    Text{
+                         text:"Prev"
+                         color: theme.text                       
+                         anchors.verticalCenter: parent.verticalCenter
+                         anchors.left: parent.right
+                         anchors.leftMargin: 4
+
+                    }
+                }
+            }            
+
+
+        }
+
+
+    }    
+