mirror of
https://github.com/SillyTavern/SillyTavern.git
synced 2025-06-05 21:59:27 +02:00
ooba sliders HTML unified, zensliders optimized
This commit is contained in:
@ -452,66 +452,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="range_block_textgenerationwebui">
|
|
||||||
<div class="flex-container gap10h5v justifyCenter">
|
|
||||||
<div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="temperature">
|
|
||||||
<small>Temperature
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="temp_textgenerationwebui" name="volume" min="0.0" max="2.0" step="0.01" x-setting-id="temp">
|
|
||||||
<input type="number" class="neo-range-input" min="0.0" max="2.0" step="0.01" data-for="temp_textgenerationwebui" id="temp_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="rep.pen">
|
|
||||||
<small>Repetition Penalty
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="rep_pen_textgenerationwebui" name="volume" min="1" max="1.5" step="0.01">
|
|
||||||
<input class="neo-range-input" type="number" min="1" max="1.5" step="0.01" data-for="rep_pen_textgenerationwebui" id="rep_pen_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="rep.pen range">
|
|
||||||
<small>Repetition Penalty Range
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="rep_pen_range_textgenerationwebui" name="volume" min="0" max="4096" step="1">
|
|
||||||
<input class="neo-range-input" type="number" min="0" max="4096" step="1" data-for="rep_pen_range_textgenerationwebui" id="rep_pen_range_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Encoder Rep. Pen.">
|
|
||||||
<small>Encoder Penalty
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="encoder_rep_pen_textgenerationwebui" name="volume" min="0.8" max="1.5" step="0.01" />
|
|
||||||
<input class="neo-range-input" type="number" min="0.8" max="1.5" step="0.01" data-for="encoder_rep_pen_textgenerationwebui" id="encoder_rep_pen_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Frequency Penalty">
|
|
||||||
<small>Frequency Penalty
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="freq_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
|
|
||||||
<input class="neo-range-input" type="number" data-for="freq_pen_textgenerationwebui" min="-2" max="2" step="0.01" id="freq_pen_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Presence Penalty">
|
|
||||||
<small>Presence Penalty
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="presence_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
|
|
||||||
<input class="neo-range-input" type="number" min="-2" max="2" step="0.01" data-for="presence_pen_textgenerationwebui" id="presence_pen_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="No Repeat Ngram Size">
|
|
||||||
<small>No Repeat Ngram Size
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="no_repeat_ngram_size_textgenerationwebui" name="volume" min="0" max="20" step="1">
|
|
||||||
<input class="neo-range-input" type="number" min="0" max="20" step="1" data-for="no_repeat_ngram_size_textgenerationwebui" id="no_repeat_ngram_size_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Min Length">
|
|
||||||
<small>Min Length
|
|
||||||
|
|
||||||
</small>
|
|
||||||
<input class="neo-range-slider" type="range" id="min_length_textgenerationwebui" name="volume" min="0" max="2000" step="1" />
|
|
||||||
<input class="neo-range-input" type="number" min="0" max="2000" step="1" data-for="min_length_textgenerationwebui" id="min_length_counter_textgenerationwebui">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="range_block_openai">
|
<div id="range_block_openai">
|
||||||
<div data-newbie-hidden class="range-block">
|
<div data-newbie-hidden class="range-block">
|
||||||
<label class="checkbox_label">
|
<label class="checkbox_label">
|
||||||
@ -1288,8 +1228,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div data-newbie-hidden id="textgenerationwebui_api-settings">
|
<div data-newbie-hidden id="textgenerationwebui_api-settings">
|
||||||
|
|
||||||
<div class="flex-container gap10h5v justifyCenter">
|
<div class="flex-container gap10h5v justifyCenter">
|
||||||
|
<div class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="temperature">
|
||||||
|
<small>Temperature</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="temp_textgenerationwebui" name="volume" min="0.0" max="2.0" step="0.01" x-setting-id="temp">
|
||||||
|
<input type="number" class="neo-range-input" min="0.0" max="2.0" step="0.01" data-for="temp_textgenerationwebui" id="temp_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
<div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Top K">
|
<div class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Top K">
|
||||||
<small>Top K</small>
|
<small>Top K</small>
|
||||||
<input class="neo-range-slider" type="range" id="top_k_textgenerationwebui" name="volume" min="0" max="200" step="1">
|
<input class="neo-range-slider" type="range" id="top_k_textgenerationwebui" name="volume" min="0" max="200" step="1">
|
||||||
@ -1330,6 +1274,41 @@
|
|||||||
<input class="neo-range-slider" type="range" id="eta_cutoff_textgenerationwebui" name="volume" min="0" max="20" step="0.01">
|
<input class="neo-range-slider" type="range" id="eta_cutoff_textgenerationwebui" name="volume" min="0" max="20" step="0.01">
|
||||||
<input class="neo-range-input" type="number" min="0" max="20" step="0.01" data-for="eta_cutoff_textgenerationwebui" id="eta_cutoff_counter_textgenerationwebui">
|
<input class="neo-range-input" type="number" min="0" max="20" step="0.01" data-for="eta_cutoff_textgenerationwebui" id="eta_cutoff_counter_textgenerationwebui">
|
||||||
</div>
|
</div>
|
||||||
|
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="rep.pen">
|
||||||
|
<small>Repetition Penalty</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="rep_pen_textgenerationwebui" name="volume" min="1" max="1.5" step="0.01">
|
||||||
|
<input class="neo-range-input" type="number" min="1" max="1.5" step="0.01" data-for="rep_pen_textgenerationwebui" id="rep_pen_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="rep.pen range">
|
||||||
|
<small>Repetition Penalty Range</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="rep_pen_range_textgenerationwebui" name="volume" min="0" max="4096" step="1">
|
||||||
|
<input class="neo-range-input" type="number" min="0" max="4096" step="1" data-for="rep_pen_range_textgenerationwebui" id="rep_pen_range_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Encoder Rep. Pen.">
|
||||||
|
<small>Encoder Penalty</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="encoder_rep_pen_textgenerationwebui" name="volume" min="0.8" max="1.5" step="0.01" />
|
||||||
|
<input class="neo-range-input" type="number" min="0.8" max="1.5" step="0.01" data-for="encoder_rep_pen_textgenerationwebui" id="encoder_rep_pen_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Frequency Penalty">
|
||||||
|
<small>Frequency Penalty</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="freq_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
|
||||||
|
<input class="neo-range-input" type="number" data-for="freq_pen_textgenerationwebui" min="-2" max="2" step="0.01" id="freq_pen_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Presence Penalty">
|
||||||
|
<small>Presence Penalty</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="presence_pen_textgenerationwebui" name="volume" min="-2" max="2" step="0.01" />
|
||||||
|
<input class="neo-range-input" type="number" min="-2" max="2" step="0.01" data-for="presence_pen_textgenerationwebui" id="presence_pen_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-forAphro=False data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="No Repeat Ngram Size">
|
||||||
|
<small>No Repeat Ngram Size</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="no_repeat_ngram_size_textgenerationwebui" name="volume" min="0" max="20" step="1">
|
||||||
|
<input class="neo-range-input" type="number" min="0" max="20" step="1" data-for="no_repeat_ngram_size_textgenerationwebui" id="no_repeat_ngram_size_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
|
<div data-newbie-hidden class="alignitemscenter flex-container marginBot5 flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Min Length">
|
||||||
|
<small>Min Length</small>
|
||||||
|
<input class="neo-range-slider" type="range" id="min_length_textgenerationwebui" name="volume" min="0" max="2000" step="1" />
|
||||||
|
<input class="neo-range-input" type="number" min="0" max="2000" step="1" data-for="min_length_textgenerationwebui" id="min_length_counter_textgenerationwebui">
|
||||||
|
</div>
|
||||||
<!--
|
<!--
|
||||||
<div data-forAphro=True class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Responses">
|
<div data-forAphro=True class="alignitemscenter flex-container flexFlowColumn flexBasis48p flexGrow flexShrink gap0" data-i18n="Responses">
|
||||||
<small>Responses</small>
|
<small>Responses</small>
|
||||||
@ -1352,9 +1331,9 @@
|
|||||||
<input class="neo-range-slider" type="range" id="prompt_log_probs_aphrodite_textgenerationwebui" name="volume" min="0" max="5" step="1">
|
<input class="neo-range-slider" type="range" id="prompt_log_probs_aphrodite_textgenerationwebui" name="volume" min="0" max="5" step="1">
|
||||||
<input class="neo-range-input" type="number" min="0" max="5" step="1" data-for="prompt_log_probs_aphrodite" id="prompt_log_probs_aphrodite_counter_textgenerationwebui">
|
<input class="neo-range-input" type="number" min="0" max="5" step="1" data-for="prompt_log_probs_aphrodite" id="prompt_log_probs_aphrodite_counter_textgenerationwebui">
|
||||||
</div>
|
</div>
|
||||||
-->
|
-->
|
||||||
<div name="checkboxes" class="flex-container flexFlowColumn flexBasis48p flexGrow flexShrink ">
|
<div name="checkboxes" class="flex-container flexFlowColumn flexBasis48p flexGrow flexShrink ">
|
||||||
<div class="justifyCenter">
|
<div class="justifyCenter flex-container marginTop5">
|
||||||
<label data-forAphro=False class="checkbox_label" for="do_sample_textgenerationwebui">
|
<label data-forAphro=False class="checkbox_label" for="do_sample_textgenerationwebui">
|
||||||
<input type="checkbox" id="do_sample_textgenerationwebui" />
|
<input type="checkbox" id="do_sample_textgenerationwebui" />
|
||||||
<small data-i18n="Do Sample">Do Sample</small>
|
<small data-i18n="Do Sample">Do Sample</small>
|
||||||
@ -1515,7 +1494,7 @@
|
|||||||
<input type="number" id="seed_textgenerationwebui" class="text_pole wide100p" maxlength="100" />
|
<input type="number" id="seed_textgenerationwebui" class="text_pole wide100p" maxlength="100" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div><!-- end of textgen settings-->
|
||||||
|
|
||||||
<div id="openai_settings">
|
<div id="openai_settings">
|
||||||
<div class="">
|
<div class="">
|
||||||
@ -5065,4 +5044,4 @@
|
|||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
@ -428,11 +428,9 @@ async function switchZenSliders() {
|
|||||||
$("#enableZenSliders").prop("checked", power_user.enableZenSliders);
|
$("#enableZenSliders").prop("checked", power_user.enableZenSliders);
|
||||||
|
|
||||||
function revertOriginalSliders() {
|
function revertOriginalSliders() {
|
||||||
$("#range_block_textgenerationwebui input[type='number']").show();
|
|
||||||
$("#textgenerationwebui_api-settings input[type='number']").show();
|
$("#textgenerationwebui_api-settings input[type='number']").show();
|
||||||
$("#pro-settings-block input[type='number']").show();
|
$("#pro-settings-block input[type='number']").show();
|
||||||
$(`#range_block_textgenerationwebui input[type='range'],
|
$(`#textgenerationwebui_api-settings input[type='range'],
|
||||||
#textgenerationwebui_api-settings input[type='range'],
|
|
||||||
#pro-settings-block input[type='range']`).each(function () {
|
#pro-settings-block input[type='range']`).each(function () {
|
||||||
$(this).show();
|
$(this).show();
|
||||||
});
|
});
|
||||||
@ -440,30 +438,27 @@ async function switchZenSliders() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
if (power_user.enableZenSliders) {
|
if (power_user.enableZenSliders) {
|
||||||
$("#range_block_textgenerationwebui input[type='number']").hide();
|
|
||||||
$("#textgenerationwebui_api-settings input[type='number']").hide();
|
$("#textgenerationwebui_api-settings input[type='number']").hide();
|
||||||
$("#pro-settings-block input[type='number']").hide();
|
$("#pro-settings-block input[type='number']").hide();
|
||||||
$("#seed_textgenerationwebui").show();
|
$("#seed_textgenerationwebui").show();
|
||||||
$(`#range_block_textgenerationwebui input[type='range'],
|
$(`#textgenerationwebui_api-settings input[type='range'],
|
||||||
#textgenerationwebui_api-settings input[type='range'],
|
#pro-settings-block input[type='range']`)
|
||||||
#pro-settings-block input[type='range']`).each(
|
.hide()
|
||||||
function () {
|
.each(function () {
|
||||||
CreateZenSliders($(this))
|
CreateZenSliders($(this))
|
||||||
}
|
})
|
||||||
)
|
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
revertOriginalSliders();
|
revertOriginalSliders();
|
||||||
}
|
}
|
||||||
async function CreateZenSliders(elmnt) {
|
async function CreateZenSliders(elmnt) {
|
||||||
await delay(100)
|
//await delay(100)
|
||||||
var originalSlider = elmnt;
|
var originalSlider = elmnt;
|
||||||
var sliderID = originalSlider.attr('id')
|
var sliderID = originalSlider.attr('id')
|
||||||
var sliderMin = Number(originalSlider.attr('min'))
|
var sliderMin = Number(originalSlider.attr('min'))
|
||||||
var sliderMax = Number(originalSlider.attr('max'))
|
var sliderMax = Number(originalSlider.attr('max'))
|
||||||
var sliderValue = originalSlider.val();
|
var sliderValue = originalSlider.val();
|
||||||
var sliderRange = sliderMax - sliderMin
|
var sliderRange = sliderMax - sliderMin
|
||||||
var midpoint = sliderRange / 2
|
|
||||||
var numSteps = 10
|
var numSteps = 10
|
||||||
var decimals = 2
|
var decimals = 2
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user