import { Component } from '@angular/core';
import { Panel } from '../../components/shared/panel/panel'

@Component({
    selector: 'alerts-panel',
    templateUrl: './alerts.component.html',
    styleUrls: ['./alerts.component.css']
    directives: [Panel]
})
export class AlertsComponent {
}

import { Component, Output, EventEmitter } from '@angular/core';

    @Component({
        selector: 'panel',
        templateUrl: './panel.html',
        styleUrls: ['./panel.css']
    })
    export class Panel {
        opened: Boolean = false;
        toggle() {
            this.opened = !this.opened;
        }
    }