GUI React.js Coreui integration

!!! Allowed Senior in React.js Only !!! Integration process coreUI template 3.0 with components and backend ################################################## # B A S I C C O N S I D E R A T I O N S # ################################################## # # # !!! DEADLINE FIRST RELEASE Sep 10 2020 !!! # # # ################################################## A. Each thing must me resposive B. Each thing must work on Mobile devices C. Everything over JSON objects D. Everything must be Commented & Documented and easy readable E. Some Components may need some customization or style update or someones will be needed. F. Use Slack for Communication and project management. G. Use WEB IDE provided always. H. Commit & push every day changes. I. There may be changes or new description on this Document J. All details about will be provided after request ################################################# # P R O J E C T S T U F F # ################################################# COMMON THINGS: 1. Chat, whatsapp/Facebook Style. 2. Show data according user profile/settings 3. Show top Bell notifications and everything around it, pop up, actions, etc. 4. User Profile From [new,edit,delete,etc] 5. Logout. LOGIN: 1. login form 2. sign up form -> choose plans, credit card, etc. USERS: 1. Users tree with all actions 2. Users and Group form [new,edit,delete,etc] (includes Take photo from Camera) 3. Profile tree [new,edit,delete,etc] 3. Profile form [new,edit,delete,etc] SYSTEM SETTINGS: GENERAL CONFIGURATION: 1. Configuration Tree [new,edit,delete,etc] 2. Configuration Form [new,edit,delete,etc] NETWORKIG: 1. Networking Tree [new,edit,delete,etc] 2. Networking From [new,edit,delete,etc] for each element LOGGER: 1. Logger Tree, websocket updates 2. Logger Screen table with filter option TAGS MANAGER: 1. Tags Tree [new,edit,delete,etc] 2. Tags Form [new,edit,delete,etc] NETWORK ELEMENTS: 1. Elements & HW Tree [new,edit,delete,etc] Filter Feed from Hardware devices 2. Elements Feed & HW Form [new,edit,delete,etc] 3. HW Form for each Element. 4. Update Tree statuses on websocket incomming messages 5. Push data Form 6. Show last statuses on each Element on a popup window or something. [new,edit,delete,etc] EVENTS CONFIGURATION: 1. Events Tree [new,edit,delete,etc] 2. Events generation Form [new,edit,delete,etc] 3. Show popup last events for each element [new,edit,delete,etc] NOC PANEL TABLE: 1. Table shows existing data and incomming data from websocket. Search within table, export 2. Actions Form & View [new,edit,delete,etc] 3. Filter [new,edit,delete,etc] NOC MAP: 1. Map show elements [new,edit,delete,etc] websockets updates 2. Filters [new,edit,delete,etc] GPS TRACKING: 1. Map show elements [new,edit,delete,etc], Websocket updates 2. Playback 3. Filters [new,edit,delete,etc] MANAGEMENT: DASHBOARD: 1. Widget Form [new,edit,delete,etc], Selection of all types of options for each kind of widget. 2. Show widget Content. 3. Update Widget contents, websocket 4. Share Tree 5. Share Form REPORTS: 1. Reports Tree [new,edit,delete,etc] 2. Reports, tables, Charts 3. Export Excel/pdf/PNG