# Task JIM-133 - Jira Migrator UI refinements

Project: Stream Jira to OpenProject data Migrator
Status: closed
URL: https://community.openproject.org/work_packages/JIM-133

## Details

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Date | 2026-07-22 –  |
| Priority | Medium |
| Target versions | 17.8.0 |
| Onboarding activity |  |
| Category |  |
| Labels |  |

## Description

Migrator UI has been refined to be more user-friendly and consistent with the rest of OpenProject.

<https://www.figma.com/design/959fRLTsmhOiHkXYPfd0D2/Jira-import-admin-settings?node-id=1-16522&p=f&t=GqXaFSwIHUWgwMcp-0>

### 

## Jira import main page

#### Features overview

- [x] use icon op-flag for "Coming soon" entries
- [x] use icon arrow-right for "Coming later" entries

#### Configurations’ table

- [x] Add column: `Server URL`
- [ ] Feature: Add column `Token owner` <mention class="mention" data-id="77763" data-type="work_package" data-text="#JIM-139" data-display-id="JIM-139">\#JIM-139</mention> 
- [ ] Feature: Sortable columns + Search/Filter rows <mention class="mention" data-id="77764" data-type="work_package" data-text="#JIM-140" data-display-id="JIM-140">\#JIM-140</mention>
- [x] Add a column with an action menu popup
  - [x] `Open runs`
  - [x] `Edit configuration`
  - [ ] Feature: `Delete` <mention class="mention" data-id="77758" data-type="work_package" data-text="#JIM-136" data-display-id="JIM-136">\#JIM-136</mention>

## Configuration editing

- [x] Replace `Test configuration` button with text below PAT input "You can test this configuration by *clicking here*"
- [x] Add a `Close` button (back to Jira import main page)
- [ ] Feature: Check on Creating (or on changing host) if a URL has been used before, show a confirmation dialog box asking <mention class="mention" data-id="77769" data-type="work_package" data-text="#JIM-144" data-display-id="JIM-144">\#JIM-144</mention>   
  title: You already have a configuration with this URL  
  text: The Jira server or data center URL <https://jira.acme-example.fr> is already used in other configurations in this instance. Are you sure you want to create a new configuration for it?  
  `Cancel` `Yes, create`

## Import runs page

### Header

- [x] Replace the button "Edit configuration" with an action menu popup
  - [x] `Edit configuration` + pencil icon
  - [ ] Feature: `Delete` + trash icon \[configuration + runs\] <mention class="mention" data-id="77758" data-type="work_package" data-text="#JIM-136" data-display-id="JIM-136">\#JIM-136</mention>

### Runs table

- [x] Remove column "Status", add the status behind the Import run name in the Import run column

- [ ] Feature: Use meta-status instead of detailed statuses <mention class="mention" data-id="77766" data-type="work_package" data-text="#JIM-141" data-display-id="JIM-141">\#JIM-141</mention>
  
    - Completed
  
    - Incomplete
  
    - Error
  
    - Reverted

- [x] Add a "..." button behind the projects in the Projects column which shows all projects (use OpPrimer::ExpandableTextComponent)

- [x] Add column  `Creator`

- [ ] Feature: Search/Filter/group rows <mention class="mention" data-id="77768" data-type="work_package" data-text="#JIM-143" data-display-id="JIM-143">\#JIM-143</mention>

- [x] Replace the edit (pencil) button with an action menu popup
  
  - [x] `Edit run` + pencil icon
  - [ ] Feature: `Open run report` + chart icon <mention class="mention" data-id="76650" data-type="work_package" data-text="#JIM-118" data-display-id="JIM-118">\#JIM-118</mention>
  - [ ] Feature: `Delete` + trash icon \[run\] <mention class="mention" data-id="77758" data-type="work_package" data-text="#JIM-136" data-display-id="JIM-136">\#JIM-136</mention>

## Import run page

### Header

- [x] Remove the badge and history link
- [x] Add hash in front of the run number "Import run \#323"

### New sidepanel right

