test: demo update

Author: farfromrefug

demo-vue/app/examples/BottomSheetInner.vue

@@ -1,14 +1,27 @@
 <template>
-    <GridLayout id="test1" rows="auto auto" height="300" backgroundColor="yellow">
+    <GridLayout id="test1" rows="auto auto" backgroundColor="yellow">
         <!-- highlighted in red to demonstrate movement -->
-        <Stacklayout id="test2" row="0" backgroundColor="red" verticalAlignment="top">
+        <Stacklayout id="test2" row="0" backgroundColor="red" verticalAlignment="top" marginLeft="10" marginRight="10" >
             <Button @tap="toggleExtraContent" text="Toggle extra content"></Button>
             <Button @tap="openAnotherInner" text="Open second"></Button>
             <Button  id="innerButton" @tap="onButtonTap" text="close with result"></Button>
         </Stacklayout>
-        <GridLayout id="test4" row="1" v-if="showExtraContent">
-            <Label text="Extra content"></Label>
-        </GridLayout>
+        <StackLayout style="background-color: red" row="1">
+        <StackLayout orientation="horizontal">
+            <MDTextField hint="Edit text to filter..." style="font-size: 16;"/>
+            <MDActivityIndicator *ngIf="processing"  width="50" height="50"/>
+        </StackLayout>
+            <ListView height="150" :items="items">
+                <v-template let-item="item" let-odd="odd" let-even="even" >
+                    <GridLayout height="64" backgroundColor="green" >
+                        <Image horizontalAlignment="left" width="64"/>
+                        <Label horizontalAlignment="center"/>
+                        <Label horizontalAlignment="right"/>
+                    </GridLayout>
+                </v-template>
+            </ListView>
+	        <Button text="Cancel" horizontalAlignment="center"/>
+        </StackLayout>
     </GridLayout>
     <!-- </MDCardView> -->
 </template>
@@ -22,7 +35,8 @@ import BottomSheetInnerKeyboardVue from './BottomSheetInnerKeyboard.vue';
 export default Vue.extend({
     data() {
         return {
-            showExtraContent: false
+            showExtraContent: false,
+            items:[{},{},{},{},{},{}]
         };
     },
     methods: {