120 lines
4.1 KiB
TypeScript
120 lines
4.1 KiB
TypeScript
// (C) Copyright 2015 Martin Dougiamas
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
|
|
import { Component, OnDestroy, ViewChild } from '@angular/core';
|
|
import { IonicPage, NavController, NavParams, Tabs } from 'ionic-angular';
|
|
import { CoreEventsProvider } from '../../../../providers/events';
|
|
import { CoreSitesProvider } from '../../../../providers/sites';
|
|
import { CoreMainMenuProvider } from '../../providers/mainmenu';
|
|
import { CoreMainMenuDelegate, CoreMainMenuHandlerData } from '../../providers/delegate';
|
|
|
|
/**
|
|
* Page that displays the main menu of the app.
|
|
*/
|
|
@IonicPage()
|
|
@Component({
|
|
selector: 'page-core-mainmenu',
|
|
templateUrl: 'menu.html',
|
|
})
|
|
export class CoreMainMenuPage implements OnDestroy {
|
|
// Use a setter to wait for ion-tabs to be loaded because it's inside a ngIf.
|
|
@ViewChild('mainTabs') set mainTabs(ionTabs: Tabs) {
|
|
if (ionTabs && this.redirectPage && !this.redirectPageLoaded) {
|
|
// Tabs ready and there is a redirect page set. Load it.
|
|
this.redirectPageLoaded = true;
|
|
|
|
// Check if the page is the root page of any of the tabs.
|
|
let indexToSelect = 0;
|
|
for (let i = 0; i < this.tabs.length; i++) {
|
|
if (this.tabs[i].page == this.redirectPage) {
|
|
indexToSelect = i + 1;
|
|
break;
|
|
}
|
|
}
|
|
|
|
// Use a setTimeout, otherwise loading the first tab opens a new state for some reason.
|
|
setTimeout(() => {
|
|
ionTabs.select(indexToSelect);
|
|
});
|
|
}
|
|
};
|
|
|
|
tabs: CoreMainMenuHandlerData[] = [];
|
|
loaded: boolean;
|
|
redirectPage: string;
|
|
redirectParams: any;
|
|
|
|
protected subscription;
|
|
protected moreTabData = {
|
|
page: 'CoreMainMenuMorePage',
|
|
title: 'core.more',
|
|
icon: 'more'
|
|
};
|
|
protected moreTabAdded = false;
|
|
protected redirectPageLoaded = false;
|
|
|
|
constructor(private menuDelegate: CoreMainMenuDelegate, private sitesProvider: CoreSitesProvider, navParams: NavParams,
|
|
private navCtrl: NavController, eventsProvider: CoreEventsProvider) {
|
|
this.redirectPage = navParams.get('redirectPage');
|
|
this.redirectParams = navParams.get('redirectParams');
|
|
}
|
|
|
|
/**
|
|
* View loaded.
|
|
*/
|
|
ionViewDidLoad() {
|
|
if (!this.sitesProvider.isLoggedIn()) {
|
|
this.navCtrl.setRoot('CoreLoginSitesPage');
|
|
return;
|
|
}
|
|
|
|
this.subscription = this.menuDelegate.getHandlers().subscribe((handlers) => {
|
|
handlers = handlers.slice(0, CoreMainMenuProvider.NUM_MAIN_HANDLERS); // Get main handlers.
|
|
|
|
// Check if handlers are already in tabs. Add the ones that aren't.
|
|
// @todo: https://github.com/ionic-team/ionic/issues/13633
|
|
for (let i in handlers) {
|
|
let handler = handlers[i],
|
|
found = false;
|
|
|
|
for (let j in this.tabs) {
|
|
let tab = this.tabs[j];
|
|
if (tab.title == handler.title && tab.icon == handler.icon) {
|
|
found = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (!found) {
|
|
this.tabs.push(handler);
|
|
}
|
|
}
|
|
|
|
if (!this.moreTabAdded) {
|
|
this.moreTabAdded = true;
|
|
this.tabs.push(this.moreTabData); // Add "More" tab.
|
|
}
|
|
|
|
this.loaded = this.menuDelegate.areHandlersLoaded();
|
|
});
|
|
}
|
|
|
|
/**
|
|
* Page destroyed.
|
|
*/
|
|
ngOnDestroy() {
|
|
this.subscription && this.subscription.unsubscribe();
|
|
}
|
|
}
|