- [x] Add a section
  
  - [x] title: "Run Status"
  - [x] last change date time e.g "23/10/2023 11:15 PM" + badge
  - [x] when the run before review mode: Link clock icon + "Open the run history" + open in new tab icon
  
  Feature: when the run is review mode/finalized/reverted,  Link chart icon + "Open the run report" + open in new tab icon <mention class="mention" data-id="76650" data-type="work_package" data-text="#JIM-118" data-display-id="JIM-118">\#JIM-118</mention>

- [ ] Feature: Add a section <mention class="mention" data-id="77753" data-type="work_package" data-text="#JIM-134" data-display-id="JIM-134">\#JIM-134</mention>   
  title: "Email when completed"  
  text: bold "Enabled." or "Disabled." + "You will receive a summary email by email when the run is finalized or reverted.
  
  link toggle: strike through bell icon if disabled + "Disable"
  
  bell icon + "Enable"

### Wizard

- [x] Combine "Get base data" + "Configure import" into one section "Configure import"
- [x] Combine "Confirm and import" + "Review import" into one section "Run and review import"

Section "Configure import"  
Sub-section "Fetch instance meta data"

- [x] when Fetching is not running:
  - [x] add `Close` button  (back to Imports runs page)
- [ ] when Fetching is running,
  - [x] the green button "Check available data" is switched to the inactive button "Fetching available meta data" with spinner
  - [ ] Feature: add "Abort" button <mention class="mention" data-id="77770" data-type="work_package" data-text="#JIM-145" data-display-id="JIM-145">\#JIM-145</mention>
- [ ] when Fetching is done
  - [x] remove the background color of the "Available for import" panel, add panel padding
  - [x] show the panel
  - [x] add `Close` button  (back to Imports runs page)
  - [x] the inactive button is switched to the green button "Continue to scope selection"
  - [x] clicking  "Continue to scope selection" moves to next section AND *automatically* opens the project selection dialog
- [x] when next sub-section is active
  - [x] show badge "completed" after the title
  - [x] sub title says: "Meta data fetched from <https://jira.acme-example.fr>"

Project selection dialog

- [x] Move filter input and actions into modal body
- [x] add blue info dialog "Only projects where the Jira token owner is member are selectable as import scope."
- [x] Number button text: "Select" instead of "Continue"
- [x] "Select all" and "Unselect all" instead of "Check all" and "Uncheck all"

Sub-section "Import scope"

- [x] add `Close` button  (back to Imports runs page)
- [ ] when Fetching is running,
  - [x] the green button "Continue" is switched to the inactive button "Fetching data from Jira" with spinner
  - [ ] Feature: add "Abort" button <mention class="mention" data-id="77770" data-type="work_package" data-text="#JIM-145" data-display-id="JIM-145">\#JIM-145</mention>
- [x] when next section is active
  - [x] show badge "completed" after the title
  - [x] sub title "${number} projects selected as scope

Section "Run and review import"

Sub-section "Import data"

- [x] remove the background color of the "Available for import" panel, add panel padding
- [x] show the panel
- [x] add `Close` button  (back to Imports runs page)

\=\>  Progress reporting (other ticket) <mention class="mention" data-id="73094" data-type="work_package" data-text="#JIM-62" data-display-id="JIM-62">\#JIM-62</mention>

Sub-section "Import run result"

- [x] Remove the green "Import run was successful" banner
- [x] Remove the blue banner "The imported data is currently in review mode. Click "Approve import" .."
- [x] Add subtitle: The imported data is currently in preview mode. Click "Finalize import" to make the import permanent or "Revert import" to undo all changes made in this import run.
- [x] The revert button text color is changed to red
- [x] Add a green box with white info tiles instead of the current grey info box
  - [ ] Feature: Button clock icon + "Open the run report" + open in new tab icon <mention class="mention" data-id="76650" data-type="work_package" data-text="#JIM-118" data-display-id="JIM-118">\#JIM-118</mention>
- [x] add `Close` button  (back to Imports runs page)