Add cordova project template with framework7

mobile/www/js/app.js

@@ -0,0 +1,44 @@
+// Dom7
+var $$ = Dom7;
+
+// Framework7 App main instance
+var app  = new Framework7({
+  root: '#app', // App root element
+  id: 'io.framework7.testapp', // App bundle ID
+  name: 'Framework7', // App name
+  theme: 'auto', // Automatic theme detection
+  // App root data
+  data: function () {
+    return {
+      user: {
+        firstName: 'John',
+        lastName: 'Doe',
+      },
+    };
+  },
+  // App root methods
+  methods: {
+    helloWorld: function () {
+      app.dialog.alert('Hello World!');
+    },
+  },
+  // App routes
+  routes: routes,
+});
+
+// Init/Create main view
+var mainView = app.views.create('.view-main', {
+  url: '/'
+});
+
+// Login Screen Demo
+$$('#my-login-screen .login-button').on('click', function () {
+  var username = $$('#my-login-screen [name="username"]').val();
+  var password = $$('#my-login-screen [name="password"]').val();
+
+  // Close login screen
+  app.loginScreen.close('#my-login-screen');
+
+  // Alert username and password
+  app.dialog.alert('Username: ' + username + '<br>Password: ' + password);
+});

mobile/www/js/routes.js

@@ -0,0 +1,79 @@
+routes = [
+    {
+      path: '/',
+      url: './index.html',
+    },
+    {
+      path: '/about/',
+      url: './pages/about.html',
+    },
+    {
+      path: '/form/',
+      url: './pages/form.html',
+    },
+    // Page Loaders & Router
+    {
+      path: '/page-loader-template7/:user/:userId/:posts/:postId/',
+      templateUrl: './pages/page-loader-template7.html',
+    },
+    {
+      path: '/page-loader-component/:user/:userId/:posts/:postId/',
+      componentUrl: './pages/page-loader-component.html',
+    },
+    {
+      path: '/request-and-load/user/:userId/',
+      async: function (routeTo, routeFrom, resolve, reject) {
+        // Router instance
+        var router = this;
+  
+        // App instance
+        var app = router.app;
+  
+        // Show Preloader
+        app.preloader.show();
+  
+        // User ID from request
+        var userId = routeTo.params.userId;
+  
+        // Simulate Ajax Request
+        setTimeout(function () {
+          // We got user data from request
+          var user = {
+            firstName: 'Vladimir',
+            lastName: 'Kharlampidi',
+            about: 'Hello, i am creator of Framework7! Hope you like it!',
+            links: [
+              {
+                title: 'Framework7 Website',
+                url: 'http://framework7.io',
+              },
+              {
+                title: 'Framework7 Forum',
+                url: 'http://forum.framework7.io',
+              },
+            ]
+          };
+          // Hide Preloader
+          app.preloader.hide();
+  
+          // Resolve route to load page
+          resolve(
+            {
+              componentUrl: './pages/request-and-load.html',
+            },
+            {
+              context: {
+                user: user,
+              }
+            }
+          );
+        }, 1000);
+      },
+    },
+    // Default route (404 page). MUST BE THE LAST
+    {
+      path: '(.*)',
+      url: './pages/404.html',
+    },
+  ];
+