Updated

git-svn-id: http://15.206.35.175/svn/proteus/business-java/trunk@174426 ce508802-f39f-4f6c-b175-0d175dae99d5

ecm/Angular/ProteusECM/trunk/src/app/ecm-search/ecm-search.component.css

@@ -214,3 +214,98 @@
 .sb-icon-search {
 	content: url(../../assets/images/v_search_38_38.png);
 }
+
+.search-logo{
+	background-image: url(../../assets/images/search.png);
+}
+
+.back-term-fixed {
+	height: 45px;
+	width: calc( 100% - 65px );
+	left: 40px;
+	padding: 10px 10px 5px 10px;
+	margin: 0px;
+	border:none;
+	border-bottom: 1px solid mediumvioletred;
+	border-radius: 0px;
+	background-position-x: calc( 100% - 10px);
+	background-position-y: 15px;
+	background-size: 24px 24px;
+	font-size: 12px;
+	background-repeat: no-repeat;
+	background-image: url(../../assets/images/v_search_38_38.png);
+	position: relative;
+}   
+
+.back-submit {
+    margin: 0;
+    padding: 0;
+    color: #ffffff;
+    background: mediumvioletred;
+    /* width: 20%; */
+    /* font-size: 14pt; */
+    /* line-height: 1px; */
+    /* text-align: center; */
+    float: left;
+    border: none;
+    border-bottom-right-radius: 5px;
+    border-top-right-radius: 5px;
+    height: 20px;
+}
+
+.back-button{
+	background-image: url(../../assets/images/svg/back_32_32.svg);
+    /* position: initial; */
+    padding: 0px;
+    height: 20px !important;
+    width: 20px !important;
+    /* box-shadow: 0 0 0 3px rgba(0 ,0 ,0, 0.1), inset 0 0 0px 20px rgba(0 ,0, 0, 0.1); */
+    cursor: pointer;
+    border-radius: 100%;
+    /* margin-left: 18rem !important; */
+}
+
+/* Back Button */
+
+.img-back-32 {
+	/*content: url(../../assets/images/w_user_32_32.png);*/
+	content: url(../../assets/images/svg/back_32_32.svg);
+}
+
+.fixed-header-back {
+    z-index: 1000;
+    color: darkgoldenrod;
+    padding: 0px;
+    height: 24px !important;
+    width: 24px !important;
+    box-shadow: 0 0 0 3px rgba(0 ,0 ,0, 0.1), inset 0 0 0px 20px rgba(0 ,0, 0, 0.1);
+    cursor: pointer;
+    border-radius: 100%;
+    margin-left: 10px;
+    /* margin-left: -2rem !important; */
+}
+
+.sb-search-mobile {
+    margin: 0;
+    width: calc( 100% - 100px );
+    padding: 0px;
+    position: relative;
+    display: inline-block;
+}
+.search-mobile {
+    position: relative;
+    display: block;
+    width: 100%;
+}
+
+.mobile-search{
+	color: mediumvioletred;
+}
+
+.search-full-width {
+  width: 100%;
+}
+
+.mat-input-placeholder{
+	position: relative !important;
+}

ecm/Angular/ProteusECM/trunk/src/app/ecm-search/ecm-search.component.html

@@ -21,3 +21,16 @@
 	</form>
 </div>
 
+<div  *ngIf="headerState === 'mobile'" class="sb-search-mobile">
+	<form>
+		<div class="search-mobile">
+			<md-input-container floatPlaceholder="never" class="search-full-width">
+			    <input #myInput type="tel" mdInput placeholder="Search Food, Tour, Events and More..." value="" name="search" id="search">
+			    <i mdSuffix class="material-icons mobile-search" (click)="search(myInput.value)">search</i>
+		  	</md-input-container>
+<!-- 		<input #myInput type="text" placeholder="Search Food, Tour, Events and More..." class="back-term-fixed" value="" name="search" id="search" />  -->
+		</div>
+		<input class="sb-search-submit" type="submit" (click)="search(myInput.value) ">	
+	</form>
+</div>
+

ecm/Angular/ProteusECM/trunk/src/app/ecm-search/ecm-search.component.ts

-import { Component, OnInit,ViewChild, ElementRef, Input, trigger, state, animate, transition, style, Injectable  } from '@angular/core';
+import { Component, OnInit,ViewChild, ElementRef, Input, Output, trigger, state, animate, transition, style, Injectable  } from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { EcmLocation } from './ecm-location';
 import { EcmLocationService } from './ecm-location.service';
@@ -37,6 +37,7 @@ export class ECMSearchComponent implements OnInit {
   @Input('compFadeState') compFadeState: string = 'false';
   @Input('headerState') headerState: string = 'relative';
   @ViewChild('myInput') searchBar;
+  @Output() closePanel = new EventEmitter();
 
   public storeUserLocation :  Observable<EcmLocation>;
   public userLocation : EcmLocation;
@@ -76,6 +77,7 @@ export class ECMSearchComponent implements OnInit {
         this.search_service.setSearch(value.trim());
         this.router.navigate(['/search',value.trim()]);
   	 } 
+  	 this.closePanel.emit();
   }
   
   clearInput() {

ecm/Angular/ProteusECM/trunk/src/assets/css/styles.css

@@ -7,7 +7,7 @@ body {
 
 /* Font loaded - elegant icons*/
 @font-face { /* declare fonts */
-	font-family: "Roboto-Regular";
+	font-family: "Roboto";
 	src: url("Roboto-Regular.ttf") format("truetype");
 }