nizika/broadcast/script.js

class
Script
{
  static
  main ()
  {
    const dateOptions = {dateFormat:  'yy-mm-dd',
                         firstDay:    6};

    $ ('#filter-date-start').datepicker (dateOptions);
    $ ('#filter-date-end').datepicker (dateOptions);

    const url = new URL (window.location.href);

    const orderAsc = document.getElementById ('order-asc');
    const filterKeyword = document.getElementById ('filter-keyword');

    const btnFilter = document.getElementById ('btn-filter');

    const filter = (
        function (e)
        {
          let dateStart = $ ('#filter-date-start').val ();
          let dateEnd = $ ('#filter-date-end').val ();

          if ((dateStart !== '')
              && (dateEnd !== '')
              && (dateStart > dateEnd))
            [dateStart, dateEnd] = [dateEnd, dateStart];

          url.searchParams.delete ('p');

          url.searchParams.delete ('asc');
          url.searchParams.append ('asc', orderAsc.checked ? '1' : '0');

          url.searchParams.delete ('q');
          url.searchParams.append ('q', filterKeyword.value);

          url.searchParams.delete ('start');
          url.searchParams.delete ('end');

          if (dateStart !== '')
            url.searchParams.append ('start', dateStart);

          if (dateEnd !== '')
            url.searchParams.append ('end', dateEnd);

          window.location.href = url;
        });

    const resetFilter = (
        function ()
        {
          window.location.href = '/';
        });

    filterKeyword.addEventListener ('keydown',
        function (e)
        {
          if (e.key === 'Enter')
            filter (e);
        });

    btnFilter.addEventListener ('click', filter);
    $ ('#btn-reset').on ('click', resetFilter);

    $ (window).resize (this.setPagination);
    this.setPagination ();
    $ ('.pagination').removeClass ('opacity-0');

    $ ('#accordion-filter').on ('shown.bs.collapse', function ()
        {
          $.cookie ('expand-filter', '1');
        });

    $ ('#accordion-filter').on ('hidden.bs.collapse', function ()
        {
          $.cookie ('expand-filter', '0');
        });

    if ($.cookie ('expand-filter') === '0')
    {
      $ ('#collapse-filter').removeClass ('show');
      $ ('#accordion-filter .accordion-button').addClass ('collapsed');
    }
  }

  static
  jumpTo (page)
  {
    const url = new URL (window.location.href);

    url.searchParams.delete ('p');
    url.searchParams.append ('p', page);

    window.location.href = url;
  }

  static
  setPagination ()
  {
    for (let i = 1; i <= 20; ++i)
      $ (`.page-${i}`).removeClass ('d-none');

    for (let i = 20; i > 1; --i)
      {
        if (($ ('.pagination').width () < $ ('body').width () * .8)
            && ($ ('.page-item:not(.d-none)').length / 2 % 2 != 0))
          break;

        $ (`.page-${i}`).addClass ('d-none');
      }
  }
}


Script.main ();