@nativescript/template-drawer-navigation-vue 9.0.4 → 9.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/app/components/App.vue +1 -1
  2. package/app/components/Browse.vue +2 -2
  3. package/app/components/DrawerContent.vue +7 -6
  4. package/app/components/Featured.vue +2 -2
  5. package/app/components/Home.vue +2 -2
  6. package/app/components/Search.vue +2 -2
  7. package/app/components/Settings.vue +2 -2
  8. package/package.json +1 -1
package/app/components/App.vue CHANGED
@@ -3,7 +3,7 @@
3
3
  <StackLayout ~leftDrawer backgroundColor="#ffffff">
4
4
  <DrawerContent />
5
5
  </StackLayout>
6
- <Frame ~mainContent>
6
+ <Frame ~mainContent id="main">
7
7
  <Home />
8
8
  </Frame>
9
9
  </Drawer>
package/app/components/Browse.vue CHANGED
@@ -2,13 +2,13 @@
2
2
  <Page>
3
3
  <ActionBar>
4
4
  <GridLayout columns="auto, *">
5
- <Label col="0" class="fas text-lg" text.decode="&#xf0c9;" @tap="onDrawerButtonTap"/>
5
+ <Label col="0" class="fas text-lg" :text="'\uf0c9'" @tap="onDrawerButtonTap"/>
6
6
  <Label col="1" text="Browse" class="font-bold text-lg"/>
7
7
  </GridLayout>
8
8
  </ActionBar>
9
9
 
10
10
  <GridLayout>
11
- <Label class="far text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf1ea;"/>
11
+ <Label class="far text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf1ea'"/>
12
12
  <Label class="text-xl text-gray-400 text-center align-middle" text="Page content goes here"/>
13
13
  </GridLayout>
14
14
  </Page>
package/app/components/DrawerContent.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <GridLayout rows="auto, *">
3
3
  <StackLayout row="0" class="p-4 bg-gray-100">
4
- <Image class="fas text-4xl text-gray-500 text-center" src.decode="font://&#xf2bd;"/>
4
+ <Image class="fas text-4xl text-gray-500 text-center" :src="'font://\uf2bd'"/>
5
5
  <Label class="text-lg font-bold text-center" text="User Name"/>
6
6
  <Label class="text-sm text-gray-500 text-center" text="username@mail.com"/>
7
7
  </StackLayout>
@@ -11,28 +11,28 @@
11
11
  <GridLayout columns="auto, *" class="p-4"
12
12
  :class="{ 'bg-gray-200': selectedPage === 'Home' }"
13
13
  @tap="onNavigationItemTap(Home, 'Home')">
14
- <Label col="0" text.decode="&#xf015;" class="fas text-lg w-8"/>
14
+ <Label col="0" :text="'\uf015'" class="fas text-lg w-8"/>
15
15
  <Label col="1" text="Home" class="text-base"/>
16
16
  </GridLayout>
17
17
 
18
18
  <GridLayout columns="auto, *" class="p-4"
19
19
  :class="{ 'bg-gray-200': selectedPage === 'Browse' }"
20
20
  @tap="onNavigationItemTap(Browse, 'Browse')">
21
- <Label col="0" text.decode="&#xf1ea;" class="far text-lg w-8"/>
21
+ <Label col="0" :text="'\uf1ea'" class="far text-lg w-8"/>
22
22
  <Label col="1" text="Browse" class="text-base"/>
23
23
  </GridLayout>
24
24
 
25
25
  <GridLayout columns="auto, *" class="p-4"
26
26
  :class="{ 'bg-gray-200': selectedPage === 'Search' }"
27
27
  @tap="onNavigationItemTap(Search, 'Search')">
28
- <Label col="0" text.decode="&#xf002;" class="fas text-lg w-8"/>
28
+ <Label col="0" :text="'\uf002'" class="fas text-lg w-8"/>
29
29
  <Label col="1" text="Search" class="text-base"/>
30
30
  </GridLayout>
31
31
 
32
32
  <GridLayout columns="auto, *" class="p-4"
33
33
  :class="{ 'bg-gray-200': selectedPage === 'Featured' }"
34
34
  @tap="onNavigationItemTap(Featured, 'Featured')">
35
- <Label col="0" text.decode="&#xf005;" class="fas text-lg w-8"/>
35
+ <Label col="0" :text="'\uf005'" class="fas text-lg w-8"/>
36
36
  <Label col="1" text="Featured" class="text-base"/>
37
37
  </GridLayout>
38
38
 
@@ -41,7 +41,7 @@
41
41
  <GridLayout columns="auto, *" class="p-4"
42
42
  :class="{ 'bg-gray-200': selectedPage === 'Settings' }"
