remove tutorial
This commit is contained in:
Родитель
23449c1a67
Коммит
aee5ee6519
|
@ -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";
|
||||
|
|
Загрузка…
Ссылка в новой задаче