MDL-23617 fixed borked style sheet and more resizing improvements and fixed nav bar
authorPetr Skoda <skodak@moodle.org>
Fri, 15 Oct 2010 09:21:52 +0000 (09:21 +0000)
committerPetr Skoda <skodak@moodle.org>
Fri, 15 Oct 2010 09:21:52 +0000 (09:21 +0000)
mod/imscp/locallib.php
mod/imscp/module.js
mod/imscp/style.css [deleted file]
mod/imscp/styles.css [new file with mode: 0644]

index 5df3497..522cc54 100644 (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;
index 6525f7e..c51c424 100644 (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]);
diff --git a/mod/imscp/style.css b/mod/imscp/style.css
deleted file mode 100644 (file)
index fba8afd..0000000
+++ /dev/null
@@ -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;
-}
\ No newline at end of file
diff --git a/mod/imscp/styles.css b/mod/imscp/styles.css
new file mode 100644 (file)
index 0000000..7fbb568
--- /dev/null
@@ -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;
+}
\ No newline at end of file