working on help tips

--HG--
branch : rc-botanic-webdev

code/ryzom/tools/server/ryzom_ams/www/html/js/charisma.js

@@ -226,7 +226,7 @@ function docReady(){
 	});
 
 	//tour
-	if($('.tour').length && typeof(tour)=='undefined')
+	if($('.index').length && typeof(tour)=='undefined')
 	{
 		var tour = new Tour();
 		tour.addStep({
@@ -246,17 +246,6 @@ function docReady(){
 			title: "Dashboard",
 			content: "This is your dashboard from here you will find highlights."
 		});
-		tour.addStep({
-			element: "#for-is-ajax",
-			title: "Ajax",
-			content: "You can change if pages load with Ajax or not."
-		});
-		tour.addStep({
-			element: ".top-nav a:first",
-			placement: "bottom",
-			title: "Visit Site",
-			content: "Visit your front end from here."
-		});
 
 		tour.restart();
 	}
@@ -284,6 +273,9 @@ function docReady(){
 		e.preventDefault();
 		$('#myModal').modal('show');
 	});
+	$('.btn-help').click(function(e){
+		alert('test');
+	});
 
 
 

code/ryzom/tools/server/ryzom_ams/www/html/js/help.js

@@ -0,0 +1,26 @@
+function show_help(help_tip)
+{
+	if(help_tip =='test')
+	{
+		var tour = new Tour();
+		tour.addStep({
+			element: ".span10:first", /* html element next to which the step popover should be shown */
+			placement: "top",
+			title: "Custom Tour", /* title of the popover */
+			content: "You can create tour like this. Click Next." /* content of the popover */
+		});
+		tour.addStep({
+			element: ".theme-container",
+			placement: "left",
+			title: "Themes",
+			content: "You change your theme from here."
+		});
+		tour.addStep({
+			element: "ul.main-menu a:first",
+			title: "Dashboard",
+			content: "This is your dashboard from here you will find highlights."
+		});
+
+		tour.restart();
+	}
+}

code/ryzom/tools/server/ryzom_ams/www/html/templates/home.tpl

@@ -31,7 +31,7 @@
 					</ul>
 				</div>
 				<!-- theme selector ends -->
-
+				<button onclick="show_help('test')">Help Test</button>
 				<!-- user dropdown starts -->
 				<div class="btn-group pull-right">
 					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
@@ -114,6 +114,7 @@
 					<div class="box-header well">
 						<h2><i class="icon-info-sign"></i> Introduction</h2>
 						<div class="box-icon">
+							<a href="#" class="btn btn-help btn-round"><i class="icon-info-sign"></i></a>
 							<a href="#" class="btn btn-setting btn-round"><i class="icon-cog"></i></a>
 							<a href="#" class="btn btn-minimize btn-round"><i class="icon-chevron-up"></i></a>
 							<a href="#" class="btn btn-close btn-round"><i class="icon-remove"></i></a>

code/ryzom/tools/server/ryzom_ams/www/html/templates/layout.tpl

@@ -233,6 +233,9 @@
 	<script src="js/jquery.history.js"></script>
 	<!-- application script for Charisma demo -->
 	<script src="js/charisma.js"></script>
+	<!-- help script for page help -->
+	<script src="js/help.js"></script>
+
 
 
 </body>