Создание фильтра ценового диапазона в django

Здравствуйте, ребята, я создал сайт электронной коммерции, используя Django. Я хочу фильтровать ценовые диапазоны и я нашел идеальный javascript и html tempelate для этого. Проблема в том, что у меня нет знаний javascript, чтобы использовать это в своих интересах. Вот коды.

Javascript

var slider = document.getElementById('price-slider');
  if (slider) {
    noUiSlider.create(slider, {
      start: [1, 999],
      connect: true,
      tooltips: [true, true],
      format: {
        to: function(value) {
          return value.toFixed(2) + '$';
        },
        from: function(value) {
          return value
        }
      },
      range: {
        'min': 1,
        'max': 999
      }
    });
  }

html код

<div class="aside">
    <h3 class="aside-title">Filter by Price</h3>
    <div id="price-slider"></div>
</div>

Виды

def category_products(request,id,slug):
    products = Product.objects.filter(category_id=id) 
    minmaxPrice = products.aggregate(Min('price'), Max('price'))
    context={'products': products,
             'minmaxPrice':minmaxPrice,}

    return render(request,'category_products.html',context)

Сейчас он показывает диапазоны от 1 до 999, как зафиксировано в коде javascript, но я хочу, чтобы он был динамическим на основе диапазона "minmaxPrice" в представлениях, как это "minmaxPrice.price__min" и "minmaxPrice.price__max".

Заранее спасибо!!!

Если вы включите javascript в свой шаблон, вы можете просто использовать контекстные значения в фигурных скобках.:

в category_products.html

<script>
...
start: [{{minmaxPrice.price__min}}, {{minmaxPrice.price__max}}],
...
range: {
  'min': {{minmaxPrice.price__min}},
  'max': {{minmaxPrice.price__max}}
}

</script>
Вернуться на верх