43
43
  @tap="onNavigationItemTap(Settings, 'Settings')">
44
- <Label col="0" text.decode="&#xf013;" class="fas text-lg w-8"/>
44
+ <Label col="0" :text="'\uf013'" class="fas text-lg w-8"/>
45
45
  <Label col="1" text="Settings" class="text-base"/>
46
46
  </GridLayout>
47
47
  </StackLayout>
@@ -68,6 +68,7 @@
68
68
  onNavigationItemTap(component: any, pageName: string) {
69
69
  this.selectedPage = pageName
70
70
  $navigateTo(component, {
71
+ frame: 'main',
71
72
  clearHistory: true
72
73
  })
73
74
  utils.closeDrawer()
package/app/components/Featured.vue CHANGED
@@ -2,13 +2,13 @@
2
2
  <Page>
3
3
  <ActionBar>
4
4
  <GridLayout columns="auto, *">
5
- <Label col="0" class="fas text-lg" text.decode="&#xf0c9;" @tap="onDrawerButtonTap"/>
5
+ <Label col="0" class="fas text-lg" :text="'\uf0c9'" @tap="onDrawerButtonTap"/>
6
6
  <Label col="1" text="Featured" class="font-bold text-lg"/>
7
7
  </GridLayout>
8
8
  </ActionBar>
9
9
 
10
10
  <GridLayout>
11
- <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf005;"/>
11
+ <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf005'"/>
12
12
  <Label class="text-xl text-gray-400 text-center align-middle" text="Page content goes here"/>
13
13
  </GridLayout>
14
14
  </Page>
package/app/components/Home.vue CHANGED
@@ -2,13 +2,13 @@
2
2
  <Page>
3
3
  <ActionBar>
4
4
  <GridLayout columns="auto, *">
5
- <Label col="0" class="fas text-lg" text.decode="&#xf0c9;" @tap="onDrawerButtonTap"/>
5
+ <Label col="0" class="fas text-lg" :text="'\uf0c9'" @tap="onDrawerButtonTap"/>
6
6
  <Label col="1" text="Home" class="font-bold text-lg"/>
7
7
  </GridLayout>
8
8
  </ActionBar>
9
9
 
10
10
  <GridLayout>
11
- <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf015;"/>
11
+ <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf015'"/>
12
12
  <Label class="text-xl text-gray-400 text-center align-middle" text="Page content goes here"/>
13
13
  </GridLayout>
14
14
  </Page>
package/app/components/Search.vue CHANGED
@@ -2,13 +2,13 @@
2
2
  <Page>
3
3
  <ActionBar>
4
4
  <GridLayout columns="auto, *">
5
- <Label col="0" class="fas text-lg" text.decode="&#xf0c9;" @tap="onDrawerButtonTap"/>
5
+ <Label col="0" class="fas text-lg" :text="'\uf0c9'" @tap="onDrawerButtonTap"/>
6
6
  <Label col="1" text="Search" class="font-bold text-lg"/>
7
7
  </GridLayout>
8
8
  </ActionBar>
9
9
 
10
10
  <GridLayout>
11
- <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf002;"/>
11
+ <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf002'"/>
12
12
  <Label class="text-xl text-gray-400 text-center align-middle" text="Page content goes here"/>
13
13
  </GridLayout>
14
14
  </Page>
package/app/components/Settings.vue CHANGED
@@ -2,13 +2,13 @@
2
2
  <Page>
3
3
  <ActionBar>
4
4
  <GridLayout columns="auto, *">
5
- <Label col="0" class="fas text-lg" text.decode="&#xf0c9;" @tap="onDrawerButtonTap"/>
5
+ <Label col="0" class="fas text-lg" :text="'\uf0c9'" @tap="onDrawerButtonTap"/>
6
6
  <Label col="1" text="Settings" class="font-bold text-lg"/>
7
7
  </GridLayout>
8
8
  </ActionBar>
9
9
 
10
10
  <GridLayout>
11
- <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" text.decode="&#xf013;"/>
11
+ <Label class="fas text-7xl text-gray-400 text-center" style="vertical-align: top; margin-top: 20%" :text="'\uf013'"/>
12
12
  <Label class="text-xl text-gray-400 text-center align-middle" text="Page content goes here"/>
13
13
  </GridLayout>
14
14
  </Page>
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "main": "app/app.ts",
4
4
  "displayName": "Navigation Drawer",
5
5
  "templateType": "App template",
6
- "version": "9.0.4",
6
+ "version": "9.0.6",
7
7
  "description": "Side navigation template using Vue.",
8
8
  "author": "NativeScript Team <oss@nativescript.org>",
9
9
  "license": "Apache-2.0",