import { Frame } from 'tns-core-modules/ui/frame' ; import Contains from './Contains' ; import StartsWith from './Starts-with' ; const description = 'Completion modes' ; export default { name : 'Completion modes' , description : description , template : `
  <Page>
    <ActionBar :title="title">
      <NavigationButton text="Back" android.systemIcon="ic_menu_back" @tap="onNavigationButtonTap"></NavigationButton>
    </ActionBar>
    <ListView for="example in examples"
              separatorColor="transparent"
              @itemTap="goToExample">
      <v-template>
        <StackLayout class="item" orientation="vertical">
          <Label :text="example.description" class="titleLabel"></Label>
          <StackLayout height="1" backgroundColor="#EEEEEE"></StackLayout>
        </StackLayout>
      </v-template>
    </ListView>
  </Page>
  ` , data ( ) { return { title : description , examples : [ Contains , StartsWith , ] , } ; } , methods : { onNavigationButtonTap ( ) { Frame . topmost ( ) . goBack ( ) ; } , goToExample ( { item } ) { this . $navigateTo ( item ) ; } , } , } ;