The training library should give employees the opportunity to download their training content from an overview page called "training library". The large selection of regular e-learning templates in LUCY serves as learning input. The overview page can be sorted by certain topics (video, quiz, test etc.).
Instruction (Items 1-4 should be performed inside the campaign)
Loop construction:
Loop usage example:
%awareness-links-start% <div class="awareness-link"> <a href="%awareness-link%">%awareness-title%</a> </div> %awareness-links-end%
Also, you may use the following direct library links in the template (please note that the names may change):
Please note, that these links are not available in CSS and Javascript files.
You can customize the navigation in the training library, for example, add a new entry "Security" to the menu:
1. Go to the Settings menu > Awareness Templates;
2. Find the template "Awareness Training Library" (install it through the page "Download Templates", if missing) > click on "Edit";
3. Within the section "Content Template" click on the "Source Code" button;
4. Add new line into the section "nav nav-sidebar":
<li class="li-security"><a class="a-menuitem a-security" href="#">Security</a></li>
5. Add the following lines of code into the section "main-grids":
<div class="sect-info security"> <h3>Security </h3> </div> <div class="sect-body security "></div> <div class="clearfix clear-sect security "></div>
6. Save the template by clicking "Save" button;
7. Switch to the file "static/js/actions.js" and add the following code:
if($(this).hasClass('a-security')) { showSection('security'); return false; }
8. Save the template.
9. Switch back to the file "index.html" and click on "Preview" button to check out the results:
Please add a tracking event into a e-learning course used within the template. To send a LUCY an event that can determine which course was loaded, this function is used:
lucyDispatchEvent(str);
"str" can be any string. Example:
lucyDispatchEvent("Course: This is your course name");
An event can be sent at any time. It can be loaded automatically when the user starts the course or you could associate such an event with the click of a button.
Button example: In order to associate an event with a button, you can do this within the HTML code:
Button Example 1
<button onclick="lucyDispatchEvent('some string')"> Some button </button>
Button Example 2:
<button onclick="buttonfunc()"> Some button </button> <script> function buttonfunc() { lucyDispatchEvent('some string'); } </script>
Automatic Start Example (in this example an notification about the course name that gets started is sent automatically to LUCY upon opening of the first page). Please insert this script into the index.html page (can be in header or body. It is important to insert it before the body close tag (/body>).
<script> $(function () { lucyDispatchEvent("Course: your_course_name started"); }); </script>
jQuery requirements: In most templates, jQuery is already connected.
If a line like the examples below is already in the index.html file, then nothing else needs to be done. Look for:
<script src="%static%/jquery-1.11.3.min.js"></script>
or
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
If you dont have jQuery in the template, you can use those versions:
All those version can be downloaded from here: https://jquery.com/download/
Statistics in Training Library
Statistics of visits and completed quizzes in the Training Library can be found in Campaign>Statistics>Awareness training:
You can check the statistics for all quizzes or for an individual quiz: