• Home

MVC Architecture Demo App

 import Felgo 4.0
 import QtQuick 2.0
 import "model"
 import "logic"
 import "pages"

 App {
   // You get free licenseKeys from https://felgo.com/licenseKey
   // With a licenseKey you can:
   //  * Publish your games & apps for the app stores
   //  * Remove the Felgo Splash Screen or set a custom one (available with the Pro Licenses)
   //  * Add plugins to monetize, analyze & improve your apps (available with the Pro Licenses)
   //licenseKey: "<generate one from https://felgo.com/licenseKey>"

   // app initialization
   Component.onCompleted: {
     // if device has network connection, clear cache at startup
     // you'll probably implement a more intelligent cache cleanup for your app
     // e.g. to only clear the items that aren't required regularly
     if(isOnline) {
       logic.clearCache()
     }

     // fetch todo list data
     logic.fetchTodos()
     logic.fetchDraftTodos()
   }

   // business logic
   Logic {
     id: logic
   }

   // model
   DataModel {
     id: dataModel
     dispatcher: logic // data model handles actions sent by logic

     // global error handling
     onFetchTodosFailed:             error => nativeUtils.displayMessageBox("Unable to load todos", error, 1)
     onFetchTodoDetailsFailed: (id, error) => nativeUtils.displayMessageBox("Unable to load todo " + id, error, 1)
     onStoreTodoFailed:      (todo, error) => nativeUtils.displayMessageBox("Failed to store " + viewHelper.formatTitle(todo))
   }

   // helper functions for view
   ViewHelper {
     id: viewHelper
   }

   // view
   Navigation {
     id: navigation

     // only enable if user is logged in
     // login page below overlays navigation then
     enabled: dataModel.userLoggedIn

     // first tab
     NavigationItem {
       title: qsTr("Todo List")
       iconType: IconType.list

       NavigationStack {
         splitView: tablet // use side-by-side view on tablets
         initialPage: TodoListPage { }
       }
     }

     // second tab
     NavigationItem {
       title: qsTr("Profile") // use qsTr for strings you want to translate
       iconType: IconType.circle

       NavigationStack {
         initialPage: ProfilePage {
           // handle logout
           onLogoutClicked: {
             logic.logout()

             // jump to main page after logout
             navigation.currentIndex = 0
             navigation.currentNavigationItem.navigationStack.popAllExceptFirst()
           }
         }
       }
     }
   }

   // login page lies on top of previous items and overlays if user is not logged in
   LoginPage {
     visible: opacity > 0
     enabled: visible
     opacity: dataModel.userLoggedIn ? 0 : 1 // hide if user is logged in

     Behavior on opacity { NumberAnimation { duration: 250 } } // page fade in/out