|
@@ -241,7 +241,7 @@
|
|
|
});
|
|
|
|
|
|
/* URL link when searching skills */
|
|
|
- $("#skill_search").on("click", "a.load_root", function () {
|
|
|
+ $("a.load_root").on("click", function () {
|
|
|
skill_id = $(this).attr('rel');
|
|
|
skill_to_load_from_get = 0;
|
|
|
load_nodes(skill_id, main_depth);
|
|
@@ -337,7 +337,7 @@
|
|
|
cache: false,
|
|
|
filter_case: false,
|
|
|
filter_hide: true,
|
|
|
- complete_text: "{{ 'StartToType' | get_lang }}",
|
|
|
+ complete_text: "{{ 'EnterTheSkillNameToSearch' | get_lang }}",
|
|
|
firstselected: true,
|
|
|
//onremove: "testme",
|
|
|
onselect: "check_skills_sidebar",
|
|
@@ -357,20 +357,12 @@
|
|
|
}
|
|
|
|
|
|
/* change background color */
|
|
|
- $("#celestial").click(function () {
|
|
|
- $("#page-back").css("background", "#A9E2F3");
|
|
|
- });
|
|
|
- $("#white").click(function () {
|
|
|
- $("#page-back").css("background", "#FFFFFF");
|
|
|
- });
|
|
|
- $("#black").click(function () {
|
|
|
- $("#page-back").css("background", "#000000");
|
|
|
- });
|
|
|
- $("#lead").click(function () {
|
|
|
- $("#page-back").css("background", "#848484");
|
|
|
- });
|
|
|
- $("#light-yellow").click(function () {
|
|
|
- $("#page-back").css("background", "#F7F8E0");
|
|
|
+ $('#skill-change-background-options li a').on('click', function (e) {
|
|
|
+ e.preventDefault();
|
|
|
+
|
|
|
+ var newBackgroundColor = $(this).data('color') || '#FFF';
|
|
|
+
|
|
|
+ $("#page-back").css("background", newBackgroundColor);
|
|
|
});
|
|
|
|
|
|
/* Generated random colour */
|
|
@@ -457,105 +449,92 @@
|
|
|
<div id="page-back" class="page-skill">
|
|
|
<div class="container-fluid">
|
|
|
<div class="row">
|
|
|
-
|
|
|
<div class="col-md-3 skill-options">
|
|
|
<div class="skill-home">
|
|
|
<a class="btn btn-large btn-block btn-success" href="{{ _p.web }}user_portal.php">
|
|
|
<i class="fa fa-home"></i> {{ "ReturnToCourseList"|get_lang }}
|
|
|
</a>
|
|
|
</div>
|
|
|
- <!-- ACCORDION -->
|
|
|
- <div class="panel-group" id="accordion2">
|
|
|
- <div class="panel panel-primary">
|
|
|
- <div class="panel-heading">
|
|
|
- <a data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
|
|
|
- {{ 'SkillsSearch' | get_lang }}
|
|
|
- </a>
|
|
|
+ <div class="panel panel-primary">
|
|
|
+ <div class="panel-body">
|
|
|
+ <div class="search-skill">
|
|
|
+ <p class="text">{{ 'EnterTheSkillNameToSearch' | get_lang }}</p>
|
|
|
+ <form id="skill_search" class="form-search">
|
|
|
+ <select id="skill_id" name="skill_id" /></select>
|
|
|
+ <ul id="skill_holder" class="holder_simple border"></ul>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- <div id="collapseOne" class="panel-collapse collapse">
|
|
|
- <div class="panel-body">
|
|
|
- <!-- SEARCH -->
|
|
|
- <div class="search-skill">
|
|
|
- <p class="text">{{ 'EnterTheSkillNameToSearch' | get_lang }}</p>
|
|
|
- <form id="skill_search" class="form-search">
|
|
|
- <select id="skill_id" name="skill_id" /></select>
|
|
|
- <div class="button-skill">
|
|
|
- <a class="btn btn-block btn-default load_root" rel="0" href="#">
|
|
|
- <i class="fa fa-eye"></i> {{ "ViewSkillsWheel"|get_lang }}
|
|
|
- </a>
|
|
|
- <!-- <a id="clear_selection" class="btn btn-danger">{{ "Clear"|get_lang }}</a> -->
|
|
|
- </div>
|
|
|
- <ul id="skill_holder" class="holder_simple border"></ul>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <!-- END SEARCH -->
|
|
|
- </div>
|
|
|
+ <div class="search-profile-skill">
|
|
|
+ <p class="text">{{ 'WhatSkillsAreYouLookingFor'|get_lang }}</p>
|
|
|
+ <ul id="profile_search" class="holder holder_simple"></ul>
|
|
|
+ <form id="search_profile_form" class="form-search">
|
|
|
+ <button class="btn btn-default btn-block" type="submit">
|
|
|
+ <i class="fa fa-search"></i> {{ "SearchProfileMatches"|get_lang }}
|
|
|
+ </button>
|
|
|
+ </form>
|
|
|
+ <p class="text">{{ 'IsThisWhatYouWereLookingFor'|get_lang }}</p>
|
|
|
+ <form id="save_profile_form_button" class="form-search">
|
|
|
+ <button class="btn btn-default btn-block" type="submit">
|
|
|
+ <i class="fa fa-floppy-o"></i> {{ "SaveThisSearch"|get_lang }}
|
|
|
+ </button>
|
|
|
+ </form>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="panel panel-primary">
|
|
|
- <div class="panel-heading">
|
|
|
- <a data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
|
|
|
- {{ 'ProfileSearch'|get_lang }}
|
|
|
+ <div id="saved_profiles" class="clearfix"></div>
|
|
|
+
|
|
|
+ <p class="clearfix">
|
|
|
+ <a class="btn btn-block btn-default load_root" rel="0" href="#">
|
|
|
+ <i class="fa fa-eye"></i> {{ "ViewSkillsWheel"|get_lang }}
|
|
|
</a>
|
|
|
- </div>
|
|
|
- <div id="collapseTwo" class="panel-collapse collapse">
|
|
|
- <div class="panel-body">
|
|
|
- <!-- SEARCH PROFILE -->
|
|
|
- <div class="search-profile-skill">
|
|
|
-
|
|
|
- <p class="text">{{ 'WhatSkillsAreYouLookingFor'|get_lang }}</p>
|
|
|
- <ul id="profile_search" class="holder holder_simple"></ul>
|
|
|
- <form id="search_profile_form" class="form-search">
|
|
|
- <button class="btn btn-default btn-block" type="submit">
|
|
|
- <i class="fa fa-search"></i> {{ "SearchProfileMatches"|get_lang }}
|
|
|
- </button>
|
|
|
- </form>
|
|
|
- <p class="text">{{ 'IsThisWhatYouWereLookingFor'|get_lang }}</p>
|
|
|
- <form id="save_profile_form_button" class="form-search">
|
|
|
- <button class="btn btn-default btn-block" type="submit">
|
|
|
- <i class="fa fa-floppy-o"></i> {{ "SaveThisSearch"|get_lang }}
|
|
|
- </button>
|
|
|
- </form>
|
|
|
- </div>
|
|
|
- <!-- END SEARCH PROFILE-->
|
|
|
- <div id="saved_profiles"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </p>
|
|
|
</div>
|
|
|
+ </div>
|
|
|
+ <div class="panel-group" id="wheel-second-accordion" role="tablist" aria-multiselectable="true">
|
|
|
<div class="panel panel-primary">
|
|
|
- <div class="panel-heading">
|
|
|
- <a data-toggle="collapse" data-parent="#accordion2" href="#collapseThree">
|
|
|
- {{ 'DisplayOptions' | get_lang }}
|
|
|
- </a>
|
|
|
+ <div class="panel-heading" role="tab" id="wheel-legend-heading">
|
|
|
+ <h4 class="panel-title">
|
|
|
+ <a role="button" data-toggle="collapse" data-parent="#wheel-second-accordion" href="#wheel-legend-collapse" aria-expanded="true" aria-controls="wheel-legend-collapse">
|
|
|
+ {{ "Legend"|get_lang }}
|
|
|
+ </a>
|
|
|
+ </h4>
|
|
|
</div>
|
|
|
- <div id="collapseThree" class="panel-collapse collapse">
|
|
|
+ <div id="wheel-legend-collapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="wheel-legend-heading">
|
|
|
<div class="panel-body">
|
|
|
- <p class="text">{{ 'ChooseABackgroundColor' | get_lang }}</p>
|
|
|
- <ul>
|
|
|
- <li><a href="#" id="white">{{ 'White' | get_lang }}</a></li>
|
|
|
- <li><a href="#" id="black">{{ 'Black' | get_lang }}</a></li>
|
|
|
- <li><a href="#" id="celestial">{{ 'LightBlue' }}</a></li>
|
|
|
- <li><a href="#" id="lead">{{ 'Gray' | get_lang }}</a></li>
|
|
|
- <li><a href="#" id="light-yellow">{{ 'Corn' | get_lang }}</a></li>
|
|
|
+ <ul class="fa-ul">
|
|
|
+ <li>
|
|
|
+ <i class="fa fa-li fa-square skill-legend-basic"></i> {{ "BasicSkills"|get_lang }}
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="fa fa-li fa-square skill-legend-add"></i> {{ "SkillsYouCanLearn"|get_lang }}
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <i class="fa fa-li fa-square skill-legend-search"></i> {{ "SkillsSearchedFor"|get_lang }}
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="panel panel-primary">
|
|
|
- <div class="panel-heading">
|
|
|
- <a data-toggle="collapse" data-parent="#accordion2" href="#collapseFour">
|
|
|
- {{ "Legend"|get_lang }}
|
|
|
- </a>
|
|
|
+ <div class="panel-heading" role="tab" id="wheel-display-heading">
|
|
|
+ <h4 class="panel-title">
|
|
|
+ <a class="collapsed" role="button" data-toggle="collapse" data-parent="#wheel-second-accordion" href="#wheel-display-collapse" aria-expanded="false" aria-controls="wheel-display-collapse">
|
|
|
+ {{ 'DisplayOptions' | get_lang }}
|
|
|
+ </a>
|
|
|
+ </h4>
|
|
|
</div>
|
|
|
- <div id="collapseFour" class="panel-collapse collapse">
|
|
|
+ <div id="wheel-display-collapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="wheel-display-heading">
|
|
|
<div class="panel-body">
|
|
|
- <p class="text"><span class="skill-legend-add"> </span> {{ "SkillsYouCanLearn"|get_lang }}</p>
|
|
|
- <p class="text"><span class="skill-legend-search"> </span> {{ "SkillsSearchedFor"|get_lang }}</p>
|
|
|
+ <p>{{ 'ChooseABackgroundColor' | get_lang }}</p>
|
|
|
+ <ul class="list-unstyled" id="skill-change-background-options">
|
|
|
+ <li><a href="#" data-color="#FFFFFF">{{ 'White' | get_lang }}</a></li>
|
|
|
+ <li><a href="#" data-color="#000000">{{ 'Black' | get_lang }}</a></li>
|
|
|
+ <li><a href="#" data-color="#A9E2F3">{{ 'LightBlue' }}</a></li>
|
|
|
+ <li><a href="#" data-color="#848484">{{ 'Gray' | get_lang }}</a></li>
|
|
|
+ <li><a href="#" data-color="#F7F8E0">{{ 'Corn' | get_lang }}</a></li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- END ACCORDEON -->
|
|
|
</div>
|
|
|
<div id="wheel_container" class="col-md-9">
|
|
|
<div id="skill_wheel">
|