This commit is contained in:
ridomin 2016-07-12 13:32:20 -07:00
Родитель 23449c1a67
Коммит aee5ee6519
5 изменённых файлов: 1 добавлений и 126 удалений

Просмотреть файл

@ -8,7 +8,6 @@ import { ConferenceData } from './providers/conference-data';
import { LoginPage } from './pages/login/login';
import { SignupPage } from './pages/signup/signup';
import { TabsPage } from './pages/tabs/tabs';
import { TutorialPage } from './pages/tutorial/tutorial';
import { UserData } from './providers/user-data';
interface PageObj {
@ -43,7 +42,7 @@ class ConferenceApp {
{ title: 'Login', component: LoginPage, icon: 'log-in' },
{ title: 'Signup', component: SignupPage, icon: 'person-add' }
];
rootPage: any = TutorialPage;
rootPage: any = TabsPage;
constructor(
private events: Events,

Просмотреть файл

@ -1,25 +0,0 @@
<ion-header>
<ion-navbar>
<ion-buttons end *ngIf="showSkip">
<button (click)="startApp()" primary>Skip</button>
</ion-buttons>
</ion-navbar>
</ion-header>
<ion-content>
<ion-slides [options]="{pager: true}" (ionWillChange)="onSlideChangeStart($event)">
<ion-slide *ngFor="let slide of slides">
<img [src]="slide.image" class="slide-image"/>
<h2 class="slide-title" [innerHTML]="slide.title"></h2>
<p [innerHTML]="slide.description"></p>
</ion-slide>
<ion-slide>
<img src="img/ica-slidebox-img-4.png" class="slide-image"/>
<h2 class="slide-title">Ready to Play?</h2>
<button large clear (click)="startApp()">
Continue
<ion-icon name="arrow-forward"></ion-icon>
</button>
</ion-slide>
</ion-slides>
</ion-content>

Просмотреть файл

@ -1,37 +0,0 @@
.tutorial-page {
.toolbar-background {
background: #fff;
border-color: transparent;
}
.slide-zoom {
height: 100%;
}
.slide-title {
margin-top: 2.8rem;
}
.slide-image {
max-height: 50%;
max-width: 60%;
margin: 36px 0;
}
b {
font-weight: 500;
}
p {
padding: 0 40px;
font-size: 14px;
line-height: 1.5;
color: #60646B;
b {
color: #000000;
}
}
}

Просмотреть файл

@ -1,60 +0,0 @@
import { Component } from '@angular/core';
import { MenuController, NavController } from 'ionic-angular';
import { SignupPage } from '../signup/signup';
import { TabsPage } from '../tabs/tabs';
interface Slide {
title: string;
description: string;
image: string;
}
@Component({
templateUrl: 'build/pages/tutorial/tutorial.html'
})
export class TutorialPage {
slides: Slide[];
showSkip = true;
constructor(private nav: NavController, private menu: MenuController) {
this.slides = [
{
title: 'Welcome to <b>ICA</b>',
description: 'The <b>Ionic Conference App</b> is a practical preview of the Ionic Framework in action, and a demonstration of proper code use.',
image: 'img/ica-slidebox-img-1.png',
},
{
title: 'What is Ionic?',
description: '<b>Ionic Framework</b> is an open source SDK that enables developers to build high quality mobile apps with web technologies like HTML, CSS, and JavaScript.',
image: 'img/ica-slidebox-img-2.png',
},
{
title: 'What is Ionic Platform?',
description: 'The <b>Ionic Platform</b> is a cloud platform for managing and scaling Ionic apps with integrated services like push notifications, native builds, user auth, and live updating.',
image: 'img/ica-slidebox-img-3.png',
}
];
}
startApp() {
this.nav.push(TabsPage);
}
onSlideChangeStart(slider) {
this.showSkip = !slider.isEnd;
}
ionViewDidEnter() {
// the root left menu should be disabled on the tutorial page
this.menu.enable(false);
}
ionViewWillLeave() {
// enable the root left menu when leaving the tutorial page
this.menu.enable(true);
}
}

Просмотреть файл

@ -27,5 +27,3 @@
@import "../pages/speaker-detail/speaker-detail";
@import "../pages/speaker-list/speaker-list";
@import "../pages/tutorial/tutorial";