project migration to 6 + font icons for BottomNavigation

Author: NickIliev

.gitignore

@@ -8,6 +8,7 @@ report
 
 app/**/*.map
 app/**/*-ts-*.js
+.migration_backup/
 
 .DS_Store
 **/*.log

.migration_backup/package.json

@@ -22,23 +22,25 @@
   "nativescript": {
     "id": "org.nativescript.nativescriptsdkexamplesjs",
     "tns-android": {
-      "version": "5.4.0"
+      "version": "6.0.0-rc-2019-07-04-174325-01"
+    },
+    "tns-ios": {
+      "version": "6.0.0-rc-2019-07-04-095546-01"
     }
   },
   "dependencies": {
     "nativescript-theme-core": "~1.0.4",
-    "tns-core-modules": "^5.3.1"
+    "tns-core-modules": "rc"
   },
   "devDependencies": {
     "eslint": "~5.9.0",
     "fs-extra": "^0.30.0",
     "markdown-snippet-injector": "^0.2.4",
-    "nativescript-dev-typescript": "~0.9.0",
-    "nativescript-dev-webpack": "^0.21.0",
+    "nativescript-dev-webpack": "next",
     "tar.gz": "^1.0.7",
-    "tns-platform-declarations": "^5.3.1",
+    "tns-platform-declarations": "rc",
     "tslint": "5.11.0",
-    "typescript": "~3.1.6"
+    "typescript": "3.4.1"
   },
   "scripts": {
     "lint": "eslint \"app/**/*.js\"",

app/App_Resources/Android/AndroidManifest.xml renamed to app/App_Resources/Android/src/main/AndroidManifest.xml

@@ -23,5 +23,8 @@
         <!-- Using IcoMoon-Free.ttf -->
         <Label text="&#xe904;" class="ico"/>
         <!-- << icon-font-xml-def -->
+
+        <!-- Using font icons in Images requires the font:// prefix -->
+        <Image src="font://&#xf019;" class="far"></Image>
     </StackLayout>
 </Page>

app/App_Resources/Android/drawable-hdpi/background.png renamed to app/App_Resources/Android/src/main/res/drawable-hdpi/background.png

@@ -4,7 +4,6 @@
 	</Page.actionBar>
     <!-- >> bottom-navigation-events-xml -->
     <BottomNavigation selectedIndex="1" loaded="onBottomNavLoaded">
-
         <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
         <TabStrip>
             <TabStripItem title="Home" iconSource="res://baseline_home_black_24pt"></TabStripItem>

app/App_Resources/Android/drawable-hdpi/icon.png renamed to app/App_Resources/Android/src/main/res/drawable-hdpi/icon.png

