Browse Source

Correções de layout e melhoria na navegação dos cursos

MOODLE_32_ILB
Sesostris Vieira 11 years ago
parent
commit
b477daa3a7
  1. 8
      config.php
  2. 165
      layout/course.php
  3. 9
      layout/frontpage.php
  4. 9
      layout/general.php
  5. 12
      layout/incourse.php
  6. BIN
      pix/logo-ilb.png
  7. BIN
      pix/logo-saberes.png
  8. 60
      renderers.php
  9. 106
      style/core.css

8
config.php

@ -42,6 +42,12 @@ $THEME->parents = array(
'leatherbound', 'leatherbound',
); );
/////////////////////////////////////////////////////
// theme renderers
/////////////////////////////////////////////////////
$THEME->rendererfactory = 'theme_overridden_renderer_factory';
///////////////////////////////////////////////////// /////////////////////////////////////////////////////
// Which existing theme(s) in the /theme/ directory // Which existing theme(s) in the /theme/ directory
// do you want this theme to extend. A theme can // do you want this theme to extend. A theme can
@ -88,7 +94,7 @@ $THEME->layouts = array(
'defaultregion' => 'side-pre', 'defaultregion' => 'side-pre',
), ),
'course' => array( 'course' => array(
'file' => 'general.php', 'file' => 'course.php',
'regions' => array('side-pre', 'side-post'), 'regions' => array('side-pre', 'side-post'),
'defaultregion' => 'side-pre' 'defaultregion' => 'side-pre'
), ),

165
layout/course.php

