Imagens e layout do curso

renderers.php

@@ -25,3 +25,4 @@ defined('MOODLE_INTERNAL') || die();
 
 require_once('renderers/core_renderer.php');
 require_once('renderers/course_renderer.php');
+//require_once('renderers/block_news_items_renderer.php');

renderers/block_news_items_renderer.php

@@ -0,0 +1,153 @@
+<?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/>.
+
+/**
+ * Snap assignment renderer.
+ * Overrides core assignment renderer, this code is not great.
+ * Unfortunatly tried to keep as close to original renderer for maintainability.
+ *
+ * @package   theme_snap
+ * @copyright Copyright (c) 2017 Blackboard Inc.
+ * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+//namespace theme_qualisaude\output;
+
+defined('MOODLE_INTERNAL') || die();
+
+//require_once($CFG->dirroot.'/blocks/news_items/block_news_items.php');
+//require_once($CFG->dirroot.'/blocks/moodleblock.class.php');
+
+class theme_qualisaude_block_news_items_renderer extends block_news_items_renderer {
+
+
+    function get_content() {
+        global $CFG, $USER;
+
+        if ($this->content !== NULL) {
+            return $this->content;
+        }
+
+        $this->content = new stdClass;
+        $this->content->text = '';
+        $this->content->footer = '';
+
+        if (empty($this->instance)) {
+            return $this->content;
+        }
+
+
+        if ($this->page->course->newsitems) {   // Create a nice listing of recent postings
+
+            require_once($CFG->dirroot.'/mod/forum/lib.php');   // We'll need this
+
+            $text = '';
+
+            if (!$forum = forum_get_course_forum($this->page->course->id, 'news')) {
+                return '';
+            }
+
+            $modinfo = get_fast_modinfo($this->page->course);
+            if (empty($modinfo->instances['forum'][$forum->id])) {
+                return '';
+            }
+            $cm = $modinfo->instances['forum'][$forum->id];
+
+            if (!$cm->uservisible) {
+                return '';
+            }
+
+            $context = context_module::instance($cm->id);
+
+            /// User must have perms to view discussions in that forum
+            if (!has_capability('mod/forum:viewdiscussion', $context)) {
+                return '';
+            }
+
+            /// First work out whether we can post to this group and if so, include a link
+            $groupmode    = groups_get_activity_groupmode($cm);
+            $currentgroup = groups_get_activity_group($cm, true);
+
+            if (forum_user_can_post_discussion($forum, $currentgroup, $groupmode, $cm, $context)) {
+                $text .= '<div class="newlink"><a href="'.$CFG->wwwroot.'/mod/forum/post.php?forum='.$forum->id.'">'.
+                    get_string('addanewtopic', 'forum').'</a>...</div>';
+            }
+
+            /// Get all the recent discussions we're allowed to see
+
+            // This block displays the most recent posts in a forum in
+            // descending order. The call to default sort order here will use
+            // that unless the discussion that post is in has a timestart set
+            // in the future.
+            // This sort will ignore pinned posts as we want the most recent.
+            $sort = forum_get_default_sort_order(true, 'p.modified', 'd', false);
+            if (! $discussions = forum_get_discussions($cm, $sort, false,
+                -1, $this->page->course->newsitems,
+                false, -1, 0, FORUM_POSTS_ALL_USER_GROUPS) ) {
+                $text .= '('.get_string('nonews', 'forum').')';
+                $this->content->text = $text;
+                return $this->content;
+            }
+
+            /// Actually create the listing now
+
+            $strftimerecent = get_string('strftimerecent');
+            $strmore = get_string('more', 'forum');
+
+            /// Accessibility: markup as a list.
+            $text .= "\n<ul class='unlist'>\n";
+            foreach ($discussions as $discussion) {
+
+                $discussion->subject = $discussion->name;
+
+                $discussion->subject = format_string($discussion->subject, true, $forum->course);
+
+                $text .= '<li class="post">'.
+                    '<div class="head clearfix">'.
+                    '<div class="info"><a href="'.$CFG->wwwroot.'/mod/forum/discuss.php?d='.$discussion->discussion.'">'.$discussion->subject.'</a></div>'.
+                    "</li>\n";
+            }
+            $text .= "</ul>\n";
+
+            $this->content->text = $text;
+
+            $this->content->footer = '<a href="'.$CFG->wwwroot.'/mod/forum/view.php?f='.$forum->id.'">'.
+                get_string('oldertopics', 'forum').'</a> ...';
+
+            /// If RSS is activated at site and forum level and this forum has rss defined, show link
+            if (isset($CFG->enablerssfeeds) && isset($CFG->forum_enablerssfeeds) &&
+                $CFG->enablerssfeeds && $CFG->forum_enablerssfeeds && $forum->rsstype && $forum->rssarticles) {
+                require_once($CFG->dirroot.'/lib/rsslib.php');   // We'll need this
+                if ($forum->rsstype == 1) {
+                    $tooltiptext = get_string('rsssubscriberssdiscussions','forum');
+                } else {
+                    $tooltiptext = get_string('rsssubscriberssposts','forum');
+                }
+                if (!isloggedin()) {
+                    $userid = $CFG->siteguest;
+                } else {
+                    $userid = $USER->id;
+                }
+
+                $this->content->footer .= '<br />'.rss_get_link($context->id, $userid, 'mod_forum', $forum->id, $tooltiptext);
+            }
+
+        }
+
+        return $this->content;
+    }
+
+}

scss/preset/custom.scss

@@ -227,6 +227,7 @@ section#inicial{
 }
 #cabecalho-geral .card{
   background-color:transparent;
+  border: 0px;
 }
 #cabecalho-geral .breadcrumb .breadcrumb-item{
   color:#fff;
@@ -241,10 +242,17 @@ section#inicial{
   padding-left: 0px;
   padding-right: 0px;
 }
-#cabecalho-geral div.page-title > h1{
+#cabecalho-geral{
-  color:#fff;
+  div.page-title{
-  font-size: 28px;
+     h1{
-  font-weight: 700;
+      color:#fff;
+      font-size: 28px;
+      font-weight: 700;
+       &.course-title{
+         margin-top: 30px;
+       }
+    }
+  }
 }
 
 /* ################################### DASHBOARD ################################# */