@@ -40,11 +40,7 @@ function createTabStrip() {
         /*
             Using TabStripItem title property
         */
-        item.title = `Tab ${index === 0
-            ? "res://baseline_home_black_24pt"
-            : (index === 1
-                ? "res://baseline_account_balance_black_24pt"
-                : "res://baseline_search_black_24pt")}`;
+        item.title = `Tab ${index}`;
         /*
             Using TabStripItem title property
         */

app/App_Resources/Android/drawable-hdpi/logo.png renamed to app/App_Resources/Android/src/main/res/drawable-hdpi/logo.png

@@ -0,0 +1,3 @@
+.font-size {
+    font-size: 14;
+}

app/App_Resources/Android/drawable-hdpi/menu.png renamed to app/App_Resources/Android/src/main/res/drawable-hdpi/menu.png

@@ -2,17 +2,15 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-
-    <BottomNavigation selectedIndex="1">
-
-        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+    <!-- >> bottom-navigation-tips-icons-js -->
+    <BottomNavigation selectedIndex="1" class="fas font-size">
+        <!-- Using icon fonts for each TabStripItem -->
         <TabStrip>
-            <TabStripItem title="Home" iconSource="res://baseline_home_black_18pt"></TabStripItem>
-            <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_18pt"></TabStripItem>
-            <TabStripItem title="Search" iconSource="res://baseline_search_black_18pt"></TabStripItem>
+            <TabStripItem title="Home" iconSource="font://&#xf015;"></TabStripItem>
+            <TabStripItem title="Account" iconSource="font://&#xf2bd;"></TabStripItem>
+            <TabStripItem title="Search" iconSource="font://&#xf002;"></TabStripItem>
         </TabStrip>
-
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        
         <TabContentItem>
             <GridLayout>
                 <Label text="Home Page" class="h2 text-center"></Label>
@@ -30,5 +28,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-
+    <!-- << bottom-navigation-tips-icons-js -->
 </Page>

app/App_Resources/Android/drawable-ldpi/background.png renamed to app/App_Resources/Android/src/main/res/drawable-ldpi/background.png

@@ -2,17 +2,15 @@
      <Page.actionBar>
 		<ActionBar title="BottomNavigation - Usage"/>
 	</Page.actionBar>
-
-    <BottomNavigation selectedIndex="1">
-
-        <!-- The bottom tab UI is created via TabStrip (the containier) and TabStripItem (for each tab)-->
+    <!-- >> bottom-navigation-tips-icons-tsc -->
+    <BottomNavigation selectedIndex="1" class="fas font-size">
+        <!-- Using icon fonts for each TabStripItem -->
         <TabStrip>
-            <TabStripItem title="Home" iconSource="res://baseline_home_black_18pt"></TabStripItem>
-            <TabStripItem title="Account" iconSource="res://baseline_account_balance_black_18pt"></TabStripItem>
-            <TabStripItem title="Search" iconSource="res://baseline_search_black_18pt"></TabStripItem>
+            <TabStripItem title="Home" iconSource="font://&#xf015;"></TabStripItem>
+            <TabStripItem title="Account" iconSource="font://&#xf2bd;"></TabStripItem>
+            <TabStripItem title="Search" iconSource="font://&#xf002;"></TabStripItem>
         </TabStrip>
-
-        <!-- The number of TabContentItem components should corespond to the number of TabStripItem components -->
+        
         <TabContentItem>
             <GridLayout>
                 <Label text="Home Page" class="h2 text-center"></Label>
@@ -30,5 +28,5 @@
         </TabContentItem>
 
     </BottomNavigation>
-
+    <!-- << bottom-navigation-tips-icons-tsc -->
 </Page>

app/App_Resources/Android/drawable-ldpi/icon.png renamed to app/App_Resources/Android/src/main/res/drawable-ldpi/icon.png

@@ -1,3 +1 @@
-{
-	"useLegacyWorkflow": false
-}
+{}

app/App_Resources/Android/drawable-ldpi/logo.png renamed to app/App_Resources/Android/src/main/res/drawable-ldpi/logo.png

@@ -22,23 +22,23 @@
   "nativescript": {
     "id": "org.nativescript.nativescriptsdkexamplesjs",
     "tns-android": {
-      "version": "6.0.0-rc-2019-07-04-174325-01"
+      "version": "6.0.0"
     },
     "tns-ios": {
-      "version": "6.0.0-rc-2019-07-04-095546-01"
+      "version": "6.0.0"
     }
   },
   "dependencies": {
     "nativescript-theme-core": "~1.0.4",
-    "tns-core-modules": "^6.1.0-next-2019-07-03-144356-02"
+    "tns-core-modules": "6.0.1"
   },
   "devDependencies": {
     "eslint": "~5.9.0",
     "fs-extra": "^0.30.0",
     "markdown-snippet-injector": "^0.2.4",
-    "nativescript-dev-webpack": "next",
+    "nativescript-dev-webpack": "1.0.0",
     "tar.gz": "^1.0.7",
-    "tns-platform-declarations": "rc",
+    "tns-platform-declarations": "6.0.1",
     "tslint": "5.11.0",
     "typescript": "3.4.1"
   },