|
|
|
|
@ -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"> |
|
|
|
|
|
Angel Fernando Quiroz Campos
10 years ago