├── demo ├── app │ ├── build │ │ ├── card.css │ │ ├── colors.css │ │ ├── text.css │ │ ├── switch.css │ │ ├── slider.css │ │ ├── forms.css │ │ ├── list-view.css │ │ ├── action-bar.css │ │ ├── segmented-bar.css │ │ ├── button.css │ │ └── app.css │ ├── pages │ │ ├── forms │ │ │ ├── modal.js │ │ │ ├── modal.js.map │ │ │ ├── form-inputs.ts │ │ │ ├── inset-form.ts │ │ │ ├── stacked-labels.ts │ │ │ ├── form-input-inset.ts │ │ │ ├── inset-form.js.map │ │ │ ├── form-inputs.js.map │ │ │ ├── stacked-labels.js.map │ │ │ ├── form-input-inset.js.map │ │ │ ├── form-inputs.js │ │ │ ├── inset-form.js │ │ │ ├── form-input-inset.js │ │ │ ├── stacked-labels.js │ │ │ ├── form-input-inset.xml │ │ │ ├── form-inputs.xml │ │ │ ├── inset-form.xml │ │ │ └── stacked-labels.xml │ │ ├── list-views │ │ │ ├── modal.js │ │ │ ├── grouped-list-view.js │ │ │ ├── modal.js.map │ │ │ ├── list-view-avatar.ts │ │ │ ├── list-view-inset.ts │ │ │ ├── list-view-thumbnail.ts │ │ │ ├── simple-list-view.ts │ │ │ ├── grouped-list-view.js.map │ │ │ ├── list-view-avatar.js │ │ │ ├── list-view-inset.js │ │ │ ├── simple-list-view.js │ │ │ ├── list-view-thumbnail.js │ │ │ ├── list-view-avatar.js.map │ │ │ ├── list-view-inset.js.map │ │ │ ├── simple-list-view.js.map │ │ │ ├── list-view-thumbnail.js.map │ │ │ ├── albums-view-model.js.map │ │ │ ├── simple-list-view.xml │ │ │ ├── list-view-inset.xml │ │ │ ├── list-view-base.js.map │ │ │ ├── list-view-avatar.xml │ │ │ ├── list-view-thumbnail.xml │ │ │ ├── albums-view-model.js │ │ │ ├── list-view-base.ts │ │ │ └── list-view-base.js │ │ ├── slider.ts │ │ ├── progress.ts │ │ ├── action-bar.ts │ │ ├── segmented-bar.ts │ │ ├── cards │ │ │ ├── simple-card.ts │ │ │ ├── cart.js.map │ │ │ ├── simple-card.js.map │ │ │ ├── cart.js │ │ │ ├── simple-card.js │ │ │ └── simple-card.xml │ │ ├── text.ts │ │ ├── switch.ts │ │ ├── activity-indicators.ts │ │ ├── modal.js.map │ │ ├── slider.js.map │ │ ├── buttons │ │ │ ├── outlined-buttons.ts │ │ │ ├── buttons.ts │ │ │ ├── buttons.js.map │ │ │ ├── icon-button.js.map │ │ │ ├── outlined-buttons.js.map │ │ │ ├── icon-button.js │ │ │ ├── outlined-buttons.js │ │ │ ├── buttons.js │ │ │ ├── buttons.xml │ │ │ └── outlined-buttons.xml │ │ ├── progress.js.map │ │ ├── text.js.map │ │ ├── action-bar.js.map │ │ ├── switch.js.map │ │ ├── buttons.js.map │ │ ├── segmented-bar.js.map │ │ ├── activity-indicators.js.map │ │ ├── modal.js │ │ ├── slider.js │ │ ├── progress.js │ │ ├── switch.js │ │ ├── segmented-bar.js │ │ ├── activity-indicators.js │ │ ├── text.js │ │ ├── action-bar.js │ │ ├── buttons.js │ │ ├── radiobuttons.js.map │ │ ├── radiobuttons.ts │ │ ├── radiobuttons.js │ │ ├── text.xml │ │ ├── checkbox.js.map │ │ ├── progress.xml │ │ ├── list-views.js.map │ │ ├── action-bar.xml │ │ ├── checkbox.xml │ │ ├── checkbox.ts │ │ ├── segmented-bar.xml │ │ ├── form-inputs.xml │ │ ├── switch.xml │ │ ├── activity-indicators.xml │ │ ├── checkbox.js │ │ ├── radiobuttons.xml │ │ └── slider.xml │ ├── images │ │ ├── cities.jpg │ │ ├── vital.jpg │ │ ├── devotion.jpg │ │ ├── lowborn.jpg │ │ ├── lost-songs.jpg │ │ ├── new-surrender.jpg │ │ ├── dark-is-the-way.jpg │ │ ├── vital-the-remixes.jpg │ │ ├── blueprints-for-city-friendships.jpg │ │ ├── blueprints-for-the-blackmarket.jpg │ │ ├── never-take-friendship-personal.jpg │ │ └── dancing-between-the-fibers-of-time.jpg │ ├── fonts │ │ ├── FontAwesome.otf │ │ └── fontawesome-webfont.ttf │ ├── App_Resources │ │ ├── iOS │ │ │ ├── icon.png │ │ │ ├── Default.png │ │ │ ├── ic_menu.png │ │ │ ├── icon-40.png │ │ │ ├── icon-60.png │ │ │ ├── icon-72.png │ │ │ ├── icon-76.png │ │ │ ├── icon@2x.png │ │ │ ├── Default@2x.png │ │ │ ├── Icon-Small.png │ │ │ ├── ic_menu@2x.png │ │ │ ├── ic_menu@3x.png │ │ │ ├── icon-40@2x.png │ │ │ ├── icon-60@2x.png │ │ │ ├── icon-72@2x.png │ │ │ ├── icon-76@2x.png │ │ │ ├── Default-568h@2x.png │ │ │ ├── Default-667h@2x.png │ │ │ ├── Default-736h@3x.png │ │ │ ├── Icon-Small-50.png │ │ │ ├── Icon-Small@2x.png │ │ │ ├── Default-Landscape.png │ │ │ ├── Default-Portrait.png │ │ │ ├── Icon-Small-50@2x.png │ │ │ ├── Default-Landscape@2x.png │ │ │ ├── Default-Landscape@3x.png │ │ │ ├── Default-Portrait@2x.png │ │ │ ├── Default-Landscape-568h@2x.png │ │ │ ├── Default-Landscape-667h@2x.png │ │ │ ├── build.xcconfig │ │ │ └── Info.plist │ │ └── Android │ │ │ ├── drawable-hdpi │ │ │ ├── icon.png │ │ │ └── ic_menu.png │ │ │ ├── drawable-ldpi │ │ │ └── icon.png │ │ │ ├── drawable-mdpi │ │ │ ├── icon.png │ │ │ └── ic_menu.png │ │ │ ├── drawable-xhdpi │ │ │ └── ic_menu.png │ │ │ ├── drawable-xxhdpi │ │ │ └── ic_menu.png │ │ │ ├── drawable-xxxhdpi │ │ │ └── ic_menu.png │ │ │ ├── drawable-nodpi │ │ │ └── splashscreen.9.png │ │ │ ├── app.gradle │ │ │ └── AndroidManifest.xml │ ├── app.ts │ ├── references.d.ts │ ├── app.js │ ├── app.js.map │ ├── shared │ │ ├── widgets │ │ │ ├── drawer-content.css │ │ │ ├── action-bar-common.xml │ │ │ └── drawer-content.xml │ │ ├── BasePage.js.map │ │ ├── BasePage.js │ │ └── BasePage.ts │ ├── package.json │ └── app.css ├── references.d.ts ├── .vscode │ ├── settings.json │ └── launch.json ├── tsconfig.json ├── package.json └── LICENSE ├── .gitignore ├── sass ├── card.scss ├── checkbox.scss ├── radio-button.scss ├── switch.scss ├── activity-indicator.scss ├── slider.scss ├── action-bar.scss ├── segmented-bar.scss ├── colors.scss ├── text.scss ├── forms.scss ├── list-view.scss ├── app.scss └── button.scss ├── README.md ├── Gulpfile.js └── package.json /demo/app/build/card.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | platforms 2 | node_modules 3 | hooks 4 | lib -------------------------------------------------------------------------------- /demo/app/pages/forms/modal.js: -------------------------------------------------------------------------------- 1 | //# sourceMappingURL=modal.js.map -------------------------------------------------------------------------------- /demo/app/pages/list-views/modal.js: -------------------------------------------------------------------------------- 1 | //# sourceMappingURL=modal.js.map -------------------------------------------------------------------------------- /demo/app/pages/list-views/grouped-list-view.js: -------------------------------------------------------------------------------- 1 | //# sourceMappingURL=grouped-list-view.js.map -------------------------------------------------------------------------------- /demo/app/images/cities.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/cities.jpg -------------------------------------------------------------------------------- /demo/app/images/vital.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/vital.jpg -------------------------------------------------------------------------------- /demo/app/images/devotion.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/devotion.jpg -------------------------------------------------------------------------------- /demo/app/images/lowborn.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/lowborn.jpg -------------------------------------------------------------------------------- /demo/app/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /demo/app/images/lost-songs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/lost-songs.jpg -------------------------------------------------------------------------------- /demo/app/pages/forms/modal.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"modal.js","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":""} -------------------------------------------------------------------------------- /demo/app/images/new-surrender.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/new-surrender.jpg -------------------------------------------------------------------------------- /demo/app/pages/list-views/modal.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"modal.js","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":""} -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon.png -------------------------------------------------------------------------------- /demo/app/images/dark-is-the-way.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/dark-is-the-way.jpg -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-avatar.ts: -------------------------------------------------------------------------------- 1 | import ListViewBase from './list-view-base'; 2 | 3 | module.exports = new ListViewBase(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-inset.ts: -------------------------------------------------------------------------------- 1 | import ListViewBase from './list-view-base'; 2 | 3 | module.exports = new ListViewBase(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-thumbnail.ts: -------------------------------------------------------------------------------- 1 | import ListViewBase from './list-view-base'; 2 | 3 | module.exports = new ListViewBase(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/simple-list-view.ts: -------------------------------------------------------------------------------- 1 | import ListViewBase from './list-view-base'; 2 | 3 | module.exports = new ListViewBase(); -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/ic_menu.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-40.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-40.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-60.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-60.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-72.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-72.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-76.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-76.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon@2x.png -------------------------------------------------------------------------------- /demo/app/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /demo/app/images/vital-the-remixes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/vital-the-remixes.jpg -------------------------------------------------------------------------------- /demo/references.d.ts: -------------------------------------------------------------------------------- 1 | /// Needed for autocompletion and compilation. -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Icon-Small.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/ic_menu@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/ic_menu@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/ic_menu@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/ic_menu@3x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-40@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-40@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-60@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-60@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-72@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-72@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/icon-76@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/icon-76@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-568h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-568h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-667h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-667h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-736h@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-736h@3x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small-50.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Icon-Small-50.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Icon-Small@2x.png -------------------------------------------------------------------------------- /sass/card.scss: -------------------------------------------------------------------------------- 1 | .card { 2 | padding: 16; 3 | border-radius: 2; 4 | border-color: #b2b2b2; 5 | border-width: 1; 6 | margin: 16 7 | } 8 | -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Landscape.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Portrait.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Portrait.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Icon-Small-50@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Icon-Small-50@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Landscape@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape@3x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Landscape@3x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Portrait@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Portrait@2x.png -------------------------------------------------------------------------------- /demo/app/images/blueprints-for-city-friendships.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/blueprints-for-city-friendships.jpg -------------------------------------------------------------------------------- /demo/app/images/blueprints-for-the-blackmarket.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/blueprints-for-the-blackmarket.jpg -------------------------------------------------------------------------------- /demo/app/images/never-take-friendship-personal.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/never-take-friendship-personal.jpg -------------------------------------------------------------------------------- /sass/checkbox.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .checkbox { 4 | font-family: 'FontAwesome', fontawesome-webfont; 5 | font-size: 35; 6 | color: #4CD964; 7 | } -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-hdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-hdpi/icon.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-ldpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-ldpi/icon.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-mdpi/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-mdpi/icon.png -------------------------------------------------------------------------------- /demo/app/pages/list-views/grouped-list-view.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"grouped-list-view.js","sourceRoot":"","sources":["grouped-list-view.ts"],"names":[],"mappings":""} -------------------------------------------------------------------------------- /sass/radio-button.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .radiobutton { 4 | font-family: 'FontAwesome', fontawesome-webfont; 5 | font-size: 35; 6 | color: #4CD964; 7 | } -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-hdpi/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-hdpi/ic_menu.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-mdpi/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-mdpi/ic_menu.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape-568h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Landscape-568h@2x.png -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/Default-Landscape-667h@2x.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/iOS/Default-Landscape-667h@2x.png -------------------------------------------------------------------------------- /demo/app/app.ts: -------------------------------------------------------------------------------- 1 | var application = require("application"); 2 | application.mainModule = "pages/action-bar"; 3 | application.cssFile = "./app.css"; 4 | application.start(); 5 | -------------------------------------------------------------------------------- /demo/app/images/dancing-between-the-fibers-of-time.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/images/dancing-between-the-fibers-of-time.jpg -------------------------------------------------------------------------------- /sass/switch.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .switch-accent { 4 | background-color: $color-accent; 5 | } 6 | 7 | .switch-dark { 8 | background-color: $color-dark; 9 | } -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-xhdpi/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-xhdpi/ic_menu.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-xxhdpi/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-xxhdpi/ic_menu.png -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-xxxhdpi/ic_menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-xxxhdpi/ic_menu.png -------------------------------------------------------------------------------- /demo/app/references.d.ts: -------------------------------------------------------------------------------- 1 | /// Enable smart suggestions and completions in Visual Studio Code JavaScript projects. 2 | -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/burkeholland/nativescript-nova/HEAD/demo/app/App_Resources/Android/drawable-nodpi/splashscreen.9.png -------------------------------------------------------------------------------- /demo/app/pages/slider.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | 3 | class Page extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new Page(); -------------------------------------------------------------------------------- /demo/app/pages/progress.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | 3 | class Page extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new Page(); -------------------------------------------------------------------------------- /demo/app/app.js: -------------------------------------------------------------------------------- 1 | var application = require("application"); 2 | application.mainModule = "pages/action-bar"; 3 | application.cssFile = "./app.css"; 4 | application.start(); 5 | //# sourceMappingURL=app.js.map -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-avatar.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var list_view_base_1 = require('./list-view-base'); 3 | module.exports = new list_view_base_1.default(); 4 | //# sourceMappingURL=list-view-avatar.js.map -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-inset.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var list_view_base_1 = require('./list-view-base'); 3 | module.exports = new list_view_base_1.default(); 4 | //# sourceMappingURL=list-view-inset.js.map -------------------------------------------------------------------------------- /demo/app/pages/list-views/simple-list-view.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var list_view_base_1 = require('./list-view-base'); 3 | module.exports = new list_view_base_1.default(); 4 | //# sourceMappingURL=simple-list-view.js.map -------------------------------------------------------------------------------- /demo/app/pages/action-bar.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | 3 | class ActionBarPage extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-thumbnail.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var list_view_base_1 = require('./list-view-base'); 3 | module.exports = new list_view_base_1.default(); 4 | //# sourceMappingURL=list-view-thumbnail.js.map -------------------------------------------------------------------------------- /demo/app/pages/segmented-bar.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | 3 | class Page extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new Page(); 10 | -------------------------------------------------------------------------------- /demo/app/pages/forms/form-inputs.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | 3 | class ActionBarPage extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/forms/inset-form.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | 3 | class ActionBarPage extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/forms/stacked-labels.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | 3 | class ActionBarPage extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/forms/form-input-inset.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | 3 | class ActionBarPage extends BasePage { 4 | mainContentLoaded() { 5 | 6 | } 7 | } 8 | 9 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-avatar.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"list-view-avatar.js","sourceRoot":"","sources":["list-view-avatar.ts"],"names":[],"mappings":";AAAA,+BAAyB,kBAAkB,CAAC,CAAA;AAE5C,MAAM,CAAC,OAAO,GAAG,IAAI,wBAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-inset.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"list-view-inset.js","sourceRoot":"","sources":["list-view-inset.ts"],"names":[],"mappings":";AAAA,+BAAyB,kBAAkB,CAAC,CAAA;AAE5C,MAAM,CAAC,OAAO,GAAG,IAAI,wBAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/list-views/simple-list-view.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"simple-list-view.js","sourceRoot":"","sources":["simple-list-view.ts"],"names":[],"mappings":";AAAA,+BAAyB,kBAAkB,CAAC,CAAA;AAE5C,MAAM,CAAC,OAAO,GAAG,IAAI,wBAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/cards/simple-card.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | 3 | 4 | class ActionBarPage extends BasePage { 5 | mainContentLoaded() { 6 | 7 | } 8 | } 9 | 10 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/list-views/list-view-thumbnail.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"list-view-thumbnail.js","sourceRoot":"","sources":["list-view-thumbnail.ts"],"names":[],"mappings":";AAAA,+BAAyB,kBAAkB,CAAC,CAAA;AAE5C,MAAM,CAAC,OAAO,GAAG,IAAI,wBAAY,EAAE,CAAC"} -------------------------------------------------------------------------------- /sass/activity-indicator.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .activity-indicator-light { 4 | color: #4CD964; 5 | } 6 | 7 | .checkbox-accent { 8 | color: $color-accent; 9 | } 10 | 11 | .checkbox-dark { 12 | color: $color-dark; 13 | } -------------------------------------------------------------------------------- /demo/app/app.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"app.js","sourceRoot":"","sources":["app.ts"],"names":[],"mappings":"AAAA,IAAI,WAAW,GAAG,OAAO,CAAC,aAAa,CAAC,CAAC;AACzC,WAAW,CAAC,UAAU,GAAG,kBAAkB,CAAC;AAC5C,WAAW,CAAC,OAAO,GAAG,WAAW,CAAC;AAClC,WAAW,CAAC,KAAK,EAAE,CAAC"} -------------------------------------------------------------------------------- /sass/slider.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .slider-light { 4 | background-color: $color-light; 5 | } 6 | 7 | .slider-accent { 8 | background-color: $color-accent; 9 | } 10 | 11 | .slider-dark { 12 | background-color: $color-dark; 13 | } -------------------------------------------------------------------------------- /demo/app/shared/widgets/drawer-content.css: -------------------------------------------------------------------------------- 1 | .drawer-content { 2 | padding-top: 20; 3 | background-color: #243044; 4 | color: white; 5 | } 6 | 7 | .drawer-menu label { 8 | margin: 10 10 10 20; 9 | } 10 | 11 | .fa { 12 | font-family: FontAwesome; 13 | } -------------------------------------------------------------------------------- /demo/app/pages/text.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | import { EventData } from 'data/observable'; 3 | 4 | class ActionBarPage extends BasePage { 5 | mainContentLoaded(args: EventData) { 6 | 7 | } 8 | } 9 | 10 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # NativeScript Nova 2 | A simple, clean, extendable and gorgeous theme for NativeScript 3 | 4 | Just grab the `app.css` file from the `app/build` directory and slap it in the `app` folder of your own project. Docs coming soon. 5 | 6 | ## Screenshots! 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /demo/app/pages/switch.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | import { Observable, EventData } from 'data/observable'; 3 | 4 | class Page extends BasePage { 5 | mainContentLoaded(args: EventData) { 6 | 7 | } 8 | } 9 | 10 | export = new Page(); -------------------------------------------------------------------------------- /demo/app/pages/activity-indicators.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../shared/BasePage'; 2 | import { Observable, EventData } from 'data/observable'; 3 | 4 | class Page extends BasePage { 5 | mainContentLoaded(args: EventData) { 6 | 7 | } 8 | } 9 | 10 | export = new Page(); -------------------------------------------------------------------------------- /demo/app/pages/modal.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"modal.js","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB;IAEA,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/slider.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"slider.js","sourceRoot":"","sources":["slider.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB;IAEA,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | // Place your settings in this file to overwrite default and user settings. 2 | { 3 | // Configure glob patterns for excluding files and folders. 4 | "files.exclude": { 5 | "**/.git": true, 6 | "**/.DS_Store": true, 7 | 8 | "**/*.map": true 9 | } 10 | } -------------------------------------------------------------------------------- /demo/app/pages/cards/cart.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"cart.js","sourceRoot":"","sources":["cart.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAGjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/buttons/outlined-buttons.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | import { Observable, EventData } from 'data/observable'; 3 | 4 | class Page extends BasePage { 5 | mainContentLoaded(args: EventData) { 6 | 7 | } 8 | } 9 | 10 | export = new Page(); -------------------------------------------------------------------------------- /demo/app/pages/progress.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"progress.js","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB;IAEA,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/text.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"text.js","sourceRoot":"","sources":["text.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAG9C;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/action-bar.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"action-bar.js","sourceRoot":"","sources":["action-bar.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/switch.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"switch.js","sourceRoot":"","sources":["switch.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAG9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/buttons.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"buttons.js","sourceRoot":"","sources":["buttons.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAG9C;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/buttons/buttons.ts: -------------------------------------------------------------------------------- 1 | import { BasePage } from '../../shared/BasePage'; 2 | import { Observable, EventData } from 'data/observable'; 3 | 4 | class ActionBarPage extends BasePage { 5 | mainContentLoaded(args: EventData) { 6 | 7 | } 8 | } 9 | 10 | export = new ActionBarPage(); -------------------------------------------------------------------------------- /demo/app/pages/forms/inset-form.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"inset-form.js","sourceRoot":"","sources":["inset-form.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAEjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/buttons/buttons.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"buttons.js","sourceRoot":"","sources":["buttons.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAGjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/cards/simple-card.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"simple-card.js","sourceRoot":"","sources":["simple-card.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAGjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/forms/form-inputs.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"form-inputs.js","sourceRoot":"","sources":["form-inputs.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAEjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/segmented-bar.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"segmented-bar.js","sourceRoot":"","sources":["segmented-bar.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB;IAEA,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es5", 5 | "sourceMap": true, 6 | "experimentalDecorators": true, 7 | "noEmitHelpers": true 8 | }, 9 | "exclude": [ 10 | "node_modules", 11 | "platforms" 12 | ] 13 | } -------------------------------------------------------------------------------- /demo/app/App_Resources/iOS/build.xcconfig: -------------------------------------------------------------------------------- 1 | // You can add custom settings here 2 | // for example you can uncomment the following line to force distribution code signing 3 | // CODE_SIGN_IDENTITY = iPhone Distribution 4 | // ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 5 | // ASSETCATALOG_COMPILER_LAUNCHIMAGE_NAME = Brand Assets; 6 | -------------------------------------------------------------------------------- /demo/app/pages/buttons/icon-button.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"icon-button.js","sourceRoot":"","sources":["icon-button.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAGjD;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/forms/stacked-labels.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"stacked-labels.js","sourceRoot":"","sources":["stacked-labels.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAEjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/forms/form-input-inset.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"form-input-inset.js","sourceRoot":"","sources":["form-input-inset.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAEjD;IAA4B,iCAAQ;IAApC;QAA4B,8BAAQ;IAIpC,CAAC;IAHG,yCAAiB,GAAjB;IAEA,CAAC;IACL,oBAAC;AAAD,CAAC,AAJD,CAA4B,mBAAQ,GAInC;AAED,iBAAS,IAAI,aAAa,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/buttons/outlined-buttons.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"outlined-buttons.js","sourceRoot":"","sources":["outlined-buttons.ts"],"names":[],"mappings":";AAAA,yBAAyB,uBAAuB,CAAC,CAAA;AAGjD;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/activity-indicators.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"activity-indicators.js","sourceRoot":"","sources":["activity-indicators.ts"],"names":[],"mappings":";AAAA,yBAAyB,oBAAoB,CAAC,CAAA;AAG9C;IAAmB,wBAAQ;IAA3B;QAAmB,8BAAQ;IAI3B,CAAC;IAHG,gCAAiB,GAAjB,UAAkB,IAAe;IAEjC,CAAC;IACL,WAAC;AAAD,CAAC,AAJD,CAAmB,mBAAQ,GAI1B;AAED,iBAAS,IAAI,IAAI,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/build/colors.css: -------------------------------------------------------------------------------- 1 | .background-color-light { 2 | background-color: #ffffff; } 3 | 4 | .background-color-accent { 5 | background-color: #FF404B; } 6 | 7 | .background-color-dark { 8 | background-color: #243044; } 9 | 10 | .color-light { 11 | color: black; } 12 | 13 | .color-accent { 14 | color: #FF404B; } 15 | 16 | .color-dark { 17 | color: #243044; } 18 | -------------------------------------------------------------------------------- /demo/app/App_Resources/Android/app.gradle: -------------------------------------------------------------------------------- 1 | // Add your native dependencies here: 2 | 3 | // Uncomment to add recyclerview-v7 dependency 4 | //dependencies { 5 | // compile 'com.android.support:recyclerview-v7:+' 6 | //} 7 | 8 | android { 9 | defaultConfig { 10 | generatedDensities = [] 11 | } 12 | aaptOptions { 13 | additionalParameters "--no-version-vectors" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /sass/action-bar.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .action-bar-light { 4 | background-color: $color-light; 5 | color: $color-accent; 6 | } 7 | 8 | navigation-button { 9 | color: $color-accent; 10 | } 11 | 12 | .action-bar-accent { 13 | background-color: $color-accent; 14 | color: white; 15 | } 16 | 17 | .action-bar-dark { 18 | background-color: $color-dark; 19 | color: white; 20 | } -------------------------------------------------------------------------------- /demo/app/pages/modal.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function () { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=modal.js.map -------------------------------------------------------------------------------- /demo/app/pages/slider.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function () { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=slider.js.map -------------------------------------------------------------------------------- /demo/app/pages/progress.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function () { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=progress.js.map -------------------------------------------------------------------------------- /demo/app/pages/switch.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=switch.js.map -------------------------------------------------------------------------------- /demo/app/shared/widgets/action-bar-common.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /demo/app/pages/segmented-bar.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function () { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=segmented-bar.js.map -------------------------------------------------------------------------------- /demo/app/pages/buttons/icon-button.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=icon-button.js.map -------------------------------------------------------------------------------- /demo/app/pages/activity-indicators.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=activity-indicators.js.map -------------------------------------------------------------------------------- /demo/app/pages/buttons/outlined-buttons.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var Page = (function (_super) { 4 | __extends(Page, _super); 5 | function Page() { 6 | _super.apply(this, arguments); 7 | } 8 | Page.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return Page; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new Page(); 13 | //# sourceMappingURL=outlined-buttons.js.map -------------------------------------------------------------------------------- /demo/app/build/text.css: -------------------------------------------------------------------------------- 1 | .h1 { 2 | font-size: 36; 3 | margin-bottom: 10; } 4 | 5 | .h2 { 6 | font-size: 30; 7 | margin: 10 0 10 0; } 8 | 9 | .h3 { 10 | font-size: 24; 11 | margin: 10 0 10 0; } 12 | 13 | .h4 { 14 | font-size: 18; 15 | margin: 10 0 10 0; } 16 | 17 | .h5 { 18 | font-size: 14; 19 | margin: 10 0 10 0; } 20 | 21 | .h6 { 22 | font-size: 12; 23 | margin: 10 0 10 0; } 24 | 25 | .p { 26 | font-size: 14; 27 | margin: 0 0 10 0; } 28 | -------------------------------------------------------------------------------- /sass/segmented-bar.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .segmented-bar { 4 | height: 50; 5 | 6 | .segmnted-bar-light { 7 | background-color: $color-light; 8 | } 9 | 10 | .segmented-bar-accent { 11 | background-color: $color-accent; 12 | color: $color-light; 13 | 14 | } 15 | 16 | .segmented-bar-dark { 17 | background-color: $color-dark; 18 | color: $color-light; 19 | } 20 | } 21 | 22 | -------------------------------------------------------------------------------- /demo/app/pages/text.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=text.js.map -------------------------------------------------------------------------------- /demo/app/pages/action-bar.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=action-bar.js.map -------------------------------------------------------------------------------- /demo/app/pages/buttons.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=buttons.js.map -------------------------------------------------------------------------------- /demo/app/pages/cards/cart.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=cart.js.map -------------------------------------------------------------------------------- /demo/app/pages/buttons/buttons.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function (args) { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=buttons.js.map -------------------------------------------------------------------------------- /demo/app/pages/cards/simple-card.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=simple-card.js.map -------------------------------------------------------------------------------- /demo/app/pages/forms/form-inputs.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=form-inputs.js.map -------------------------------------------------------------------------------- /demo/app/pages/forms/inset-form.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=inset-form.js.map -------------------------------------------------------------------------------- /demo/app/build/switch.css: -------------------------------------------------------------------------------- 1 | .background-color-light { 2 | background-color: #ffffff; } 3 | 4 | .background-color-accent { 5 | background-color: #FF404B; } 6 | 7 | .background-color-dark { 8 | background-color: #243044; } 9 | 10 | .color-light { 11 | color: black; } 12 | 13 | .color-accent { 14 | color: #FF404B; } 15 | 16 | .color-dark { 17 | color: #243044; } 18 | 19 | .switch-accent { 20 | background-color: #FF404B; } 21 | 22 | .switch-dark { 23 | background-color: #243044; } 24 | -------------------------------------------------------------------------------- /demo/app/pages/forms/form-input-inset.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=form-input-inset.js.map -------------------------------------------------------------------------------- /demo/app/pages/forms/stacked-labels.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var BasePage_1 = require('../../shared/BasePage'); 3 | var ActionBarPage = (function (_super) { 4 | __extends(ActionBarPage, _super); 5 | function ActionBarPage() { 6 | _super.apply(this, arguments); 7 | } 8 | ActionBarPage.prototype.mainContentLoaded = function () { 9 | }; 10 | return ActionBarPage; 11 | }(BasePage_1.BasePage)); 12 | module.exports = new ActionBarPage(); 13 | //# sourceMappingURL=stacked-labels.js.map -------------------------------------------------------------------------------- /sass/colors.scss: -------------------------------------------------------------------------------- 1 | $color-light: #ffffff; 2 | $color-accent: #FF404B; 3 | $color-dark: #243044; 4 | 5 | .background-color-light { 6 | background-color: $color-light; 7 | } 8 | 9 | .background-color-accent { 10 | background-color: $color-accent; 11 | } 12 | 13 | .background-color-dark { 14 | background-color: $color-dark; 15 | } 16 | 17 | .color-light { 18 | color: black; 19 | } 20 | 21 | .color-accent { 22 | color: $color-accent; 23 | } 24 | 25 | .color-dark { 26 | color: $color-dark; 27 | } -------------------------------------------------------------------------------- /sass/text.scss: -------------------------------------------------------------------------------- 1 | .h1 { 2 | font-size: 36; 3 | margin-bottom: 10; 4 | } 5 | 6 | .h2 { 7 | font-size: 30; 8 | margin: 10 0 10 0; 9 | } 10 | 11 | .h3 { 12 | font-size: 24; 13 | margin: 10 0 10 0; 14 | } 15 | 16 | .h4 { 17 | font-size: 18; 18 | margin: 10 0 10 0; 19 | } 20 | 21 | .h5 { 22 | font-size: 14; 23 | margin: 10 0 10 0; 24 | } 25 | 26 | .h6 { 27 | font-size: 12; 28 | margin: 10 0 10 0; 29 | } 30 | 31 | .p { 32 | font-size: 14; 33 | margin: 0 0 10 0; 34 | } -------------------------------------------------------------------------------- /demo/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "nativescript": { 3 | "id": "org.nativescript.nativescriptnova", 4 | "tns-android": { 5 | "version": "1.7.0" 6 | }, 7 | "tns-ios": { 8 | "version": "1.7.0" 9 | } 10 | }, 11 | "dependencies": { 12 | "nativescript-statusbar": "^1.0.0", 13 | "nativescript-telerik-ui": "^0.2.4", 14 | "tns-core-modules": "1.7.0" 15 | }, 16 | "devDependencies": { 17 | "gulp": "^3.9.1", 18 | "gulp-sass": "^2.2.0", 19 | "nativescript-dev-typescript": "^0.3.1", 20 | "typescript": "^1.8.7" 21 | } 22 | } -------------------------------------------------------------------------------- /demo/app/build/slider.css: -------------------------------------------------------------------------------- 1 | .background-color-light { 2 | background-color: #ffffff; } 3 | 4 | .background-color-accent { 5 | background-color: #FF404B; } 6 | 7 | .background-color-dark { 8 | background-color: #243044; } 9 | 10 | .color-light { 11 | color: black; } 12 | 13 | .color-accent { 14 | color: #FF404B; } 15 | 16 | .color-dark { 17 | color: #243044; } 18 | 19 | .slider-light { 20 | background-color: #ffffff; } 21 | 22 | .slider-accent { 23 | background-color: #FF404B; } 24 | 25 | .slider-dark { 26 | background-color: #243044; } 27 | -------------------------------------------------------------------------------- /Gulpfile.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var gulp = require('gulp'); 4 | var sass = require('gulp-sass'); 5 | 6 | gulp.task('sass', function () { 7 | return gulp.src('./sass/**/app.scss') 8 | .pipe(sass().on('error', sass.logError)) 9 | .pipe(gulp.dest('./build')) 10 | .pipe(gulp.dest('./demo/app')); 11 | }); 12 | 13 | // gulp.task('copy', function() { 14 | // gulp.src('./build/app.css') 15 | // .pipe(gulp.dest('./built/app') 16 | // .pipe(gulp.dest('./demo/app')); 17 | // }); 18 | 19 | gulp.task('sass:watch', ['sass'], function () { 20 | gulp.watch('./sass/**/*.scss', ['sass']); 21 | }); -------------------------------------------------------------------------------- /demo/app/build/forms.css: -------------------------------------------------------------------------------- 1 | .form { 2 | margin: 0 0 20 0; 3 | padding: 0; } 4 | .form .button { 5 | margin: 0 0 0 10; 6 | padding: 0; } 7 | .form switch { 8 | margin-right: 16; } 9 | .form .form-item { 10 | padding: 10 16 10 16; } 11 | .form .input { 12 | padding-top: 2; } 13 | .form .input-inset { 14 | background-color: #EEEEEE; 15 | border-radius: 2; 16 | padding: 8; } 17 | .form .input-label { 18 | font-size: 18; 19 | padding: 4 0 5 0; 20 | color: #444; } 21 | 22 | .form-inset { 23 | margin: 10; 24 | border-width: 1; 25 | border-color: #DDDDDD; } 26 | -------------------------------------------------------------------------------- /demo/app/build/list-view.css: -------------------------------------------------------------------------------- 1 | .listview { 2 | color: black; } 3 | .listview .item { 4 | padding: 10 10 10 10; 5 | font-size: 16; 6 | color: #444; } 7 | .listview .item .h2 { 8 | margin: 0; 9 | margin: 0; 10 | font-size: 20; } 11 | .listview .item .p { 12 | font-size: 14; 13 | color: #666; 14 | margin: 0; } 15 | 16 | .listview-inset { 17 | margin: 10; 18 | border-width: 1; 19 | border-color: #DDDDDD; 20 | border-radius: 10; } 21 | 22 | .item-avatar image { 23 | border-radius: 25; 24 | width: 50; 25 | height: 50; } 26 | 27 | .item-avatar stacklayout, .item-thumbnail stacklayout { 28 | padding-left: 16; } 29 | -------------------------------------------------------------------------------- /demo/app/package.json: -------------------------------------------------------------------------------- 1 | {"name":"tns-template-hello-world","main":"app.js","version":"1.5.1","author":{"name":"Telerik","email":"support@telerik.com"},"description":"Nativescript hello-world project template","license":"Apache-2.0","keywords":["telerik","mobile","nativescript","{N}","tns","appbuilder","template"],"repository":{"type":"git","url":"git://github.com/NativeScript/template-hello-world.git"},"bugs":{"url":"https://github.com/NativeScript/template-hello-world/issues"},"homepage":"https://github.com/NativeScript/template-hello-world","android":{"v8Flags":"--expose_gc"},"readme":"ERROR: No README data found!","_id":"tns-template-hello-world@1.5.1","_from":"tns-template-hello-world@1.5.1"} -------------------------------------------------------------------------------- /demo/app/pages/radiobuttons.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"radiobuttons.js","sourceRoot":"","sources":["radiobuttons.ts"],"names":[],"mappings":";AACA,2BAAsC,iBAAiB,CAAC,CAAA;AAExD,yBAAyB,oBAAoB,CAAC,CAAA;AAE9C;IAA8B,mCAAQ;IAAtC;QAA8B,8BAAQ;IAYtC,CAAC;IAXG,2CAAiB,GAAjB,UAAkB,IAAe;QAC7B,IAAI,GAAG,GAAG,IAAI,uBAAU,EAAE,CAAC;QAC3B,GAAG,CAAC,GAAG,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;QAC5B,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,UAAS,IAAI;YAC5B,UAAU,CAAC;gBACH,GAAG,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACxC,CAAC,EAAE,GAAG,CAAC,CAAC;QACZ,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,MAAM,CAAC,cAAc,GAAG,GAAG,CAAC;IACrC,CAAC;IACL,sBAAC;AAAD,CAAC,AAZD,CAA8B,mBAAQ,GAYrC;AAED,MAAM,CAAC,OAAO,GAAG,IAAI,eAAe,EAAE,CAAC"} -------------------------------------------------------------------------------- /demo/app/build/action-bar.css: -------------------------------------------------------------------------------- 1 | .background-color-light { 2 | background-color: #ffffff; } 3 | 4 | .background-color-accent { 5 | background-color: #FF404B; } 6 | 7 | .background-color-dark { 8 | background-color: #243044; } 9 | 10 | .color-light { 11 | color: black; } 12 | 13 | .color-accent { 14 | color: #FF404B; } 15 | 16 | .color-dark { 17 | color: #243044; } 18 | 19 | .action-bar-light { 20 | background-color: #ffffff; 21 | color: #FF404B; } 22 | 23 | navigation-button { 24 | color: #FF404B; } 25 | 26 | .action-bar-accent { 27 | background-color: #FF404B; 28 | color: white; } 29 | 30 | .action-bar-dark { 31 | background-color: #243044; 32 | color: white; } 33 | -------------------------------------------------------------------------------- /demo/app/pages/radiobuttons.ts: -------------------------------------------------------------------------------- 1 | import { ObservableArray } from 'data/observable-array'; 2 | import { Observable, EventData } from 'data/observable'; 3 | import { Page } from 'ui/page'; 4 | import { BasePage } from '../shared/BasePage'; 5 | 6 | class RadioButtonBase extends BasePage { 7 | mainContentLoaded(args: EventData) { 8 | var obj = new Observable(); 9 | obj.set("selected", "rb-3"); 10 | obj.set("tap", function(args){ 11 | setTimeout(function() { 12 | obj.set("selected", args.object.id); 13 | }, 100); 14 | }); 15 | 16 | args.object.bindingContext = obj; 17 | } 18 | } 19 | 20 | module.exports = new RadioButtonBase(); -------------------------------------------------------------------------------- /demo/app/build/segmented-bar.css: -------------------------------------------------------------------------------- 1 | .background-color-light { 2 | background-color: #ffffff; } 3 | 4 | .background-color-accent { 5 | background-color: #FF404B; } 6 | 7 | .background-color-dark { 8 | background-color: #243044; } 9 | 10 | .color-light { 11 | color: black; } 12 | 13 | .color-accent { 14 | color: #FF404B; } 15 | 16 | .color-dark { 17 | color: #243044; } 18 | 19 | .segmented-bar { 20 | height: 50; } 21 | .segmented-bar .segmnted-bar-light { 22 | background-color: #ffffff; } 23 | .segmented-bar .segmented-bar-accent { 24 | background-color: #FF404B; 25 | color: #ffffff; } 26 | .segmented-bar .segmented-bar-dark { 27 | background-color: #243044; 28 | color: #ffffff; } 29 | -------------------------------------------------------------------------------- /sass/forms.scss: -------------------------------------------------------------------------------- 1 | .form { 2 | margin: 0 0 20 0; 3 | padding: 0; 4 | 5 | .button { 6 | margin: 0 0 0 10; 7 | padding: 0; 8 | } 9 | 10 | switch { 11 | margin-right: 16; 12 | } 13 | 14 | .form-item { 15 | padding: 10 16 10 16; 16 | } 17 | 18 | .input { 19 | padding-top: 2; 20 | } 21 | 22 | .input-inset { 23 | background-color: #EEEEEE; 24 | border-radius: 2; 25 | padding: 8; 26 | } 27 | 28 | .input-label { 29 | font-size: 18; 30 | padding: 4 0 5 0; 31 | color: #444; 32 | } 33 | } 34 | 35 | .form-inset { 36 | margin: 10; 37 | border-width: 1; 38 | border-color: #DDDDDD; 39 | } -------------------------------------------------------------------------------- /sass/list-view.scss: -------------------------------------------------------------------------------- 1 | .listview { 2 | color: black; 3 | 4 | .item { 5 | padding: 10 10 10 10; 6 | font-size: 16; 7 | color: #444; 8 | 9 | .h2 { 10 | margin: 0; 11 | margin: 0; 12 | font-size: 20; 13 | } 14 | 15 | .p { 16 | font-size: 14; 17 | color: #666; 18 | margin: 0; 19 | } 20 | } 21 | } 22 | 23 | .listview-inset { 24 | margin: 10; 25 | border-width: 1; 26 | border-color: #DDDDDD; 27 | border-radius: 10; 28 | } 29 | 30 | .item-avatar { 31 | 32 | image { 33 | border-radius: 25; 34 | width: 50; 35 | height: 50; 36 | } 37 | } 38 | 39 | .item-avatar stacklayout, .item-thumbnail stacklayout { 40 | padding-left: 16; 41 | } -------------------------------------------------------------------------------- /demo/app/pages/radiobuttons.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | var observable_1 = require('data/observable'); 3 | var BasePage_1 = require('../shared/BasePage'); 4 | var RadioButtonBase = (function (_super) { 5 | __extends(RadioButtonBase, _super); 6 | function RadioButtonBase() { 7 | _super.apply(this, arguments); 8 | } 9 | RadioButtonBase.prototype.mainContentLoaded = function (args) { 10 | var obj = new observable_1.Observable(); 11 | obj.set("selected", "rb-3"); 12 | obj.set("tap", function (args) { 13 | setTimeout(function () { 14 | obj.set("selected", args.object.id); 15 | }, 100); 16 | }); 17 | args.object.bindingContext = obj; 18 | }; 19 | return RadioButtonBase; 20 | }(BasePage_1.BasePage)); 21 | module.exports = new RadioButtonBase(); 22 | //# sourceMappingURL=radiobuttons.js.map -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "nativescript-nova", 3 | "version": "0.5.0", 4 | "description": "A simple, extendible and gorgeous theme for NativeScript", 5 | "main": "Gulpfile.js", 6 | "scripts": { 7 | "test": "echo \"Error: no test specified\" && exit 1" 8 | }, 9 | "repository": { 10 | "type": "git", 11 | "url": "git+https://github.com/burkeholland/nativescript-nova.git" 12 | }, 13 | "keywords": [ 14 | "nativescript", 15 | "ios", 16 | "android" 17 | ], 18 | "author": "Burke Holland (http://a.shinynew.me/)", 19 | "license": "ISC", 20 | "bugs": { 21 | "url": "https://github.com/burkeholland/nativescript-nova/issues" 22 | }, 23 | "homepage": "https://github.com/burkeholland/nativescript-nova#readme", 24 | "devDependencies": { 25 | "gulp-copy": "0.0.2", 26 | "gulp-sass": "^2.2.0", 27 | "gulp-watch": "^4.3.5", 28 | "node-sass": "^3.4.2" 29 | } 30 | } 31 | -------------------------------------------------------------------------------- /demo/app/pages/cards/simple-card.xml: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /demo/app/shared/BasePage.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"BasePage.js","sourceRoot":"","sources":["BasePage.ts"],"names":[],"mappings":";AAAA,sBAAsB,UAAU,CAAC,CAAA;AAGjC,2BAAoC,iBAAiB,CAAC,CAAA;AAGtD,IAAI,YAAY,GAAG,IAAI,uBAAU,CAAC;IAC9B,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,OAAO;IACtB,KAAK,EAAE,YAAY;CACtB,CAAC,CAAC;AAEH;IAAA;IA0BA,CAAC;IAtBG,yBAAM,GAAN,UAAO,IAAI;QACP,IAAI,IAAI,GAAS,IAAI,CAAC,MAAM,CAAC;QAC7B,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC;IACvC,CAAC;IAED,+BAAY,GAAZ;QACI,IAAI,IAAI,GAAS,eAAO,EAAE,CAAC,WAAW,CAAC;QACvC,IAAI,MAAM,GAAQ,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAC7C,MAAM,CAAC,iBAAiB,EAAE,CAAC;IAC/B,CAAC;IAED,2BAAQ,GAAR,UAAS,IAAI;QACT,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC3C,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC3C,YAAY,CAAC,GAAG,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;QAC3C,eAAO,EAAE,CAAC,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAED,uCAAoB,GAApB,UAAqB,IAAe;QAChC,IAAI,KAAK,GAAW,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAClD,YAAY,CAAC,GAAG,CAAC,eAAe,EAAE,KAAK,CAAC,CAAA;IAC5C,CAAC;IACL,eAAC;AAAD,CAAC,AA1BD,IA0BC;AA1BqB,gBAAQ,WA0B7B,CAAA"} -------------------------------------------------------------------------------- /sass/app.scss: -------------------------------------------------------------------------------- 1 | @import 'action-bar'; 2 | @import 'text'; 3 | @import 'button'; 4 | @import 'list-view'; 5 | @import 'card'; 6 | @import 'forms'; 7 | @import 'switch'; 8 | @import 'slider'; 9 | @import 'segmented-bar'; 10 | @import 'checkbox'; 11 | @import 'radio-button'; 12 | @import 'activity-indicator'; 13 | 14 | textfield { 15 | font-size: 14; 16 | } 17 | 18 | .fa { 19 | font-family: 'FontAwesome', fontawesome-webfont; 20 | } 21 | 22 | .fa-large { 23 | font-family: 'FontAwesome', FontAwesome; 24 | font-size: 26; 25 | } 26 | 27 | .padding { 28 | padding: 10; 29 | } 30 | 31 | .edges { 32 | margin-left: 10; 33 | margin-right: 10; 34 | } 35 | 36 | .left { 37 | horizontal-align: left; 38 | text-align: left; 39 | } 40 | 41 | .right { 42 | text-align: right; 43 | horizontal-align: right; 44 | } 45 | 46 | .center { 47 | horizontal-align: center; 48 | text-align: center; 49 | } 50 | 51 | .hr { 52 | height: 1; 53 | background-color: #CDCDCD; 54 | } 55 | 56 | .debug { 57 | border-width: 1; 58 | border-color: red; 59 | } 60 | -------------------------------------------------------------------------------- /sass/button.scss: -------------------------------------------------------------------------------- 1 | @import 'colors'; 2 | 3 | .button { 4 | padding: 10 12 10 10; 5 | min-width: 52; 6 | border-radius: 2; 7 | } 8 | 9 | .button-full { 10 | padding: 0; 11 | } 12 | 13 | .button-small { 14 | padding: 2 4 1 4; 15 | min-width: 28; 16 | min-height: 30; 17 | font-size: 12; 18 | } 19 | 20 | .button-large { 21 | padding: 0 16 0 16; 22 | min-width: 68; 23 | min-height: 59; 24 | font-size: 20; 25 | } 26 | 27 | .button-light { 28 | background-color: $color-light; 29 | color: $color-accent; 30 | border-color: #b2b2b2; 31 | border-width: 1; 32 | } 33 | 34 | .button-accent { 35 | background-color: $color-accent; 36 | color: $color-light; 37 | border-color: $color-accent; 38 | border-width: 1; 39 | 40 | .button-outline { 41 | background-color: $color-light; 42 | color: $color-accent; 43 | 44 | } 45 | } 46 | 47 | .button-dark { 48 | background-color: $color-dark; 49 | color: $color-light; 50 | 51 | .button-outline { 52 | color: $color-dark; 53 | border-color: $color-dark; 54 | border-width: 1; 55 | } 56 | } -------------------------------------------------------------------------------- /demo/app/pages/list-views/albums-view-model.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"albums-view-model.js","sourceRoot":"","sources":["albums-view-model.ts"],"names":[],"mappings":";AAAA,2BAA2B,iBAAiB,CAAC,CAAA;AAC7C,iCAAgC,uBAAuB,CAAC,CAAA;AAExD;kBAAe,IAAI,uBAAU,CAAC;IAC1B,aAAa,EAAE,IAAI,kCAAe,CAAC;QAC/B,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,eAAe,EAAE,GAAG,EAAE,mBAAmB,EAAE;QACxE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,WAAW,EAAE;QACxD,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,mCAAmC,EAAE,GAAG,EAAE,qBAAqB,EAAE;QAC9F,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE;QAC5D,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE;QAC1D,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAClE,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,gCAAgC,EAAE,GAAG,EAAE,oCAAoC,EAAE;QAC1G,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,yDAAyD,EAAE,GAAG,EAAE,qCAAqC,EAAE;QACpI,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,iCAAiC,EAAE,GAAG,EAAE,oCAAoC,EAAE;QAC3G,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,oCAAoC,EAAE,GAAG,EAAE,wCAAwC,EAAE;QAClH,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,EAAE,cAAc,EAAE;QAC9D,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,uBAAuB,EAAE;KACrF,CAAC;CACL,CAAC,CAAC"} -------------------------------------------------------------------------------- /demo/app/pages/list-views/simple-list-view.xml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /demo/app/pages/forms/form-input-inset.xml: -------------------------------------------------------------------------------- 1 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |