[Messages] Improvements on components

courses_legacy/static/js/messages/message-detail/message-detail.component.js

@@ -4,19 +4,35 @@
         module('messageDetail').
         component('messageDetail', {
             templateUrl: '/legacy/message-detail.template.html',
-            controller: 'MessageController',
+            controller: MessageController,
             bindings: {},
         });
 
     MessageController.$inject = [
         '$scope',
-        '$window',
+        '$stateParams',
         '$sce',
         'Message',
         'MessageRead',
     ];
 
-    function MessageController ($scope, $window, $sce, Message, MessageRead) {
+    function MessageController ($scope, $stateParams, $sce, Message, MessageRead) {
+
+        var ctrl = this;
+
+        $scope.message_id = $stateParams.messageId;
+        $scope.message = Message.get({messageId: $scope.message_id}, function(message) {
+            MessageRead.get({message:$scope.message_id}, (response) => {
+                if (response.is_read)
+                    return response
+            }, () => {
+                MessageRead.save({message: $scope.message_id});
+            })
+        });
+
+        $scope.get_as_safe_html = function(html_content) {
+            return $sce.trustAsHtml(html_content);
+        }
 
     }
 })();
\ No newline at end of file

courses_legacy/static/js/messages/message-list/message-list.component.js

 (function() {
     'use strict';
     angular.
-        module('messageList').
-        component('messageList', {
+        module('messagesList').
+        component('messagesList', {
             templateUrl: '/legacy/message-list.template.html',
             controller: 'MessagesListController',
             bindings: {},

courses_legacy/static/js/messages/message-list/message-list.module.js

 (function() {
     'use strict';
 
-    angular.module('messageList', [
+    angular.module('messagesList', [
         'messages.services',
     ]);
 

courses_legacy/templates/components/message-detail.template.html

@@ -2,17 +2,17 @@
   <header class="page-header">
       <h2>Avisos</h2>
       {% verbatim %}
-      <a class="btn btn-primary see-more" ng-href="/course/{{message.course_slug}}/messages/">ver todos os avisos</a>
+      <a class="btn btn-primary see-more" ng-href="/course/{{$ctrl.message.course_slug}}/messages/">ver todos os avisos</a>
       {% endverbatim %}
   </header>
   {% block messages_content %}
   <div class="messages">
       {% verbatim %}
-      <h1 class="bottom">{{ message.subject }}</h1>
-      <p class="date">{{ message.date|date:"dd/MM/yy" }}</p>
+      <h1 class="bottom">{{ $ctrl.message.subject }}</h1>
+      <p class="date">{{ $ctrl.message.date|date:"dd/MM/yy" }}</p>
       {% endverbatim %}
       <div class="body">
-          <span ng-bind-html="get_as_safe_html(message.message)"> </span>
+          <span ng-bind-html="get_as_safe_html($ctrl.message.message)"> </span>
       </div>
       <!-- <div class="row">
           <div class="students col-lg-12">