working on help tips

This commit is contained in:
Botanic 2013-06-17 00:25:04 -07:00
parent 93937db2d9
commit b7052ff21c
5 changed files with 79 additions and 57 deletions

View file

@ -226,7 +226,7 @@ function docReady(){
}); });
//tour //tour
if($('.tour').length && typeof(tour)=='undefined') if($('.index').length && typeof(tour)=='undefined')
{ {
var tour = new Tour(); var tour = new Tour();
tour.addStep({ tour.addStep({
@ -246,17 +246,6 @@ function docReady(){
title: "Dashboard", title: "Dashboard",
content: "This is your dashboard from here you will find highlights." 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(); tour.restart();
} }
@ -284,6 +273,9 @@ function docReady(){
e.preventDefault(); e.preventDefault();
$('#myModal').modal('show'); $('#myModal').modal('show');
}); });
$('.btn-help').click(function(e){
alert('test');
});

View file

@ -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();
}
}

View file

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

View file

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