Facet-Tag-Navigator/InputModal.ts at main · Scriptception/Facet-Tag-Navigator · GitHub

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
import{App,Modal}from"obsidian";

exportclassInputModalextendsModal{
privatelabel: string;
privateinitial: string;
privateonSubmit: (value: string)=>void;

constructor(app: App,label: string,initial: string,onSubmit: (value: string)=>void){
super(app);
this.label=label;
this.initial=initial;
this.onSubmit=onSubmit;
}

onOpen(){
const{ contentEl }=this;
constwrap=contentEl.createDiv({cls: "facet-input-modal"});
wrap.innerHTML=`
 <div class="facet-input-label">${this.label}</div>
 <input type="text" class="facet-input-field" placeholder="${this.label}" />
 <div class="facet-input-actions">
 <button class="ok">OK</button>
 <button class="cancel">Cancel</button>
 </div>
 `;

constinput=wrap.querySelector<HTMLInputElement>(".facet-input-field")!;
constokBtn=wrap.querySelector<HTMLButtonElement>("button.ok")!;
constcancelBtn=wrap.querySelector<HTMLButtonElement>("button.cancel")!;

input.value=this.initial??"";
setTimeout(()=>input.focus(),0);

constsubmit=()=>{
constv=input.value.trim();
if(!v)return;
this.onSubmit(v);
this.close();
};

okBtn.addEventListener("click",submit);
cancelBtn.addEventListener("click",()=>this.close());
input.addEventListener("keydown",(e)=>{
if(e.key==="Enter")submit();
if(e.key==="Escape")this.close();
});
}

onClose(){
this.contentEl.empty();
}
}