|
|
|
@ -11,7 +11,6 @@ |
|
|
|
|
|
|
|
|
|
// Copy little progress bar in <tr></tr>
|
|
|
|
|
function minipb() {
|
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control tr').after('<tr></tr>'); |
|
|
|
|
$('#learning_path_main #control tr:eq(1)').append($('#progress_bar').html()); |
|
|
|
|
$('#learning_path_main #control tr:eq(1) #progress_img_limit_left').attr('height','5'); |
|
|
|
@ -23,6 +22,8 @@ function minipb() { |
|
|
|
|
$('#learning_path_main #control tr:eq(1) div').css('width',''); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
var left_width = 292; |
|
|
|
|
|
|
|
|
|
$(document).ready(function() { |
|
|
|
|
|
|
|
|
|
//Adding div to hide panel
|
|
|
|
@ -33,12 +34,12 @@ $(document).ready(function() { |
|
|
|
|
|
|
|
|
|
//Adding effects to hide bar
|
|
|
|
|
$('#hide_bar table').hover(function () {
|
|
|
|
|
if($('#hide_bar').position().left == 280) |
|
|
|
|
if ($('#hide_bar').position().left == 292) |
|
|
|
|
$(this).css('backgroundImage','url(../img/hide1.png)').css('backgroundColor','#888888'); |
|
|
|
|
else if($('#hide_bar').position().left == 0) |
|
|
|
|
$(this).css('backgroundImage','url(../img/hide3.png)').css('backgroundColor','#888888');
|
|
|
|
|
},function (){ |
|
|
|
|
if($('#hide_bar').position().left == 280) |
|
|
|
|
if($('#hide_bar').position().left == left_width) |
|
|
|
|
$(this).css('backgroundImage','url(../img/hide0.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
|
else if($('#hide_bar').position().left == 0) |
|
|
|
|
$(this).css('backgroundImage','url(../img/hide2.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
@ -46,16 +47,18 @@ $(document).ready(function() { |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
// Adding funcionality
|
|
|
|
|
$( "#hide_bar" ).click(function() { |
|
|
|
|
|
|
|
|
|
$('#hide_bar table').toggle(function() { |
|
|
|
|
|
|
|
|
|
if ($('#hide_bar').position().left == 280) { |
|
|
|
|
if ($('#hide_bar').position().left == left_width) { |
|
|
|
|
|
|
|
|
|
// Construct mini panel
|
|
|
|
|
var panel = $('#lp_navigation_elem div:first').clone(); |
|
|
|
|
$(panel).attr('id','control'); |
|
|
|
|
$('#learning_path_main').append(panel); |
|
|
|
|
minipb();
|
|
|
|
|
$('#learning_path_main #control .buttons').attr('align','center'); |
|
|
|
|
$('#learning_path_main #control .buttons').attr('text-align','center'); |
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control').css({ |
|
|
|
|
margin: "auto", |
|
|
|
@ -63,16 +66,18 @@ $(document).ready(function() { |
|
|
|
|
height: "34px", |
|
|
|
|
position: "absolute", |
|
|
|
|
top: "5px", |
|
|
|
|
left:"15px", |
|
|
|
|
right:"15px", |
|
|
|
|
backgroundColor: "white", |
|
|
|
|
backgroundImage: "url(../img/minipanelback.png)", |
|
|
|
|
paddingTop: "8px", |
|
|
|
|
paddingBottom: "8px", |
|
|
|
|
borderRadius: "4px 4px 4px 4px", |
|
|
|
|
opacity: "0.8", |
|
|
|
|
cursor: "move" |
|
|
|
|
cursor: "move",
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
//$('#learning_path_main #control').css("text-align", "center");
|
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control table').attr('align','center'); |
|
|
|
|
$('#learning_path_main #control').draggable({
|
|
|
|
|
iframeFix: true, |
|
|
|
@ -98,4 +103,5 @@ $(document).ready(function() { |
|
|
|
|
$('#learning_path_main #control').remove(); |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
}); |
|
|
|
|
}); |