# Feature OP-9930 - Display a small loading indicator after each modification to avoid the user immediately making a second, conflicting modification

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-9930

## Planning

| Attribute | Value |
| --- | --- |
| Date | 2022-02-22 –  |
| Priority | Medium |
| Target versions | 12.1.0 |
| Sprint | 12.1.0 |
| Backlog bucket |  |
| Votes |  |
| List |  |
| Roadmap |  |
| Relevance |  |

## OPEN POINTS / FEEDBACK

_No work packages_

## Features and Chunks

_No work packages_

## Bugs and other work packages

_No work packages_

## Technical Details

| Attribute | Value |
| --- | --- |
| Module |  |
| Feature Flag |  |
| Requires doc change | No |
| Enterprise plan |  |

## Details

| Attribute | Value |
| --- | --- |
| Pull preview |  |
| Mockups |  |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Accessibility | No |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers |  |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Estimates and progress

| Attribute | Value |
| --- | --- |
| PD (min) |  |
| PD (max) |  |
| Work |  |
| Labor costs |  |

## Description

Because there is currently a small delay between when a user modifies a card and when that modification is "done", there is a risk of concurrent modifications (a second card is modified before the first is done), which currently leads to an error message.

### **Note**

This feature is separate from <mention class="mention" data-id="41199" data-type="work_package" data-text="#41199">\#41199</mention>, which is about adding a loading indicator on the calendar when *loading* cards.

### Acceptance criteria

  - When a user makes a modification (eg. moves, stretches or shortens a card), show a load/activity indicator before the "success" toast can be seen. This toast:
      - Is blue (Toast/Information)
      - Icon: the basic CSS loading indicator (animated, reduced in size) replacing the icon on the left
      - Text: "Updating..."
  - Once the operation is complete in the background, the blue information toast is replaced by the usual green success toast ("Successful update.")

### Visual

<figure class="image op-uc-figure"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27860/content"></div></figure>

### 

*The basic loading indicator animation that needs to be reduced in size and used in lieu of the left-side icon in the toast:*

<figure class="image op-uc-figure" style="width:50%;"><div class="op-uc-figure--content"><img class="op-uc-image" src="/api/v3/attachments/27796/content"></div></figure>