Remove dead button, sort providers

2376e6f4f64ad3839e73361900da58b887a1f5eb

Cohee <18619528+Cohee1207@users.noreply.github.com>

2 files changed, +16 -20Ignore whitespace
public/scripts/extensions/tts/index.js+1 -1
@@ -104,9 +104,9 @@ const ttsProviders = {
104 Silero: SileroTtsProvider,104 Silero: SileroTtsProvider,
105 SpeechT5: SpeechT5TtsProvider,105 SpeechT5: SpeechT5TtsProvider,
106 System: SystemTtsProvider,106 System: SystemTtsProvider,
107 'TTS WebUI': TtsWebuiProvider,
107 VITS: VITSTtsProvider,108 VITS: VITSTtsProvider,
108 XTTSv2: XTTSTtsProvider,109 XTTSv2: XTTSTtsProvider,
109 'TTS WebUI': TtsWebuiProvider,
110};110};
111let ttsProvider;111let ttsProvider;
112let ttsProviderName;112let ttsProviderName;
public/scripts/extensions/tts/tts-webui.js+15 -19
@@ -42,18 +42,14 @@ class TtsWebuiProvider {
42 get settingsHtml() {42 get settingsHtml() {
43 let html = `43 let html = `
44 <h4 class="textAlignCenter">TTS WebUI Settings</h4>44 <h4 class="textAlignCenter">TTS WebUI Settings</h4>
45 45
46 <div class="flex gap10px marginBot10 alignItemsFlexEnd">46 <div class="flex gap10px marginBot10 alignItemsFlexEnd">
47 <div class="flex1 flexFlowColumn">47 <div class="flex1 flexFlowColumn">
48 <label for="tts_webui_endpoint">Provider Endpoint:</label>48 <label for="tts_webui_endpoint">Provider Endpoint:</label>
49 <input id="tts_webui_endpoint" type="text" class="text_pole" maxlength="500" value="${this.defaultSettings.provider_endpoint}"/>49 <input id="tts_webui_endpoint" type="text" class="text_pole" maxlength="500" value="${this.defaultSettings.provider_endpoint}"/>
50 </div>50 </div>
51 <div id="tts_webui_key" class="menu_button menu_button_icon padding10">
52 <i class="fa-solid fa-key"></i>
53 <span>API Key</span>
54 </div>
55 </div>51 </div>
56 52
57 <div class="flex gap10px marginBot10">53 <div class="flex gap10px marginBot10">
58 <div class="flex1 flexFlowColumn">54 <div class="flex1 flexFlowColumn">
59 <label for="tts_webui_model">Model:</label>55 <label for="tts_webui_model">Model:</label>
@@ -64,7 +60,7 @@ class TtsWebuiProvider {
64 <input id="tts_webui_voices" type="text" class="text_pole" value="${this.defaultSettings.available_voices.join()}"/>60 <input id="tts_webui_voices" type="text" class="text_pole" value="${this.defaultSettings.available_voices.join()}"/>
65 </div>61 </div>
66 </div>62 </div>
67 63
68 <div class="flex gap10px marginBot10">64 <div class="flex gap10px marginBot10">
69 <div class="flex1 flexFlowColumn">65 <div class="flex1 flexFlowColumn">
70 <label for="tts_webui_streaming" class="checkbox_label alignItemsCenter flexGap5">66 <label for="tts_webui_streaming" class="checkbox_label alignItemsCenter flexGap5">
@@ -77,10 +73,10 @@ class TtsWebuiProvider {
77 <input type="range" id="tts_webui_volume" value="${this.defaultSettings.volume}" min="0" max="2" step="0.1">73 <input type="range" id="tts_webui_volume" value="${this.defaultSettings.volume}" min="0" max="2" step="0.1">
78 </div>74 </div>
79 </div>75 </div>
80 76
81 <hr>77 <hr>
82 <h4 class="textAlignCenter">Generation Settings</h4>78 <h4 class="textAlignCenter">Generation Settings</h4>
83 79
84 <div class="flex gap10px marginBot10">80 <div class="flex gap10px marginBot10">
85 <div class="flex1 flexFlowColumn">81 <div class="flex1 flexFlowColumn">
86 <label for="tts_webui_exaggeration">Exaggeration: <span id="tts_webui_exaggeration_output">${this.defaultSettings.exaggeration}</span></label>82 <label for="tts_webui_exaggeration">Exaggeration: <span id="tts_webui_exaggeration_output">${this.defaultSettings.exaggeration}</span></label>
@@ -91,7 +87,7 @@ class TtsWebuiProvider {
91 <input id="tts_webui_cfg_weight" type="range" value="${this.defaultSettings.cfg_weight}" min="0" max="2" step="0.1" />87 <input id="tts_webui_cfg_weight" type="range" value="${this.defaultSettings.cfg_weight}" min="0" max="2" step="0.1" />
92 </div>88 </div>
93 </div>89 </div>
94 90
95 <div class="flex gap10px marginBot10">91 <div class="flex gap10px marginBot10">
96 <div class="flex1 flexFlowColumn">92 <div class="flex1 flexFlowColumn">
97 <label for="tts_webui_temperature">Temperature: <span id="tts_webui_temperature_output">${this.defaultSettings.temperature}</span></label>93 <label for="tts_webui_temperature">Temperature: <span id="tts_webui_temperature_output">${this.defaultSettings.temperature}</span></label>
@@ -102,10 +98,10 @@ class TtsWebuiProvider {
102 <input id="tts_webui_seed" type="text" class="text_pole" value="${this.defaultSettings.seed}"/>98 <input id="tts_webui_seed" type="text" class="text_pole" value="${this.defaultSettings.seed}"/>
103 </div>99 </div>
104 </div>100 </div>
105 101
106 <hr>102 <hr>
107 <h4 class="textAlignCenter">Chunking</h4>103 <h4 class="textAlignCenter">Chunking</h4>
108 104
109 <div class="flex gap10px marginBot10">105 <div class="flex gap10px marginBot10">
110 <div class="flex1 flexFlowColumn">106 <div class="flex1 flexFlowColumn">
111 <label for="tts_webui_chunked" class="checkbox_label alignItemsCenter flexGap5">107 <label for="tts_webui_chunked" class="checkbox_label alignItemsCenter flexGap5">
@@ -120,7 +116,7 @@ class TtsWebuiProvider {
120 </label>116 </label>
121 </div>117 </div>
122 </div>118 </div>
123 119
124 <div class="flex gap10px marginBot10">120 <div class="flex gap10px marginBot10">
125 <div class="flex1 flexFlowColumn">121 <div class="flex1 flexFlowColumn">
126 <label for="tts_webui_desired_length">Desired Length: <span id="tts_webui_desired_length_output">${this.defaultSettings.desired_length}</span></label>122 <label for="tts_webui_desired_length">Desired Length: <span id="tts_webui_desired_length_output">${this.defaultSettings.desired_length}</span></label>
@@ -131,10 +127,10 @@ class TtsWebuiProvider {
131 <input id="tts_webui_max_length" type="range" value="${this.defaultSettings.max_length}" min="50" max="450" step="5" />127 <input id="tts_webui_max_length" type="range" value="${this.defaultSettings.max_length}" min="50" max="450" step="5" />
132 </div>128 </div>
133 </div>129 </div>
134 130
135 <hr>131 <hr>
136 <h4 class="textAlignCenter">Model</h4>132 <h4 class="textAlignCenter">Model</h4>
137 133
138 <div class="flex gap10px marginBot10">134 <div class="flex gap10px marginBot10">
139 <div class="flex1 flexFlowColumn">135 <div class="flex1 flexFlowColumn">
140 <label for="tts_webui_device">Device:</label>136 <label for="tts_webui_device">Device:</label>
@@ -154,7 +150,7 @@ class TtsWebuiProvider {
154 </select>150 </select>
155 </div>151 </div>
156 </div>152 </div>
157 153
158 <div class="flex gap10px marginBot10">154 <div class="flex gap10px marginBot10">
159 <div class="flex1 flexFlowColumn">155 <div class="flex1 flexFlowColumn">
160 <label for="tts_webui_cpu_offload" class="checkbox_label alignItemsCenter flexGap5">156 <label for="tts_webui_cpu_offload" class="checkbox_label alignItemsCenter flexGap5">
@@ -166,10 +162,10 @@ class TtsWebuiProvider {
166 <!-- Empty for spacing -->162 <!-- Empty for spacing -->
167 </div>163 </div>
168 </div>164 </div>
169 165
170 <hr>166 <hr>
171 <h4 class="textAlignCenter">Streaming (Advanced Settings)</h4>167 <h4 class="textAlignCenter">Streaming (Advanced Settings)</h4>
172 168
173 <div class="flex gap10px marginBot10">169 <div class="flex gap10px marginBot10">
174 <div class="flex1 flexFlowColumn">170 <div class="flex1 flexFlowColumn">
175 <label for="tts_webui_tokens_per_slice">Tokens Per Slice: <span id="tts_webui_tokens_per_slice_output">${this.defaultSettings.tokens_per_slice}</span></label>171 <label for="tts_webui_tokens_per_slice">Tokens Per Slice: <span id="tts_webui_tokens_per_slice_output">${this.defaultSettings.tokens_per_slice}</span></label>
@@ -183,7 +179,7 @@ class TtsWebuiProvider {
183 </select>179 </select>
184 </div>180 </div>
185 </div>181 </div>
186 182
187 <div class="flex gap10px marginBot10">183 <div class="flex gap10px marginBot10">
188 <div class="flex1 flexFlowColumn">184 <div class="flex1 flexFlowColumn">
189 <label for="tts_webui_remove_milliseconds">Remove Milliseconds: <span id="tts_webui_remove_milliseconds_output">${this.defaultSettings.remove_milliseconds}</span></label>185 <label for="tts_webui_remove_milliseconds">Remove Milliseconds: <span id="tts_webui_remove_milliseconds_output">${this.defaultSettings.remove_milliseconds}</span></label>