landing page: display first 10 line in description

Author: zubeydecivelek

cds/config.py

@@ -1084,6 +1084,11 @@ def _parse_env_bool(var_name, default=None):
         "qs": 'q=keywords.name:"VNR" OR keywords.name:"video news release"',
     },
 ]
+###############################################################################
+# Record Landing page
+###############################################################################
+
+DESCRIPTION_PREVIEW_LINES = 10
 
 ###############################################################################
 # Security

cds/modules/records/static/templates/cds_records/video/detail.html

@@ -235,7 +235,7 @@ <h4>{{translation.title.title}}</h4>
           <!-- Date & Views -->
           <!-- Description -->
           <div ng-init="showFullDescription=false" class="cds-detail-description cds-detail-video-description t-b px-20">
-            <p class="mb-30" ng-bind-html="(processDescriptionWithClickableTimestamps(record.metadata.description) | trustHtml) || 'No description'"></p>
+            <p class="mb-30" ng-bind-html="(showFullDescription ? fullDescription : shortDescription | trustHtml) || 'No description'"></p>
             <!-- Hidden content -->
             <div class="mt-20" ng-show="showFullDescription">
               <!-- Contributors -->

cds/modules/records/templates/cds_records/record_detail.html

@@ -100,6 +100,7 @@
         record-views="{{ record_view_url }}"
         media-download-event-url="{{ user_action_media_download_url }}"
         related-query-url="{{ related_query_url }}"
+        preview-lines="{{ config.DESCRIPTION_PREVIEW_LINES or 10 }}"
     ></cds-record-view>
   </div>
   <!-- Recent videos -->

cds/modules/theme/assets/bootstrap3/js/cds_records/cdsRecord.js

@@ -61,6 +61,8 @@ function cdsRecordController($scope, $sce, $http, $timeout, $filter) {
   $scope.transcriptSearch = "";
   $scope.chapters = [];
   $scope.activeTab = "chapters"; // Default to chapters tab
+  $scope.shortDescription = "";
+  $scope.fullDescription = "";
 
   const REQUEST_HEADERS = {
     "Content-Type": "application/json",
@@ -188,9 +190,24 @@ function cdsRecordController($scope, $sce, $http, $timeout, $filter) {
   $scope.$watch("record", function (newVal) {
     if (newVal) {
       $scope.initVttLoad(newVal);
+      $scope.prepareDescriptions(newVal.metadata.description);
     }
   });
 
+  $scope.prepareDescriptions = function (description) {
+    if (!description) {
+      $scope.shortDescription = "No description";
+      $scope.fullDescription = "No description";
+      return;
+    }
+
+    const lines = description.split(/\r?\n/);
+    const firstTen = lines.slice(0, $scope.DESCRIPTION_PREVIEW_LINES).join("\n");
+
+    $scope.shortDescription = $scope.processDescriptionWithClickableTimestamps(firstTen);
+    $scope.fullDescription = $scope.processDescriptionWithClickableTimestamps(description);
+  };
+
   $scope.initVttLoad = function (record) {
     const files = record.metadata._files || [];
 
@@ -644,6 +661,8 @@ function cdsRecordView($http) {
 
     scope.relatedQueryUrl = attrs.relatedQueryUrl;
 
+    scope.DESCRIPTION_PREVIEW_LINES = parseInt(attrs.previewLines, 10) || 10;
+
     // Get the record object and make it available to the scope
     $http.get(attrs.record).then(
       function (response) {