Improve search page

This commit is contained in:
2021-01-15 08:16:36 +01:00
parent 2414d8dc8f
commit 4f39796033
11 changed files with 244 additions and 7 deletions
+43 -2
View File
@@ -14,15 +14,20 @@
</div>
</div>
</ion-form>
<div class="icon-z icon-most-searched-word-open">
<!-- Advance search -->
<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)="advanceSearch()" >
<ion-icon src="assets/images/advance-search-show-modal.svg" class="icon" slot="end"></ion-icon>
</div>
<div class="profile">
<ion-icon class="icon" src="assets/images/icons-profile.svg"></ion-icon>
</div>
</ion-header>
<ion-content class="content">
<ion-content class="main-content">
<!-- search result categories-->
<div class="options">
@@ -45,6 +50,7 @@
<div class="most-searched-words" *ngIf="!showDocuments">
<p class="title ion-text-center">Palavras mais pesquisadas</p>
</div>
<!-- search result document-->
@@ -78,3 +84,38 @@
</div>
</ion-content>
<div class="advance-search" *ngIf="showAdvanceSearch">
<li class="d-flex date-container ion-justify-content-between">
<div class="icon">
<ion-icon name="restaurant-outline" src="assets/images/icons-advance-search-document.svg"></ion-icon>
</div>
<div class="input-container d-flex ion-align-items-center">
<ion-datetime [(ngModel)]='searchDocumentDate' display-timezone="utc"></ion-datetime>
</div>
</li>
<li class="d-flex subject-container ion-justify-content-between">
<div class="input-container d-flex ion-align-items-center">
<ion-input [(ngModel)]='advanceSearchSubject' class="search-input" type="search" placeholder="Asusnto"></ion-input>
</div>
</li>
<!-- Sender -->
<li class="d-flex date-container ion-justify-content-between">
<div class="icon">
<ion-icon name="restaurant-outline" src="assets/images/icons-advance-search-sender.svg"></ion-icon>
</div>
<div class="input-container d-flex ion-align-items-center">
<ion-input [(ngModel)]='searchSender' class="search-input" type="search" placeholder="Remetentes"></ion-input>
</div>
</li>
<!-- Organic entity -->
<li class="d-flex date-container ion-justify-content-between">
<div class="icon">
<ion-icon name="restaurant-outline" src="assets/images/icons-arrow-arrow-down-25-copy.svg"></ion-icon>
</div>
<div class="input-container d-flex ion-align-items-center">
<ion-input [(ngModel)]='searchOrganicEntiry' class="search-input" type="search" placeholder="Entidade Orgânica"></ion-input>
</div>
</li>
</div>