mirror of
https://github.com/Redocly/redoc.git
synced 2024-09-21 19:28:50 +03:00
32 lines
743 B
JavaScript
32 lines
743 B
JavaScript
'use strict';
|
|
|
|
import {Component, View, EventEmitter} from 'angular2/core';
|
|
import {CORE_DIRECTIVES} from 'angular2/common';
|
|
|
|
@Component({
|
|
selector: 'zippy',
|
|
events: ['open', 'close'],
|
|
inputs: ['title', 'visible', 'type', 'empty']
|
|
})
|
|
@View({
|
|
templateUrl: './lib/common/components/Zippy/zippy.html',
|
|
styleUrls: ['./lib/common/components/Zippy/zippy.css'],
|
|
directives: [CORE_DIRECTIVES]
|
|
})
|
|
export default class Zippy {
|
|
|
|
constructor() {
|
|
this.type = 'general';
|
|
this.visible = false;
|
|
this.empty = false;
|
|
this.open = new EventEmitter();
|
|
this.close = new EventEmitter();
|
|
}
|
|
|
|
toggle() {
|
|
this.visible = !this.visible;
|
|
if (this.empty) return;
|
|
(this.visible) ? this.open.next() : this.close.next();
|
|
}
|
|
}
|