...

• Use the Left and Right key to navigate through tv-shows  
• Use the Enter key from the tiles in the tv show listings to launch the player
• Use M/Home/1 key to exit from playback
• Use the Enter key in the Pause icon to pause the video. Fast-forward and rewind are not supported in the current video(as the video content is not an I-framed one

Shutdown dialogue

On "Power" key press from remote or key "F1" from keyboard shutdown dialogue box will appear with option light sleep and deep sleep.

 Key Navigation:

• Use the up/down keys to navigate
• Use backspace/exit to come out from the shutdown dialogue box

Image Added

Settings Screen

This new app has redesigned ‘Settings' screen with new background, shadow and animation effects.

...

• Use the Enter/Right/left/up/down keys
• to navigate to Settings screen use key up and key right to navigate to settings icon and press Enter/OK
• to move the focus or navigate to next list/tab
• to go back to previous screen
• WiFi, USB folders, enable/disable WiFi and Bluetooth

Connect to Bluetooth :

The Bluetooth screen supports discovery, pairing, and connecting to Bluetooth devices. 

...

• On selection of USB tab , an enable/disable button will be shown
• Enable/disable button added to control retrieve of USB data once USB connected to Box
• Enable only if  USB/HDD connected to box
• USB data are aggregated into three Types:
  • Audio file(.mp3)
  • Video file(.mp4)
  • Images (.JPG and .PNG)
• For each type item custom folders are shown in setting screen when we enable USB
• Separate screen are shown for each type of data
• Data are listed horizontally along with there name
• Preview is shown for  focused item
• Custom image are used to show Audio/Video item default preview
•  Actual image on USB are shown in preview
• On selecting Video items , Video will be played in Full Screen
• Audio playback is not yet implemented
• For each screen Video/Audio/Images, there are headers showing back button and IP
• On Navigating Back button and enter, will land in setting screen and Focus is on USB folders

On enable USB

USB Video Screen

All mp4 files are listed in a row and focused Item preview shown

...

...

Create distribution build

Prerequisites: Node.js , npm, Lightning-CLI should be available in PC

• To install Node.js and npm  - https://nodejs.org/en/download/
• To install Lightning CLI -  npm install -g @lightningjs/cli

Step 1: Clone the RDKAPPS repo using the below command:

$ git clone "https://code.rdkcentral.com/r/components/opensource/RDK_apps"

Step 2: Switch to version 2 branch (new ui)

$ git checkout version_2

Step 3: Goto Accelerator Home Ui directory

$ cd RDK_apps/accelerator-home-ui/

Step 4: Install npm dependencies

$ npm install

Step 5: Run below command to generate dist folder

$ lng dist

Step 6: Generated dist folder will have directory structure > dist/es6/<compiled files> 

Step 7: Copy <compiled files> into dist and remove es6 dir

Now dist folder is ready for the deployment.

Download Pre-build (dist)

...

• Connect your device with lan and get the box/device ip, make sure your dev pc and device is connected with the same network
• login into box:
  • $ ssh root@<your box ip>
  • $ rm -rf lxresui
• Extract downloaded pre-build lxresui (dist)  folder in your dev pc 
• Copy lxresui folder from dev pc  to box/device:
  • $ scp -r lxresui root@<your box/device ip>:</home/root>
• configure residentapp.sh file
  • login into box:
    • $ ssh root@<your box ip>
  • goto dir:
    • $ cd /lib/rdk
  • edit residentApp.sh: 
    • $ vi residentApp.sh
  • you will see
    • Residentapp = "https://rdkwiki.com/rdk-apps/accelerator-home-ui/index.html#splash"
  • Replace:
    • Residentapp = "http://127.0.0.1:50050/lxresui/index.html#splash"
• reboot the box, on bootup new ui will be rendered on TV screen