Refactor to support multiple services

src/ServiceConfigurationModal.ts

@@ -0,0 +1,59 @@
+import {Modal, Setting} from "obsidian";
+import TTSPlugin from "./main";
+
+export class ServiceConfigurationModal extends Modal {
+	plugin: TTSPlugin;
+
+	constructor(plugin: TTSPlugin) {
+		super(plugin.app);
+		this.plugin = plugin;
+	}
+
+	display(service?: string): void {
+
+		const { contentEl } = this;
+
+		contentEl.empty();
+
+		new Setting(contentEl)
+			.setName('Service')
+			.setDesc('test')
+			.addDropdown((dropdown) => {
+				dropdown.addOption('openai', 'OpenAI');
+				dropdown.addOption('microsoft', 'Microsoft Azure');
+
+				dropdown.setValue(service);
+
+				dropdown.onChange(async(value) => {
+					this.display(value);
+				})
+			});
+
+		if (service === 'openai') {
+			new Setting(contentEl)
+				.setName('API Key')
+				.setDesc('API key for OpenAI')
+				.addText(async text => {
+					text
+						.setValue(this.plugin.settings.services.openai.key)
+						.onChange(async value => {
+							this.plugin.settings.services.openai.key = value;
+							await this.plugin.saveSettings();
+					});
+				})
+			;
+
+
+		}
+
+	}
+
+	onOpen(): void {
+		//@ts-ignore
+		this.setTitle('Add new service');
+		this.display();
+
+	}
+
+
+}