@ -0,0 +1,165 @@
<?php
$hasheading = ($PAGE->heading);
$hasnavbar = (empty($PAGE->layout_options['nonavbar']) && $PAGE->has_navbar());
$hasfooter = (empty($PAGE->layout_options['nofooter']));
$hassidepre = $PAGE->blocks->region_has_content('side-pre', $OUTPUT);
$hassidepost = $PAGE->blocks->region_has_content('side-post', $OUTPUT);
$custommenu = $OUTPUT->custom_menu();
$hascustommenu = (empty($PAGE->layout_options['nocustommenu']) && !empty($custommenu));
$courseheader = $coursecontentheader = $coursecontentfooter = $coursefooter = '';
if (empty($PAGE->layout_options['nocourseheaderfooter'])) {
$courseheader = $OUTPUT->course_header();
$coursecontentheader = $OUTPUT->course_content_header();
if (empty($PAGE->layout_options['nocoursefooter'])) {
$coursecontentfooter = $OUTPUT->course_content_footer();
$coursefooter = $OUTPUT->course_footer();
}
}
$bodyclasses = array();
if ($hassidepre && !$hassidepost) {
$bodyclasses[] = 'side-pre-only';
} else if ($hassidepost && !$hassidepre) {
$bodyclasses[] = 'side-post-only';
} else if (!$hassidepost && !$hassidepre) {
$bodyclasses[] = 'content-only';
}
if ($hascustommenu) {
$bodyclasses[] = 'has_custom_menu';
}
echo $OUTPUT->doctype() ?>
<html <?php echo $OUTPUT->htmlattributes() ?>>
<head>
<title><?php echo $PAGE->title ?></title>
<link rel="shortcut icon" href="<?php echo $OUTPUT->pix_url('favicon', 'theme')?>" />
<?php echo $OUTPUT->standard_head_html() ?>
</head>
<body id="<?php p($PAGE->bodyid) ?>" class="<?php p($PAGE->bodyclasses.' '.join(' ', $bodyclasses)) ?>">
<?php echo $OUTPUT->standard_top_of_body_html() ?>
<div id="page">
<?php require_once "topo.php" ?>
<?php if ($hasheading) { ?>
<div id="page-header">
<div id="page-header-wrapper" class="wrapper clearfix">
<div class="course-logo-wrapper">
<a href="<?php echo $CFG->wwwroot; ?>" title="<?php print_string('home'); ?>">
<img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="course-logo-header">
</a>
</div>
<div class="heading-wrapper">
<h1 class="headermain inside"><?php echo $PAGE->heading ?></h1>
</div>
<div class="headermenu">
<?php
echo $OUTPUT->login_info();
if (!empty($PAGE->layout_options['langmenu'])) {
echo $OUTPUT->lang_menu();
}
echo $PAGE->headingmenu
?>
<div class="header-banners">
<a href="http://www.interlegis.leg.br" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>">
</a>
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a>
</div>
</div>
</div>
</div>
<?php } ?>
<?php if ($hascustommenu) { ?>
<div id="custommenuwrap"><div id="custommenu"><?php echo $custommenu; ?></div></div>
<?php } ?>
<?php if (!empty($courseheader)) { ?>
<div id="course-header"><?php echo $courseheader; ?></div>
<?php } ?>
<?php if ($hasnavbar) { ?>
<div class="navbar">
<div class="wrapper clearfix">
<div class="breadcrumb"><?php echo $OUTPUT->navbar(); ?></div>
<div class="navbutton"> <?php echo $PAGE->button; ?></div>
</div>
</div>
<?php } ?>
<!-- END OF HEADER -->
<div id="page-content-wrapper" class="wrapper clearfix">
<div id="page-content">
<div id="region-main-box">
<div id="region-post-box">
<div id="region-main-wrap">
<div id="region-main">
<div class="region-content">
<?php echo $coursecontentheader; ?>
<?php echo $OUTPUT->main_content() ?>
<?php echo $coursecontentfooter; ?>
</div>
</div>
</div>
<?php if ($hassidepre) { ?>
<div id="region-pre" class="block-region">
<div class="region-content">
<?php echo $OUTPUT->blocks_for_region('side-pre') ?>
</div>
</div>
<?php } ?>
<?php if ($hassidepost) { ?>
<div id="region-post" class="block-region">
<div class="region-content">
<?php echo $OUTPUT->blocks_for_region('side-post') ?>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</div>
<?php if (!empty($coursefooter)) { ?>
<div id="course-footer"><?php echo $coursefooter; ?></div>
<?php } ?>
<!-- START OF FOOTER -->
<?php if ($hasfooter) { ?>
<div id="page-footer">
<p class="helplink"><?php echo page_doc_link(get_string('moodledocslink')) ?></p>
<?php
echo $OUTPUT->login_info();
//echo $OUTPUT->home_link();
echo $OUTPUT->standard_footer_html();
?>
<div class="footer-senado">
<span class="vertical-helper"></span>
<div class="footer-left">
</div>
<div class="footer-center">
<span>Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900</span>
</div>
<div class="footer-right">
<a href="http://www.moodle.org" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-moodle', 'theme')?>" class="logo-footer-right">
</a>
</div>
</div>
</div>
<?php } ?>
</div>
<?php echo $OUTPUT->standard_end_of_body_html() ?>
</body>
</html>

9
layout/frontpage.php

@ -46,9 +46,6 @@ echo $OUTPUT->doctype() ?>
<img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="logo-header"> <img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="logo-header">
</a> </a>
</div> </div>
<div class="heading-wrapper">
<h1 class="headermain inside"><?php echo $PAGE->heading ?></h1>
</div>
<div class="headermenu"> <div class="headermenu">
<?php <?php
echo $OUTPUT->login_info(); echo $OUTPUT->login_info();
@ -58,12 +55,12 @@ echo $OUTPUT->doctype() ?>
echo $PAGE->headingmenu echo $PAGE->headingmenu
?> ?>
<div class="header-banners"> <div class="header-banners">
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a>
<a href="http://www.interlegis.leg.br" target="_blank"> <a href="http://www.interlegis.leg.br" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>"> <img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>">
</a> </a>
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a>
</div> </div>
</div> </div>
</div> </div>

9
layout/general.php

@ -53,9 +53,6 @@ echo $OUTPUT->doctype() ?>
<img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="logo-header"> <img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="logo-header">
</a> </a>
</div> </div>
<div class="heading-wrapper">
<h1 class="headermain inside"><?php echo $PAGE->heading ?></h1>
</div>
<div class="headermenu"> <div class="headermenu">
<?php <?php
echo $OUTPUT->login_info(); echo $OUTPUT->login_info();
@ -65,12 +62,12 @@ echo $OUTPUT->doctype() ?>
echo $PAGE->headingmenu echo $PAGE->headingmenu
?> ?>
<div class="header-banners"> <div class="header-banners">
<a href="http://www.interlegis.leg.br" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>">
</a>
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank"> <a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>"> <img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a> </a>
<a href="http://www.interlegis.leg.br" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>">
</a>
</div> </div>
</div> </div>
</div> </div>

12
layout/incourse.php

@ -47,9 +47,9 @@ echo $OUTPUT->doctype() ?>
<?php if ($hasheading) { ?> <?php if ($hasheading) { ?>
<div id="page-header"> <div id="page-header">
<div id="page-header-wrapper" class="wrapper clearfix"> <div id="page-header-wrapper" class="wrapper clearfix">
<div class="logo-wrapper"> <div class="course-logo-wrapper">
<a href="<?php echo $CFG->wwwroot; ?>" title="<?php print_string('home'); ?>"> <a href="<?php echo $CFG->wwwroot; ?>" title="<?php print_string('home'); ?>">
<img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="logo-header"> <img src="<?php echo $OUTPUT->pix_url('logo-saberes', 'theme')?>" class="course-logo-header">
</a> </a>
</div> </div>
<div class="heading-wrapper"> <div class="heading-wrapper">
@ -64,12 +64,12 @@ echo $OUTPUT->doctype() ?>
echo $PAGE->headingmenu echo $PAGE->headingmenu
?> ?>
<div class="header-banners"> <div class="header-banners">
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a>
<a href="http://www.interlegis.leg.br" target="_blank"> <a href="http://www.interlegis.leg.br" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>"> <img src="<?php echo $OUTPUT->pix_url('logo-interlegis', 'theme')?>">
</a> </a>
<a href="http://www12.senado.gov.br/senado/ilb" target="_blank">
<img src="<?php echo $OUTPUT->pix_url('logo-ilb', 'theme')?>">
</a>
</div> </div>
</div> </div>
</div> </div>
@ -106,7 +106,7 @@ echo $OUTPUT->doctype() ?>
<?php echo $coursecontentheader; ?> <?php echo $coursecontentheader; ?>
<?php echo $OUTPUT->main_content() ?> <?php echo $OUTPUT->main_content() ?>
<?php echo $coursecontentfooter; ?> <?php echo $coursecontentfooter; ?>
<a href="<?php global $DB; echo course_get_url($PAGE->course, $DB->get_field('course_sections', 'section', array('id' => $PAGE->cm->section))); ?>">Voltar ao curso</a> <div class="voltar-curso"> <a href="<?php global $DB; echo course_get_url($PAGE->course, $DB->get_field('course_sections', 'section', array('id' => $PAGE->cm->section))); ?>">Voltar ao curso</a></div>
</div> </div>
</div> </div>

BIN
pix/logo-ilb.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
pix/logo-saberes.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 27 KiB

After

Width:  |  Height:  |  Size: 23 KiB

60
renderers.php

@ -0,0 +1,60 @@
<?php
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
/**
* Renderer for use with the course section and all the goodness that falls
* within it.
*
* This renderer should contain methods useful to courses, and categories.
*
* @package theme_ilb2014
* @copyright 2014 ILB / Interlegis / Senado Federal
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v2
*/
include_once("$CFG->dirroot/course/renderer.php");
/**
* The core course renderer
*
* Can be retrieved with the following:
* $renderer = $PAGE->get_renderer('core','course');
*/
class theme_ilb2014_core_course_renderer extends core_course_renderer {
/**
* Returns HTML to print tree of course categories (with number of courses) for the frontpage
*
* @return string
*/
public function frontpage_categories_list() {
global $CFG;
require_once($CFG->libdir. '/coursecatlib.php');
$chelper = new coursecat_helper();
$chelper->set_subcat_depth($CFG->maxcategorydepth)->
set_show_courses(self::COURSECAT_SHOW_COURSES_AUTO)->
set_categories_display_options(array(
'limit' => $CFG->coursesperpage,
'viewmoreurl' => new moodle_url('/course/index.php',
array('browse' => 'categories', 'page' => 1))
))->
set_attributes(array('class' => 'frontpage-category-names'));
return $this->coursecat_tree($chelper, coursecat::get(0));
}
}

106
style/core.css

@ -108,6 +108,68 @@ margin:0 0 0 0 auto;
padding:0 0 0 0; padding:0 0 0 0;
} }
/*Pagina Placeholder de Login*/
.login-placeholder{
width: 30.2% !important;
float: left !important;
margin-bottom: -2000px !important;
padding-bottom: 2000px !important;
border: 0 !important;
padding-top: 30px;
}
.signuppanel2{
border-left: 2px solid #E6E6E6 !important;
border-right: 2px solid #E6E6E6 !important;
}
.login-placeholder.signuppanel2 .subcontent{
text-align: justify !important;
}
.login-placeholder.signuppanel .subcontent{
text-align: center !important;
}
.login-placeholder.signuppanel2{
padding-left: 2%;
padding-right: 2%;
}
.login-placeholder.signuppanel{
padding-left: 2%;
}
.login-placeholder.loginpanel{
padding-right: 2%;
}
.login-placeholder h2{
margin: 0;
padding: 0;
color: #042656;
}
.signuppanel2 .subcontent, .signuppanel .subcontent, .loginpanel .desc{
color: #042656;
}
.obs-box{
margin-top: 35px;
padding-top: 35px;
border-top: 2px solid #E6E6E6;
font-size: 12px;
}
.obs{
width: 28.95%;
padding: 0 2%;
float: left;
text-align: justify;
}
/* Global /* Global
------------------------*/ ------------------------*/
@ -127,6 +189,7 @@ background: #00305c;
color: whitesmoke; color: whitesmoke;
font-weight: bold; font-weight: bold;
border: 0; border: 0;
margin: 4px 2px;
padding: 4px 10px; padding: 4px 10px;
white-space: normal; white-space: normal;
} }
@ -166,6 +229,23 @@ a img {
a:active { a:active {
outline: none; outline: none;
} }
/*Incourse e Coursecategory*/
.voltar-curso{
text-align: center;
margin-top: 10px;
}
.coursebox > .info > .name{
width: 90%;
}
.coursebox .content .summary{
width: 90%;
float: left;
padding-left: 31px;
text-align: justify;
}
/* Header /* Header
-----------------------*/ -----------------------*/
@ -194,14 +274,17 @@ a:active {
#page-header-wrapper { #page-header-wrapper {
height: 110px; height: 110px;
position: relative;
} }
.headermenu { .headermenu {
margin: 0; margin: 0;
font-size: 0.9em; font-size: 0.9em;
position: relative; position: absolute;
height: 100%; height: 100%;
width: 268px; width: 268px;
right: 0;
top: 0;
} }
.vertical-helper{ .vertical-helper{
@ -212,22 +295,33 @@ a:active {
.heading-wrapper{ .heading-wrapper{
position: absolute; position: absolute;
margin-left: 230px; margin-left: 320px;
margin-right: 300px; margin-right: 300px;
margin-top: 30px; margin-top: 30px;
} }
.logo-header { .course-logo-header {
margin-right: 25px; margin-right: 25px;
height: 75px; height: 70px;
vertical-align: middle; vertical-align: middle;
} }
.logo-wrapper { .course-logo-wrapper {
float: left; float: left;
width: 220px; width: 220px;
margin-top: 18px; margin-top: 18px;
} }
.logo-header {
height: 91px;
vertical-align: middle;
}
.logo-wrapper {
width: 402px;
margin: 0 auto;
padding-top: 8px;
}
.header-banners img{ .header-banners img{
height: 35px; height: 35px;
} }
@ -349,7 +443,7 @@ color: #fff;
background-color: #042656; background-color: #042656;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
font-size: 0.7em; font-size: 0.8em;
height: 30px; height: 30px;
margin-top: 10px; margin-top: 10px;
padding: 5px 13px; padding: 5px 13px;

Loading…
Cancel
Save