Work with Moodle web site

— Oct 11, 2020

• install to use the adaptable them. enable the Navlink after logout, so we have some default menu. Also enable the auto-login for guess under user permission, so the course can be viewed.
• Add Help Menu `Home` and Tool menu `Contest`, however, cannot display the home again once user login, and want the contest only show when when login. so add the custom JS for it.
• <script>
  var content=$(“#nav-notification-popover-container”).get(0);if (content!= null){
  //alert(‘logined’);
  var navMenu= $(‘a[class=”nav-link”][target=”_self”][href=”https://triwayeducation.com/”]’);
  navMenu.remove();
  navMenu.hide();
  }
  else{
  //alert(‘not logined’);
  var navMenu= $(‘a[title*=”Contest”]’);
  if (navMenu!= null){
  navMenu.remove();
  navMenu.hide();
  };navMenu= $(‘a[title*=”Amazing Students”]’);
  if (navMenu!= null){
  navMenu.remove();
  navMenu.hide();
  };
  }

  //var navMenu= $(‘a[class=”nav-link”]’);
  //navMenu.each( function(i, item){

  //if (i>2 && item.text === ‘Home’){
  // item.hide();
  // item.addClass(‘force-hide’);
  // $(this).hide();
  // $(this).addClass(‘force-hide’);
  // }
  //});

  </script>

• To add a icon, just use: <i class=”fa fa-caret-down”></i> before element, E.G: <i class=”fa fa-caret-down”></i>BCC Waterwoo 2020|/local/pages/?id=1|BCC Waterwoo 2020
• To make the element as responsive, need to add row class. the below is the example.

<div id=”frontpage-available-course-list”>
<h2>Available courses</h2>
<div class=”row courses frontpage-course-list-all”>
<div class=”col-xs-12 col-sm-4 panel panel-default coursebox hover”>
<div class=”panel-body clearfix”>
<div class=”cimbox” style=”background-image: url(‘https://triwayeducation.com/pluginfile.php/80/course/overviewfiles/python_3.jpg’);”>
</div>
<a class=”coursebox-content” href=”https://triwayeducation.com/course/view.php?id=7″>
<h3 class=””>Python Level 2</h3>
<div class=”summary”>
<p>
<strong>Python Level 2</strong></p>
<span title=”Python Programming Level 2″>Python Programming Level 2</span></div>
</a>
<div class=”boxfooter”></div>
<a class=” coursebtn submit btn btn-info btn-sm” href=”https://triwayeducation.com/course/view.php?id=7″>
<span class=”get_stringlink”>Course <span class=”fa fa-chevron-right”>
</span>
</span>
</a>
</div>
</div>
<div class=”col-xs-12 col-sm-4 panel panel-default coursebox hover”>
<div class=”panel-body clearfix”>
<div class=”cimbox” style=”background-image: url(‘https://triwayeducation.com/pluginfile.php/78/course/overviewfiles/python_1.jpg’);”>
</div>
<a class=”coursebox-content” href=”https://triwayeducation.com/course/view.php?id=6″>
<h3 class=””>Python Level 1</h3>
<div class=”summary”>
<p><strong>Python Level 1</strong></p><span title=”Python 1″>Python 1</span>
</div>
</a>
<div class=”boxfooter”></div>
<a class=” coursebtn submit btn btn-info btn-sm” href=”https://triwayeducation.com/course/view.php?id=6″>
<span class=”get_stringlink”>Course <span class=”fa fa-chevron-right”>
</span>
</span>
</a>
</div>
</div>
</div>
</div>

Set the default role in the front page to Guest (Site administration -> Front page -> Default front page role). Then set autologinguests = Yes (Site administration -> Users -> User policies -> Auto-login guests). Any visitor to your site who clicks on the calendar block (month or day) will be automatically logged in as Guest and will enter the calendar.