peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-19 04:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve search page

Browse Source
This commit is contained in:
Peter Maquiran
2021-03-11 10:31:46 +01:00
parent f1b5d51d3d
commit 5cbe512f95
8 changed files with 67 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/pages/search/search.page.html
+13 -14
View File
@@ -1,10 +1,11 @@
<!-- HEADER-->
<ion-header class="ion-no-border header-main ">
<ion-header class="ion-no-border header-main d-md-flex flex-md-row-reverse">
<ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
<div class="d-flex ion-justify-content-between">
<ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
<ion-form>
<div class="d-md-none d-flex search-input-container ion-justify-content-between" >
<ion-form class="d-md-none">
<div class="d-flex search-input-container ion-justify-content-between" >
<div class="icon" (click)="basicSearch()">
<ion-icon class="icon-z" slot="end" name="search"></ion-icon>
</div>
@@ -20,7 +21,7 @@
<div *ngIf="!showAdvanceSearch" class="icon-z icon-most-searched-word-open" (click)="showHideAdvanceSearch(true)">
<ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
</div>
<div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open" (click)="showHideAdvanceSearch(false)" >
<div *ngIf="showAdvanceSearch" class="icon-z icon-most-searched-word-open align-md-baseline" (click)="showHideAdvanceSearch(false)" >
<ion-icon src="assets/images/advance-search-show-modal.svg" class="icon" slot="end"></ion-icon>
</div>
@@ -30,7 +31,7 @@
</div>
<!-- Search drop down -->
<div class="advance-search pa-0 pt-10" *ngIf="showAdvanceSearch">
<div class="advance-search pa-0 pt-10 flex-md-grow-1" *ngIf="showAdvanceSearch">
<!-- -->
<li class="d-flex date-container ion-justify-content-between">
<div class="icon-mer icon">
@@ -70,7 +71,7 @@
</div>
<!-- search result categories-->
<div class="options" *ngIf="showDocuments"
<div class="options flex-md-grow-1 " *ngIf="showDocuments"
style="border-bottom: 1px solid #f3f3f3;"
>
<div class="container ">
@@ -86,7 +87,7 @@
</ion-slides>
</div>
<button class="icon-z icon-most-searched-word-open" ion-button icon-only >
<button class="icon-z icon-most-searched-word-open " ion-button icon-only >
<ion-icon src="assets/images/icons-most-searched-words-open.svg" class="icon" slot="end"></ion-icon>
</button>
</div>
@@ -96,18 +97,16 @@
<ion-content class="main-content">
<div style="height: calc(100% - 0px)">
<div class="height-100">
<div class="d-flex seach-wrapper height-100 flex-row justify-space-between">
<div class="d-flex height-100 flex-1" *ngIf="!showDocuments || windowWidth >= 1024"
<div class="d-flex height-100 overflow-y-auto flex-1" *ngIf="!showDocuments || windowWidth >= 1024"
style="border-right: 1px solid #ddd7d7;">
<!-- most searched word-->
<div class="most-searched-words height-100">
<div class="most-searched-words d-md-flex flex-md-column">
<p class="title ion-text-center">Palavras mais pesquisadas</p>
<div class="most-searched-word-container overflow-y-auto">
<div class="most-searched-word-container height-100 overflow-y-auto">
</div>
</div>
</div>