Feature: Frontend Refactor => SvelteJS & TailwindCSS #4

Scope

Frontend (User Interface)

Description

As lightweight JS Framework, this could bring the functionality of this application to a higher level as we don't have to manually handle the HTML-JS data binding and update-handling.

https://svelte.dev/
https://flowbite.com/docs/getting-started/svelte/

ToDo:

• Nav/Footer

• Login

• Darkmode

• Multi-Language

• Lint for JS/Svelte

• Forms

  • Basics

    • Defaults
    • Choices
    • Field & Form-Validation
      • Show error messages
    • Error Handling
      • API Response Language-Codes
    • Quick-Save (Alt+S)
    • List-View Filtering/Search
      • Search-Term to/from URL-Params => Table: Export searchTerm themesberg/flowbite-svelte#1560 (related to Feature: Combine Jobs into Groups #45)
    • List-View Ordering

  • Job

    • Basic
    • File Browsing
      • Keyboard Selection (Up,Down,Tab)
    • Execution Prompts

  • Repositories

  • Credentials

  • API Keys

  • Alerts

  • Permissions

• Job List

  • Action Buttons
  • Custom Executions (Prompts)

• Job Logs

  • Action Buttons in Live-View (Stop Execution, Follow/Unfollow Logs)

• Dashboard

  • Stats/Overview
  • Statistics & Graphs
  • Alerts for Failed Jobs

• System

  • Admin
  • API Docs
  • Config
  • Environment
  • Password Change

• Update Tests

  • Backend
  • Frontend
    • Test all Buttons and Modals (Add/Edit/Delete/Clone/Execute/...) to detect possible edge-case errors
  • Job Execution (Feature: CI Tests for Job Execution #11)

• Cleanup Backend

• Optimizations for Mobile