peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-20 21:35:50 +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/organic-entity/organic-entity.page.scss
+1 -1
View File
@@ -26,7 +26,7 @@
margin: 0px;
padding-top: 10px;
li{
padding-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
padding-bottom: 10px;
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>
src/app/pages/search/search.page.scss
+4 -2
View File
@@ -200,7 +200,9 @@ ion-slide{
@media only screen and (min-width: 1024px) {
.advance-search{
max-width: 47%;
}
}
@@ -249,4 +251,4 @@ ion-slide{
.swiper-container{
width: 100%;
}
}
src/app/pages/search/search.page.ts
+18 -3
View File
@@ -346,9 +346,16 @@ export class SearchPage implements OnInit {
async openAdvanceSearchSelection() {
let classs;
if( window.innerWidth <= 1024){
classs = 'modal modal-desktop'
} else {
classs = 'search-desktop-modal search-submodal'
}
const modal = await this.modalController.create({
component: SenderPage,
cssClass: 'modal modal-desktop',
cssClass: classs,
componentProps: {
}
});
@@ -364,9 +371,17 @@ export class SearchPage implements OnInit {
async openOrganicEntitySelection(){
let classs;
if( window.innerWidth <= 1024){
classs = 'modal modal-desktop'
} else {
classs = 'search-desktop-modal search-submodal'
}
const modal = await this.modalController.create({
component: OrganicEntityPage,
cssClass: 'modal modal-desktop',
cssClass: classs,
componentProps: {
}
});
@@ -433,7 +448,7 @@ export class SearchPage implements OnInit {
componentProps:{
publicationId: publicationId,
},
cssClass: 'publication-detail modal modal-desktop',
cssClass: 'publication-detail modal modal-desktop ',
backdropDismiss: false
});
src/app/pages/search/sender/sender.page.scss
+1 -1
View File
@@ -27,7 +27,7 @@
margin: 0px;
padding-top: 10px;
li{
padding-top: 5px;
padding-top: 10px;
padding-bottom: 10px;
margin: 0px;
padding-bottom: 10px;