3.1 & 3.2 Extensions Database 3.1 / 3.2 ⇒ Loading indicator

[F22 Simpilot]

I'm using this with the WIn10 theme and it doesn't render correctly. See here at https://cyberpcforum.com/

[martin]

Disable the ext delete data open the ext and go to styles your see prosilver change it to all then purge cache and enable.

[F22 Simpilot]

What do you mean change it to all?

[martin]

Unistall your one and upload this one.

loadingindicator.zip

[F22 Simpilot]

Okay, thanks.

[F22 Simpilot]

Don't work. I did clear the cache.

[martin]

2 mins yes it does but text is hidden

[F22 Simpilot]

Yeah, it works, but the "Loading" text is missing. It's not like this on my other site.

[martin]

Now for dark themes as this ext is for light themes.

loadingindicator.zip

[martin]

What happened?
The owner of this website (cyberpcforum.com) has banned you temporarily from accessing this website.

Edit i now see the text after f5.

[F22 Simpilot]

Bingo!

Works now. Thanks!

[F22 Simpilot]

What happened?
The owner of this website (cyberpcforum.com) has banned you temporarily from accessing this website.

Edit i now see the text after f5.

My rate limit was too sensitive in CloudFlare. I have adjusted that now.

[F22 Simpilot]

Now for dark themes as this ext is for light themes.
loadingindicator.zip

This version no longer seems to work. When I active it my board index becomes blank with a white screen.

Here's the error_log.

[18-Nov-2019 06:11:03 America/Denver] PHP Fatal error: Uncaught Twig\Error\LoaderError: Unable to find template "loading_indicator.js" (looked into: /home/systechf/public_html/styles/win10/template, /home/systechf/public_html/styles/win10/theme, /home/systechf/public_html/styles/prosilver/template, /home/systechf/public_html/styles/prosilver/theme, /home/systechf/public_html/styles/all/template) in "@dmzx_loadingindicator/event/overall_footer_after.html" at line 1. in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php:265
Stack trace:
#0 /home/systechf/public_html/phpbb/template/twig/loader.php(135): Twig\Loader\FilesystemLoader->findTemplate('loading_indicat...')
#1 /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php(161): phpbb\template\twig\loader->findTemplate('loading_indicat...')
#2 /home/systechf/public_html/phpbb/template/twig/environment.php(313): Twig\Loader\FilesystemLoader->getCacheKey('loading_indicat...')
#3 /home/systechf/public_html/cache/production/twig/c4/c4f0c0f9843d36bb24f1c4993ff10aa9fab72b2812 in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php on line 265
[18-Nov-2019 06:11:29 America/Denver] PHP Fatal error: Uncaught Twig\Error\LoaderError: Unable to find template "loading_indicator.js" (looked into: /home/systechf/public_html/styles/win10/template, /home/systechf/public_html/styles/win10/theme, /home/systechf/public_html/styles/prosilver/template, /home/systechf/public_html/styles/prosilver/theme, /home/systechf/public_html/styles/all/template) in "@dmzx_loadingindicator/event/overall_footer_after.html" at line 1. in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php:265
Stack trace:
#0 /home/systechf/public_html/phpbb/template/twig/loader.php(135): Twig\Loader\FilesystemLoader->findTemplate('loading_indicat...')
#1 /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php(161): phpbb\template\twig\loader->findTemplate('loading_indicat...')
#2 /home/systechf/public_html/phpbb/template/twig/environment.php(313): Twig\Loader\FilesystemLoader->getCacheKey('loading_indicat...')
#3 /home/systechf/public_html/cache/production/twig/c4/c4f0c0f9843d36bb24f1c4993ff10aa9fab72b2812 in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php on line 265
[18-Nov-2019 06:15:09 America/Denver] PHP Fatal error: Uncaught Twig\Error\LoaderError: Unable to find template "loading_indicator.js" (looked into: /home/systechf/public_html/styles/win10/template, /home/systechf/public_html/styles/win10/theme, /home/systechf/public_html/styles/prosilver/template, /home/systechf/public_html/styles/prosilver/theme, /home/systechf/public_html/styles/all/template) in "@dmzx_loadingindicator/event/overall_footer_after.html" at line 1. in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php:265
Stack trace:
#0 /home/systechf/public_html/phpbb/template/twig/loader.php(135): Twig\Loader\FilesystemLoader->findTemplate('loading_indicat...')
#1 /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php(161): phpbb\template\twig\loader->findTemplate('loading_indicat...')
#2 /home/systechf/public_html/phpbb/template/twig/environment.php(313): Twig\Loader\FilesystemLoader->getCacheKey('loading_indicat...')
#3 /home/systechf/public_html/cache/production/twig/c4/c4f0c0f9843d36bb24f1c4993ff10aa9fab72b2812 in /home/systechf/public_html/vendor/twig/twig/src/Loader/FilesystemLoader.php on line 265

[F22 Simpilot]

I think I know what's wrong now. For some reason my backup of this dark version of the loading indicator didn't have the loading_indicator.js file. I just redownloded this and see it's there. Why that happened I have no idea.

I shall retry enabling this.

[Alon]

Hello I have already changed the gif with another but the box with a quarter of an image appears, what parameters can I change?
I want to change the existing gif with one of my 126x126 px with a transparent background but surely there is something to change because it doesn't show me the whole.
Thanks

Code: Select all

/*
*
* styles/prosilver/theme/loading_indicator.css
*
* @package th23_loading_indicator
* @author Thorsten Hartmann 
* @copyright (c) 2008 by Thorsten Hartmann 
* @license hp GNU Public License
* @modified by dmzx (c) 2014 (www.dmzx-web) 
*/

#loading-indicator {
	top: 40%;
	left: 45%;
	position: fixed;
	z-index: 100;
	display: none;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	background: -webkit-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -o-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: -moz-linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    background: linear-gradient(#e1ebf2, #FFFFFF, #FFFFFF, #e1ebf2);
    border: 1px solid #999999;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 5px;
    overflow: hidden;
}

#loading-indicator span {
	background: url("./images/loading_indicator.gif") 0 50% no-repeat;
	padding-left: 30;
	vertical-align: circle;
	font-weight: bold;
	font-size: 1.3em;
}