Added video description to property editor

limbo-works · May 18, 2023 · ab38294 · ab38294
1 parent 5016a60
commit ab38294
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 0 deletions.
diff --git a/src/Limbo.Umbraco.Vimeo/wwwroot/Scripts/Controllers/Video.js b/src/Limbo.Umbraco.Vimeo/wwwroot/Scripts/Controllers/Video.js
@@ -107,13 +107,15 @@
         if (!rawVideoData) {
             vm.videoId = null;
             vm.title = null;
+            vm.description = null;
             vm.duration = null;
             vm.thumbnail = null;
             return;
         }
 
         vm.videoId = rawVideoData.uri.split("/")[2].split(":")[0];
         vm.title = rawVideoData.name;
+        vm.description = rawVideoData.description;
         vm.thumbnail = vimeoService.getThumbnail(rawVideoData);
 
         vm.duration = rawVideoData.duration;

diff --git a/src/Limbo.Umbraco.Vimeo/wwwroot/Styles/Default.css b/src/Limbo.Umbraco.Vimeo/wwwroot/Styles/Default.css
@@ -70,6 +70,13 @@
 .limbo-vimeo-video-details table tr + tr td {
   padding-top: 4px;
 }
+.limbo-vimeo-video-description {
+  margin-top: 15px;
+  white-space: pre-wrap;
+  color: #333;
+  line-height: 20px;
+  font-size: 14px;
+}
 .limbo-vimeo-video pre {
   display: none;
 }

diff --git a/src/Limbo.Umbraco.Vimeo/wwwroot/Styles/Default.less b/src/Limbo.Umbraco.Vimeo/wwwroot/Styles/Default.less
@@ -90,6 +90,14 @@
 
     }
 
+    &-description {
+        margin-top: 15px;
+        white-space: pre-wrap;
+        color: #333;
+        line-height: 20px;
+        font-size: 14px;
+    }
+
     pre {
         display: none;
     }

diff --git a/src/Limbo.Umbraco.Vimeo/wwwroot/Views/Video.html b/src/Limbo.Umbraco.Vimeo/wwwroot/Views/Video.html
@@ -37,6 +37,7 @@ <h5><localize key="limboVimeo_video">Video</localize></h5>
                         </td>
                     </tr>
                 </table>
+                <div ng-if="vm.description" class="limbo-vimeo-video-description">{{vm.description}}</div>
             </div>
         </div>
     </div>