this.containerEl.createEl("p",{text:"Note that Obsidian has to be restarted or reloaded for most of these settings to take effect.",cls:"mod-warning"});
.setDesc("The URL that should be opened in this frame.")
.addText(t=>{
t.setValue(frame.url);
t.onChange(asyncv=>{
frame.url=v;
awaitthis.plugin.saveSettings();
});
});
newSetting(this.containerEl)
.setName("Disable on Mobile")
.setDesc("Custom Frames is a lot more restricted on mobile devices and doesn't allow for the same types of content to be displayed. If a frame doesn't work as expected on mobile, it can be disabled.")
f.createSpan({text:"A snippet of additional CSS that should be applied to this frame."});
f.createEl("br");
f.createEl("em",{text:"Note that this is only applied on Desktop."});
}))
.addTextArea(t=>{
t.inputEl.rows=5;
t.inputEl.cols=50;
t.setValue(frame.customCss);
t.onChange(asyncv=>{
frame.customCss=v;
awaitthis.plugin.saveSettings();
});
});
newButtonComponent(this.containerEl)
.setButtonText("Remove Frame")
.onClick(async()=>{
this.plugin.settings.frames.remove(frame);
awaitthis.plugin.saveSettings();
this.display();
});
}
this.containerEl.createEl("hr");
letinfo=this.containerEl.createEl("p",{text:"Create a new frame, either from a preset shipped with the plugin, or a custom one that you can edit yourself. Each frame's pane can be opened using the \"Custom Frames: Open\" command."});
info.createEl("br");
info.createSpan({text:"Note that Obsidian has to be restarted or reloaded to activate a newly added frame.",cls:"mod-warning"});
this.containerEl.createEl("p",{text:"If you like this plugin and want to support its development, you can do so through my website by clicking this fancy image!"});