50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
|
// (C) Copyright 2015 Moodle Pty Ltd.
|
||
|
|
//
|
||
|
|
// 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 { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild } from '@angular/core';
|
||
|
|
import { IonRouterOutlet } from '@ionic/angular';
|
||
|
|
import { Subscription } from 'rxjs';
|
||
|
|
|
||
|
|
@Component({
|
||
|
|
selector: 'core-split-view',
|
||
|
|
templateUrl: 'split-view.html',
|
||
|
|
styleUrls: ['split-view.scss'],
|
||
|
|
})
|
||
|
|
export class CoreSplitViewComponent implements AfterViewInit, OnDestroy {
|
||
|
|
|
||
|
|
@ViewChild(IonRouterOutlet) outlet!: IonRouterOutlet;
|
||
|
|
@HostBinding('class.outlet-activated') outletActivated = false;
|
||
|
|
|
||
|
|
private subscriptions?: Subscription[];
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @inheritdoc
|
||
|
|
*/
|
||
|
|
ngAfterViewInit(): void {
|
||
|
|
this.outletActivated = this.outlet.isActivated;
|
||
|
|
this.subscriptions = [
|
||
|
|
this.outlet.activateEvents.subscribe(() => this.outletActivated = true),
|
||
|
|
this.outlet.deactivateEvents.subscribe(() => this.outletActivated = false),
|
||
|
|
];
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @inheritdoc
|
||
|
|
*/
|
||
|
|
ngOnDestroy(): void {
|
||
|
|
this.subscriptions?.forEach(subscription => subscription.unsubscribe());
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|