|
|
|
|
@ -5,8 +5,6 @@ |
|
|
|
|
Requirements: JQuery 1.4.4, JQuery UI 1.8.7 |
|
|
|
|
@author Alberto Torreblanca @albert1t0 |
|
|
|
|
@author Julio Montoya Cleaning/fixing some code |
|
|
|
|
@todo this doesn't work due recent changes in this file I partially fixed now we can see the vertical bar
|
|
|
|
|
but the minipanel was removed |
|
|
|
|
**/ |
|
|
|
|
|
|
|
|
|
// Copy little progress bar in <tr></tr>
|
|
|
|
|
@ -45,6 +43,8 @@ $(document).ready(function() { |
|
|
|
|
$(this).css('backgroundImage','url(../img/hide2.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
var original = $('#content_id').height(); |
|
|
|
|
|
|
|
|
|
// Adding funcionality
|
|
|
|
|
$( "#hide_bar" ).click(function() { |
|
|
|
|
@ -55,52 +55,30 @@ $(document).ready(function() { |
|
|
|
|
|
|
|
|
|
// Construct mini panel
|
|
|
|
|
var panel = $('#lp_navigation_elem div:first').clone(); |
|
|
|
|
$(panel).attr('id','control'); |
|
|
|
|
|
|
|
|
|
$(panel).attr('id', 'control'); |
|
|
|
|
$('#learning_path_main').append(panel); |
|
|
|
|
minipb();
|
|
|
|
|
$('#learning_path_main #control .buttons').attr('text-align','center'); |
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control').css({ |
|
|
|
|
margin: "auto", |
|
|
|
|
width: "132px", |
|
|
|
|
height: "34px", |
|
|
|
|
position: "absolute", |
|
|
|
|
top: "5px", |
|
|
|
|
right:"15px", |
|
|
|
|
backgroundColor: "white", |
|
|
|
|
backgroundImage: "url(../img/minipanelback.png)", |
|
|
|
|
paddingTop: "8px", |
|
|
|
|
paddingBottom: "8px", |
|
|
|
|
borderRadius: "4px 4px 4px 4px", |
|
|
|
|
opacity: "0.8", |
|
|
|
|
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, |
|
|
|
|
stack: "#learning_path_right_zone", |
|
|
|
|
cursor: "move" |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control .buttons img').click(function(){
|
|
|
|
|
$('#content_id').css({ height: $('#content_id').height() - ($('#control').height() + 10) }); |
|
|
|
|
|
|
|
|
|
$('#learning_path_main #control .buttons img').click(function(){ |
|
|
|
|
$('#learning_path_main #control tr:eq(1)').remove(); |
|
|
|
|
minipb(); |
|
|
|
|
}); |
|
|
|
|
// Hiding navigation left zone
|
|
|
|
|
$('#learning_path_left_zone').hide(50); |
|
|
|
|
$('#learning_path_left_zone').hide(50);
|
|
|
|
|
$('#learning_path_right_zone').css('margin-left','10px'); |
|
|
|
|
$('#hide_bar table').css('backgroundImage','url(../img/hide2.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
|
} |
|
|
|
|
},
|
|
|
|
|
}, |
|
|
|
|
function(){ |
|
|
|
|
// Show navigation left zone
|
|
|
|
|
$('#hide_bar table').css('backgroundImage','url(../img/hide0.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
|
$('#learning_path_right_zone').css('marginLeft','290px'); |
|
|
|
|
$('#learning_path_left_zone').show(50); |
|
|
|
|
$('#learning_path_main #control').remove(); |
|
|
|
|
// Show navigation left zone
|
|
|
|
|
$('#learning_path_left_zone').show(50); |
|
|
|
|
$('#learning_path_right_zone').css('marginLeft', left_width + 10 + 'px'); |
|
|
|
|
$('#hide_bar table').css('backgroundImage','url(../img/hide0.png)').css('backgroundColor','#EEEEEE'); |
|
|
|
|
$('#learning_path_main #control').remove(); |
|
|
|
|
$('#content_id').css({ height: original}); |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
}); |
|
|
|
|
|