├── .gitignore ├── .vscode └── tasks.json ├── README.md ├── app ├── App_Resources │ ├── Android │ │ ├── AndroidManifest.xml │ │ ├── drawable-hdpi │ │ │ ├── add.png │ │ │ ├── apple.png │ │ │ ├── banana.png │ │ │ ├── bg_inner.jpg │ │ │ ├── bg_login.jpg │ │ │ ├── checked.png │ │ │ ├── checked_white.png │ │ │ ├── delete.png │ │ │ ├── icon.png │ │ │ ├── logo_login.png │ │ │ ├── logo_signup.png │ │ │ ├── menu.png │ │ │ ├── nonselected.png │ │ │ ├── pear.png │ │ │ ├── recent.png │ │ │ ├── selected.png │ │ │ ├── unchecked.png │ │ │ └── unchecked_white.png │ │ ├── drawable-mdpi │ │ │ ├── add.png │ │ │ ├── apple.png │ │ │ ├── banana.png │ │ │ ├── bg_inner.jpg │ │ │ ├── bg_login.jpg │ │ │ ├── checked.png │ │ │ ├── checked_white.png │ │ │ ├── delete.png │ │ │ ├── icon.png │ │ │ ├── logo_login.png │ │ │ ├── logo_signup.png │ │ │ ├── menu.png │ │ │ ├── nonselected.png │ │ │ ├── pear.png │ │ │ ├── recent.png │ │ │ ├── selected.png │ │ │ ├── unchecked.png │ │ │ └── unchecked_white.png │ │ ├── drawable-xhdpi │ │ │ ├── add.png │ │ │ ├── apple.png │ │ │ ├── banana.png │ │ │ ├── bg_inner.jpg │ │ │ ├── bg_login.jpg │ │ │ ├── checked.png │ │ │ ├── checked_white.png │ │ │ ├── delete.png │ │ │ ├── icon.png │ │ │ ├── logo_login.png │ │ │ ├── logo_signup.png │ │ │ ├── menu.png │ │ │ ├── nonselected.png │ │ │ ├── pear.png │ │ │ ├── recent.png │ │ │ ├── selected.png │ │ │ ├── unchecked.png │ │ │ └── unchecked_white.png │ │ ├── drawable-xxhdpi │ │ │ ├── add.png │ │ │ ├── apple.png │ │ │ ├── banana.png │ │ │ ├── bg_inner.jpg │ │ │ ├── bg_login.jpg │ │ │ ├── checked.png │ │ │ ├── checked_white.png │ │ │ ├── delete.png │ │ │ ├── icon.png │ │ │ ├── logo_login.png │ │ │ ├── logo_signup.png │ │ │ ├── menu.png │ │ │ ├── nonselected.png │ │ │ ├── pear.png │ │ │ ├── recent.png │ │ │ ├── selected.png │ │ │ ├── unchecked.png │ │ │ └── unchecked_white.png │ │ ├── drawable-xxxhdpi │ │ │ ├── add.png │ │ │ ├── apple.png │ │ │ ├── banana.png │ │ │ ├── checked.png │ │ │ ├── checked_white.png │ │ │ ├── delete.png │ │ │ ├── icon.png │ │ │ ├── logo_login.png │ │ │ ├── logo_signup.png │ │ │ ├── menu.png │ │ │ ├── nonselected.png │ │ │ ├── pear.png │ │ │ ├── recent.png │ │ │ ├── selected.png │ │ │ ├── unchecked.png │ │ │ └── unchecked_white.png │ │ └── values │ │ │ └── strings.xml │ └── iOS │ │ ├── Icon-60@3x.png │ │ ├── Icon-Small-40.png │ │ ├── Icon-Small-40@2x.png │ │ ├── Icon-Small-40@3x.png │ │ ├── Icon-Small-50.png │ │ ├── Icon-Small-50@2x.png │ │ ├── Icon-Small.png │ │ ├── Icon-Small@2x.png │ │ ├── Icon-Small@3x.png │ │ ├── Info.plist │ │ ├── add.png │ │ ├── add@2x.png │ │ ├── add@3x.png │ │ ├── apple.png │ │ ├── apple@2x.png │ │ ├── apple@3x.png │ │ ├── banana.png │ │ ├── banana@2x.png │ │ ├── banana@3x.png │ │ ├── bg_inner.jpg │ │ ├── bg_inner@2x.jpg │ │ ├── bg_inner@3x.jpg │ │ ├── bg_login.jpg │ │ ├── bg_login@2x.jpg │ │ ├── bg_login@3x.jpg │ │ ├── checked.png │ │ ├── checked@2x.png │ │ ├── checked@3x.png │ │ ├── checked_white.png │ │ ├── checked_white@2x.png │ │ ├── checked_white@3x.png │ │ ├── delete.png │ │ ├── delete@2x.png │ │ ├── delete@3x.png │ │ ├── iTunesArtwork@2x.png │ │ ├── icon-60.png │ │ ├── icon-60@2x.png │ │ ├── icon-72.png │ │ ├── icon-72@2x.png │ │ ├── icon-76.png │ │ ├── icon-76@2x.png │ │ ├── icon.png │ │ ├── icon@2x.png │ │ ├── logo_login.png │ │ ├── logo_login@2x.png │ │ ├── logo_login@3x.png │ │ ├── logo_signup.png │ │ ├── logo_signup@2x.png │ │ ├── logo_signup@3x.png │ │ ├── menu.png │ │ ├── menu@2x.png │ │ ├── menu@3x.png │ │ ├── nonselected.png │ │ ├── nonselected@2x.png │ │ ├── nonselected@3x.png │ │ ├── pear.png │ │ ├── pear@2x.png │ │ ├── pear@3x.png │ │ ├── recent.png │ │ ├── recent@2x.png │ │ ├── recent@3x.png │ │ ├── selected.png │ │ ├── selected@2x.png │ │ ├── selected@3x.png │ │ ├── unchecked.png │ │ ├── unchecked@2x.png │ │ ├── unchecked@3x.png │ │ ├── unchecked_white.png │ │ ├── unchecked_white@2x.png │ │ └── unchecked_white@3x.png ├── app.component.ts ├── app.css ├── bluff.d.ts ├── controls │ ├── card │ │ ├── card.component.ts │ │ ├── card.header.component.css │ │ └── card.header.component.ts │ ├── fab.common.css │ ├── fab.component.ts │ ├── icon.component.ts │ ├── material.ts │ ├── pullToRefresh.component.ts │ └── utilities.directives.ts ├── fonts │ └── MaterialIcons-Regular.ttf ├── imgs │ ├── baltic-sea-1367195__340.jpg │ ├── candles-1359478__340.jpg │ ├── sky-1362198__340.jpg │ └── woman-1369253__340.jpg ├── main.ts ├── package.json ├── pages │ ├── cardview-refresh.component.ts │ ├── cardview │ │ ├── cardView.page.componet.css │ │ ├── cardView.page.componet.ts │ │ ├── image-card-view.component.ts │ │ └── social-card-view.component.ts │ ├── fab.page.component.ts │ ├── pullToRefresh.page.component.ts │ ├── refreshImage.page.component.ts │ ├── start.component.ts │ └── templates │ │ └── home-fab.ts ├── platform.android.css └── platform.ios.css ├── fonts └── ionicons.ttf ├── hooks ├── before-livesync │ └── nativescript-angular-sync .js ├── before-prepare │ └── nativescript-dev-typescript.js └── before-watch │ └── nativescript-dev-typescript.js ├── package.json ├── references.d.ts ├── screenshots └── Android │ ├── FAB.gif │ ├── card-view.png │ ├── card-views.gif │ ├── fab-view.png │ ├── pull-to-refresh-with-animation.gif │ └── pull-to-refresh.gif └── tsconfig.json /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | 6 | # Runtime data 7 | pids 8 | *.pid 9 | *.seed 10 | 11 | # Directory for instrumented libs generated by jscoverage/JSCover 12 | lib-cov 13 | 14 | # Coverage directory used by tools like istanbul 15 | coverage 16 | 17 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 18 | .grunt 19 | 20 | # node-waf configuration 21 | .lock-wscript 22 | 23 | # Compiled binary addons (http://nodejs.org/api/addons.html) 24 | build/Release 25 | 26 | # Dependency directory 27 | node_modules 28 | 29 | # Optional npm cache directory 30 | .npm 31 | 32 | # Optional REPL history 33 | .node_repl_history 34 | 35 | # nativescript + app 36 | platforms 37 | app/**/*.js 38 | app/**/*.map 39 | -------------------------------------------------------------------------------- /.vscode/tasks.json: -------------------------------------------------------------------------------- 1 | { 2 | // See https://go.microsoft.com/fwlink/?LinkId=733558 3 | // for the documentation about the tasks.json format 4 | "version": "0.1.0", 5 | "command": "tsc", 6 | "isShellCommand": true, 7 | "args": ["-p", "."], 8 | "showOutput": "silent", 9 | "problemMatcher": "$tsc" 10 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | #Demo 2 | Angular2 + NativeScript demo project with material elements. 3 | #css 4 | https://github.com/rdlauer/nativescript-ionic 5 | -------------------------------------------------------------------------------- /app/App_Resources/Android/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 6 | 7 | 12 | 13 | 16 | 17 | 18 | 19 | 20 | 21 | 27 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/add.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/apple.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/banana.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/bg_inner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/bg_inner.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/bg_login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/bg_login.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/checked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/delete.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/icon.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/menu.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/pear.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/recent.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/selected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-hdpi/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-hdpi/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/add.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/apple.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/banana.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/bg_inner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/bg_inner.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/bg_login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/bg_login.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/checked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/delete.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/icon.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/menu.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/pear.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/recent.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/selected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-mdpi/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-mdpi/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/add.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/apple.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/banana.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/bg_inner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/bg_inner.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/bg_login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/bg_login.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/checked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/delete.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/icon.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/menu.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/pear.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/recent.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/selected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xhdpi/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xhdpi/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/add.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/apple.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/banana.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/bg_inner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/bg_inner.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/bg_login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/bg_login.jpg -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/checked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/delete.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/icon.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/menu.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/pear.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/recent.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/selected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxhdpi/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxhdpi/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/add.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/apple.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/banana.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/checked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/delete.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/icon.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/menu.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/pear.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/recent.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/selected.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/Android/drawable-xxxhdpi/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/Android/drawable-xxxhdpi/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/Android/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | Groceries 4 | Groceries 5 | -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-60@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-60@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small-40.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small-40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small-40@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small-40@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small-40@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small-50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small-50.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small-50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small-50@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Icon-Small@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/Icon-Small@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleDisplayName 8 | Groceries 9 | CFBundleExecutable 10 | ${EXECUTABLE_NAME} 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | ${PRODUCT_NAME} 15 | CFBundlePackageType 16 | APPL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1.0 23 | LSRequiresIPhoneOS 24 | 25 | UILaunchStoryboardName 26 | LaunchScreen 27 | UIRequiredDeviceCapabilities 28 | 29 | armv7 30 | 31 | UISupportedInterfaceOrientations 32 | 33 | UIInterfaceOrientationPortrait 34 | UIInterfaceOrientationLandscapeLeft 35 | UIInterfaceOrientationLandscapeRight 36 | 37 | UISupportedInterfaceOrientations~ipad 38 | 39 | UIInterfaceOrientationPortrait 40 | UIInterfaceOrientationPortraitUpsideDown 41 | UIInterfaceOrientationLandscapeLeft 42 | UIInterfaceOrientationLandscapeRight 43 | 44 | UIViewControllerBasedStatusBarAppearance 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /app/App_Resources/iOS/add.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/add.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/add@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/add@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/add@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/add@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/apple.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/apple.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/apple@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/apple@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/apple@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/apple@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/banana.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/banana.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/banana@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/banana@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/banana@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/banana@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_inner.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_inner.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_inner@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_inner@2x.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_inner@3x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_inner@3x.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_login.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_login.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_login@2x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_login@2x.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/bg_login@3x.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/bg_login@3x.jpg -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked_white.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked_white@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked_white@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/checked_white@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/checked_white@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/delete.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/delete.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/delete@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/delete@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/delete@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/delete@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/iTunesArtwork@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/iTunesArtwork@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-60.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-60@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-72.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-72@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-76.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon-76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon-76@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/icon@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_login.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_login.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_login@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_login@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_login@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_login@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_signup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_signup.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_signup@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_signup@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/logo_signup@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/logo_signup@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/menu.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/menu@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/menu@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/menu@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/menu@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/nonselected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/nonselected.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/nonselected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/nonselected@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/nonselected@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/nonselected@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/pear.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/pear.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/pear@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/pear@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/pear@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/pear@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/recent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/recent.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/recent@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/recent@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/recent@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/recent@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/selected.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/selected@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/selected@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/selected@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/selected@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked@3x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked_white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked_white.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked_white@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked_white@2x.png -------------------------------------------------------------------------------- /app/App_Resources/iOS/unchecked_white@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/App_Resources/iOS/unchecked_white@3x.png -------------------------------------------------------------------------------- /app/app.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from "@angular/core"; 2 | import {RouteConfig, ROUTER_PROVIDERS, ROUTER_DIRECTIVES, ComponentInstruction, RouteParams} from '@angular/router-deprecated'; 3 | import { NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS } from "nativescript-angular/router"; 4 | 5 | //pages 6 | import {StartPage} from "./pages/start.component"; 7 | import {CardViewPage} from "./pages/cardview/cardView.page.componet"; 8 | import {VanillaPullToRefreshPage} from "./pages/pullToRefresh.page.component"; 9 | import {RefreshImagePage} from "./pages/refreshImage.page.component"; 10 | import {FabPage} from "./pages/fab.page.component"; 11 | 12 | @RouteConfig([ 13 | { path: "/", component: StartPage, name: "Start", useAsDefault: true }, 14 | { path: "/vanilla-cardview", name: "VanillaCardview", component: CardViewPage }, 15 | { path: "/vanilla-pullToRefresh", name: "VanillaPullToRefresh", component: VanillaPullToRefreshPage}, 16 | { path: "/refresh-image", name: "RefreshPage", component: RefreshImagePage }, 17 | { path: "/fab-page", name : "FabPage", component: FabPage} 18 | ]) 19 | 20 | @Component({ 21 | selector: "main", 22 | directives: [NS_ROUTER_DIRECTIVES], 23 | providers: [NS_ROUTER_PROVIDERS], 24 | template: "" 25 | }) 26 | export class AppComponent {} -------------------------------------------------------------------------------- /app/app.css: -------------------------------------------------------------------------------- 1 | Page { 2 | font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif; 3 | } 4 | 5 | .material-icons { 6 | font-family: "Material Icons", "MaterialIcons-Regular"; 7 | font-style: normal; 8 | font-weight: 400; 9 | } 10 | 11 | 12 | 13 | .padding { 14 | padding: 10; 15 | } 16 | 17 | .p { 18 | font-size: 16; 19 | margin: 0 0 10 0; 20 | } 21 | 22 | .hr { 23 | height: 1; 24 | background-color: #cdcdcd; 25 | } 26 | 27 | .left { 28 | horizontal-align: left; 29 | text-align: left; 30 | } 31 | 32 | .right { 33 | text-align: right; 34 | horizontal-align: right; 35 | } 36 | 37 | .center { 38 | horizontal-align: center; 39 | text-align: center; 40 | } 41 | 42 | .h1 { 43 | font-size: 36; 44 | margin-bottom: 10; 45 | font-weight: 700 46 | } 47 | 48 | .h2 { 49 | font-size: 30; 50 | margin: 10 0 10 0; 51 | } 52 | 53 | .h3 { 54 | font-size: 24; 55 | margin: 10 0 10 0; 56 | } 57 | 58 | .h4 { 59 | font-size: 18; 60 | margin: 10 0 10 0; 61 | } 62 | 63 | .h5 { 64 | font-size: 14; 65 | margin: 10 0 10 0; 66 | } 67 | 68 | .h6 { 69 | font-size: 12; 70 | margin: 10 0 10 0; 71 | } 72 | 73 | /* ionicons */ 74 | 75 | .tns-ionicon { 76 | font-family: "Ionicons"; 77 | } 78 | 79 | .tns-ionicon-large { 80 | font-family: "Ionicons"; 81 | font-size: 26; 82 | } 83 | 84 | /* base colors */ 85 | 86 | .ionic-light { 87 | color: #f8f8f8; 88 | } 89 | 90 | .ionic-stable { 91 | color: #b2b2b2; 92 | } 93 | 94 | .ionic-positive { 95 | color: #387ef5; 96 | } 97 | 98 | .ionic-calm { 99 | color: #11c1f3; 100 | } 101 | 102 | .ionic-balanced { 103 | color: #33cd5f; 104 | } 105 | 106 | .ionic-energized { 107 | color: #ffc900; 108 | } 109 | 110 | .ionic-assertive { 111 | color: #ef473a; 112 | } 113 | 114 | .ionic-royal { 115 | color: #886aea; 116 | } 117 | 118 | .ionic-dark { 119 | color: #444; 120 | } 121 | 122 | /* forms */ 123 | 124 | .form { 125 | margin: 0 0 20 0; 126 | padding: 0; 127 | } 128 | 129 | .form .button { 130 | margin: 0 0 0 10; 131 | padding: 0; 132 | } 133 | 134 | .form switch { 135 | margin-right: 16; 136 | } 137 | 138 | .form .form-item { 139 | padding: 10 16 10 16; 140 | } 141 | 142 | .form .input { 143 | padding-top: 2; 144 | } 145 | 146 | .form .input-inset { 147 | background-color: #eee; 148 | border-radius: 2; 149 | padding: 8; 150 | } 151 | 152 | .form .input-label { 153 | font-size: 18; 154 | padding: 4 0 5 0; 155 | color: #444; 156 | } 157 | 158 | .form-inset { 159 | margin: 10; 160 | border-width: 1; 161 | border-color: #ddd; 162 | } 163 | 164 | 165 | /* listviews */ 166 | 167 | .listview { 168 | color: black; 169 | } 170 | 171 | .listview .item { 172 | padding: 16 10 16 16; 173 | font-size: 16; 174 | color: #444; 175 | } 176 | 177 | .listview .item .h2 { 178 | margin: 0; 179 | margin: 0; 180 | font-size: 20; 181 | } 182 | 183 | .listview .item .p { 184 | font-size: 14; 185 | color: #666; 186 | margin: 0; 187 | } 188 | 189 | .listview-inset { 190 | margin: 10; 191 | border-width: 1; 192 | border-color: #ddd; 193 | border-radius: 2; 194 | } 195 | 196 | .item-avatar image { 197 | border-radius: 20; 198 | width: 40; 199 | height: 40; 200 | } 201 | 202 | .item-avatar stacklayout, .item-thumbnail stacklayout { 203 | padding-left: 16; 204 | } 205 | 206 | .item-divider { 207 | background-color: #f5f5f5; 208 | color: #222; 209 | font-weight: bold; 210 | } 211 | 212 | 213 | /* buttons */ 214 | 215 | .button { 216 | border-color: #b2b2b2; 217 | background-color: #f8f8f8; 218 | color: #444; 219 | margin: 5; 220 | padding: 7 2; 221 | border-width: 1; 222 | border-style: solid; 223 | border-radius: 2; 224 | text-align: center; 225 | font-size: 18; 226 | line-height: 42; 227 | } 228 | 229 | .button-small { 230 | font-size: 14; 231 | width: 200; 232 | } 233 | 234 | .button-large { 235 | font-size: 26; 236 | } 237 | 238 | .button-light { 239 | border-color: #ddd; 240 | background-color: #fff; 241 | color: #444; 242 | } 243 | 244 | .button-stable { 245 | border-color: #b2b2b2; 246 | background-color: #f8f8f8; 247 | color: #444; 248 | } 249 | 250 | .button-positive { 251 | border-color: #0c60ee; 252 | background-color: #387ef5; 253 | color: #fff; 254 | } 255 | 256 | .button-calm { 257 | border-color: #0a9dc7; 258 | background-color: #11c1f3; 259 | color: #fff; 260 | } 261 | 262 | .button-balanced { 263 | border-color: #28a54c; 264 | background-color: #33cd5f; 265 | color: #fff; 266 | } 267 | 268 | .button-energized { 269 | border-color: #e6b500; 270 | background-color: #ffc900; 271 | color: #fff; 272 | } 273 | 274 | .button-assertive { 275 | border-color: #e42112; 276 | background-color: #ef473a; 277 | color: #fff; 278 | } 279 | 280 | .button-royal { 281 | border-color: #6b46e5; 282 | background-color: #886aea; 283 | color: #fff; 284 | } 285 | 286 | .button-dark { 287 | border-color: #111; 288 | background-color: #444; 289 | color: #fff; 290 | } 291 | 292 | /* buttons - outlined */ 293 | 294 | .button-light-outlined { 295 | border-color: #ddd; 296 | background-color: transparent; 297 | color: #ddd; 298 | } 299 | 300 | .button-stable-outlined { 301 | border-color: #b2b2b2; 302 | background-color: transparent; 303 | color: #b2b2b2; 304 | } 305 | 306 | .button-positive-outlined { 307 | border-color: #387ef5; 308 | background-color: transparent; 309 | color: #387ef5; 310 | } 311 | 312 | .button-calm-outlined { 313 | border-color: #11c1f3; 314 | background-color: transparent; 315 | color: #11c1f3; 316 | } 317 | 318 | .button-balanced-outlined { 319 | border-color: #33cd5f; 320 | background-color: transparent; 321 | color: #33cd5f; 322 | } 323 | 324 | .button-energized-outlined { 325 | border-color: #ffc900; 326 | background-color: transparent; 327 | color: #ffc900; 328 | } 329 | 330 | .button-assertive-outlined { 331 | border-color: #ef473a; 332 | background-color: transparent; 333 | color: #ef473a; 334 | } 335 | 336 | .button-royal-outlined { 337 | border-color: #886aea; 338 | background-color: transparent; 339 | color: #886aea; 340 | } 341 | 342 | .button-dark-outlined { 343 | border-color: #444; 344 | background-color: transparent; 345 | color: #444; 346 | } 347 | 348 | /* buttons - clear */ 349 | 350 | .button-light-clear { 351 | border-color: transparent; 352 | background-color: transparent; 353 | color: #ddd; 354 | } 355 | 356 | .button-stable-clear { 357 | border-color: transparent; 358 | background-color: transparent; 359 | color: #b2b2b2; 360 | } 361 | 362 | .button-positive-clear { 363 | border-color: transparent; 364 | background-color: transparent; 365 | color: #387ef5; 366 | } 367 | 368 | .button-calm-clear { 369 | border-color: transparent; 370 | background-color: transparent; 371 | color: #11c1f3; 372 | } 373 | 374 | .button-balanced-clear { 375 | border-color: transparent; 376 | background-color: transparent; 377 | color: #33cd5f; 378 | } 379 | 380 | .button-energized-clear { 381 | border-color: transparent; 382 | background-color: transparent; 383 | color: #ffc900; 384 | } 385 | 386 | .button-assertive-clear { 387 | border-color: transparent; 388 | background-color: transparent; 389 | color: #ef473a; 390 | } 391 | 392 | .button-royal-clear { 393 | border-color: transparent; 394 | background-color: transparent; 395 | color: #886aea; 396 | } 397 | 398 | .button-dark-clear { 399 | border-color: transparent; 400 | background-color: transparent; 401 | color: #444; 402 | } 403 | 404 | /* action bars */ 405 | 406 | .action-bar-light { 407 | background-color: #f8f8f8; 408 | color: #444; 409 | } 410 | 411 | .action-bar-stable { 412 | background-color: #b2b2b2; 413 | color: #444; 414 | } 415 | 416 | .action-bar-positive { 417 | background-color: #387ef5; 418 | color: #fff; 419 | } 420 | 421 | .action-bar-calm { 422 | background-color: #11c1f3; 423 | color: #fff; 424 | } 425 | 426 | .action-bar-balanced { 427 | background-color: #33cd5f; 428 | color: #fff; 429 | } 430 | 431 | .action-bar-energized { 432 | background-color: #ffc900; 433 | color: #fff; 434 | } 435 | 436 | .action-bar-assertive { 437 | background-color: #ef473a; 438 | color: #fff; 439 | } 440 | 441 | .action-bar-royal { 442 | background-color: #886aea; 443 | color: #fff; 444 | } 445 | 446 | .action-bar-dark { 447 | background-color: #444; 448 | color: #fff; 449 | } 450 | 451 | /* switches */ 452 | 453 | .switch-light { 454 | background-color: #f8f8f8; 455 | color: #444; 456 | } 457 | 458 | .switch-stable { 459 | background-color: #b2b2b2; 460 | color: #444; 461 | } 462 | 463 | .switch-positive { 464 | background-color: #387ef5; 465 | color: #fff; 466 | } 467 | 468 | .switch-calm { 469 | background-color: #11c1f3; 470 | color: #fff; 471 | } 472 | 473 | .switch-balanced { 474 | background-color: #33cd5f; 475 | color: #fff; 476 | } 477 | 478 | .switch-energized { 479 | background-color: #ffc900; 480 | color: #fff; 481 | } 482 | 483 | .switch-assertive { 484 | background-color: #ef473a; 485 | color: #fff; 486 | } 487 | 488 | .switch-royal { 489 | background-color: #886aea; 490 | color: #fff; 491 | } 492 | 493 | .switch-dark { 494 | background-color: #444; 495 | color: #fff; 496 | } 497 | 498 | 499 | /* sliders */ 500 | 501 | .slider-light { 502 | background-color: #f8f8f8; 503 | } 504 | 505 | .slider-stable { 506 | background-color: #b2b2b2; 507 | } 508 | 509 | .slider-positive { 510 | background-color: #387ef5; 511 | } 512 | 513 | .slider-calm { 514 | background-color: #11c1f3; 515 | } 516 | 517 | .slider-balanced { 518 | background-color: #33cd5f; 519 | } 520 | 521 | .slider-energized { 522 | background-color: #ffc900; 523 | } 524 | 525 | .slider-assertive { 526 | background-color: #ef473a; 527 | } 528 | 529 | .slider-royal { 530 | background-color: #886aea; 531 | } 532 | 533 | .slider-dark { 534 | background-color: #444; 535 | } 536 | 537 | /* checkboxes */ 538 | .checkbox { 539 | font-family: "Ionicons", ionicons; 540 | font-size: 35; 541 | } -------------------------------------------------------------------------------- /app/bluff.d.ts: -------------------------------------------------------------------------------- 1 | declare type UIRefreshControl = any; -------------------------------------------------------------------------------- /app/controls/card/card.component.ts: -------------------------------------------------------------------------------- 1 | import { Component, ViewChild, ElementRef, Directive, Input, Output, EventEmitter, ContentChildren } from "@angular/core"; 2 | import { CardView } from "cardview"; 3 | import { MaterialCardHeader } from "./card.header.component"; 4 | import { Observable, Subscription, Subject} from 'rxjs/Rx'; 5 | 6 | import { registerElement, ViewClass } from "nativescript-angular/element-registry"; 7 | registerElement("CardView", () => require("nativescript-cardview").CardView); 8 | 9 | @Component({ 10 | selector: "material-card", 11 | directives: [MaterialCardHeader], 12 | //templateUrl: "controls/list/list.html", 13 | template:` 14 | 15 | 16 | 17 | 18 | 19 | ` 20 | }) 21 | export class MaterialCard { 22 | constructor() 23 | { 24 | } 25 | 26 | @ViewChild('item') 27 | set _listItems(item: ElementRef){ 28 | let cardView: any = item.nativeElement; 29 | //cardView.shadowColor = new Color("#FF0000").android; 30 | } 31 | } -------------------------------------------------------------------------------- /app/controls/card/card.header.component.css: -------------------------------------------------------------------------------- 1 | .material-card-header{ 2 | 3 | } 4 | 5 | Label { 6 | font-size: 24; 7 | color: #333; 8 | font-weight: bold; 9 | } -------------------------------------------------------------------------------- /app/controls/card/card.header.component.ts: -------------------------------------------------------------------------------- 1 | import {Component, Input} from '@angular/core'; 2 | 3 | @Component({ 4 | selector: 'material-card-header', 5 | template: ` 6 | 7 | 8 | 9 | `, 10 | styleUrls: ["./controls/card/card.header.component.css"] 11 | }) 12 | export class MaterialCardHeader { 13 | @Input("text") 14 | public text : string = ""; 15 | 16 | constructor() { 17 | 18 | } 19 | } -------------------------------------------------------------------------------- /app/controls/fab.common.css: -------------------------------------------------------------------------------- 1 | .fab-container { 2 | } 3 | 4 | /* 5 | to-do: follow the rules 6 | http://google.github.io/material-design-icons/ 7 | Styling icons in material design 8 | */ 9 | 10 | .fab-font { 11 | font-size: 36; 12 | color: #ffffff; 13 | text-align: center; 14 | horizontal-align: center; 15 | vertical-align: center; 16 | height: 50; 17 | width: 50; 18 | margin: 15; 19 | padding-top: 4; 20 | } 21 | 22 | .left { 23 | horizontal-align: left; 24 | } 25 | .right { 26 | horizontal-align: right; 27 | } 28 | .h-center { 29 | horizontal-align: center; 30 | } 31 | .top { 32 | vertical-align: top; 33 | } 34 | .bottom { 35 | vertical-align: bottom; 36 | } 37 | .v-center { 38 | vertical-align: center; 39 | } 40 | 41 | .fab-button { 42 | background-color: #ff4081; 43 | 44 | height: 50; 45 | width: 50; 46 | margin: 15; 47 | } 48 | 49 | .fab-button-content { 50 | height: 50; 51 | width: 50; 52 | margin: 15; 53 | horizontal-align: center; 54 | vertical-align: center; 55 | } 56 | 57 | .fab-icon { 58 | text-align: center; 59 | } 60 | 61 | .material-icons { 62 | font-family: "Material Icons", "MaterialIcons-Regular"; 63 | font-style: normal; 64 | font-weight: 400; 65 | } 66 | .md-18 { font-size: 18; height: 18; } 67 | .md-24 { font-size: 24; height: 24; } 68 | .md-36 { font-size: 36; height: 36; } 69 | .md-48 { font-size: 48; height: 48; } 70 | 71 | /* Rules for using icons as black on a light background. */ 72 | .md-dark { color: rgba(0, 0, 0, 0.54); } 73 | 74 | /* Rules for using icons as white on a dark background. */ 75 | .md-light { color: rgba(255, 255, 255, 1); } 76 | -------------------------------------------------------------------------------- /app/controls/fab.component.ts: -------------------------------------------------------------------------------- 1 | import { Observable, Subscription, Subject} from 'rxjs/Rx'; 2 | import { Component, ViewChild, ElementRef, Directive, Input, Output, EventEmitter, ContentChildren } from "@angular/core"; 3 | import { registerElement, ViewClass } from "nativescript-angular/element-registry"; 4 | import { StackLayout} from "ui/layouts/stack-layout"; 5 | import { AnimationPromise } from "ui/animation"; 6 | 7 | registerElement("Fab", () => require("nativescript-floatingactionbutton").Fab); 8 | /* 9 | Material icons 10 | http://google.github.io/material-design-icons/ 11 | */ 12 | @Component({ 13 | selector: "material-fab", 14 | template:` 15 | 23 | 24 | 26 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | `, 40 | outputs: ["tap"], 41 | styleUrls: ["./controls/fab.common.css"], 42 | directives: [] 43 | }) 44 | export class MaterialFab { 45 | @Input("horizontal-align") 46 | public horizontalAlign : string = "right"; 47 | @Input("vertical-align") 48 | public veritcalAlign : string = "top"; 49 | 50 | @Input("text") 51 | public text : string = "face" 52 | 53 | @Input("font-size") 54 | public fontSize : string = "md-24"; 55 | 56 | @ViewChild("fab") 57 | public element : ElementRef; 58 | 59 | constructor() 60 | { 61 | console.log("material-fab - started"); 62 | } 63 | 64 | public tapped($event){ 65 | console.log("tapped on fab"); 66 | this.tap.next($event); 67 | } 68 | 69 | public fabTap(){ 70 | console.log("fab pressed"); 71 | this.tap.next({ 72 | source : this.element.nativeElement 73 | }) 74 | } 75 | 76 | public tap = new EventEmitter(); 77 | } 78 | 79 | -------------------------------------------------------------------------------- /app/controls/icon.component.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/controls/icon.component.ts -------------------------------------------------------------------------------- /app/controls/material.ts: -------------------------------------------------------------------------------- 1 | import {MaterialCard} from "./card/card.component"; 2 | import {MaterialCardHeader} from "./card/card.header.component" 3 | import {MaterialFab} from "./fab.component"; 4 | import {MaterialPullToRefresh} from "./pullToRefresh.component"; 5 | import {LeftElement,RightElement} from "./utilities.directives" 6 | export var MATERIAL_DIRECTIVES = [ 7 | MaterialCard, 8 | MaterialCardHeader, 9 | 10 | MaterialFab, 11 | MaterialPullToRefresh, 12 | 13 | LeftElement, 14 | RightElement 15 | ]; -------------------------------------------------------------------------------- /app/controls/pullToRefresh.component.ts: -------------------------------------------------------------------------------- 1 | 2 | import { Component } from "@angular/core"; 3 | import { Observable, Subscription, Subject} from 'rxjs/Rx'; 4 | import { ViewChild, ElementRef, Directive, Input, Output, EventEmitter, ContentChildren } from "@angular/core"; 5 | import { registerElement, ViewClass } from "nativescript-angular/element-registry"; 6 | import { PullToRefresh } from "nativescript-pulltorefresh"; 7 | import { StackLayout} from "ui/layouts/stack-layout"; 8 | import { AnimationPromise } from "ui/animation"; 9 | 10 | registerElement("PullToRefresh", () => require("nativescript-pulltorefresh").PullToRefresh); 11 | 12 | @Component({ 13 | selector: "material-pull-to-refresh", 14 | template:` 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | `, 23 | outputs: ["refresh", "refreshCompleted"], 24 | //inputs: ["complete"] 25 | }) 26 | export class MaterialPullToRefresh { 27 | 28 | constructor() 29 | { 30 | console.log("material-pull-to-refresh - started"); 31 | } 32 | 33 | @ViewChild("body") 34 | private body : ElementRef; 35 | 36 | @ViewChild("item") 37 | public pullToRefreshElement : ElementRef; 38 | 39 | private refreshMe(args : any){ 40 | // console.log("refresh called. args:"); 41 | // console.log(args); 42 | 43 | // this.refreshStarted.next(args); 44 | 45 | let refreshCompleted = () => { 46 | args.object.refreshing = false; 47 | this.refreshContentCompleted({}); 48 | }; 49 | 50 | this.refresh.next({ 51 | object: args.object, 52 | completed : refreshCompleted 53 | }); 54 | 55 | this.shrink(); 56 | } 57 | 58 | private refreshContentCompleted($event){ 59 | console.log("completed"); 60 | this.refreshCompleted.next($event); 61 | this.grow(); 62 | } 63 | 64 | public refresh = new EventEmitter(); 65 | public refreshCompleted = new EventEmitter(); 66 | 67 | 68 | private transition: AnimationPromise = null; 69 | private shrink(){ 70 | let stackLayout: StackLayout = this.body.nativeElement; 71 | let animation = stackLayout.animate({ opacity : 0.2, scale: { x : 0.5, y: 0.5 } }); 72 | animation.then(() => { 73 | let innerAnimation = stackLayout.animate({ opacity: 0, translate: { x: -1000, y: 0 }}); 74 | return innerAnimation; 75 | }); 76 | this.transition = animation; 77 | } 78 | 79 | private grow(){ 80 | let stackLayout: StackLayout = this.body.nativeElement; 81 | 82 | let fadeIn = () => { 83 | console.log("fade in"); 84 | stackLayout.translateX = 0; 85 | return stackLayout.animate({ opacity : 1, scale: { x : 1, y: 1 }, translate: { x: 0, y: 0} }) 86 | }; 87 | 88 | this.transition 89 | .then(fadeIn); 90 | 91 | } 92 | } 93 | 94 | -------------------------------------------------------------------------------- /app/controls/utilities.directives.ts: -------------------------------------------------------------------------------- 1 | import {Directive, ElementRef, Renderer} from '@angular/core'; 2 | 3 | /* 4 | Still cannot use... 5 | Error: Not implemented: setStyleProperty 6 | */ 7 | 8 | @Directive({ 9 | selector: '[float-left]' 10 | }) 11 | export class LeftElement { 12 | constructor(el: ElementRef, public renderer: Renderer) { 13 | console.log('set element left'); 14 | renderer.setElementStyle(el, 'horizontal-align', 'left'); 15 | } 16 | } 17 | 18 | @Directive({ 19 | selector: '[float-right]' 20 | }) 21 | export class RightElement { 22 | constructor(el: ElementRef, public renderer: Renderer) { 23 | console.log('set element left'); 24 | renderer.setElementStyle(el, 'horizontal-align', 'right'); 25 | } 26 | } -------------------------------------------------------------------------------- /app/fonts/MaterialIcons-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/fonts/MaterialIcons-Regular.ttf -------------------------------------------------------------------------------- /app/imgs/baltic-sea-1367195__340.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/imgs/baltic-sea-1367195__340.jpg -------------------------------------------------------------------------------- /app/imgs/candles-1359478__340.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/imgs/candles-1359478__340.jpg -------------------------------------------------------------------------------- /app/imgs/sky-1362198__340.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/imgs/sky-1362198__340.jpg -------------------------------------------------------------------------------- /app/imgs/woman-1369253__340.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/imgs/woman-1369253__340.jpg -------------------------------------------------------------------------------- /app/main.ts: -------------------------------------------------------------------------------- 1 | import {nativeScriptBootstrap} from "nativescript-angular/application"; 2 | import {AppComponent} from "./app.component"; 3 | 4 | nativeScriptBootstrap(AppComponent); 5 | -------------------------------------------------------------------------------- /app/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "main": "main.js" 3 | } 4 | -------------------------------------------------------------------------------- /app/pages/cardview-refresh.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {MATERIAL_DIRECTIVES} from "../controls/material"; 3 | import {MaterialPullToRefresh} from "../controls/pullToRefresh.component"; 4 | @Component({ 5 | selector: 'Start', 6 | directives: [MATERIAL_DIRECTIVES], 7 | template: ` 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | ` 18 | }) 19 | export class SimpleStart { 20 | 21 | constructor() { 22 | 23 | } 24 | 25 | } -------------------------------------------------------------------------------- /app/pages/cardview/cardView.page.componet.css: -------------------------------------------------------------------------------- 1 | .cardview-image-heading{ 2 | vertical-align: center; 3 | horizontal-align: center; 4 | } 5 | 6 | .cardview-image-title { 7 | font-size: 32; 8 | font-weight: bold; 9 | text-align: center; 10 | color: #FFFFFF; 11 | } 12 | .cardview-image-sub-title { 13 | font-size: 24; 14 | font-weight: bold; 15 | text-align: center; 16 | color: #FFFFFF; 17 | } 18 | -------------------------------------------------------------------------------- /app/pages/cardview/cardView.page.componet.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {ROUTER_DIRECTIVES, Router, OnActivate, OnDeactivate, CanReuse, OnReuse, 3 | RouteParams, ComponentInstruction, RouteConfig } from '@angular/router-deprecated'; 4 | //import { registerElement, ViewClass } from "nativescript-angular/element-registry"; 5 | //registerElement("CardView", () => require("nativescript-cardview").CardView); 6 | import {MATERIAL_DIRECTIVES} from "../../controls/material"; 7 | import {HomeFab} from "../templates/home-fab"; 8 | import {ImageCardView} from "./image-card-view.component" 9 | import {SocialCardView} from "./social-card-view.component" 10 | @Component({ 11 | selector: 'CardView', 12 | directives: [ImageCardView, SocialCardView, HomeFab, MATERIAL_DIRECTIVES, ROUTER_DIRECTIVES], 13 | styleUrls: ["./pages/cardview/cardView.page.componet.css"], 14 | template: ` 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | ` 31 | }) 32 | export class CardViewPage { 33 | 34 | constructor() { 35 | 36 | } 37 | 38 | } -------------------------------------------------------------------------------- /app/pages/cardview/image-card-view.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {MATERIAL_DIRECTIVES} from "../../controls/material"; 3 | 4 | @Component({ 5 | selector: 'image-card-view', 6 | directives: [MATERIAL_DIRECTIVES], 7 | styleUrls: ["./pages/cardview/cardView.page.componet.css"], 8 | template: ` 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | ` 23 | }) 24 | export class ImageCardView { 25 | 26 | constructor() { 27 | 28 | } 29 | } -------------------------------------------------------------------------------- /app/pages/cardview/social-card-view.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {MATERIAL_DIRECTIVES} from "../../controls/material"; 3 | @Component({ 4 | selector: 'social-card-view', 5 | directives: [MATERIAL_DIRECTIVES], 6 | styleUrls: ["./pages/cardview/cardView.page.componet.css"], 7 | template: ` 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 29 | 30 | 31 | 32 | 33 | 34 | ` 35 | }) 36 | export class SocialCardView { 37 | 38 | constructor() { 39 | 40 | } 41 | } -------------------------------------------------------------------------------- /app/pages/fab.page.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from "@angular/core" 2 | import {Image} from "ui/image"; 3 | import {PullToRefresh} from "nativescript-pulltorefresh"; 4 | import {MATERIAL_DIRECTIVES} from "../controls/material"; 5 | import {HomeFab} from "./templates/home-fab"; 6 | import {Router, RouteConfig, ROUTER_PROVIDERS, ROUTER_DIRECTIVES, ComponentInstruction, RouteParams} from '@angular/router-deprecated'; 7 | 8 | @Component({ 9 | selector: "RefreshImagePage", 10 | template: ` 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | `, 53 | directives: [MATERIAL_DIRECTIVES, HomeFab] 54 | }) 55 | export class FabPage 56 | { 57 | constructor(private router: Router){ 58 | 59 | } 60 | 61 | public NavigateHome(): void { 62 | this.router.navigate(["Start"]) 63 | } 64 | } 65 | -------------------------------------------------------------------------------- /app/pages/pullToRefresh.page.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {PullToRefresh} from "nativescript-pulltorefresh"; 3 | import {ROUTER_DIRECTIVES, Router, OnActivate, OnDeactivate, CanReuse, OnReuse, 4 | RouteParams, ComponentInstruction, RouteConfig } from '@angular/router-deprecated'; 5 | import {MATERIAL_DIRECTIVES} from "../controls/material"; 6 | import {HomeFab} from "./templates/home-fab"; 7 | @Component({ 8 | selector: 'Start', 9 | directives: [HomeFab, MATERIAL_DIRECTIVES, ROUTER_DIRECTIVES], 10 | template: ` 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | ` 27 | }) 28 | export class VanillaPullToRefreshPage { 29 | private _randomImage = "https://unsplash.it/1200/1200/?random="; 30 | 31 | constructor() { 32 | 33 | } 34 | public RefreshedTimes = 0; 35 | public RandomImage = "https://unsplash.it/1200/1200/?random=0"; 36 | 37 | public refreshPage(args: any) { 38 | console.log("page refresh -> go"); 39 | let control : PullToRefresh = args.object; 40 | 41 | setTimeout(() => { 42 | this.RefreshedTimes += 1; 43 | this.RandomImage = this._randomImage + this.RefreshedTimes; 44 | args.object.refreshing = false; 45 | }, 1000); 46 | } 47 | } -------------------------------------------------------------------------------- /app/pages/refreshImage.page.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from "@angular/core" 2 | import {Image} from "ui/image"; 3 | import {PullToRefresh} from "nativescript-pulltorefresh"; 4 | import {Color} from "color"; 5 | //Page is a wrapper on @Component 6 | import {HomeFab} from "./templates/home-fab"; 7 | import {MATERIAL_DIRECTIVES} from "../controls/material"; 8 | @Component({ 9 | selector: "RefreshImagePage", 10 | template: ` 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | `, 31 | directives: [HomeFab, MATERIAL_DIRECTIVES] 32 | }) 33 | export class RefreshImagePage 34 | { 35 | private _randomImage = "https://unsplash.it/1600/1600/?random="; 36 | 37 | public RefreshedTimes = 0; 38 | public Message = "Pull to refresh"; 39 | public RandomImage = "https://unsplash.it/1600/1600/?random=0"; 40 | 41 | constructor() 42 | { 43 | } 44 | 45 | public refreshPage(args: any) { 46 | console.log("page refresh -> go"); 47 | let control : PullToRefresh = args.object; 48 | 49 | setTimeout(() => { 50 | console.log("end of refresh"); 51 | //args.object.refreshing = false; 52 | this.RefreshedTimes += 1; 53 | this.Message = "Pull to refresh - " + this.RefreshedTimes; 54 | this.RandomImage = this._randomImage + this.RefreshedTimes; 55 | 56 | args.completed(); 57 | }, 1000); 58 | } 59 | } 60 | -------------------------------------------------------------------------------- /app/pages/start.component.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {MaterialFab} from "../controls/fab.component"; 3 | //import {MaterialFab} from "../controls/fab.component"; 4 | import {ROUTER_DIRECTIVES, Router, OnActivate, OnDeactivate, CanReuse, OnReuse, 5 | RouteParams, ComponentInstruction, RouteConfig } from '@angular/router-deprecated'; 6 | import { NS_ROUTER_DIRECTIVES, NS_ROUTER_PROVIDERS } from "nativescript-angular/router"; 7 | import {MATERIAL_DIRECTIVES} from "../controls/material"; 8 | import {HomeFab} from "./templates/home-fab"; 9 | @Component({ 10 | selector: 'Start', 11 | directives: [HomeFab, MATERIAL_DIRECTIVES, ROUTER_DIRECTIVES, NS_ROUTER_DIRECTIVES], 12 | template: ` 13 | 14 | 15 | 16 | 17 | 18 | 19 | 21 | 22 | 24 | 25 | 27 | 28 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | ` 43 | }) 44 | export class StartPage { 45 | 46 | constructor() { 47 | 48 | } 49 | 50 | 51 | 52 | } -------------------------------------------------------------------------------- /app/pages/templates/home-fab.ts: -------------------------------------------------------------------------------- 1 | import {Component} from '@angular/core'; 2 | import {ROUTER_DIRECTIVES, Router, OnActivate, OnDeactivate, CanReuse, OnReuse, 3 | RouteParams, ComponentInstruction, RouteConfig } from '@angular/router-deprecated'; 4 | import {MATERIAL_DIRECTIVES} from "../../controls/material" 5 | @Component({ 6 | selector: 'home-fab', 7 | template: ` 8 | 9 | 10 | `, 11 | directives: [MATERIAL_DIRECTIVES] 12 | }) 13 | export class HomeFab { 14 | 15 | constructor(private router : Router) { 16 | 17 | } 18 | 19 | public NavigateHome(): void { 20 | console.log("navigate to start"); 21 | this.router.navigate(["Start"]) 22 | } 23 | } -------------------------------------------------------------------------------- /app/platform.android.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/platform.android.css -------------------------------------------------------------------------------- /app/platform.ios.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/app/platform.ios.css -------------------------------------------------------------------------------- /fonts/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/fonts/ionicons.ttf -------------------------------------------------------------------------------- /hooks/before-livesync/nativescript-angular-sync .js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-angular/hooks/before-livesync"); 2 | -------------------------------------------------------------------------------- /hooks/before-prepare/nativescript-dev-typescript.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-dev-typescript/lib/before-prepare.js"); 2 | -------------------------------------------------------------------------------- /hooks/before-watch/nativescript-dev-typescript.js: -------------------------------------------------------------------------------- 1 | module.exports = require("nativescript-dev-typescript/lib/watch.js"); 2 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "MaterialTests", 3 | "version": "1.0.0", 4 | "description": "A NativeScript-built iOS and Android app for managing grocery lists", 5 | "repository": { 6 | "type": "git", 7 | "url": "https://github.com/nativescript/sample-Groceries.git" 8 | }, 9 | "keywords": [ 10 | "NativeScript" 11 | ], 12 | "author": "Matthew Green", 13 | "license": "MIT", 14 | "bugs": { 15 | "url": "https://github.com/matt4446/Demo-Material-NativeScript/issues" 16 | }, 17 | "homepage": "https://github.com/matt4446/Demo-Material-NativeScript", 18 | "nativescript": { 19 | "id": "org.nativescript.groceries", 20 | "tns-ios": { 21 | "version": "2.0.0" 22 | }, 23 | "tns-android": { 24 | "version": "2.0.0" 25 | } 26 | }, 27 | "dependencies": { 28 | "@angular/common": "2.0.0-rc.1", 29 | "@angular/compiler": "2.0.0-rc.1", 30 | "@angular/core": "2.0.0-rc.1", 31 | "@angular/http": "2.0.0-rc.1", 32 | "@angular/router-deprecated": "2.0.0-rc.1", 33 | "@angular/platform-browser": "2.0.0-rc.1", 34 | "@angular/platform-browser-dynamic": "2.0.0-rc.1", 35 | "@angular/platform-server": "2.0.0-rc.1", 36 | "nativescript-angular": "0.1.1", 37 | "tns-core-modules": "2.0.1", 38 | "nativescript-cardview": "1.0.1", 39 | "nativescript-pulltorefresh": "1.1.4", 40 | "nativescript-floatingactionbutton": "2.2.2" 41 | }, 42 | "devDependencies": { 43 | "babel-traverse": "6.9.0", 44 | "babel-types": "6.9.0", 45 | "babylon": "6.8.0", 46 | "filewalker": "0.1.2", 47 | "lazy": "1.0.11", 48 | "nativescript-dev-typescript": "^0.3.2", 49 | "typescript": "^1.8.10" 50 | } 51 | } -------------------------------------------------------------------------------- /references.d.ts: -------------------------------------------------------------------------------- 1 | /// Needed for autocompletion and compilation. 2 | /// 3 | /// 4 | -------------------------------------------------------------------------------- /screenshots/Android/FAB.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/FAB.gif -------------------------------------------------------------------------------- /screenshots/Android/card-view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/card-view.png -------------------------------------------------------------------------------- /screenshots/Android/card-views.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/card-views.gif -------------------------------------------------------------------------------- /screenshots/Android/fab-view.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/fab-view.png -------------------------------------------------------------------------------- /screenshots/Android/pull-to-refresh-with-animation.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/pull-to-refresh-with-animation.gif -------------------------------------------------------------------------------- /screenshots/Android/pull-to-refresh.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/matt4446/Demo-Material-NativeScript/60ff82234446a9cb024b98c43f392ed4284460d3/screenshots/Android/pull-to-refresh.gif -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": "app", 4 | "rootDir": "app", 5 | "module": "commonjs", 6 | "target": "es5", 7 | "inlineSourceMap": true, 8 | "experimentalDecorators": true, 9 | "removeComments": false, 10 | "emitDecoratorMetadata": true, 11 | "noEmitOnError": true 12 | }, 13 | "exclude": [ 14 | "node_modules", 15 | "platforms" 16 | ] 17 | } --------------------------------------------------------------------------------