From 4779fbb4a4da05e7daa474e802556b4b40bd5ddd Mon Sep 17 00:00:00 2001
From: "konstantina.galouni" <kgalouni@di.uoa.gr>
Date: Thu, 20 Oct 2022 19:34:55 +0300
Subject: [PATCH] [Aggregator]: home.component.html: Updated width of search
 form and width of each step of the form.

---
 src/app/home/home.component.html | 99 +-------------------------------
 1 file changed, 3 insertions(+), 96 deletions(-)

diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 89dfc9f..06803c8 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,105 +1,12 @@
-<!--<div class="image-front-topbar">-->
-<!--&lt;!&ndash;  <div class="uk-section mainPageSearchForm">-->
-<!--    <div class="">-->
-<!--      <div class="search_box_bg ">-->
-<!--        <div id="searchForm" class="uk-grid  uk-flex uk-flex-center">-->
-<!--          <div id="searchImage" class="uk-margin-small-top "></div>-->
-<!--          <form class="uk-margin ">-->
-<!--            <div class="uk-grid uk-margin-small-left">-->
-<!--              <div class="uk-margin-small-top uk-padding-remove-left">-->
-<!--                <entities-selection [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"-->
-<!--                                    [onChangeNavigate]="false"-->
-<!--                                    (selectionChange)="entityChanged($event)" [customFilter]="customFilter"-->
-<!--                ></entities-selection>-->
-<!--              </div>-->
-<!--              <div class=" uk-padding-remove-left uk-margin-small-top">-->
-<!--                <div class="uk-inline">-->
-<!--                  <a *ngIf="keyword.length > 0" class="uk-form-icon uk-form-icon-flip" (click)="keyword = ''"-->
-<!--                     uk-icon="icon: close"></a>-->
-<!--                  <input type="text" class="uk-input   uk-width-xlarge@l uk-width-large@m uk-width-medium"-->
-<!--                         placeholder="Search in OpenAIRE for scholarly works"-->
-<!--                         [(ngModel)]="keyword"-->
-<!--                         name="keyword">-->
-<!--                </div>-->
-<!--                <div class=" quickSelectionsBox uk-width-xlarge@l uk-width-large@m uk-width-medium">-->
-<!--                  <quick-selections *ngIf="selectedEntity == 'result'" [resultTypes]="resultTypes"-->
-<!--                                    [quickFilter]="resultsQuickFilter"-->
-<!--                                    [properties]="properties">-->
-<!--                  </quick-selections>-->
-<!--                </div>-->
-<!--              </div>-->
-<!--              <div class="uk-padding-remove-left uk-margin-small-top">-->
-
-<!--                <button (click)="goTo(true)" type="submit"-->
-<!--                        class="uk-button portal-button uk-text-bold  uk-padding uk-padding-remove-vertical uk-margin-small-left">-->
-<!--                  Search-->
-<!--                </button>-->
-<!--                <div class="uk-margin-small-top  uk-margin-left">-->
-<!--                  &lt;!&ndash;                        (click)="goTo(false)"&ndash;&gt;-->
-<!--                  <a *ngIf="selectedEntity!='all'" (click)="goTo(false)" class="portal-link">Advanced Search</a>-->
-<!--                  <a *ngIf="selectedEntity=='all'" class="portal-link ">Advanced Search</a></div>-->
-<!--                <div *ngIf="selectedEntity=='all'" uk-dropdown class="uk-dropdown default-dropdown">-->
-<!--                  <ul class="uk-list uk-margin-remove-bottom">-->
-<!--                    <li *ngIf="showSoftware || showPublications || showOrp || showDatasets"><a-->
-<!--                        [routerLink]="properties.searchLinkToAdvancedResults"-->
-<!--                        [queryParams]="getQueryParamsForAdvancedSearch('result')"-->
-<!--                    >Research-->
-<!--                      outcomes</a></li>-->
-<!--                    <li *ngIf="showProjects"><a-->
-<!--                        [routerLink]="properties.searchLinkToAdvancedProjects"-->
-<!--                        [queryParams]="getQueryParamsForAdvancedSearch('project')">-->
-<!--                      Projects</a></li>-->
-<!--                    <li *ngIf="showDataProviders"><a-->
-<!--                        [routerLink]="properties.searchLinkToAdvancedDataProviders"-->
-<!--                        [queryParams]="getQueryParamsForAdvancedSearch('datasource')">-->
-<!--                      Content providers</a></li>-->
-<!--                    <li *ngIf="showOrganizations"><a-->
-<!--                        [routerLink]="properties.searchLinkToAdvancedOrganizations"-->
-<!--                        [queryParams]="getQueryParamsForAdvancedSearch('organization')">-->
-<!--                      Organizations</a></li>-->
-<!--                  </ul>-->
-<!--                </div>-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </form>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--    </div>-->
-<!--  </div>&ndash;&gt;-->
-<!--  <div class="uk-section uk-margin-large-left uk-padding-remove-bottom uk-grd uk-flex uk-overflow-hidden home-background">-->
-<!--&lt;!&ndash;    <div id="searchImage" class="uk-margin-medium-top uk-margin-small-right "></div>&ndash;&gt;-->
-<!--    <div class="uk-grid uk-width-1-1 uk-margin-bottom uk-height-medium">-->
-<!--      <div class="uk-width-1-1 uk-width-auto@m uk-margin-medium-top"><div id="searchImage"></div></div>-->
-<!--      <div class="uk-width-expand search_box_bg" uk-scrollspy="target: [uk-scrollspy-class]; cls: uk-animation-slide-bottom-medium; delay: 200">-->
-
-<!--          <div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top uk-width-3-5@m" uk-scrollspy-class>-->
-<!--            <advanced-search-input (searchEmitter)="goTo(true)">-->
-<!--              <entities-selection #entities [simpleView]="true" currentEntity="all" [selectedEntity]="selectedEntity"-->
-<!--                                  (selectionChange)="entityChanged($event)" (disableSelectEmitter)="disableSelect = $event"-->
-<!--                                  [onChangeNavigate]="false"></entities-selection>-->
-<!--              <div input placeholder="Scholary works" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>-->
-<!--            </advanced-search-input>-->
-
-<!--            <div *ngIf="selectedEntity === 'result' && !entities.input.focused" class="uk-dropdown uk-display-block uk-margin-top uk-width-auto">-->
-<!--              <div class="uk-padding-small">-->
-<!--                <quick-selections [resultTypes]="resultTypes" [quickFilter]="resultsQuickFilter"></quick-selections>-->
-<!--              </div>-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </div>-->
-<!--        </div>-->
-
-<!--  </div>-->
-<!--</div>-->
 <div class=""> <!-- this div will have the customized color or image -->
   <div class="uk-container uk-container-large uk-flex uk-flex-center">
-    <div class="uk-width-2-3@m uk-width-1-2@l uk-margin-large-top uk-margin-large-bottom">
+    <div class="uk-width-2-3@m uk-wisth-3-5@l uk-width-1-2@xl uk-margin-large-top uk-margin-large-bottom">
       <div [class.uk-invisible]="disableSelect" class="uk-margin-medium-top">
         <advanced-search-input #advanced (searchEmitter)="goTo(true)">
           <entities-selection [simpleView]="true" currentEntity="result" [selectedEntity]="selectedEntity" [customFilter]="customFilter"
                               (selectionChange)="entityChanged($event);advanced.focusNext(input, $event)" (disableSelectEmitter)="disableSelectChange($event)"
-                              [onChangeNavigate]="false"></entities-selection>
-          <div input #input placeholder="Scholary works" [searchable]="true" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
+                              [onChangeNavigate]="false" class="uk-width-2-5"></entities-selection>
+          <div class="uk-width-expand" input #input placeholder="Scholary works" [searchable]="true" [hint]="'Search in OpenAIRE'" [(value)]="keyword"></div>
         </advanced-search-input>
         <div *ngIf="selectedEntity === 'result' && input.focused" (click)="$event.stopPropagation();advanced.focusNext(input, $event)" class="uk-dropdown uk-display-block uk-margin-small-top uk-width-auto">
           <div class="uk-padding-small">