UI Proof of concept

[jon-nfc]

Add an API endpoint that can be used to test the UI and as a proof of concept.

Details

This work is required so that the navigation, list and detail view can be tested.

Badge field

used by the ui to render a badge. must include options for:

• url link
• text of badge
• icon to use
• icon color

badges are used for fields:

• device software action
• ticket status

icon field

used by ui to render an icon. i.e. device status icon. must include:

• icon colour
• icon name

icon field used for:

• device inventory status

Requirements

for the proof of concept to be considered a workable solution the react ui must contain the same features as is deployed. checklist is as follows:

• List view
  • Add item
• Detail view
  • notes tab
  • linked items table
    • add linked item
    • edit linked item
    • delete linked item
  • edit item
  • delete item
  • view model history
• ticket view
• history view
• settings view
• unauthenticated redirects to login

📓 Notes

• Login redirect requires django setting LOGIN_REDIRECT_URL to be set to the UI URL and that within react a route setup to redirect to the django url.

  <Route path='/login' element={<Login/>}/>

  const Login = () => {
  
      window.location.replace('http://127.0.0.1:8002/api/v2/auth/login');
  
      return (
          <section>redirect</section>
      );
  }

To Do

• figure out why non super user cant access options
• Add content header icons
  • Add delete Icon
  • Add Documentation Icon
• Add external links to detail page
• Add jinja rendering of context 🟥 Add warning against running untrusted templates mozilla/nunjucks-docs#17
• Custom field that can be used to render badges

Tasks

• Add a new API path as base for API
• Add ITAM/devices
• Add navigation to API HTTP/Option
• Add other details as required to itam/devices HTTP/Option

Links

• Related: API redesign #248

• Related: UI Migration #307

• Related: chore: initial work centurion_erp_ui#1

• Security issue: Jinja Renderer Remote code execution centurion_erp_ui#16