emby 4.8

modules/emby-elements/guide/guide-settings.js

@@ -0,0 +1 @@
+define(["exports","./../../common/globalize.js","./../../layoutmanager.js","./../../common/usersettings/usersettings.js","./../../dialoghelper/dialoghelper.js","./../emby-scroller/emby-scroller.js","./../emby-checkbox/emby-checkbox.js","./../emby-select/emby-select.js"],function(_exports,_globalize,_layoutmanager,_usersettings,_dialoghelper,_embyScroller,_embyCheckbox,_embySelect){function load(context){for(var chkIndicators=context.querySelectorAll(".chkIndicator"),i=0,length=chkIndicators.length;i<length;i++){var type=chkIndicators[i].getAttribute("data-type");"true"===chkIndicators[i].getAttribute("data-default")?chkIndicators[i].checked="false"!==_usersettings.default.get("guide-indicator-"+type):chkIndicators[i].checked="true"===_usersettings.default.get("guide-indicator-"+type)}context.querySelector(".chkColorCodedBackgrounds").checked="true"===_usersettings.default.get("guide-colorcodedbackgrounds"),context.querySelector(".chkChannelNumber").checked=_usersettings.default.showChannelNumberInGuide(),context.querySelector(".selectChannelDisplay").value=_usersettings.default.guideChannelStyle(),function(context){for(var value,items=_usersettings.default.getLiveTvChannelSortOrders(_globalize.default),html="",i=0,length=items.length;i<length;i++){var item=items[i];html+='<option value="'+item.value+'">'+item.name+"</option>",item.selected&&(value=item.value)}(context=context.querySelector(".selectChannelSort")).innerHTML=html,context.value=value}(context)}function loadChannelTags(context,apiClient){var selectTags=context.querySelector(".selectTags");selectTags.getItems=function(query){var outerItemIds=query.Ids;return query.Ids=null,this.getLiveTvChannelTags(Object.assign({SortBy:"SortName",SortOrder:"Ascending",EnableImages:!1,EnableUserData:!1,OuterIds:outerItemIds},query))}.bind(apiClient),selectTags.parentContainer=context.querySelector(".fldTags"),function(context){var context=context.querySelector(".selectTags"),channelTagIds=(channelTagIds=_usersettings.default.get("guide-tagids"))?channelTagIds.split(","):[];context.values=channelTagIds}(context)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["formDialogStyle","material-icons"]),_exports.default={show:function(options,apiClient){return new Promise(function(resolve,reject){var settingsChanged=!1,categoryOptions=options.categoryOptions;require(["text!modules/emby-elements/guide/guide-settings.template.html"],function(template){var dialogOptions={removeOnClose:!0,scrollY:!1,offsetTop:2,positionTo:options.positionTo,positionX:options.positionX,positionY:options.positionY},dlg=(_layoutmanager.default.tv&&(dialogOptions.size="fullscreen"),_dialoghelper.default.createDialog(dialogOptions)),dialogOptions=(_layoutmanager.default.tv||dlg.classList.add("dialog-fullscreen-lowres"),dlg.classList.add("formDialog"),""),template=(dialogOptions+=_globalize.default.translateDocument(template,"sharedcomponents"),dlg.innerHTML=dialogOptions,dlg.addEventListener("change",function(){settingsChanged=!0}),dlg.addEventListener("close",function(){!function(context){for(var chkIndicators=context.querySelectorAll(".chkIndicator"),i=0,length=chkIndicators.length;i<length;i++){var type=chkIndicators[i].getAttribute("data-type");_usersettings.default.set("guide-indicator-"+type,chkIndicators[i].checked)}_usersettings.default.showChannelNumberInGuide(context.querySelector(".chkChannelNumber").checked),_usersettings.default.guideChannelStyle(context.querySelector(".selectChannelDisplay").value),_usersettings.default.set("guide-colorcodedbackgrounds",context.querySelector(".chkColorCodedBackgrounds").checked),_usersettings.default.set(_usersettings.default.getLiveTvChannelSortSettingsKey(),context.querySelector(".selectChannelSort").value),_usersettings.default.set("guide-tagids",context.querySelector(".selectTags").getValues().join(","))}(dlg);for(var options=categoryOptions,categories=[],chkCategorys=dlg.querySelectorAll(".chkCategory"),i=0,length=chkCategorys.length;i<length;i++){var type=chkCategorys[i].getAttribute("data-type");chkCategorys[i].checked&&categories.push(type)}4<=categories.length&&categories.push("series"),categories.push("all"),options.categories=categories,(settingsChanged?resolve:reject)()}),dlg.querySelector(".btnCancel"));_layoutmanager.default.tv||template.classList.add("dialogbutton-hidenotfullscreen"),template.addEventListener("click",function(){_dialoghelper.default.close(dlg)}),load(dlg),loadChannelTags(dlg,apiClient),function(context,options){for(var selectedCategories=options.categories||[],chkCategorys=context.querySelectorAll(".chkCategory"),i=0,length=chkCategorys.length;i<length;i++){var type=chkCategorys[i].getAttribute("data-type");chkCategorys[i].checked=!selectedCategories.length||selectedCategories.includes(type)}}(dlg,categoryOptions),_dialoghelper.default.open(dlg)})})}}});

modules/emby-elements/guide/guide-settings.template.html

