Difference between revisions of "Widget:MerlinProficiencyProgress"
From Coder Merlin
(Replaced content with "<noinclude> Runs the JavaScript for the progress HTML table. </noinclude> <includeonly> <script> var username = "<!--{$userName}-->".toLowerCase(); var sessionID = "<!--...") Tag: Replaced |
|||
| Line 1: | Line 1: | ||
< | <div class="row" id="users-treeview-wrapper"> | ||
<div id="users-treeview" class="col"> | |||
</ | </div> | ||
<div class="col d-flex justify-content-center flex-column"> | |||
< | <select id="students-dropdown" class="" style="display: none;"> | ||
<option disabled selected>Make a selection</option> | |||
</select> | |||
<div id="treeview-spinner" class="merlin-spinner spinner-border my-4 mx-auto" role="status" style="display: none;"> | |||
<span class="sr-only">Loading...</span> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="mastery-loader" class="merlin-spinner spinner-border my-4 mx-auto" role="status"> | |||
<span class="sr-only">Loading...</span> | |||
</div> | |||
<table class="table table-bordered" id="mastery-progress-table"> | |||
<thead> | |||
<tr> | |||
<th></th> | |||
<th scope="row">Topic</th> | |||
<th scope="row" class="text-center">Inevident</th> | |||
<th scope="row" class="text-center">Emerging</th> | |||
<th scope="row" class="text-center">Developing</th> | |||
<th scope="row" class="text-center">Proficient</th> | |||
<th scope="row" class="text-center">Exemplary</th> | |||
</tr> | |||
</thead> | |||
</table> | |||
<script> | <script> | ||
var username = "<!--{$userName}-->".toLowerCase(); | var username = "<!--{$userName}-->".toLowerCase(); | ||
| Line 11: | Line 34: | ||
}); | }); | ||
</script> | </script> | ||
Revision as of 18:08, 12 February 2022
<select id="students-dropdown" class="" style="display: none;">
<option disabled selected>Make a selection</option>
</select>
Loading...
| Topic | Inevident | Emerging | Developing | Proficient | Exemplary |
|---|
<script> var username = "".toLowerCase(); var sessionID = ""; window.addEventListener('load', (event) => {
merlinProficiencyProgress(username, sessionID);
}); </script>