@@ -253,4 +261,108 @@ section#inicial{
   #region-main{
     border: 0px;
   }
-}
+}
+
+/* ################################### CURSO ################################# */
+
+.pagelayout-course{
+  #region-main{
+    border: 0px;
+    .completionprogress{display: none;}
+  }
+}
+
+/* ################################### BLOCOS Laterais ################################# */
+
+/* Blocos gerais */
+.card{
+  border: 0px;
+  .card-body{
+    padding: 0;
+    .context-header-settings-menu{
+      position: absolute;
+      right: 0px;
+    }
+    .card-title{
+      color: $color_padrao_azul;
+      //background-color: #6482c1;
+      //padding: 10px 15px 5px 15px !important;
+      //border-radius: 5px 5px 0 0;
+      //width: auto !important;
+      //font-size: 14px !important;
+    }
+    .card-title:before {
+      font-family: FontAwesome;
+      display: inline-block;
+      padding-right: 10px;
+      vertical-align: middle;
+      font-size: 32px;
+    }
+    .card-text{
+      background: #fff !important;
+      .card-deck{
+        overflow: auto;
+        .card{
+          -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
+          -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
+          box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
+          margin-top: 10px;
+        }
+      }
+    }
+  }
+}
+
+/* Blocos da lateral */
+#block-region-side-pre{
+  .card{
+    border: 1px solid $color_padrao_azul;
+    border-radius: 15px;
+    padding: 10px;
+    .card-body{
+      .card-title{
+        width: 100%;
+        font-size: 17px!important;
+        display: table !important;
+        text-align: center;
+        font-weight: 700;
+      }
+    }
+  }
+  .block_news_items{
+    .card-text{
+      ul{
+        li.post{
+          display: table;
+          border-top: 1px solid #bbbbbb;
+          width: 100%;
+          margin-top: 10px;
+          .head{
+            display: table-footer-group;
+            font-size: 12px;
+            .date{
+              display: table-cell;
+            }
+          }
+          .info{
+            display: table-header-group;
+            font-weight: 700;
+          }
+        }
+      }
+    }
+  }
+}
+
+.mr-auto{
+  //display: none;
+}
+
+.block_recentlyaccessedcourses > .card-body > .card-title:before {content: "\f0ae";}
+.block_timeline > .card-body > .card-title:before {content: "\f1da";}
+.block_myoverview > .card-body > .card-title:before {content: "\f015";}
+
+.card-body > .content{
+  background-color: #fff;
+}
+

scss/preset/theme.scss

@@ -2,7 +2,7 @@
 $color_olivine_approx: #6482c1;
 $white: #fff;
 $color_storm_dust_approx: #656565;
-$blaze_orange: #f60;
+$blaze_orange: #0A486B; // Cor padrao
 $color_ebb_approx: #e8e3e3;
 $color_woodsmoke_approx: #111;
 $color_alto_approx: #dedede;
