@latest-thinking/lt-player 1.0.6-b → 1.0.7

package/src/views/settings.handlebars

@@ -1,7 +1,6 @@
 <div class="settings-controllers-enable__background d-none"></div>
 <div class="settings-controllers settings">
-    <span class="line-button"></span>
-    {{#desktop}}
+    <span class="line-button settings-controllers-header"></span>
         <div class="settings-controllers-enable__subtitles settings">
             <p class="settings-text settings">Subtitles</p>
             <label class="subtitles-body__switch settings">
@@ -16,18 +15,16 @@
                 <input id="speed-range-{{id}}" type="range"  min="0" max="3" step="1" class="speed-range-input settings">
             </div>
         </div>
-    {{/desktop}}
-    {{#mobile}}
-        <div class="settings-controllers-enable__speed-range settings">
-            <p class="settings-text settings">Speed</p>
-            <div class="speed-range-input-body mobile settings">
-                <button class="button-speed settings button_active" data-speed="1">1</button>
-                <button class="button-speed settings" data-speed="1.25">1.25</button>
-                <button class="button-speed settings" data-speed="1.5">1.5</button>
-                <button class="button-speed settings" data-speed="2">2</button>
-            </div>
-        </div>
-    {{/mobile}}
+<!--        <div class="settings-controllers-enable__speed-range settings">-->
+<!--            <p class="settings-text settings">Speed</p>-->
+<!--            <div class="speed-range-input-body mobile settings">-->
+<!--                <button class="button-speed settings button_active" data-speed="1">1</button>-->
+<!--                <button class="button-speed settings" data-speed="1.25">1.25</button>-->
+<!--                <button class="button-speed settings" data-speed="1.5">1.5</button>-->
+<!--                <button class="button-speed settings" data-speed="2">2</button>-->
+<!--            </div>-->
+<!--        </div>-->
+
     <div class="settings-controllers-enable__button-save settings">
         <button class="button-save settings">Save</button>
     </div>

package/src/views/share.handlebars

@@ -4,7 +4,7 @@
             <div class="share-controller-mobile-modal-header lt-player-mobile-share">
                 <span class="line-button lt-player-mobile-share"></span>
             </div>
-          <span class="line-button lt-player-mobile-share"></span>
+<!--          <span class="line-button lt-player-mobile-share"></span>-->
             <div class="share-controller-frame lt-player-mobile-share">
 <!--                <div class="player-lt__close-button-e">-->
 <!--                    <span class="player-lt__close-button">×</span>-->

package/src/components/addInfo/LTPlayerAdditionalInfoEvents.ts

@@ -1,247 +0,0 @@
-import {additionalInformation} from "../../global/types/ModuleTypes";
-import {LTPLayerAddInfo} from "./LTPlayerAddInfoManager";
-
-export namespace LTPlayerAdditionalInfo  {
-
-    export class Desktop {
-        set(controller: LTPLayerAddInfo.Controller) {
-
-            const playerContainer = controller.plyr.elements.container;
-            const playerControlsContainer = controller.plyr.elements.controls;
-            let additionalInfoBodyOut: Element = playerContainer.nextElementSibling;
-            let additionalInfoBodyIn: Element = playerControlsContainer.querySelector('.lt-player__additional-info');
-            let instance = controller;
-
-
-            const getInfoButtons = (selector: Element): NodeList => {
-
-              if (!selector) {
-                  return null
-              }
-              return selector.querySelectorAll('button');
-            }
-
-            let buttons: NodeList = null;
-
-            const infoButtonsOut: NodeList = getInfoButtons(additionalInfoBodyOut);
-            const infoButtonsIn: NodeList = getInfoButtons(additionalInfoBodyIn);
-
-            if (!infoButtonsOut) {
-                buttons = infoButtonsIn;
-            } else {
-                buttons = infoButtonsOut;
-            }
-
-            if (buttons.length === 0) {
-                return
-            }
-
-            const  createInformationModal = (info: additionalInformation, key: string) => {
-
-                let modalTemplate = null;
-
-                if (typeof info === 'object') {
-                    modalTemplate = controller.templateService.getAdditionalInfo({
-                        desktop : true,
-                        modal : true,
-                        id : `${key}-${controller.playerInstance.playerConfig.getPlayerId()}`,
-                        object_data : true,
-                        [key] : info
-                    })
-                } else {
-                    modalTemplate = controller.templateService.getAdditionalInfo({
-                        desktop : true,
-                        modal : true,
-                        id : `${key}-${controller.playerInstance.playerConfig.getPlayerId()}`,
-                        data : info
-                    })
-                }
-
-                document.querySelector('body').insertAdjacentHTML("afterend", modalTemplate);
-            }
-
-            buttons.forEach((button: HTMLElement) => {
-
-                button.addEventListener('click', function (event) {
-
-                    event.preventDefault();
-
-                    let targetModal = button.dataset.ltTarget;
-                    let data = instance.additionalData;
-
-                    if (data[targetModal] !== undefined) {
-                        createInformationModal(data[targetModal], targetModal)
-                    }
-
-                    let modal = document.querySelector(`.lt-modal-${targetModal}-${instance.playerInstance.playerConfig.getPlayerId()}`);
-
-                    if (modal) {
-                        modal.classList.add('player-lt__show-modal');
-                    }
-
-                    window.Player.players.forEach( item => {item.plyr.pause()})
-                })
-            })
-        }
-
-        windowDesktopEvents(event: MouseEvent) {
-            const modals = document.querySelectorAll('.player-lt__modal');
-            if (modals.length !== 0) {
-                modals.forEach(modal => {
-                    if (modal.classList.contains('player-lt__show-modal')) {
-                        let target = event.target as HTMLElement;
-                        if (target.classList.contains('player-lt__show-modal') || target.classList.contains('player-lt__close-button')) {
-                            modal.classList.remove('player-lt__show-modal');
-                            document.querySelectorAll(".player-lt__modal").forEach(el => el.remove());
-                        }
-                    }
-                })
-            }
-        }
-
-
-    }
-
-    export class Mobile {
-        set(controller: LTPLayerAddInfo.Controller) {
-            const playerContainer = controller.plyr.elements.container;
-            const playerControlsContainer = controller.plyr.elements.controls;
-            let additionalInfoBody: Element = playerContainer.querySelector('.lt-player__additional-info-mobile');
-            let instance = controller;
-            let __this = this;
-
-            let buttons: NodeList = additionalInfoBody.querySelectorAll('button');
-
-            if (buttons.length === 0) {
-                return
-            }
-
-            const  createInformationModal = (info: additionalInformation, key: string) => {
-                let modalTemplate = null;
-
-                if (typeof info === 'object') {
-                    modalTemplate = controller.templateService.getAdditionalInfo({
-                        mobile : true,
-                        modal : true,
-                        [controller.device] : true,
-                        object_data : true,
-                        [key] : info
-                    })
-                } else {
-                    modalTemplate = controller.templateService.getAdditionalInfo({
-                        mobile : true,
-                        modal : true,
-                        data : info,
-                        [controller.device] : true
-                    })
-                }
-
-                const playerControlsContainer = instance.plyr.elements.controls;
-                const modal = playerControlsContainer.querySelector('.player-lt__modal__mobile');
-                modal.innerHTML = modalTemplate;
-            }
-
-            buttons.forEach((button: HTMLElement) => {
-                let mobileEvent: HammerManager = controller.playerInstance.eventInstance.mobileEvents.setMobileEvent(button);
-                if (mobileEvent) {
-                    mobileEvent.on('singletap', function LTPlayerMobileAdditionalInfoButtons(event) {
-                        event.preventDefault();
-
-                        controller.playerInstance.plyr.elements.controls.classList.add('plyr__controls-enable-addInfo');
-
-                        let targetModal = button.dataset.ltTarget;
-                        let data = instance.additionalData;
-
-
-                        if (data[targetModal] !== undefined) {
-                            createInformationModal(data[targetModal], targetModal)
-                        }
-
-                        playerControlsContainer.classList.add('player-lt__modal__mobile-show-modal');
-
-                        let mobileModal: HTMLElement = playerControlsContainer.querySelector('.player-lt__modal__mobile');
-
-                        let backgroundModal = playerControlsContainer.querySelector('.player-lt__modal__mobile__background');
-
-                        mobileModal.classList.remove('d-none');
-
-                        setTimeout(() => {
-                            mobileModal.style.bottom = String(0);
-                        }, 50)
-
-                        if (backgroundModal) {
-                            backgroundModal.classList.remove('d-none')
-                        }
-
-                        if (mobileModal) {
-                            mobileModal.classList.add('player-lt__modal__mobile-show-modal');
-                        }
-
-                        window.Player.players.forEach( item => {item.plyr.pause()});
-
-                        __this.dragCloseModal(controller);
-
-                        controller.playerInstance.playerControl.mobileEvents.showControls(controller.playerInstance)
-                    })
-                }
-            })
-
-
-        }
-
-        dragCloseModal(controller: LTPLayerAddInfo.Controller) {
-
-            const playerControlsContainer = controller.plyr.elements.controls;
-            const modalHeader = playerControlsContainer.querySelector('.player-lt__mobile__modal-header');
-            const  background = playerControlsContainer.querySelector('.player-lt__modal__mobile__background');
-            const modal: HTMLElement = playerControlsContainer.querySelector('.player-lt__modal__mobile');
-
-            const closeModal = () => {
-                if (playerControlsContainer.classList.contains('player-lt__modal__mobile-show-modal')) {
-
-                    modal.style.removeProperty('bottom')
-                    playerControlsContainer.classList.remove('plyr__controls-enable-addInfo');
-
-                    setTimeout(() => {
-                        const modalBody = playerControlsContainer.querySelector('.player-lt__modal__mobile');
-
-                        playerControlsContainer.classList.remove('player-lt__modal__mobile-show-modal');
-                        modalBody.classList.remove('player-lt__modal__mobile-show-modal');
-                        modalBody.classList.add('d-none');
-
-                        if (background) {
-                            background.classList.add('d-none');
-                        }
-
-                        controller.playerInstance.playerControl.mobileEvents.showControls(controller.playerInstance);
-
-                    }, 150)
-
-                }
-            }
-
-            if (modalHeader) {
-                let mobileEvent: HammerManager = controller.playerInstance.eventInstance.mobileEvents.setMobileEvent(modalHeader);
-                if (mobileEvent) {
-                    mobileEvent.on('pan', function LTPlayerMobileDragDownModal() {
-                        closeModal();
-                        if (controller.plyr.paused) {
-                            controller.plyr.play();
-                        }
-                    })
-                }
-            }
-            if (background) {
-                let mobileEvent: HammerManager = controller.playerInstance.eventInstance.mobileEvents.setMobileEvent(background);
-                if (mobileEvent) {
-                    mobileEvent.on('singletap', function LTPlayerMobileCloseModal() {
-                        closeModal();
-                        if (controller.plyr.paused) {
-                            controller.plyr.play();
-                        }
-                    })
-                }
-            }
-        }
-    }
-}