Dive into Code

from django import template
from django.utils.html import format_html
from django.utils.safestring import mark_safe
register = template.Library()


@register.simple_tag
def get_boolean_img(value):
    if value:
        return format_html(mark_safe('<i class="bi bi-check-lg"></i>'))
    return format_html(mark_safe('<i class="bi bi-x"></i>'))

$('body').on('change', 'input[type="checkbox"]', function(e) {
  $(this).prop("checked", this.checked);
  $(this).val(this.checked);
});

function display_error_data(data){
      console.info("error:",data);
      $.each(data['errors'], function( index, value ) {
        console.info(index, ':', value);
        $("[name='" +index + "']").addClass('is-invalid');
        $("[name='" +index + "']").after("<div class='invalid-feedback'>"+ value + "</div>");
      });
    }

Handlebars.registerHelper("makeCheckBox", function(name, label, value){
        let output = '<div class="form-check">';
        output += '<input class="form-check-input" name="'+ name + '"' +'type="checkbox" value="' + value + '"'
        console.info(typeof(value), value);
        if(value === true){
             output += 'checked ';
        }
        output +='id="' + name + 'Default"' + '>';
        output +='<label class="form-check-label" for="' + name + 'Default">' +
                    label + '</label></div>';
        return output;
    });

Handlebars.registerHelper("makeSelectBoxMultiple", function(name, value, options){
       let items = options;
       let output = '<label for="'+name+'" class="form-label">'+name+'</label><select class="form-control" name="'+name +'" multiple="multiple">'
       for(let val in items){
         let id = parseInt(items[val].id);
         let selected = false;
         for(let item in value){
             if(parseInt(value[item].id)==id){
               selected = true;
             }
         }
         if(selected==true){
           output +='<option value="'+ id +'" selected>'+items[val].name +'</option>';
         }
         else{
             output +='<option value="'+ id +'">'+items[val].name +'</option>';
         }
       }
       output += '</select>'
       return output;
     });