Loading placeholder not showing in my admin panel.

[amazingakai]

I just found out that there's a loading placeholder in piccolo admin on the demo admin panel.

It's not showing up in my admin panel for some reason though, is it a bug or what?

Screencast_20240501_203126.webm

[dantownsend]

I think the demo is running an older version - I don't automatically update it on each release.

The loading indicator might have broken after we transitioned to Vue 3. We should try and add it back if it's an easy fix.

[amazingakai]

Ah I see, thanks!

[sinisaos]

@amazingakai Yes, you are right, the loading indicator is not working. Something similar to the previous loading indicator can be achieved by moving this piece of code

piccolo_admin/admin_ui/src/views/RowListing.vue

Lines 81 to 85 in 5e8e96d

	<transition name="fade">
	<p v-show="loadingStatus" id="loading_indicator">
	{{ $t("Loading") }} ...
	</p>
	</transition>

outside the template tag like this

<template>
    <BaseView>
        <transition name="fade">
            <p
                v-show="loadingStatus"
                id="loading_indicator"
                style="padding-left: 1rem"
            >
                {{ $t("Loading") }} ...
            </p>
        </transition>
        <template v-if="!loading">
       ... 

Result is this:

loading_indicator.webm