video player panel overlay

com.twin.app.shoptime/src/actions/playActions.js

@@ -1,7 +1,55 @@
+import Spotlight from '@enact/spotlight';
 import { URLS } from '../api/apiConfig';
 import { TAxios } from '../api/TAxios';
+import { panel_names } from '../utils/Config';
 import { types } from './actionTypes';
+import { popPanel, pushPanel, updatePanel } from './panelActions';
 
+
+//yhcho
+/*
+      dispatch(startVideoPreview({
+        patnrId: randomData.patnrId,
+            showId: randomData.showId,
+            shptmBanrTpNm: randomData.shptmBanrTpNm,
+            lgCatCd: randomData.lgCatCd,
+            modal: true,
+            modalContainerRef: videoModalContainerRef.current, //to calc width, height, left, top
+            modalClassName:css.videoModal
+      }));
+
+      modalClassName: modal more class info and checking it's launched from preview mode
+*/
+let startVideoTimer = null;
+//start modal mode
+//start Full -> modal mode
+export const startVideoPlayer = ({ modal, modalContainerId, modalClassName, ...rest }) => (dispatch, getState) => {
+  const panels = getState().panels.panels;
+  const topPanel = panels[panels.length -1];
+  let panelWorkingAction = pushPanel;
+  if(topPanel && topPanel.name === panel_names.PLAYER_PANEL){
+    panelWorkingAction = updatePanel;
+  }
+  dispatch(panelWorkingAction({
+    name: panel_names.PLAYER_PANEL,
+    panelInfo: {
+      modal,
+      modalContainerId,
+      modalClassName,
+      ...rest
+    }
+  }, true));
+  if(modal && modalContainerId){
+    Spotlight.focus(modalContainerId);
+  }
+};
+export const finishVideoPreview = () => (dispatch, getState) => {
+  const panels = getState().panels.panels;
+  const topPanel = panels[panels.length -1];
+  if(topPanel && topPanel.name === panel_names.PLAYER_PANEL && topPanel.panelInfo.modal){
+    dispatch(popPanel());
+  }
+};
 // 채팅 로그 가져오기 IF-LGSP-371
 export const getChatLog =
   ({ patnrId, showId }) =>