[Ovmsdev] Slider widget not disabled when first loading unchecked?

[Michael Geddes]

Unfortunately that doesn't work (detail below).  The code I had worked much
better from the  framework generated input box.. but I'm not sure how to
test it in a plugin.

I have the 2 sliders with checkboxes on http://ov.ms/#/xkn/battery  (ov.ms
is a local network alias for my ovms box).
I have one slider unchecked and one checked.

Just putting data-checked as an attribute in the generated code caused both
sliders to be disabled on first load!

//.ichael

On Tue, 27 Dec 2022 at 15:54, Michael Balzer <dexter at expeedo.de> wrote:

> Michael,
>
> I remember I changed the slider enable/disable control scheme from reading
> the checkbox state to using the data attribute / option for a reason, but I
> cannot remember exactly which now. I think it was to get consistent dynamic
> controllability.
>
> My initial commit was ec1a874dadce01e8bd588c20115d890acd9149c2, which used
> the checkbox state. A few days later in
> 91ed78a3d7ac5392eadd65be026a1a0fc77a611e I changed this to using the
> `checked` option, but missed adding `data-checked` to
> `PageContext::input_slider()` accordingly.
>
> Sliders using the enable/disable feature at that time only appeared in
> plugins/pages doing dynamic initialization, so this didn't become visible.
> Plugins normally create sliders by data attributes or init options, not by
> explicit markup.
>
> TL;DR: I think the fix would probably better be to add the missing
> `data-checked` to the markup created by `PageContext::input_slider()`.
>
> Regards,
> Michael
>
>
> Am 27.12.22 um 04:40 schrieb Michael Geddes:
>
> Right, so that didn't work if the check-box was disabled (like in wifi)-
> but this does seem to work!
>
>     var $sld = $(this).closest('.slider'), $cbi =
> $sld.find('.slider-enable'), data = $.extend({ checked: ($cbi.prop("type")
> === "hidden" || $cbi.prop("checked")) }, $sld.data());
>
> //.ichael
>
> On Tue, 27 Dec 2022 at 11:04, Michael Geddes <frog at bunyip.wheelycreek.net>
> wrote:
>
>> Hi all,
>> I've noticed that if you create a 'slider' widget with a checkbox that if
>> it's unchecked when it first loads, then the slider is enabled. If you
>> check/uncheck then the slider is disabled. Or at least that's what I seen
>> in google chrome.
>>
>> I'm really not familiar with NodeJS, but this _seems_ to fix the problem:
>>
>> Does this fix make sense?  If so - I'll do a p/r for it.
>>
>> //.ichael
>>
>>
>> * Slider widget plugin
>>   */
>>
>>  $.fn.slider = function(options) {
>>    return this.each(function() {
>> -    var $sld = $(this).closest('.slider'), data = $.extend({ checked:
>> true }, $sld.data());
>> +    var $sld = $(this).closest('.slider'), $cbi =
>> $sld.find('.slider-enable'), data = $.extend({ checked:
>> $cbi.prop("checked") }, $sld.data());
>>      var opts = (typeof options == "object") ? options : data;
>>      // init?
>>      if ($sld.children().length == 0) {
>>        var id = $sld.attr('id');
>>        $sld.html('\
>>
>
> _______________________________________________
> OvmsDev mailing listOvmsDev at lists.openvehicles.comhttp://lists.openvehicles.com/mailman/listinfo/ovmsdev
>
>
> --
> Michael Balzer * Helkenberger Weg 9 * D-58256 Ennepetal
> Fon 02333 / 833 5735 * Handy 0176 / 206 989 26
>
> _______________________________________________
> OvmsDev mailing list
> OvmsDev at lists.openvehicles.com
> http://lists.openvehicles.com/mailman/listinfo/ovmsdev
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openvehicles.com/pipermail/ovmsdev/attachments/20221227/4c961205/attachment-0001.htm>