update recording dialogs

dashboard-ui/components/fileorganizer/fileorganizer.js

@@ -1,4 +1,4 @@
-define(['dialogHelper', 'emby-checkbox', 'emby-input', 'emby-button', 'paper-icon-button-light', 'formDialogStyle'], function (dialogHelper) {
+define(['dialogHelper', 'emby-checkbox', 'emby-input', 'emby-button', 'emby-select', 'paper-icon-button-light', 'formDialogStyle'], function (dialogHelper) {
 
     var extractedName;
     var extractedYear;
@@ -107,10 +107,10 @@
         var resultId = dlg.querySelector('#hfResultId').value;
         var seriesId = dlg.querySelector('#selectSeries').value;
 
-        var targetFolder;
-        var newProviderIds;
-        var newSeriesName;
-        var newSeriesYear;
+        var targetFolder = null;
+        var newProviderIds = null;
+        var newSeriesName = null;
+        var newSeriesYear = null;
 
         if (seriesId == "##NEW##" && currentNewItem != null) {
             seriesId = null;

dashboard-ui/components/fileorganizer/fileorganizer.template.html

@@ -1,29 +1,24 @@
 <div class="formDialogHeader">
     <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
-    <h3 class="formDialogHeaderTitle">
-    </h3>
+    <h3 class="formDialogHeaderTitle"></h3>
 </div>
 
-<div class="formDialogContent smoothScrollY">
+<div class="formDialogContent smoothScrollY" style="padding-top: 2em;">
     <div class="dialogContentInner dialog-content-centered">
         <form class="episodeCorrectionForm">
 
             <p><span class="inputFile"></span></p>
 
-            <div style="margin: 1em 0 1em;">
-                <div style="width:85%;display:inline-block;">
-                    <label for="selectSeries" class="selectLabel">${LabelSeries}</label>
-                    <select id="selectSeries" data-mini="true" required="required"></select>
+            <div class="selectContainer">
+                <div style="display: flex; align-items: center;">
+                    <div style="flex-grow:1; position: relative;">
+                        <select is="emby-select" id="selectSeries" data-mini="true" required="required" label="${LabelSeries}"></select>
+                    </div>
+                    <button type="button" is="paper-icon-button-light" id="btnNewSeries" class="autoSize"><i class="md-icon">add</i></button>
                 </div>
-                <button type="button" is="paper-icon-button-light" id="btnNewSeries" class="autoSize" title="${ButtonNew}">
-                    <i class="md-icon">add</i>
-                </button>
             </div>
-            <div class="fldSelectSeriesFolder hide" style="margin: 1em 0 1em;">
-                <div style="width:100%;display:inline-block;">
-                    <label for="selectSeriesFolder" class="selectLabel">Series Root Folder</label>
-                    <select id="selectSeriesFolder" data-mini="true"></select>
-                </div>
+            <div class="fldSelectSeriesFolder hide selectContainer">
+                <select id="selectSeriesFolder" is="emby-select" label="Series root folder:"></select>
             </div>
             <div class="inputContainer">
                 <input is="emby-input" id="txtSeason" type="number" pattern="[0-9]*" required min="0" label="${LabelSeasonNumber}" />
@@ -32,19 +27,26 @@
                 <input is="emby-input" id="txtEpisode" type="number" pattern="[0-9]*" required min="0" label="${LabelEpisodeNumber}" />
             </div>
             <div class="inputContainer">
-                <input is="emby-input" id="txtEndingEpisode" type="number" pattern="[0-9]*" min="0" label="${LabelEndingEpisodeNumber}"/>
+                <input is="emby-input" id="txtEndingEpisode" type="number" pattern="[0-9]*" min="0" label="${LabelEndingEpisodeNumber}" />
                 <div class="fieldDescription">${LabelEndingEpisodeNumberHelp}</div>
             </div>
-            <label class="fldRemember hide checkboxContainer">
-                <input is="emby-checkbox" id="chkRememberCorrection" type="checkbox"/>
-                <span>${OptionRememberOrganizeCorrection}</span>
-                <span class="extractedName hide"></span>
-            </label>
+            <div class="fldRemember hide checkboxContainer checkboxContainer-withDescription">
+                <label class="checkboxContainer">
+                    <input is="emby-checkbox" id="chkRememberCorrection" type="checkbox" />
+                    <span>${OptionRememberOrganizeCorrection}</span>
+                </label>
+                <div class="extractedName hide fieldDescription checkboxFieldDescription"></div>
+            </div>
+
             <br />
-            <button is="emby-button" type="submit" class="raised submit block">
-                <span>${ButtonOk}</span>
-            </button>
             <input id="hfResultId" type="hidden" />
+
+            <div class="formDialogFooter">
+                <button is="emby-button" type="submit" class="raised button-submit block formDialogFooterItem">
+                    <span>${ButtonOk}</span>
+                </button>
+            </div>
+
         </form>
     </div>
-</div>
+</div>

dashboard-ui/components/iap.js

@@ -0,0 +1,63 @@
+define(['apphost', 'globalize', 'shell'], function (appHost, globalize, shell) {
+
+    function getProductInfo(feature) {
+        return null;
+    }
+
+    function showExternalPremiereInfo() {
+        shell.openUrl('https://emby.media/premiere');
+    }
+
+    function beginPurchase(feature, email) {
+        showExternalPremiereInfo();
+        return Promise.reject();
+    }
+
+    function restorePurchase(id) {
+        return Promise.reject();
+    }
+
+    function getSubscriptionOptions() {
+
+        var options = [];
+
+        options.push({
+            id: 'embypremiere',
+            title: globalize.translate('sharedcomponents#HeaderBecomeProjectSupporter'),
+            requiresEmail: false
+        });
+
+        return Promise.resolve(options);
+    }
+
+    function isUnlockedByDefault(feature, options) {
+
+        var autoUnlockedFeatures = appHost.unlockedFeatures ? appHost.unlockedFeatures() : [];
+        if (autoUnlockedFeatures.indexOf(feature) != -1) {
+
+            return Promise.resolve();
+        }
+
+        return Promise.reject();
+    }
+
+    function getAdminFeatureName(feature) {
+
+        return feature;
+    }
+
+    function getRestoreButtonText() {
+        return globalize.translate('sharedcomponents#ButtonAlreadyPaid');
+    }
+
+    return {
+        getProductInfo: getProductInfo,
+        beginPurchase: beginPurchase,
+        restorePurchase: restorePurchase,
+        getSubscriptionOptions: getSubscriptionOptions,
+        isUnlockedByDefault: isUnlockedByDefault,
+        getAdminFeatureName: getAdminFeatureName,
+        getRestoreButtonText: getRestoreButtonText
+    };
+
+});

dashboard-ui/components/tvproviders/xmltv.js

@@ -1,4 +1,4 @@
-define(['jQuery', 'registrationservices', 'emby-checkbox', 'emby-input', 'listViewStyle', 'paper-icon-button-light'], function ($, registrationServices) {
+define(['jQuery', 'registrationServices', 'emby-checkbox', 'emby-input', 'listViewStyle', 'paper-icon-button-light'], function ($, registrationServices) {
 
     return function (page, providerId, options) {