Add-a-spinner-at-least-until-some-messages-are-shown

[David-Muhasa]

As part of, or after Bootstrap 5: Cypht: Add a spinner at least until some messages are shown
In lists
For a message
Search
etc.

[Shadow243]

Please make sure all tests pass successfully

[Shadow243]

I like the idea there is just one problem when we are on the compose
page, cypht is making ajax requests on the hook: ajax_imap_message_content and this is preventing someone from continuing to write until that this request ends, several times.

Try to find a solution to this.

[Shadow243]

https://github.com/cypht-org/cypht/actions/runs/10211842394/job/28253942848?pr=1126

[Shadow243]

You changed loading_icon to

<div class="loading_bar"></div>\n
   │ +            <div class="loading_spinner text-center">\n
   │ +                <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">\n
   │ +                    <span class="visually-hidden">Loading...</span>\n
   │ +                </div>\n
   │ +            </div>'

Test:
✘ Loading icon
at:
tests/phpunit/modules/core/output_modules.php:459

[David-Muhasa]

I changed loading_icon to loading_bar

You changed loading_icon to

<div class="loading_bar"></div>\n
   │ +            <div class="loading_spinner text-center">\n
   │ +                <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">\n
   │ +                    <span class="visually-hidden">Loading...</span>\n
   │ +                </div>\n
   │ +            </div>'

Test: ✘ Loading icon at: tests/phpunit/modules/core/output_modules.php:459

I changed loading icon to loading bar to be very specific

[Shadow243]

I changed loading_icon to loading_bar

You changed loading_icon to

<div class="loading_bar"></div>\n
   │ +            <div class="loading_spinner text-center">\n
   │ +                <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">\n
   │ +                    <span class="visually-hidden">Loading...</span>\n
   │ +                </div>\n
   │ +            </div>'

Test: ✘ Loading icon at: tests/phpunit/modules/core/output_modules.php:459

I changed loading icon to loading bar to be very specific

Okay, you also need to go change this in the unit tests at this line: tests/phpunit/modules/core/output_modules.php:459

[Shadow243]

You renamed the class here: class="loading_bar" but it was refering to the module: Hm_Output_loading_icon you should keep it like that.

[Shadow243]

I'm trying to think of an example from which we can get an idea: nprogress

Can you do something like that ?