@@ -0,0 +1,92 @@
+<div class="formDialogHeader">
+    <button is="paper-icon-button-light" class="btnCancel hide-mouse-idle-tv" tabindex="-1"><i class="md-icon autortl">&#xE5C4;</i></button>
+    <h3 class="formDialogHeaderTitle">
+        ${Settings}
+    </h3>
+</div>
+<div is="emby-scroller" data-horizontal="false" data-forcescrollbar="true" data-focusscroll="true" class="formDialogContent">
+    <form class="scrollSlider dialogContentInner dialogContentInner-nofixedfooter dialog-content-centered padded-left padded-right">
+
+        <div class="selectContainer">
+            <select is="emby-select" label="${SortChannelsBy}" class="selectChannelSort">
+            </select>
+        </div>
+
+        <div class="selectContainer fldTags hide">
+            <label>
+                <select is="emby-select" label="${LabelChannelTags}" class="selectTags" data-autoallany="false" multiple>
+                </select>
+            </label>
+        </div>
+
+        <div class="selectContainer">
+            <label>
+                <select is="emby-select" label="${LabelChannelDisplay}" class="selectChannelDisplay">
+                    <option value="image">${Image}</option>
+                    <option value="name">${Title}</option>
+                    <option value="both">${Both}</option>
+                </select>
+            </label>
+        </div>
+
+        <h3 class="checkboxListLabel">${HeaderShowFields}</h3>
+        <div class="checkboxList">
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkChannelNumber" />
+                <span>${ChannelNumber}</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="4k" data-default="true" />
+                <span>4K</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="hd" />
+                <span>HD</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="live" data-default="true" />
+                <span>${Live}</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="new" />
+                <span>${AttributeNew}</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="premiere" data-default="true" />
+                <span>${Premiere}</span>
+            </label>
+            <label>
+                <input type="checkbox" is="emby-checkbox" class="chkIndicator" data-type="repeat" />
+                <span>${Repeat}</span>
+            </label>
+        </div>
+
+        <label class="checkboxContainer">
+            <input type="checkbox" is="emby-checkbox" class="chkColorCodedBackgrounds" />
+            <span>${EnableColorCodedBackgrounds}</span>
+        </label>
+
+        <div style="margin-top:2em;">
+            <h3 class="checkboxListLabel">${Categories}</h3>
+            <div class="checkboxList">
+                <label>
+                    <input type="checkbox" is="emby-checkbox" class="chkCategory" data-type="movies" />
+                    <span>${Movies}</span>
+                </label>
+                <label>
+                    <input type="checkbox" is="emby-checkbox" class="chkCategory" data-type="sports" />
+                    <span>${Sports}</span>
+                </label>
+                <label>
+                    <input type="checkbox" is="emby-checkbox" class="chkCategory" data-type="kids" />
+                    <span>${Kids}</span>
+                </label>
+                <label>
+                    <input type="checkbox" is="emby-checkbox" class="chkCategory" data-type="news" />
+                    <span>${News}</span>
+                </label>
+            </div>
+        </div>
+
+    </form>
+</div>

modules/emby-elements/guide/programs.css

@@ -0,0 +1 @@
+.newTvProgram{background:#52b54b;color:#fff}.liveTvProgram{background:#c33;color:#fff}.premiereTvProgram{background:#52b54b;color:#fff}.repeatTvProgram{background:#607d8b;color:#fff!important}

modules/emby-elements/guide/tvguide.template.html

@@ -0,0 +1,32 @@
+<div is="emby-scroller" class="headerScroller flex-shrink-zero" data-mousewheel="false" data-horizontal="true" data-forcenativescroll="true" data-scrollbuttons="false">
+
+    <div class="scrollSlider focuscontainer-x">
+
+        <div class="guide-headerTimeslots secondaryText epgScrollSlider">
+            <div class="channelCell firstChannelCell">
+                <button is="emby-button" class="btnSelectDate btnSelectDate-side button-link secondaryText" data-focusscale="false">
+                    <span class="btnDateText btnDateText-side" style="white-space:nowrap;"></span>
+                </button>
+
+                <button is="paper-icon-button-light" type="button" class="btnGuideViewSettings btnGuideViewSettings-side" data-focusscale="false">
+                    <i class="md-icon">&#xe164;</i>
+                </button>
+            </div>
+            <div class="timeslotHeaders flex flex-grow flex-direction-row"></div>
+        </div>
+    </div>
+
+</div>
+
+<div is="emby-scroller" class="flex-grow virtualScrollerScrollContainer" data-dualscroll="true" data-horizontal="false" data-forcenativescroll="true" data-scrollbuttons="true" data-scrollbuttonstype="x" data-scrollbuttonparent="self">
+
+    <div class="scrollSlider epgScrollSlider focuscontainer-x focuscontainer-down" style="position:relative;">
+
+        <div is="emby-itemscontainer" data-virtualscrolllayout="vertical-grid" data-scrollresizeobserver="true" class="itemsContainer vertical-list padded-bottom-page epgItemsContainer" data-contextmenu="true">
+
+        </div>
+
+        <button is="emby-button" class="btnLiveGuide raised hide" aria-label="${Live}" tabindex="-1"><span class="btnLiveGuideText">${Live}</span></button>
+    </div>
+
+</div>