PSMList 0.4.0 PSM-040-038
Général
| Ordre affichage : | 36 | Création : | 20/06/2023 16h27 |
| Index BL : | 38 | Modification : | 20/06/2023 23h29 |
| BL : | PSM-040-038 | ||
| Source : | Aucune | Soeurs : | - |
Dev
| Fin dev : | D (Done) | Ticket : | - |
| Contrôle dev effectué : | Fiche : | - | |
| C.Qualif. : | #000000 | ||
| Activé : | Icône FA : | Par défaut | |
| Contact : | ARS - Arshellan | Qualification : | Nouveauté |
| Répartition : | - | Module : | Layout |
| Dev : | ARS - Arshellan | Sous module : | - |
| Provenance : | 0.4.0 New | Constat : | - |
| Début : | S.25 | Charge j. : | - |
| Fin : | - | Délai j. : | - |
| Priorité : | - | Pokercard : | - |
| Estimatif j. : | - | ||
| Description : | Hide/show search filters on mobile. | ||
| Texte Commit : | - | ||
| Description client : | Mobile users can now collapse the filters by clicking on the "eye" button next to the confirmation button. It will reduce the size of the zone so that only the three buttons are visible. Clicking the button again un-collapses the zone. | ||
Client
| Fascicule : | Ne pas communiquer : | ||
| Alerte Mailing : |
PreP
| Statut PreP : | OK - Validé | Testeur : | ARS - Arshellan |
Discussion
create new js file collapseSearchFilters and put this inside<br/><br/>function collapseSearchFilters() {<br/> let $chevronIcon = $('.collapseTrigger i');<br/> let $searchFilters = $('.searchContainer .searchFilters');<br/><br/> //$chevronIcon.toggleClass('fa-chevron-up fa-chevron-down');<br/> $chevronIcon.toggleClass('fa-eye-slash fa-eye');<br/> $searchFilters.toggleClass('collapsed');<br/>}
ship/search starting line 27 : replace the current code by this<br/><br/><br/> <div class="searchButton"><br/> <a class="button button-grey iconOnly" href="javascript:void(0);" onclick="resetSearchForm('ship_search')"><br/> <i class="fas fa-eraser"></i><br/> </a><br/> <input type="submit" value="Apply filters"><br/> <a class="button button-grey collapseTrigger iconOnly" href="javascript:void(0);" onclick="collapseSearchFilters()"><br/> <i class="fas fa-eye-slash"></i><br/> </a><br/> <p class="numberResults">{{ numberResults~' Results' }}</p><br/> </div>