Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 1093fef9 authored by Ronak's avatar Ronak
Browse files

change in filter UI

parent 4f923eaa

htdocs/_i18n/en/pages/devices.html

+3 −3
Original line number Diff line number Diff line
@@ -20,12 +20,12 @@ 
  <div class="row mt-3">

    <div class="col">

      <p class="">

        <a class="btn btn-info text-wrap font-weight-bold btn-bk-hide text-capitalize text-decoration-none border-0"

          data-toggle="collapse" href="#collapse-selector-screen" role="button" aria-expanded="false"

        <a class="text-wrap font-weight-bold btn-bk-hide text-capitalize text-decoration-none border-0 collapsed"

          data-toggle="collapse" href="#collapse-selector-screen" role="button" aria-expanded="false" id="device-filters"

          aria-controls="collapse-selector-screen">

          Search options...

        </a>

        <span class="btn btn-light mt-1" id="btnReset">Clear</span>

        <span class="mt-1 mb-1" id="btnReset">Clear X</span>

      </p>

      <div class="collapse myCollapse" id="collapse-selector-screen">

        <div class="card card-body text-lg-left border-0">

htdocs/assets/css/style.scss

+18 −0
Original line number Diff line number Diff line
@@ -109,6 +109,7 @@ thead th { 
#btnReset {

  font-weight: bold;

  cursor: pointer;

  color: #2a7ae2;

}



#myInput {
@@ -349,3 +350,20 @@ a.btn-secondary { 
	border: 1px solid #dbdbdb;

    margin: 2px 0;

}

[aria-expanded="false"]:after{

  content: "";

  background-image: url(../images/sort_asc.png);

  height: 10px;

  width: 20px;

  display: inline-block;

}

[aria-expanded="true"]:after{

  content: "";

  background-image: url(../images/sort_desc.png);

  height: 20px;

  width: 20px;

  display: inline-block;

}

#device-filters:hover{

  color: #2a7ae2;

}
 
 No newline at end of file

htdocs/assets/js/code.js

+6 −2
Original line number Diff line number Diff line
@@ -160,7 +160,7 @@ $(document).ready(function () { 
    clear_form_elements("device-search");

    clear_form_elements("myCollapse");

    $("#myInput").keyup();

    $('#smartphone-table').dataTable().fnSortNeutral();

    // $('#smartphone-table').dataTable().fnSortNeutral();

  });



  var table = $('#smartphone-table').DataTable({
@@ -217,7 +217,11 @@ function clear_form_elements(class_name) { 
        $(this).val('');

        break;

      case 'radio':

        if(this.value == '-1' || (this.name == 'legacy' && this.value == 'no')){

          this.checked = true;

        }else{

          this.checked = false;

        }

        break;

    }

  });