Skip to content

Commit 0e34f31

Browse files
elena-pelena-p
authored
Merge pull request NativeScript#233 from NativeScript/hriustova/add-vue-demo
add vue demo
2 parents 3472cce + 68ae0fa commit 0e34f31

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+1154
-12
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -35,3 +35,4 @@ demo-angular/report/report.html
3535
demo-angular/report/stats.json
3636
/src/platforms/android/nativescript_imagepicker.aar
3737
/src/*.tgz
38+
!demo-vue/app/app.js

‎demo-angular/README.md

Lines changed: 9 additions & 0 deletions

‎demo-angular/app/app.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,13 +3,13 @@
33
</ActionBar>
44

55
<GridLayout rows="*, auto, auto">
6-
<ListView [items]="imageAssets">
6+
<ListView [items]="imageAssets" *ngIf="!isSingleMode">
77
<ng-template let-image="item" let-i="index">
88
<GridLayout columns="auto, *">
99
<Image
1010
[width]="thumbSize"
1111
[height]="thumbSize"
12-
[src]="image" stretch="fill"></Image>
12+
[src]="image" stretch="aspectFill"></Image>
1313
<Label col="1" [text]="'image ' + i"></Label>
1414
</GridLayout>
1515
</ng-template>

‎demo-vue/.gitignore

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
# NativeScript
2+
hooks/
3+
!hooks/after-createProject/*.js
4+
node_modules/
5+
platforms/
6+
7+
# NativeScript Template
8+
*.js.map
9+
!webpack.config.js
10+
*.css
11+
12+
# Logs
13+
logs
14+
*.log
15+
npm-debug.log*
16+
yarn-debug.log*
17+
yarn-error.log*
18+
19+
# General
20+
.DS_Store
21+
.AppleDouble
22+
.LSOverride
23+
.idea
24+
.cloud
25+
.project
26+
tmp/
27+
typings/
28+
29+
# Visual Studio Code
30+
.vscode/*
31+
!.vscode/settings.json
32+
!.vscode/tasks.json
33+
!.vscode/launch.json
34+
!.vscode/extensions.json

‎demo-vue/README.md

Lines changed: 9 additions & 0 deletions

‎demo-vue/app/App_Resources/Android/AndroidManifest.xml

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
3+
package="__PACKAGE__"
4+
android:versionCode="10000"
5+
android:versionName="1.0">
6+
7+
<supports-screens
8+
android:smallScreens="true"
9+
android:normalScreens="true"
10+
android:largeScreens="true"
11+
android:xlargeScreens="true"/>
12+
13+
<uses-sdk
14+
android:minSdkVersion="17"
15+
android:targetSdkVersion="__APILEVEL__"/>
16+
17+
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
18+
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
19+
<uses-permission android:name="android.permission.INTERNET"/>
20+
21+
<application
22+
android:name="com.tns.NativeScriptApplication"
23+
android:allowBackup="true"
24+
android:icon="@drawable/icon"
25+
android:label="@string/app_name"
26+
android:theme="@style/AppTheme">
27+
28+
<activity
29+
android:name="com.tns.NativeScriptActivity"
30+
android:label="@string/title_activity_kimera"
31+
android:configChanges="keyboardHidden|orientation|screenSize"
32+
android:theme="@style/LaunchScreenTheme">
33+
34+
<meta-data android:name="SET_THEME_ON_LAUNCH" android:resource="@style/AppTheme" />
35+
36+
<intent-filter>
37+
<action android:name="android.intent.action.MAIN" />
38+
<category android:name="android.intent.category.LAUNCHER" />
39+
</intent-filter>
40+
</activity>
41+
<activity android:name="com.tns.ErrorReportActivity"/>
42+
</application>
43+
</manifest>

‎demo-vue/app/App_Resources/Android/app.gradle

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
// Add your native dependencies here:
2+
3+
// Uncomment to add recyclerview-v7 dependency
4+
//dependencies {
5+
// implementation 'com.android.support:recyclerview-v7:+'
6+
//}
7+
8+
// If you want to add something to be applied before applying plugins' include.gradle files
9+
// e.g. project.ext.googlePlayServicesVersion = "15.0.1"
10+
// create a file named before-plugins.gradle in the current directory and place it there
11+
12+
android {
13+
defaultConfig {
14+
generatedDensities = []
15+
}
16+
aaptOptions {
17+
additionalParameters "--no-version-vectors"
18+
}
19+
}

‎demo-vue/app/App_Resources/Android/drawable-hdpi/background.png

5.34 KB

‎demo-vue/app/App_Resources/Android/drawable-hdpi/icon.png

6.79 KB

‎demo-vue/app/App_Resources/Android/drawable-hdpi/logo.png

8.74 KB

‎demo-vue/app/App_Resources/Android/drawable-ldpi/background.png

1.57 KB

‎demo-vue/app/App_Resources/Android/drawable-ldpi/icon.png

2.58 KB

‎demo-vue/app/App_Resources/Android/drawable-ldpi/logo.png

3.1 KB

‎demo-vue/app/App_Resources/Android/drawable-mdpi/background.png

2.17 KB

‎demo-vue/app/App_Resources/Android/drawable-mdpi/icon.png

3.35 KB

‎demo-vue/app/App_Resources/Android/drawable-mdpi/logo.png

3.58 KB

‎demo-vue/app/App_Resources/Android/drawable-nodpi/splash_screen.xml

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:gravity="fill">
2+
<item>
3+
<bitmap android:gravity="fill" android:src="@drawable/background" />
4+
</item>
5+
<item>
6+
<bitmap android:gravity="center" android:src="@drawable/logo" />
7+
</item>
8+
</layer-list>

‎demo-vue/app/App_Resources/Android/drawable-xhdpi/background.png

9.72 KB

‎demo-vue/app/App_Resources/Android/drawable-xhdpi/icon.png

11.8 KB

‎demo-vue/app/App_Resources/Android/drawable-xhdpi/logo.png

15 KB

‎demo-vue/app/App_Resources/Android/drawable-xxhdpi/background.png

15.3 KB

‎demo-vue/app/App_Resources/Android/drawable-xxhdpi/icon.png

14.3 KB

‎demo-vue/app/App_Resources/Android/drawable-xxhdpi/logo.png

19.9 KB

‎demo-vue/app/App_Resources/Android/drawable-xxxhdpi/background.png

21.9 KB

‎demo-vue/app/App_Resources/Android/drawable-xxxhdpi/icon.png

19 KB

‎demo-vue/app/App_Resources/Android/drawable-xxxhdpi/logo.png

26.2 KB

‎demo-vue/app/App_Resources/Android/values-v21/colors.xml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources>
3+
<color name="ns_accent">#3d5afe</color>
4+
</resources>

‎demo-vue/app/App_Resources/Android/values-v21/styles.xml

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources>
3+
4+
<!-- Application theme -->
5+
<style name="AppTheme" parent="AppThemeBase">
6+
<item name="android:datePickerStyle">@style/SpinnerDatePicker</item>
7+
<item name="android:timePickerStyle">@style/SpinnerTimePicker</item>
8+
</style>
9+
10+
<!-- Default style for DatePicker - in spinner mode -->
11+
<style name="SpinnerDatePicker" parent="android:Widget.Material.Light.DatePicker">
12+
<item name="android:datePickerMode">spinner</item>
13+
</style>
14+
15+
<!-- Default style for TimePicker - in spinner mode -->
16+
<style name="SpinnerTimePicker" parent="android:Widget.Material.Light.TimePicker">
17+
<item name="android:timePickerMode">spinner</item>
18+
</style>
19+
20+
<style name="NativeScriptToolbarStyle" parent="NativeScriptToolbarStyleBase">
21+
<item name="android:elevation">4dp</item>
22+
</style>
23+
</resources>

‎demo-vue/app/App_Resources/Android/values/colors.xml

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources>
3+
<color name="ns_primary">#F5F5F5</color>
4+
<color name="ns_primaryDark">#757575</color>
5+
<color name="ns_accent">#33B5E5</color>
6+
<color name="ns_blue">#272734</color>
7+
</resources>

‎demo-vue/app/App_Resources/Android/values/styles.xml

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources xmlns:android="http://schemas.android.com/apk/res/android">
3+
4+
<!-- theme to use FOR launch screen-->
5+
<style name="LaunchScreenThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
6+
<item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
7+
8+
<item name="colorPrimary">@color/ns_primary</item>
9+
<item name="colorPrimaryDark">@color/ns_primaryDark</item>
10+
<item name="colorAccent">@color/ns_accent</item>
11+
12+
<item name="android:windowBackground">@drawable/splash_screen</item>
13+
14+
<item name="android:windowActionBarOverlay">true</item>
15+
<item name="android:windowTranslucentStatus">true</item>
16+
</style>
17+
18+
<style name="LaunchScreenTheme" parent="LaunchScreenThemeBase">
19+
</style>
20+
21+
<!-- theme to use AFTER launch screen is loaded-->
22+
<style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
23+
<item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>
24+
25+
<item name="colorPrimary">@color/ns_primary</item>
26+
<item name="colorPrimaryDark">@color/ns_primaryDark</item>
27+
<item name="colorAccent">@color/ns_accent</item>
28+
</style>
29+
30+
<style name="AppTheme" parent="AppThemeBase">
31+
</style>
32+
33+
<!-- theme for actioon-bar -->
34+
<style name="NativeScriptToolbarStyleBase" parent="Widget.AppCompat.Toolbar">
35+
<item name="android:background">@color/ns_primary</item>
36+
<item name="theme">@style/ThemeOverlay.AppCompat.ActionBar</item>
37+
<item name="popupTheme">@style/ThemeOverlay.AppCompat</item>
38+
</style>
39+
40+
<style name="NativeScriptToolbarStyle" parent="NativeScriptToolbarStyleBase">
41+
</style>
42+
</resources>

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/Contents.json

Lines changed: 98 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,98 @@
1+
{
2+
"images" : [
3+
{
4+
"size" : "29x29",
5+
"idiom" : "iphone",
6+
"filename" : "icon-29.png",
7+
"scale" : "1x"
8+
},
9+
{
10+
"size" : "29x29",
11+
"idiom" : "iphone",
12+
"filename" : "[email protected]",
13+
"scale" : "2x"
14+
},
15+
{
16+
"size" : "29x29",
17+
"idiom" : "iphone",
18+
"filename" : "[email protected]",
19+
"scale" : "3x"
20+
},
21+
{
22+
"size" : "40x40",
23+
"idiom" : "iphone",
24+
"filename" : "[email protected]",
25+
"scale" : "2x"
26+
},
27+
{
28+
"size" : "40x40",
29+
"idiom" : "iphone",
30+
"filename" : "[email protected]",
31+
"scale" : "3x"
32+
},
33+
{
34+
"size" : "60x60",
35+
"idiom" : "iphone",
36+
"filename" : "[email protected]",
37+
"scale" : "2x"
38+
},
39+
{
40+
"size" : "60x60",
41+
"idiom" : "iphone",
42+
"filename" : "[email protected]",
43+
"scale" : "3x"
44+
},
45+
{
46+
"size" : "29x29",
47+
"idiom" : "ipad",
48+
"filename" : "icon-29.png",
49+
"scale" : "1x"
50+
},
51+
{
52+
"size" : "29x29",
53+
"idiom" : "ipad",
54+
"filename" : "[email protected]",
55+
"scale" : "2x"
56+
},
57+
{
58+
"size" : "40x40",
59+
"idiom" : "ipad",
60+
"filename" : "icon-40.png",
61+
"scale" : "1x"
62+
},
63+
{
64+
"size" : "40x40",
65+
"idiom" : "ipad",
66+
"filename" : "[email protected]",
67+
"scale" : "2x"
68+
},
69+
{
70+
"size" : "76x76",
71+
"idiom" : "ipad",
72+
"filename" : "icon-76.png",
73+
"scale" : "1x"
74+
},
75+
{
76+
"size" : "76x76",
77+
"idiom" : "ipad",
78+
"filename" : "[email protected]",
79+
"scale" : "2x"
80+
},
81+
{
82+
"size" : "83.5x83.5",
83+
"idiom" : "ipad",
84+
"filename" : "[email protected]",
85+
"scale" : "2x"
86+
},
87+
{
88+
"size" : "1024x1024",
89+
"idiom" : "ios-marketing",
90+
"filename" : "icon-1024.png",
91+
"scale" : "1x"
92+
}
93+
],
94+
"info" : {
95+
"version" : 1,
96+
"author" : "xcode"
97+
}
98+
}

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-1024.png

57.1 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-29.png

1.64 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

3.09 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

4.36 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-40.png

2.29 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

4.47 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

6.41 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

6.41 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

9.15 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/icon-76.png

4.25 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

8.69 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/AppIcon.appiconset/[email protected]

9.74 KB

‎demo-vue/app/App_Resources/iOS/Assets.xcassets/Contents.json

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"info" : {
3+
"version" : 1,
4+
"author" : "xcode"
5+
}
6+
}

0 commit comments

Comments
 (0)