templates: create crosslinks

circle/dashboard/static/dashboard/dashboard.js

@@ -527,3 +527,11 @@ function replaceTag(tag) {
 function safe_tags_replace(str) {
 function safe_tags_replace(str) {
     return str.replace(/[&<>]/g, replaceTag);
     return str.replace(/[&<>]/g, replaceTag);
 }
 }
+
+$('.crosslink').click(function(e) {
+  // Don't follow the link
+  event.preventDefault();
+  var menu = $(this).attr("menu");
+  $(menu).click();
+  window.location = this.href;
+});

circle/dashboard/static/dashboard/dashboard.less

@@ -1420,7 +1420,7 @@ height: calc(100% - 130px);
 }
 }
 
 
 @media only screen and (max-width: 600px) {
 @media only screen and (max-width: 600px) {
-  #sidebar-wrapper {
+  #wrapper {
     -webkit-transform: translateX(-250px);
     -webkit-transform: translateX(-250px);
     -moz-transform: translateX(-250px);
     -moz-transform: translateX(-250px);
     -o-transform: translateX(-250px);
     -o-transform: translateX(-250px);
@@ -1428,6 +1428,7 @@ height: calc(100% - 130px);
     transform: translateX(-250px);
     transform: translateX(-250px);
   }
   }
 
 
+
   #page-content {
   #page-content {
   margin-left: 0px;
   margin-left: 0px;
   -webkit-transition: background .5s;
   -webkit-transition: background .5s;
@@ -1438,3 +1439,6 @@ height: calc(100% - 130px);
   }
   }
 }
 }
 
 
+.overview_href {
+  cursor: pointer;
+}

circle/templates/info/help.html

@@ -24,12 +24,12 @@
       <ul class="help-tabs nav nav-tabs">
       <ul class="help-tabs nav nav-tabs">
 
 
         <li class="active">
         <li class="active">
-          <a href="#" data-toggle="pill" data-target="._faq" class="text-center" >
+          <a id="faq_menu" href="#" data-toggle="pill" data-target="._faq" class="text-center" >
             <i class="fa fa-comments-o fa-2x"></i><br>
             <i class="fa fa-comments-o fa-2x"></i><br>
             {% trans "FAQ" %}</a>
             {% trans "FAQ" %}</a>
         </li>
         </li>
         <li>
         <li>
-          <a href="#" data-toggle="pill" data-target="._overview" class="text-center" >
+          <a id="overview_menu" href="#" data-toggle="pill" data-target="._overview" class="text-center" >
             <i class="fa fa-book fa-2x"></i><br>
             <i class="fa fa-book fa-2x"></i><br>
             {% trans "Overview" %}</a>
             {% trans "Overview" %}</a>
         </li>
         </li>

circle/templates/info/help/faq.html

@@ -11,7 +11,7 @@
   <li>{% trans "Customize this machine - install and remove softwares, etc." %}</li>
   <li>{% trans "Customize this machine - install and remove softwares, etc." %}</li>
   <li>{% trans "Click on ‘Save as Template’ icon on operations." %}</li>
   <li>{% trans "Click on ‘Save as Template’ icon on operations." %}</li>
   <li>{% trans "On the dashboard, select this template to go to the ‘Edit template page’." %}</li>
   <li>{% trans "On the dashboard, select this template to go to the ‘Edit template page’." %}</li>
-  <li>{% trans "On the ‘Manage access’ box, add the specified user or user group with ‘user’ access level." %} ({% trans "You can easily create groups if you need" %})</li>
+  <li>{% trans "On the ‘Manage access’ box, add the specified user or user group with ‘user’ access level." %} (<a class="crosslink" menu="#overview_menu" href="#how-can-i-create-groups">{% trans "You can easily create groups if you need" %}</a>)</li>
   </ol>
   </ol>
 </blockquote>
 </blockquote>