Matadataviewer: Fix dialog button and scrolling

Author: softworkz

MetadataViewer/Html/metadataviewer.js

@@ -1,4 +1,4 @@
-define(['dialogHelper', 'detailtablecss', 'emby-button', 'emby-select', 'formDialogStyle'], function (dialogHelper) {
+define(['dialogHelper', 'globalize', 'loading', 'detailtablecss', 'emby-button', 'emby-select', 'formDialogStyle'], function (dialogHelper, globalize, loading) {
 
     var currentItem;
     var currentItemType;
@@ -76,19 +76,16 @@
 
                     ApiClient.getItem(Dashboard.getCurrentUserId(), itemId).then(function (item) {
 
-                        var dlg = dialogHelper.createDialog({
-                            size: 'large'
-                        });
-
-                        //dlg.classList.add('ui-body-b');
-                        //dlg.classList.add('background-theme-b');
-                        dlg.classList.add('formDialog');
+                        var dialogOptions = {
+                            removeOnClose: true,
+                            size: 'fullscreen'
+                        };
 
-                        var html = '';
+                        var dlg = dialogHelper.createDialog(dialogOptions);
 
-                        html += Globalize.translateDocument(template);
+                        dlg.classList.add('formDialog');
 
-                        dlg.innerHTML = html;
+                        dlg.innerHTML = globalize.translateDocument(template);
                         document.body.appendChild(dlg);
 
                         dlg.querySelector('.formDialogHeaderTitle').innerHTML = "Raw Metadata for: " + item.Name;

MetadataViewer/Html/metadataviewer.template.html

@@ -1,20 +1,19 @@
 <div class="formDialogHeader">
-    <button is="emby-button" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
-    <div class="formDialogHeaderTitle">
-    </div>
+    <button is="emby-button" class="btnCancel autoSize button-flat" tabindex="-1" style="background: none;"><i class="md-icon">&#xE5C4;</i></button>
+    <h3 class="formDialogHeaderTitle"></h3>
 </div>
 
 <div class="formDialogContent smoothScrollY">
-    <div style="width:90%; margin:auto;">
+    <div class="dialogContentInner">
         <h2>Lookup Criteria:</h2>
         <form class="popupMetadataForm" style="margin:auto;">
             <div id="searchCriteria"></div>
             <div id="searchCriteriaEditable">
                 <table class="detailTable">
                     <tr>
-                        <td style="width: 7em;"><label for="selectLanguage" class="selectLabel">Language:</label></td>
+                        <td style="width: 7em; vertical-align: top;"><label for="selectLanguage" class="selectLabel">Language:</label></td>
                         <td>
-                            <select id="selectLanguage" style="max-width: 20em;">
+                            <select id="selectLanguage" style="max-width: 20em; color: #fff !important;">
                                 <option value=""></option>
                                 <option value="en">English</option>
                                 <option value="de">German</option>

MetadataViewer/Properties/AssemblyInfo.cs

@@ -5,8 +5,8 @@
 // General Information about an assembly is controlled through the following 
 // set of attributes. Change these attribute values to modify the information
 // associated with an assembly.
-[assembly: AssemblyTitle("MetadataViewer Beta 12")]
-[assembly: AssemblyDescription("Beta 12")]
+[assembly: AssemblyTitle("MetadataViewer Beta 13")]
+[assembly: AssemblyDescription("Beta 13")]
 [assembly: AssemblyConfiguration("")]
 [assembly: AssemblyCompany("")]
 [assembly: AssemblyProduct("MetadataViewer")]