1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
import { Component, OnInit, Input, ViewChild } from "@angular/core";
import { NgbModal, NgbActiveModal } from "@ng-bootstrap/ng-bootstrap";
// DB modal components
import { CouchbaseComponent } from "../dbs-modal/couchbase/couchbase.component";
import { DruidComponent } from "../dbs-modal/druid/druid.component";
import { ElasticsearchComponent } from "../dbs-modal/elasticsearch/elasticsearch.component";
import { MongodbComponent } from "../dbs-modal/mongodb/mongodb.component";
@Component({
selector: "app-database-add-modal",
templateUrl: "./database-add-modal.component.html",
styleUrls: ["./database-add-modal.component.css"]
})
export class DatabaseAddModalComponent implements OnInit {
seletedDb: string;
constructor(
private modalService: NgbModal,
public activeModal: NgbActiveModal
) {}
ngOnInit() {}
clickDb(name: any) {
console.log("seleted: " + name);
if (name != null) {
this.seletedDb = name;
}
}
openDbDetailModal() {
this.activeModal.close();
switch (this.seletedDb) {
case "Couchbase": {
const modalRef = this.modalService.open(CouchbaseComponent, {
size: "lg",
centered: true
});
modalRef.componentInstance.name = "World";
break;
}
case "Druid": {
const modalRef = this.modalService.open(DruidComponent, {
size: "lg",
centered: true
});
modalRef.componentInstance.name = "World";
break;
}
case "Elasticsearch": {
const modalRef = this.modalService.open(ElasticsearchComponent, {
size: "lg",
centered: true
});
modalRef.componentInstance.name = "World";
break;
}
case "MongoDB": {
const modalRef = this.modalService.open(MongodbComponent, {
size: "lg",
centered: true
});
modalRef.componentInstance.name = "World";
break;
}
default: {
break;
}
}
}
}
|