@@ -42,6 +42,7 @@ $color_trendy_pink_approx: #8e558e;
 $color_monatana: #373a3c;
 $color_whisper: #e6e6e6;
 $color_light_gray: #f8f9fa;
+$color_padrao_azul: #0A486B;
 
 //fonts
 $font_0: 'Lato';
@@ -2461,8 +2462,8 @@ table {
     .card-body {
         padding: 0;
         .card-title {
-            width: 60%;
+            width: 100%;
-            padding: 15px;
+            padding: 0px;
             margin-bottom: 0;
             //display: none !important;
         }

style/custom.css

@@ -31,55 +31,6 @@ a{color: #474749;}
     margin-bottom: 2px;
 }
 
-.card{
-    border: 0px;
-}
-.card > .card-body{
-    padding: 0;
-}
-
-.mr-auto{
-    display: none;
-}
-
-.card > .card-body .context-header-settings-menu{
-    position: absolute;
-    right: 0px;
-}
-
-.card-body > .card-title{
-    color: #fff;
-    background-color: #6482c1;
-    padding: 10px 15px 5px 15px !important;
-    border-radius: 5px 5px 0 0;
-    width: auto !important;
-    font-size: 14px !important;
-}
-.card-body > .card-text{background: #fff !important;}
-.card-body > .card-text .card-deck{overflow: auto;}
-.card-body > .card-text .card-deck .card{
-    -webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
-    -moz-box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
-    box-shadow: 0 0 6px 3px rgba(0,0,0,.1);
-    margin-top: 10px;
-}
-
-.block > .card-body > .card-title:before {
-    font-family: FontAwesome;
-    display: inline-block;
-    padding-right: 10px;
-    vertical-align: middle;
-    font-size: 32px;
-}
-
-.block_recentlyaccessedcourses > .card-body > .card-title:before {content: "\f0ae";}
-.block_timeline > .card-body > .card-title:before {content: "\f1da";}
-.block_myoverview > .card-body > .card-title:before {content: "\f015";}
-
-.card-body > .content{
-    background-color: #fff;
-}
-
 /*############################################################# Barra de progresso*/
 
 /* My */

templates/course.mustache

@@ -58,13 +58,23 @@
 
      {{>theme_qualisaude/header}}
 
+    <div class="cabecalho-header">
+        <div id="cabecalho-geral" class="container-fluid">
+            <div class="page-title">
+                {{{ output.breadscrumb }}}
+                <h1 class="course-title">{{coursedata.fullname}}</h1>
+            </div>
+            {{{ output.edit_buttons }}}
+        </div>
+    </div>
+
     <div id="page" class="container-fluid">
 
-        {{{ output.full_header }}}
+<!--        {{{ output.full_header }}}-->
-        <div class="page-title">
+<!--        <div class="page-title">-->
-            <h1>{{coursedata.fullname}}</h1>
+<!--            <h1>{{coursedata.fullname}}</h1>-->
-        </div>
+<!--        </div>-->
-        {{{progresso}}}
+<!--        {{{progresso}}}-->
         <div id="page-content" class="row pb-3">
             <div id="region-main-box" class="col-12">
                 {{#hasregionmainsettingsmenu}}
@@ -73,6 +83,7 @@
                 </div>
                 {{/hasregionmainsettingsmenu}}
                 <section id="region-main" {{#hasblocks}}class="has-blocks mb-3"{{/hasblocks}}>
+                    {{{coursedata.summary}}}
                     {{#hasregionmainsettingsmenu}}
                         <div class="region_main_settings_menu_proxy"></div>
                     {{/hasregionmainsettingsmenu}}

templates/edit_buttons.mustache

@@ -34,6 +34,19 @@
     <div class="col-12 pt-3 pb-3">
         <div class="card {{^contextheader}}border-0 bg-transparent{{/contextheader}}">
             <div class="card-body {{^contextheader}}p-2{{/contextheader}}">
+                <div class="d-flex">
+                    {{#contextheader}}
+                        <div class="mr-auto">
+<!--                            {{{contextheader}}}-->
+                        </div>
+                    {{/contextheader}}
+
+                    {{#settingsmenu}}
+                        <div class="context-header-settings-menu">
+                            {{{settingsmenu}}}
+                        </div>
+                    {{/settingsmenu}}
+                </div>
                 <div class="d-flex flex-wrap">
                     <div class="ml-auto d-flex">
                         {{{pageheadingbutton}}}