updated to Platform 2.0

Photo Album Native Code/app/app.css

@@ -1,3 +0,0 @@
-page {
-    /* CSS styles */
-}

Photo Album Native Code/app/app.js

@@ -1,4 +0,0 @@
-var application = require("application");
-application.mainModule = "main-page";
-application.cssFile = "./app.css";
-application.start();

Photo Album Native Code/app/main-page.xml

@@ -1,3 +0,0 @@
-<Page xmlns="http://www.nativescript.org/tns.xsd" >
-  <!-- UI Declaration -->
-</Page>

Photo Album Native/.abproject

@@ -1,11 +1,11 @@
 {
-  "ProjectName": "Photo Album Native Code",
-  "ProjectGuid": "242a175d-0211-484d-ac73-4b3f9d9c9a9f",
+  "ProjectName": "Photo Album Native",
+  "ProjectGuid": "0e4e4d02-1e6c-4bbb-8974-a6cdb267c706",
   "projectVersion": 1,
-  "AppIdentifier": "com.telerik.PhotoAlbumNativeCode",
-  "DisplayName": "Photo Album Native Code",
+  "AppIdentifier": "com.telerik.PhotoAlbumNative",
+  "DisplayName": "Photo Album Native",
   "Author": "",
-  "Description": "Photo Album Native Code",
+  "Description": "Photo Album Native",
   "BundleVersion": "1.0",
   "AndroidVersionCode": "1",
   "iOSDeviceFamily": [

Photo Album Native/.app.json

@@ -0,0 +1,18 @@
+{
+  "type": "NativeScript",
+  "views": [
+    {
+      "type": "NativeScript:view",
+      "name": "homeView",
+      "components": [],
+      "title": "Home View",
+      "addToNavigation": true,
+      "icon": "home"
+    }
+  ],
+  "dataProviders": [],
+  "name": "nativeScriptApp",
+  "navigation": "listmenu",
+  "transition": "none",
+  "skin": "native"
+}

Photo Album Native/.yo-rc.json

@@ -0,0 +1,7 @@
+{
+  "generator-NativeScript": {
+    "dependsOn": [
+      "generator-NativeScript@0.0.12"
+    ]
+  }
+}

Photo Album Native/app/app.css

@@ -0,0 +1,113 @@
+page {
+    background-color: #fff;
+}
+
+button {
+    horizontal-align: stretch;
+}
+
+image,
+activityindicator {
+    horizontal-align: center;
+    vertical-align: center;
+}
+
+label,
+textfield,
+searchbar,
+switch
+{
+    vertical-align: center;
+}
+
+switch {
+    horizontal-align: right;
+}
+
+.action-bar {
+    padding: 10 4;
+    background-color: #e9e9e9;
+}
+
+.action-bar-title {
+    horizontal-align: left;
+    vertical-align: center;
+    font-size: 20;
+    color: #000;
+}
+
+.action-bar-border {
+    background-color: #bbb;
+}
+
+.form-item {
+    padding: 0 12;
+}
+
+.form-label {
+    margin-left: 12;
+}
+
+.form-field {
+    margin: 6 12 6 0;
+}
+
+.form-buttons {
+    padding: 0 6;
+}
+
+.ios-form-button {
+    margin: 12 6;
+}
+
+.form-item-border {
+    background-color: #ccc;
+    vertical-align: bottom;
+    height: 1;
+}
+
+.page-title {
+    font-size: 14;
+    color: #fac950;
+}
+
+.title {
+    font-size: 30;
+    horizontal-align: center;
+    margin: 20;
+}
+
+.message {
+    font-size: 20;
+    color: #284848;
+    horizontal-align: center;
+}
+
+.padded-label {
+    padding: 0 12;
+}
+
+.padded-label-stack {
+    padding: 12;
+}
+
+.title-label {
+    padding: 0 0 12 0;
+    font-weight: bold;
+}
+
+.about-image {
+    horizontal-align: left;
+    vertical-align: top;
+    height: 100;
+    margin-right: 10;
+}
+
+
+/* START_CUSTOM_CODE_nativeScriptApp */
+
+
+/* Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes */
+
+
+/* END_CUSTOM_CODE_nativeScriptApp */

Photo Album Native/app/app.js

@@ -0,0 +1,8 @@
+var application = require('application');
+
+application.mainModule = 'navigation/navigation';
+// START_CUSTOM_CODE_nativeScriptApp
+// Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes
+
+// END_CUSTOM_CODE_nativeScriptApp
+application.start();

Photo Album Native/app/components/homeView/homeView-service.js

@@ -0,0 +1,14 @@
+'use strict';
+var _,
+    // additional requires
+    consts;
+
+function Service() {}
+
+// additional properties
+
+// START_CUSTOM_CODE_homeView
+// Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes
+
+// END_CUSTOM_CODE_homeView
+module.exports = new Service();

Photo Album Native/app/components/homeView/homeView-view-model.js

@@ -0,0 +1,16 @@
+'use strict';
+var ViewModel,
+    Observable = require('data/observable').Observable;
+// additional requires
+
+ViewModel = new Observable({
+
+    pageTitle: 'Home View',
+    // additional properties
+});
+
+// START_CUSTOM_CODE_homeView
+// Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes
+
+// END_CUSTOM_CODE_homeView
+module.exports = ViewModel;

Photo Album Native/app/components/homeView/homeView.js

@@ -0,0 +1,26 @@
+'use strict';
+var isInit = true,
+    helpers = require('../../utils/widgets/helper'),
+    // additional requires
+    viewModel = require('./homeView-view-model');
+
+// additional functions
+function pageLoaded(args) {
+    var page = args.object;
+
+    helpers.platformInit(page);
+    page.bindingContext = viewModel;
+    // additional pageLoaded
+
+    if (isInit) {
+        isInit = false;
+
+        // additional pageInit
+    }
+}
+
+// START_CUSTOM_CODE_homeView
+// Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes
+
+// END_CUSTOM_CODE_homeView
+exports.pageLoaded = pageLoaded;

Photo Album Native/app/components/homeView/homeView.xml

@@ -0,0 +1,13 @@
+<Page xmlns="http://www.nativescript.org/tns.xsd" xmlns:widgets="utils/widgets" loaded="pageLoaded" actionBarHidden="true">
+
+    <GridLayout rows="auto, *">
+        <widgets:action-bar />
+        <StackLayout row="1">
+            <!-- additional view content -->
+            <!-- START_CUSTOM_CODE_homeView -->
+            <!-- Add custom code here. For more information about custom code, see http://docs.telerik.com/platform/screenbuilder/troubleshooting/how-to-keep-custom-code-changes -->
+
+            <!-- END_CUSTOM_CODE_homeView -->
+        </StackLayout>
+    </GridLayout>
+</Page>

Photo Album Native/app/navigation/navigation-view-model.js

@@ -0,0 +1,15 @@
+'use strict';
+var menuItems,
+    observable = require('data/observable'),
+    navigationViewModel = new observable.Observable();
+
+menuItems = [{
+    "title": "Home View",
+    "modulePath": "components/homeView/homeView",
+    "icon": "~/images/icons/home.png"
+}];
+
+navigationViewModel.set('menuItems', menuItems);
+navigationViewModel.set('backButtonHidden', true);
+
+module.exports = navigationViewModel;