mohdashraf010897

<RangeSlider
  dataField="stars_num"
  componentId="stars"
  title="Repo Stars"
  :range="{
    start: 0,
    end: 300000
  }"
  :defaultSelected="{
    start: 0,

mohdashraf010897

 <div slot="render" slot-scope="{ loading, error, data }">
                <div v-if="loading">Fetching Results.</div>
                <div v-if="Boolean(error)">
                  Something went wrong! Error details
                  {{ JSON.stringify(error) }}
                </div>

                <div v-bind:key="item._id" v-for="item in data">
                  <div key="{{item.name}}" class="result-item">
                    <div class="flex align-center result-card-header">

mohdashraf010897

<ReactiveList
              componentId="results"
              :includeFields="['*']"
              dataField="name.keyword"
              :pagination="true"
              :from="0"
              :size="6"
              :innerClass="{
                list: 'result-list-container',
                pagination: 'result-list-pagination',

mohdashraf010897

<SearchBox
            componentId="search-box"
            iconPosition="right"
            :dataField="[
              'name',
              'description',
              'name.search',
              'fullname',
              'owner',
              'topics',

mohdashraf010897

componentId="search-box"
        iconPosition="right"
        :dataField="[
          'original_title',
          'original_title.search',
          'authors.search',
          'authors.raw',
          'authors.autosuggest',
          'authors',
        ]"

mohdashraf010897

<template>
  <section class="container">
    <ReactiveBase
      app="gitxplore-app"
      credentials="0f448043059d:a4264120-cd7a-4574-a449-2c5df0523cb1"
      url="https://appbase-demo-ansible-abxiydt-arc.searchbase.io"
      enableAppbase
    >
    </ReactiveBase>
  </section>

mohdashraf010897

   <ReactiveList
                defaultQuery={() => ({ track_total_hits: true })}
                componentId="results"
                dataField={[
                  { field: "original_title", weight: 3 },
                  { field: "original_title.search", weight: 2 },
                ]}
                react={{
                  and: [
                    "mainSearch",

mohdashraf010897

              <MultiDataList
                componentId="language-list"
                dataField="original_language.keyword"
                className="language-filter"
                size={100}
                sortBy="asc"
                queryFormat="or"
                selectAllLabel="All Languages"
                showCheckbox={true}
                showSearch={true}

mohdashraf010897

              <RangeSlider
                componentId="RangeSlider"
                dataField="vote_average"
                className="review-filter"
                tooltipTrigger="hover"
                range={{
                  start: 0,
                  end: 10,
                }}
                rangeLabels={{

mohdashraf010897

    <MultiList
                componentId="genres-list"
                dataField="genres.keyword"
                className="genres-filter"
                size={20}
                sortBy="asc"
                queryFormat="or"
                selectAllLabel="All Genres"
                showCheckbox={true}
                showCount={true}