MDL-56603 message: Added see all link to message popup.

lang/en/message.php

@@ -99,6 +99,8 @@ $string['requiresconfiguration'] = 'Requires configuration';
 $string['searchforuser'] = 'Search for a user';
 $string['searchforuserorcourse'] = 'Search for a user or course';
 $string['searchmessages'] = 'Search messages';
+$string['searchcombined'] = 'Search people and messages';
+$string['seeall'] = 'See all';
 $string['selectmessagestodelete'] = 'Select messages to delete';
 $string['selectnotificationtoview'] = 'Select from the list of notifications on the side to view more details';
 $string['send'] = 'Send';

lib/templates/popover_region.mustache

@@ -63,5 +63,13 @@
             </div>
             {{> core/loading }}
         </div>
+        {{$anchor}}
+            <a class="see-all-link"
+                href="{{{urls.seeall}}}">
+                <div class="popover-region-footer-container">
+                    <div class="popover-region-seeall-text">{{#str}} seeall, message {{/str}}</div>
+                </div>
+            </a>
+        {{/anchor}}
     </div>
 </div>

message/output/popup/lib.php

@@ -46,6 +46,7 @@ function message_popup_render_navbar_output(\renderer_base $renderer) {
         $context = [
             'userid' => $USER->id,
             'urls' => [
+                'seeall' => (new moodle_url('/message/index.php'))->out(),
                 'writeamessage' => (new moodle_url('/message/index.php', ['contactsfirst' => 1]))->out(),
                 'preferences' => (new moodle_url('/message/edit.php', ['id' => $USER->id]))->out(),
             ],

theme/boost/scss/moodle/popover-region.scss

@@ -4,10 +4,12 @@ $region-container-height: 500px;
 $region-container-width: 380px;
 $region-container-z-index: 1;
 $region-header-height: 25px;
+$region-footer-height: 30px;
 $content-item-hover-colour-bg: #79b5e6;
 $content-item-hover-colour-text: #fff;
 $content-item-selected-colour-bg: #4f94cd;
 $content-item-unread-colour: #f4f4f4;
+$content-header-footer-height: $region-header-height + $region-footer-height;
 
 @mixin invisible() {
     opacity: 0;
@@ -103,6 +105,14 @@ $content-item-unread-colour: #f4f4f4;
     box-sizing: border-box;
 }
 
+.popover-region-footer-container {
+    height: $region-footer-height;
+    text-align: center;
+    border-top: $standard-border;
+    background-color: $popover-bg;
+    padding-top: 3px;
+}
+
 .popover-region-header-text {
     float: left;
     margin: 0;
@@ -136,7 +146,7 @@ $content-item-unread-colour: #f4f4f4;
 }
 
 .popover-region-content-container {
-    height: calc(100% - 25px);
+    height: calc(100% - #{$content-header-footer-height});
     width: 100%;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;

theme/bootstrapbase/less/moodle/popover_region.less

@@ -81,6 +81,17 @@
     box-sizing: border-box;
 }
 
+.popover-region-footer-container {
+    height: 30px;
+    text-align: center;
+    border-top: 1px solid #ddd;
+    background-color: @popoverBackground;
+
+    .popover-region-seeall-text {
+        padding-top: 4px;
+    }
+}
+
 .popover-region-header-text {
     float: left;
     margin: 0;
@@ -112,7 +123,7 @@
 }
 
 .popover-region-content-container {
-    height: ~"calc(100% - 25px)";
+    height: ~"calc(100% - 56px)";
     width: 100%;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;

theme/bootstrapbase/style/moodle.css

@@ -7796,6 +7796,15 @@ body.path-question-type .mform fieldset.hidden {
   border-bottom: 1px solid #ddd;
   box-sizing: border-box;
 }
+.popover-region-footer-container {
+  height: 30px;
+  text-align: center;
+  border-top: 1px solid #ddd;
+  background-color: #fff;
+}
+.popover-region-footer-container .popover-region-seeall-text {
+  padding-top: 4px;
+}
 .popover-region-header-text {
   float: left;
   margin: 0;
@@ -7824,7 +7833,7 @@ body.path-question-type .mform fieldset.hidden {
   margin-bottom: 0;
 }
 .popover-region-content-container {
-  height: calc(100% - 25px);
+  height: calc(100% - 56px);
   width: 100%;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;