<a class="enter-link" href="#"><i class="icon-enter"></i></a>
</div>
<span class="import-container-span">Or you can also <a href="#" data-toggle="modal"
- data-target="#importModal">Import File</a></span>
+ (click)="resetTheUploadedFiles()" data-target="#importModal">Import File</a></span>
</div>
<div [id]="'id-'+mapIndex" class="collapse" [attr.aria-labelledby]="'head-'+mapIndex"
data-parent="#accordion">
<div class="card-body">
- <ace-editor [(text)]="file.value" (textChange)="textChanges($event,file.key)" [mode]="'json'" [autoUpdateContent]="true"
- [durationBeforeCallback]="1000" [theme]="'tomorrow_night_bright'" #editor
- style="height:300px;">
+ <ace-editor [(text)]="file.value" (textChange)="textChanges($event,file.key)" [mode]="'json'"
+ [autoUpdateContent]="true" [durationBeforeCallback]="1000" [theme]="'tomorrow_night_bright'"
+ #editor style="height:300px;">
</ace-editor>
</div>
</div>
</div>
</div>
</div>
-</div>
+</div>
\ No newline at end of file
<a class="enter-link" href="#"><i class="icon-enter"></i></a>
</div>
<span class="import-container-span">Or you can also <a data-target="#scriptsModal" data-toggle="modal"
- href="#">Import File</a></span>
+ (click)="resetTheUploadedFiles()" href="#">Import File</a></span>
</div>
</button>
</div>
<div class="modal-body">
- <ngx-file-drop [accept]="allowedExt" dropZoneLabel="Drop files here" (onFileDrop)="dropped($event)"
+ <ngx-file-drop [multiple]="false" [accept]="allowedExt" dropZoneLabel="Drop files here" (onFileDrop)="dropped($event)"
(onFileOver)="fileOver($event)" (onFileLeave)="fileLeave($event)">
<ng-template ngx-file-drop-content-tmp let-openFileSelector="openFileSelector">
<div class="folder-upload">
</button>
</div>
<div class="col">
- <button type="button" class="btn btn-card-config">Configuration</button>
+ <button type="button" (click)="view(bluePrint.id)"
+ class="btn btn-card-config">Configuration</button>
</div>
</div>
</div>
-import {Component, OnInit} from '@angular/core';
-import {BlueprintModel} from '../../model/BluePrint.model';
-import {PackagesStore} from '../../packages.store';
+import { Component, OnInit } from '@angular/core';
+import { BlueprintModel } from '../../model/BluePrint.model';
+import { PackagesStore } from '../../packages.store';
+import { Router } from '@angular/router';
@Component({
selector: 'app-packages-list',
viewedPackages: BlueprintModel[] = [];
- constructor(private packagesStore: PackagesStore) {
+ constructor(private packagesStore: PackagesStore, private router: Router) {
console.log('PackageListComponent');
this.packagesStore.state$.subscribe(state => {
console.log(state);
this.packagesStore.getAll();
}
+ view(id) {
+ this.router.navigate(['/packages/package', id]);
+ }
testDispatch(bluePrint: BlueprintModel) {
console.log(bluePrint.id);
}
<div class="overflow-container">
<ul class="menu-dropdown">
<li class="active">
- <a routerLink="/packages">Packages</a>
+ <a (click)="redirect()" routerLink="/packages">Packages</a>
<span class="icon">
<!-- <i class="fa fa-dashboard"></i> -->
<i class="icon-package"></i>
</span>
</li>
<li class="menu-hasdropdown">
- <a >Data Dictionary</a>
+ <a>Data Dictionary</a>
<span class="icon">
<i class="icon-dictionary"></i>
</span>
</li>
</ul>
</li> -->
- <!-- <li>
+ <!-- <li>
<a href="#">Favourites</a>
<span class="icon">
<i class="fa fa-heart"></i>
</ul>
</nav>
-</div>
+</div>
\ No newline at end of file
import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
@Component({
selector: 'app-header',
})
export class HeaderComponent implements OnInit {
- constructor() { }
+ constructor(private router: Router) { }
ngOnInit() {
}
+ redirect() {
+ this.router.navigate(['/packages']);
+ }
+
}