|
1
|
import {Component, Input, ViewChild} from '@angular/core';
|
|
2
|
|
|
3
|
import {AlertModal} from '../../utils/modal/alert';
|
|
4
|
|
|
5
|
@Component({
|
|
6
|
selector: 'start-over',
|
|
7
|
template: `
|
|
8
|
<!--button (click)="confirmOpen()" class="uk-button portal-button uk-align-left" > <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="refresh" ratio="1"><path fill="none" stroke="#000" stroke-width="1.1" d="M17.08,11.15 C17.09,11.31 17.1,11.47 17.1,11.64 C17.1,15.53 13.94,18.69 10.05,18.69 C6.16,18.68 3,15.53 3,11.63 C3,7.74 6.16,4.58 10.05,4.58 C10.9,4.58 11.71,4.73 12.46,5"></path><polyline fill="none" stroke="#000" points="9.9 2 12.79 4.89 9.79 7.9"></polyline></svg></span> Clear All</button-->
|
|
9
|
|
|
10
|
<span (click)="confirmOpen()" [attr.uk-tooltip]="'title:<div >Remove '+message+'</div>'" aria-expanded="false" class="uk-width-small" [style]="'cursor: '+ ((results.length > 0)?'pointer;':'not-allowed;')" [style.cursor]="((results.length> 0)?'pointer':'not-allowed')">
|
|
11
|
<span class="uk-icon" >
|
|
12
|
<svg width="16" height="16" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="trash" ratio="0.8"><polyline fill="none" stroke="#000" points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"></polyline><rect x="8" y="7" width="1" height="9"></rect><rect x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg>
|
|
13
|
</span> Remove all
|
|
14
|
</span>
|
|
15
|
|
|
16
|
<modal-alert (alertOutput)="confirmClose($event)">
|
|
17
|
</modal-alert>
|
|
18
|
`,
|
|
19
|
|
|
20
|
})
|
|
21
|
export class StartOverComponent {
|
|
22
|
constructor () {
|
|
23
|
}
|
|
24
|
ngOnInit() {
|
|
25
|
|
|
26
|
}
|
|
27
|
|
|
28
|
@Input() public type:string;
|
|
29
|
@Input() public linkTo:string;
|
|
30
|
@Input() public results;
|
|
31
|
@Input() public message = "selected entities";
|
|
32
|
|
|
33
|
@ViewChild(AlertModal) alertApplyAll;
|
|
34
|
@Input() localStoragePrefix:string = "";
|
|
35
|
|
|
36
|
confirmOpen(){
|
|
37
|
if( this.results.length == 0 ){
|
|
38
|
return;
|
|
39
|
}
|
|
40
|
this.alertApplyAll.cancelButton = true;
|
|
41
|
this.alertApplyAll.okButton = true;
|
|
42
|
this.alertApplyAll.alertTitle = "Remove entities";
|
|
43
|
this.alertApplyAll.message = "Do you want to remove " + this.message + "?";
|
|
44
|
this.alertApplyAll.okButtonText = "Yes";
|
|
45
|
this.alertApplyAll.cancelButtonText = "No";
|
|
46
|
this.alertApplyAll.open();
|
|
47
|
this.alertApplyAll.okButtonLeft = false;
|
|
48
|
}
|
|
49
|
confirmClose(data){
|
|
50
|
this.startOver();
|
|
51
|
}
|
|
52
|
startOver(){
|
|
53
|
if(this.type != null && this.linkTo != null){
|
|
54
|
//console.log("inline");
|
|
55
|
//TODO
|
|
56
|
// if(this.linkTo == "project"){
|
|
57
|
// this.projects.splice(0, this.projects.length);
|
|
58
|
// }else if(this.linkTo == "context"){
|
|
59
|
// this.contexts.splice(0, this.contexts.length);
|
|
60
|
// }else if(this.linkTo == "entity"){
|
|
61
|
// this.results.splice(0, this.results.length);
|
|
62
|
// }
|
|
63
|
}else{
|
|
64
|
this.results.splice(0, this.results.length);
|
|
65
|
}
|
|
66
|
localStorage.removeItem(this.localStoragePrefix);
|
|
67
|
}
|
|
68
|
|
|
69
|
}
|