test: demoapp update

Author: farfromrefug

demo-vue/app/app.scss

@@ -17,6 +17,13 @@ button {
     height: 64;
     margin: 30;
 }
+bottomnavigationbar {
+    active-color: #1b1edb;
+    inactive-color: #683131;
+    background-color: #ddd;
+    badge-color: green;
+    badge-text-color: yellow;
+}
 
 .buttonYellow {
     background-color: yellow;

demo-vue/app/examples/BottomNavigationBar.vue

@@ -1,28 +1,29 @@
 <template>
     <Page>
         <ActionBar :title="title">
-            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="onNavigationButtonTap"/>
+            <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="onNavigationButtonTap" />
         </ActionBar>
         <GridLayout rows="*, auto" backgroundColor="blue">
             <StackLayout class="page" backgroundColor="white" row="0">
-                <GridLayout class="p-20" v-if="currentTab === 0"> -->
+                <GridLayout class="p-20" v-if="currentTab === 0">
                     <Label class="h1 text-center" text="First tab" textWrap="true"></Label>
-                </GridLayout> -->
+                    <Button text="select third" @tap="selectThird" horizontalAlignment="center" verticalAlignment="bottom" />
+                </GridLayout>
                 <GridLayout class="p-20" v-if="currentTab === 2">
                     <Label class="h1 text-center" text="Third tab" textWrap="true"></Label>
                 </GridLayout>
             </StackLayout>
             <MDBottomNavigationBar
+                ref="bottomBar"
                 row="1"
-                activeColor="red" 
                 @loaded="onbottomNavigationBarLoaded"
                 @tabPressed="onBottomNavigationTabPressed"
                 @tabSelected="onBottomNavigationTabSelected"
-                @tabReselected="onBottomNavigationTabReselected"                
+                @tabReselected="onBottomNavigationTabReselected"
             >
-                <MDBottomNavigationTab title="First" icon="res://ic_home" activeColor="green"/>
+                <MDBottomNavigationTab title="First" icon="res://ic_home" activeColor="green" />
                 <MDBottomNavigationTab title="Second" icon="res://ic_view_list" isSelectable="false" />
-                <MDBottomNavigationTab title="Third" icon="res://ic_menu" inactiveColor="brown"/>
+                <MDBottomNavigationTab title="Third" icon="res://ic_menu" inactiveColor="brown" />
             </MDBottomNavigationBar>
         </GridLayout>
     </Page>
@@ -46,6 +47,9 @@ export default Vue.extend({
         };
     },
     methods: {
+        selectThird() {
+            this.$refs.bottomBar.nativeView.selectTab(2);
+        },
         onNavigationButtonTap() {
             frameModule.Frame.topmost().goBack();
         },

demo-vue/app/images/apple.png

@@ -1,7 +1,7 @@
 
-import {Trace} from '@nativescript/core';
-Trace.addCategories(Trace.categories.concat(Trace.categories.All));
-Trace.enable();
+// import {Trace} from '@nativescript/core';
+// Trace.addCategories(Trace.categories.concat(Trace.categories.All));
+// Trace.enable();
 
 import Vue from 'nativescript-vue';
 import ActivityIndicatorPlugin from '@nativescript-community/ui-material-activityindicator/vue';

demo-vue/app/main.ts

@@ -3,12 +3,6 @@
     "license": "SEE LICENSE IN LICENSE.md",
     "readme": "README.md",
     "repository": "http://www.github.com/NativeScript/nativescript-ui-sidedrawer.git",
-    "nativescript": {
-        "id": "org.nativescript.demovuematerial",
-        "tns-android": {
-            "version": "6.5.3"
-        }
-    },
     "dependencies": {
         "@mdi/font": "4.9.95",
         "@nativescript/core": "7.0.11",
@@ -36,14 +30,14 @@
         "@babel/core": "^7.11.6",
         "@nativescript/android": "7.0.0",
         "@nativescript/types": "7.0.1",
-        "@nativescript/webpack": "3.0.4",
+        "@nativescript/webpack": "3.0.7",
         "babel-loader": "^8.1.0",
         "nativescript-vue-template-compiler": "~2.8.1",
         "sass-loader": "^10.0.2",
         "scss-symbols-parser": "^2.0.1",
         "string-replace-loader": "^2.3.0",
         "tns-android": "6.5.3",
-        "tns-ios": "6.5.2",
+        "tns-ios": "6.5.3",
         "typescript": "^3.9.7",
         "vue": "^2.6.12",
         "vue-i18n": "^8.21.0",
@@ -55,4 +49,4 @@
     "scripts": {
         "tslint": "npm i && tslint --config '../tslint.json' 'app/**/*.ts' --exclude '**/node_modules/**'"
     }
-}
+}