Merge pull request #299 from dpalou/MOBILE-1330

MOBILE-1330 labels: Don't shorten description in labels

Author: jleyva

www/addons/mod_label/templates/index.html

@@ -1,6 +1,6 @@
 <ion-view>
     <ion-nav-title>{{ 'mma.mod_label.label' | translate }}</ion-nav-title>
     <ion-content>
-        <mm-course-mod-description description="description"></mm-course-mod-description>
+        <mm-course-mod-description description="description" showfull="true"></mm-course-mod-description>
     </ion-content>
 </ion-view>

www/core/components/course/directives/mod_description.js

@@ -31,6 +31,11 @@ angular.module('mm.core.course')
  * If the description is asynchronous you should set the attribute 'watch' to true.
  * This attribute is directly shared with mmFormatText which needs it.
  *
+ * You can add a note at the right side of the description by using the 'note' attribute.
+ *
+ * Module descriptions are shortened by default, allowing the user to see the full description by clicking in it.
+ * If you want the whole description to be shown you can use the 'showfull' attribute.
+ *
  * @example
  *
  * <mm-course-mod-description description="myDescription"></mm-course-mod-description>
@@ -43,6 +48,10 @@ angular.module('mm.core.course')
             if (attrs.watch) {
                 element.find('mm-format-text').attr('watch', attrs.watch);
             }
+
+            return function(scope) { // Link function.
+                scope.showfull = !!attrs.showfull;
+            };
         },
         restrict: 'E',
         scope: {

www/core/components/course/templates/mod_description.html

@@ -1,6 +1,7 @@
 <div class="card" ng-if="description">
     <div class="item item-text-wrap item-body">
-        <mm-format-text class="mm-content-with-float" shorten fullview-on-click="true">{{ description }}</mm-format-text>
+        <mm-format-text ng-if="!showfull" class="mm-content-with-float" shorten fullview-on-click="true">{{ description }}</mm-format-text>
+        <mm-format-text ng-if="showfull" class="mm-content-with-float">{{ description }}</mm-format-text>
         <p ng-if="note"><span class="item-note">{{ note }}</span></p>
     </div>
 </div>