MDL-23617 fixed borked style sheet and more resizing improvements and fixed nav bar

This commit is contained in:
Petr Skoda 2010-10-15 09:21:52 +00:00
parent 60cc2f788e
commit ead94e3d12
4 changed files with 32 additions and 50 deletions

View File

@ -46,9 +46,10 @@ function imscp_print_content($imscp, $cm, $course) {
foreach ($items as $item) {
echo imscp_htmllize_item($item, $imscp, $cm);
}
echo '</ul></div></div>';
echo '</ul></div>';
echo '<div id="imscp_nav" style="display:none"><button id="nav_skipprev">&lt;&lt;</button><button id="nav_prev">&lt;</button><button id="nav_up">^</button><button id="nav_next">&gt;</button><button id="nav_skipnext">&gt;&gt;</button></div>';
echo '</div>';
echo '</div>';
echo '<div id="imscp_navpanel"></div>';
$PAGE->requires->js_init_call('M.mod_imscp.init');
return;

View File

@ -30,7 +30,6 @@ M.mod_imscp.init = function(Y) {
var imscp_current_node;
var imscp_buttons = [];
var imscp_bloody_labelclick = false;
var imscp_nav_panel;
Y.use('yui2-resize', 'yui2-dragdrop', 'yui2-container', 'yui2-button', 'yui2-layout', 'yui2-treeview', 'yui2-json', 'yui2-event', function(Y) {
@ -96,24 +95,16 @@ M.mod_imscp.init = function(Y) {
left.set('width', (maxwidth - 10));
}
var pageheight = imscp_get_htmlelement_size('page', 'height');
var layoutheight = imscp_get_htmlelement_size(imscp_layout_widget, 'height');
var newheight = layoutheight + parseInt(YAHOO.util.Dom.getViewportHeight()) - pageheight - 20;
if (newheight > 400) {
if (newheight > 768) {
imscp_layout_widget.setStyle('height', '768px');
}
else {
imscp_layout_widget.setStyle('height', newheight+'px');
}
var headerheight = imscp_get_htmlelement_size('page-header', 'height');
var footerheight = imscp_get_htmlelement_size('page-footer', 'height');
var newheight = parseInt(YAHOO.util.Dom.getViewportHeight()) - footerheight - headerheight - 20;
if (newheight < 400) {
newheight = 400;
}
imscp_layout_widget.setStyle('height', newheight+'px');
imscp_layout_widget.render();
imscp_resize_frame();
if (imscp_nav_panel) {
imscp_nav_panel.align('bl', 'bl');
}
};
var imscp_get_htmlelement_size = function(el, prop) {
@ -254,14 +245,10 @@ M.mod_imscp.init = function(Y) {
tree.expandAll();
tree.render();
// navigation
imscp_nav_panel = new YAHOO.widget.Panel('imscp_navpanel', { visible:true, draggable:true, close:false,
context: ['page', 'bl', 'bl', ["windowScroll", "textResize", "windowResize"]], constraintoviewport:true} );
imscp_nav_panel.setHeader(M.str.imscp.navigation);
var navbar = YAHOO.util.Dom.get('imscp_nav');
navbar.style.display = 'block';
//TODO: make some better&accessible buttons
imscp_nav_panel.setBody('<span id="imscp_nav"><button id="nav_skipprev">&lt;&lt;</button><button id="nav_prev">&lt;</button><button id="nav_up">^</button><button id="nav_next">&gt;</button><button id="nav_skipnext">&gt;&gt;</button></span>');
imscp_nav_panel.render();
// navigation
imscp_buttons[0] = new YAHOO.widget.Button('nav_skipprev');
imscp_buttons[1] = new YAHOO.widget.Button('nav_prev');
imscp_buttons[2] = new YAHOO.widget.Button('nav_up');
@ -282,7 +269,6 @@ M.mod_imscp.init = function(Y) {
imscp_buttons[4].on('click', function(ev) {
imscp_activate_item(imscp_skipnext(imscp_current_node));
});
imscp_nav_panel.render();
// finally activate the first item
imscp_activate_item(tree.getRoot().children[0]);

View File

@ -1,25 +0,0 @@
/*** Modules: IMS CP ***/
#mod-imscp-view #imscp_nav {
text-align: center;
margin-bottom: 5px;
margin-top: 5px;
}
#mod-imscp-view #imscp_toc .ygtv-highlight1 {
font-weight: bold;
}
#mod-imscp-view #footer {
display:none;
}
#mod-imscp-view .yui-layout-hd {
background-image: none;
background-color: #DDDDDD;
}
#mod-imscp-view .yui-layout-hd h2 {
color: black;
}

20
mod/imscp/styles.css Normal file
View File

@ -0,0 +1,20 @@
/*** Modules: IMS CP ***/
#page-mod-imscp-view #imscp_nav {
text-align: center;
margin-bottom: 5px;
margin-top: 10px;
}
#page-mod-imscp-view #imscp_toc .ygtv-highlight1 {
font-weight: bold;
}
#page-mod-imscp-view .yui-layout-hd {
background-image: none;
background-color: #DDDDDD;
}
#page-mod-imscp-view .yui-layout-hd h2 {
color: black;
}