v1.0.0 RC 1

masks/search.html

@@ -1,22 +1,37 @@
 <div id="search">
-	<div class="h1_wrap">
-		<h1 class="round"><span>Recherche</span></h1>
+	<div class="step_box round">
+		<p class="step_nb_box">Recherche</p>
+		<input type="text" name="repeat_query" id="repeat_query" class="step_line_item inc_border round" maxlength="200" value="">
+		<div id="sub_button_box"></div>
+		<p class="summary"><span id="search_count">0</span> résultat<span id="search_multi"></span> pour la recherche "<span id="search_words"></span>".</p>
+	</div>
+	<div id="search_container">
+		<div id="list_container" class="standalone"></div>
 	</div>
-	<div id="list_container" class="standalone"></div>
 </div>
 <script type="text/javascript">
-	databap.pageInit = function()
-	{
-		//TODO : to be replaced by tinyscrollbar
-		databap.$main.css('overflow', 'auto');
-		
-		if($('#query').val()==databap.consts.search_box_text)
-		{
-			$('#query').val(databap.vars.search_words);
-		}
-		databap.loadSearchPage();
+databap.pageInit = function()
+{
+	self.initScrollBar('#main', '#search_container', '#list_container');
+	
+	self.tmp('searched_words', '');
+	if($('#query').val()!=databap.consts.search_box_text) databap.search();
 
-		//Init's end
-		databap.setInitEnd(true);
-	};
+	//Double link
+	$('#query').change(function(){$('#repeat_query').val($(this).val());});
+	$('#sub_button_box').addButton('search', 'Chercher', function(){$('#repeat_query').trigger('keyup');}, 'sub_button', 'inc_border inverse');
+	$('#repeat_query')
+		.addDefaultValue(self.consts.search_box_text, $('#query').val())
+		.change(function(){$('#query').val($(this).val());})
+		.keyup(function(e){if(e.which==13 || e.isTrigger) self.search();})
+		.width('calc(50% - '+$('#sub_button').outerWidth(true)+'px)');
+	
+	//Init's end
+	databap.setInitEnd(true);
+};
+
+databap.onResize = function()
+{
+	self.setScrollBarSize('maximize');
+}
 </script>