Make Height editable on TV Channels

src/components/metadataEditor/metadataEditor.js

@@ -153,6 +153,7 @@ function onSubmit(e) {
         DateCreated: getDateValue(form, '#txtDateAdded', 'DateCreated'),
         EndDate: getDateValue(form, '#txtEndDate', 'EndDate'),
         ProductionYear: form.querySelector('#txtProductionYear').value,
+        Height: form.querySelector('#txtHeight').value,
         AspectRatio: form.querySelector('#txtOriginalAspectRatio').value,
         Video3DFormat: form.querySelector('#select3dFormat').value,
 
@@ -650,6 +651,12 @@ function setFieldVisibilities(context, item) {
         hideElement('#fldPlaceOfBirth');
     }
 
+    if (item.MediaType === 'Video' && item.Type === 'TvChannel') {
+        showElement('#fldHeight');
+    } else {
+        hideElement('#fldHeight');
+    }
+
     if (item.MediaType === 'Video' && item.Type !== 'TvChannel') {
         showElement('#fldOriginalAspectRatio');
     } else {
@@ -828,6 +835,8 @@ function fillItemInfo(context, item, parentalRatingOptions) {
     const placeofBirth = item.ProductionLocations?.length ? item.ProductionLocations[0] : '';
     context.querySelector('#txtPlaceOfBirth').value = placeofBirth;
 
+    context.querySelector('#txtHeight').value = item.Height || '';
+
     context.querySelector('#txtOriginalAspectRatio').value = item.AspectRatio || '';
 
     context.querySelector('#selectLanguage').value = item.PreferredMetadataLanguage || '';

src/components/metadataEditor/metadataEditor.template.html

@@ -142,6 +142,10 @@
                         <select is="emby-select" id="selectCustomRating" label="${LabelCustomRating}"></select>
                     </div>
                 </div>
+                <div id="fldHeight" class="inputContainer hide">
+                    <input is="emby-input" id="txtHeight" type="number" pattern="[0-9]*" label="${LabelHeight}" />
+                    <div class="fieldDescription">${ChannelHeightHelp}</div>
+                </div>
                 <div class="inlineForm">
                     <div id="fldOriginalAspectRatio" class="inputContainer hide">
                         <input is="emby-input" id="txtOriginalAspectRatio" type="text" label="${LabelOriginalAspectRatio}" />