# iSDV UI document

> KT to : Hunter Lee
> Date: 12-09-2022

iSDV UI is design and develop to get iSDV Device information. Modules handles by Nayana are Log, System Setting, Device Summary, Device detail infor popup page, Config settings (RS-232, HDMI, iSDV firmware update, MCU firmware update) and Multilanguage

### iSDV API:

APIbaseRoutePath : /cp/config/api/v1
API Port: 3001
API Routes : [slot, testitem, stationlink, devicestatus]

[Git iSDV Project Link](https://gitlab.ieiworld.com/isdv/sdvoeui)

**1) Mutlilanguage**:
To handle multilanguage functionality in iSDV Ui project is using react-intl package. Multilanguage work flow as highlighted in below pic.
   
1) i18n folder contains,
- "messages" folder: Contain multi language file Locales in JSON format in javascript file.
- locals.js: include locals constant
- provider.js: Includes *IntlProvider* which includes locals i.e here three language files: en-US, zh-CHm zh-TW

2) App.js: App.js file reflect selected language changes in all UI pages.

   

**2)Log:**
. User can search log by type and description. Log page will display total number of logs

API: `GET /log-management/log`
   

**3)System Settings:**
User can update iSDV system setting for all RX,TX or TR devices group. System setting includes Download logs, Reboot and Factory Reset functionality.
- Download LogL Download log in csv file. File name will be "Log_YYYMMDD-HHMMSS"
- Reboot: Reboot iSDV devices for type ALL TX, ALL RX or ALL TR devices
- Factory Reset: Factory reset iSDV device for type ALL TX, ALL RX or ALL TR devices
NOTE: For Reboot and reset functionality User can confirm/cancel popup message.
    

    

**4) Device Summary:**
Display iSDV device summary in table format.
    

User can select table column by checked/uncheck columns
    

**5) Device Detail:**
To check device details user need to click on icon  It will open device datail popup </br>
&nbsp; &nbsp;

**6) Device Setup -> Configuration settings:**
User can update multipl settings of iSDV devices from Config setting. Config settings has Audio, RS-232, HDMI, iSDV Firmware update, MCU Firmware Update and Group type.

i) **RS-232**: iSDV device setting of RS-232. User can set Port, Baud, Data bit, Stop bit and parity value.
&nbsp; &nbsp; 

ii) **HDMI**:iSDV device setting of HDMI. User can change selected iSDV devices mode to Transmitter, Reciever or Transceiver.
&nbsp; &nbsp; 

iii) **iSDV Firmware update**:iSDV device setting of Firmware update. User need to upload firmware file. File should be "zip" or "apz" type only. Click on Apply button to update firmware vesion for selected iSDV devices.
&nbsp; &nbsp; 

iv)**MCU firmware update**: iSDV device setting of MCU firmware update. User need to upload firmware file. File should be "hex" or "srec" type only. Click on Apply button to update MCU firmware vesion for selected iSDV devices.
API: POST: http://127.0.0.1:1212/isdv/isdv-device/updateMcuFirmware
Req Body => form-data: { </br> devicelist:[{"deviceId":"0016c0513e61", "status":true},{"deviceId":"0016c0513e6d", "status":true}], </br>up_file :<upload hex/srec file>

}
&nbsp; &nbsp;